/* Local Vazirmatn — CSS-relative path (survives domain/scheme migration; no CORS). */
@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn/Vazirmatn%5Bwght%5D.woff2") format("woff2-variations"),
    url("../fonts/Vazirmatn/Vazirmatn%5Bwght%5D.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --icm-drawer-item-gap: 10px;
  --icm-navy: #0D4778;
  --icm-gold: #8C845E;
  --icm-dark: #4E4D4D;
  --icm-green: #06AD21;
  --icm-red: #F42E2D;
  --icm-light: #EBEBEB;
  --icm-grey: #4E4D4D;
  --icm-container: 1200px;
  --icm-radius: 12px;
  --icm-font: "Vazirmatn", sans-serif;
  --icm-font-family: var(--icm-font);
  --icm-font-family-fa: var(--icm-font);
  --icm-font-primary: var(--icm-font);
  --icm-deep: color-mix(in srgb, var(--icm-navy) 58%, #00101f);
  --icm-deeper: color-mix(in srgb, var(--icm-navy) 72%, #000);
  --icm-soft: color-mix(in srgb, var(--icm-navy) 5%, #fff);
  --icm-border: color-mix(in srgb, var(--icm-navy) 14%, #fff);
  --icm-shadow: 0 8px 24px rgba(13, 71, 120, .07);
  --icm-bg: #fff;
}

/* Global Persian/Arabic RTL lock — English strictly mirrors to LTR when marked */
:root,
html,
body,
html[dir="rtl"],
html[lang^="fa"],
html[lang^="ar"],
body.rtl,
body.icm-dir-rtl,
body.icm-lang-fa,
body.icm-lang-ar {
  direction: rtl;
  text-align: right
}

html[dir="ltr"],
html[dir="ltr"][lang^="en"],
body.ltr,
body.icm-dir-ltr {
  direction: ltr;
  text-align: left
}

/* Smart numeral localization — Vazirmatn ss01 = Persian digits; EN stays Latin */
body:not(.ltr),
body.rtl,
body.icm-dir-rtl,
body.icm-digits-eastern,
html[dir="rtl"],
html[lang^="fa"],
html[lang^="ar"] {
  font-feature-settings: "ss01" on;
}

body.ltr,
body.icm-dir-ltr,
body.icm-digits-latin,
html[dir="ltr"],
html[lang^="en"] {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: normal;
}

/* Number-heavy UI inherits the active numeral system */
.icm-stat-number,
.stat-number,
.icm-stat-digits,
.icm-stats strong,
.icm-countdown,
.icm-countdown *,
.icm-slide-meta,
.icm-card-meta,
.icm-footer-bottom__copy,
.icm-footer-legal,
time {
  font-variant-numeric: inherit;
  font-feature-settings: inherit;
}

body.ltr .icm-stat-number,
body.ltr .stat-number,
body.ltr .icm-stat-digits,
body.ltr .icm-stats strong,
body.icm-digits-latin .icm-stat-number,
html[dir="ltr"] .icm-stat-number {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: normal;
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  margin: 0;
  font-family: var(--icm-font);
  color: #0b2f50;
  background: var(--icm-bg);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

a {
  color: inherit;
  text-decoration: none
}

img {
  display: block;
  max-width: 100%
}

button,
input,
select,
textarea {
  font: inherit
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.icm-container {
  width: min(var(--icm-container), calc(100% - 64px));
  margin-inline: auto
}

/* header */
.icm-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--icm-deeper);
  color: #fff;
  box-shadow: 0 3px 13px rgba(1, 21, 39, .13)
}

.icm-header__inner {
  height: 64px;
  display: flex;
  align-items: center;
  gap: 26px;
  direction: rtl;
  justify-content: space-between
}

.icm-logo {
  display: flex;
  align-items: center;
  margin-inline: 0;
  flex: 0 0 auto
}

.icm-logo img,
.icm-logo .custom-logo {
  width: auto;
  height: 40px;
  max-width: 140px;
  object-fit: contain
}

.icm-nav {
  display: flex;
  align-items: center;
  gap: 1px
}

.icm-nav ul {
  display: flex;
  align-items: center;
  gap: 1px;
  list-style: none;
  margin: 0;
  padding: 0
}

.icm-nav>a,
.icm-nav li>a {
  display: block;
  padding: 20px 12px 16px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, .94);
  border-bottom: 3px solid transparent;
  transition: color .18s, border-color .18s
}

.icm-nav>a:hover,
.icm-nav li>a:hover,
.icm-nav .current-menu-item>a,
.icm-nav a.current {
  border-bottom-color: var(--icm-gold);
  color: #fff
}

.icm-header__actions {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-inline: 0;
  direction: rtl
}

.icm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 37px;
  padding: 7px 18px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid transparent;
  transition: transform .18s, box-shadow .18s, background-color .18s;
  cursor: pointer
}

.icm-btn:hover {
  transform: translateY(-1px)
}

.icm-btn--outline {
  border-color: color-mix(in srgb, var(--icm-gold) 75%, #fff);
  color: #fff;
  background: transparent
}

.icm-btn--gold {
  background: var(--icm-gold);
  color: #fff;
  box-shadow: 0 5px 14px rgba(140, 132, 94, .16)
}

.icm-menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 23px
}

.icm-mobile-nav {
  background: #fff;
  color: #0c3153;
  padding: 12px 24px;
  border-top: 1px solid var(--icm-border)
}

.icm-mobile-nav ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.icm-mobile-nav a {
  display: block;
  padding: 9px 5px;
  border-bottom: 1px solid #edf1f4
}

/* hero: background intentionally same as page/list */
.icm-academy-hero {
  background: var(--icm-bg);
  padding: 28px 0 16px
}

.icm-academy-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 58px;
  align-items: center
}

.icm-academy-copy {
  padding: 0 4px
}

.icm-breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 10px;
  color: #607589;
  margin-bottom: 20px
}

.icm-academy-copy h1 {
  font-size: 43px;
  line-height: 1.16;
  margin: 0 0 9px;
  color: #082e52;
  letter-spacing: -.03em;
  font-weight: 800
}

.icm-academy-copy h2 {
  font-size: 19px;
  line-height: 1.55;
  color: var(--icm-gold);
  margin: 0 0 7px;
  font-weight: 700
}

.icm-academy-copy>p {
  font-size: 12px;
  color: #435e75;
  margin: 0 0 18px;
  max-width: 520px
}

.icm-search {
  height: 42px;
  display: flex;
  align-items: center;
  border: 1px solid var(--icm-border);
  border-radius: 8px;
  max-width: 390px;
  background: #fff;
  overflow: hidden
}

.icm-search input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 15px;
  background: transparent;
  color: #183a56;
  font-size: 11px
}

.icm-search button {
  width: 46px;
  height: 100%;
  border: 0;
  background: #fff;
  color: #0b3153;
  font-size: 25px;
  cursor: pointer
}

.icm-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 21px;
  max-width: 520px
}

.icm-stats>div {
  min-width: 0;
  text-align: center;
  border-left: 1px solid var(--icm-border);
  padding: 0 9px
}

.icm-stats>div:last-child {
  border-left: 0
}

.icm-stats strong {
  display: block;
  font-size: 17px;
  line-height: 1.2;
  color: #0a3155;
  font-weight: 800
}

.icm-stats span {
  display: block;
  margin-top: 5px;
  font-size: 9px;
  color: #4d6477;
  white-space: nowrap
}

/* featured 5-post slider */
.icm-slider {
  position: relative;
  height: 260px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--icm-deeper);
  box-shadow: 0 10px 25px rgba(0, 34, 60, .11)
}

.icm-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease;
  pointer-events: none
}

.icm-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.icm-slide__visual {
  position: absolute;
  inset: 0
}

.icm-slide__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.96)
}

.icm-slide__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 23, 43, .22) 0%, rgba(0, 27, 48, .35) 28%, rgba(0, 29, 51, .78) 66%, rgba(0, 26, 47, .98) 100%)
}

.icm-slide__copy {
  position: absolute;
  right: 24px;
  top: 18px;
  bottom: 33px;
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  z-index: 2
}

.icm-badge {
  display: inline-flex;
  align-items: center;
  min-height: 23px;
  padding: 3px 9px;
  border-radius: 4px;
  background: var(--icm-navy);
  color: #fff;
  font-size: 8px;
  font-weight: 700
}

.icm-badge--gold {
  background: var(--icm-gold)
}

.icm-slide__copy h2 {
  font-size: 19px;
  line-height: 1.55;
  margin: 11px 0 3px;
  font-weight: 800
}

.icm-slide__copy p {
  font-size: 10px;
  line-height: 1.75;
  margin: 0;
  color: rgba(255, 255, 255, .86);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-slide-meta,
.icm-card-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 8px;
  color: rgba(255, 255, 255, .82);
  margin-top: auto
}

.icm-slider__prev,
.icm-slider__next {
  position: absolute;
  z-index: 5;
  bottom: 16px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .85);
  background: rgba(0, 18, 33, .25);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 20px;
  cursor: pointer
}

.icm-slider__prev {
  right: 16px
}

.icm-slider__next {
  left: 16px
}

.icm-slider__dots {
  position: absolute;
  z-index: 5;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 7px
}

.icm-slider__dots button {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: #d6dbe0
}

.icm-slider__dots button.is-active {
  background: var(--icm-gold)
}

/* category bar */
.icm-filterbar {
  background: var(--icm-bg);
  padding: 18px 0 3px
}

.icm-filterbar__inner {
  border-top: 1px solid var(--icm-border);
  border-bottom: 1px solid var(--icm-border);
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 18px
}

.icm-filterbar__label {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--icm-soft);
  padding: 8px 13px;
  border-radius: 5px;
  color: #50677a;
  font-size: 9px
}

.icm-filterbar__rail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  touch-action: pan-x;
  padding: 4px 0;
  flex: 1
}

.icm-filterbar__rail::-webkit-scrollbar,
.icm-scroll-rail::-webkit-scrollbar {
  display: none
}

.icm-filterbar__rail a {
  flex: 0 0 auto;
  min-width: 85px;
  text-align: center;
  padding: 7px 16px;
  border: 1px solid var(--icm-border);
  border-radius: 5px;
  background: #fff;
  color: #334e65;
  font-size: 9px;
  scroll-snap-align: start
}

.icm-filterbar__rail a.is-active {
  background: var(--icm-deeper);
  border-color: var(--icm-deeper);
  color: #fff
}

/* sections */
.icm-section {
  background: var(--icm-bg);
  padding: 14px 0
}

.icm-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 11px;
  direction: rtl;
  text-align: right
}

.icm-section-title h2 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0;
  color: #0a3154;
  text-align: right
}

.icm-section-title a {
  font-size: 9px;
  color: #173f60;
  font-weight: 600
}

.icm-scroll-rail {
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
  cursor: grab
}

.icm-scroll-rail.is-dragging {
  cursor: grabbing;
  user-select: none
}

/* article collections: visually matches reference but uses articles, not LMS */
.icm-topic-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px
}

.icm-topic-card {
  min-height: 154px;
  display: grid;
  grid-template-columns: 42% 58%;
  border: 1px solid var(--icm-border);
  border-radius: 9px;
  background: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 3px 12px rgba(13, 71, 120, .025)
}

.icm-topic-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fbfcfd
}

.icm-topic-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-topic-card__body {
  padding: 17px 16px 13px;
  position: relative
}

.icm-topic-card h3 {
  font-size: 14px;
  line-height: 1.5;
  margin: 3px 0 6px;
  color: #0b3153
}

.icm-topic-card--gold h3 {
  color: var(--icm-gold)
}

.icm-topic-card--green h3 {
  color: color-mix(in srgb, var(--icm-green) 64%, #07442c)
}

.icm-topic-card p {
  font-size: 9px;
  line-height: 1.85;
  color: #4c6277;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-topic-meta {
  position: absolute;
  right: 16px;
  left: 16px;
  bottom: 12px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #eff2f4;
  padding-top: 7px;
  font-size: 8px;
  color: #5d7082
}

.icm-round-arrow {
  position: absolute;
  left: 10px;
  bottom: 11px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--icm-deeper);
  color: #fff;
  font-size: 18px;
  box-shadow: 0 3px 8px rgba(0, 33, 60, .12)
}

.icm-topic-card--gold .icm-round-arrow {
  background: var(--icm-gold)
}

.icm-topic-card--green .icm-round-arrow {
  background: color-mix(in srgb, var(--icm-green) 55%, #00482d)
}

/* selected cards with explicit white-to-image fade */
.icm-selected-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px
}

.icm-selected-card {
  height: 150px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--icm-border);
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: 56% 44%;
  box-shadow: 0 3px 12px rgba(13, 71, 120, .025)
}

.icm-selected-card__text {
  position: relative;
  z-index: 3;
  padding: 12px 13px;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.icm-selected-card__text:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -76px;
  width: 110px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 72%);
  pointer-events: none
}

.icm-selected-card__image {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.icm-selected-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.icm-selected-card__image:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 55%)
}

.icm-selected-card h3 {
  font-size: 13px;
  line-height: 1.7;
  margin: 9px 0 2px;
  color: #0d2f4d;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-selected-card .icm-card-meta {
  color: #667989;
  margin-top: auto;
  width: 100%;
  padding-top: 7px;
  border-top: 1px solid #eef1f3;
  justify-content: space-between
}

/* big psychology banner with fade */
.icm-feature-banner {
  min-height: 173px;
  display: grid;
  grid-template-columns: 55% 45%;
  border-radius: 9px;
  overflow: hidden;
  background: var(--icm-deeper);
  color: #fff;
  position: relative
}

.icm-feature-banner__image {
  position: relative;
  overflow: hidden
}

.icm-feature-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-feature-banner__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 26, 47, .06) 10%, rgba(0, 26, 47, .45) 70%, var(--icm-deeper) 100%)
}

.icm-feature-banner__copy {
  padding: 20px 36px 18px 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  z-index: 2
}

.icm-feature-banner__copy h2 {
  font-size: 22px;
  line-height: 1.45;
  margin: 7px 0 4px;
  color: #fff
}

.icm-feature-banner__copy p {
  font-size: 10px;
  color: rgba(255, 255, 255, .82);
  margin: 0 0 10px;
  max-width: 360px
}

/* guides */
.icm-guide-row {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px
}

.icm-guide-card {
  min-width: 0;
  height: 108px;
  border: 1px solid var(--icm-border);
  border-radius: 7px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px;
  scroll-snap-align: start
}

.icm-guide-card img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  margin-bottom: 5px;
  mix-blend-mode: multiply
}

.icm-guide-card strong {
  font-size: 8.5px;
  line-height: 1.5;
  color: #183a57;
  font-weight: 600
}

/* webinar */
.icm-webinar {
  min-height: 102px;
  display: grid;
  grid-template-columns: 28% 1fr 150px 190px auto;
  align-items: center;
  background: var(--icm-deeper);
  color: #fff;
  border-radius: 8px;
  overflow: hidden
}

.icm-webinar__image {
  height: 102px;
  position: relative;
  overflow: hidden
}

.icm-webinar__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-webinar__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 26, 47, .08), var(--icm-deeper))
}

.icm-live {
  position: absolute;
  z-index: 3;
  top: 8px;
  right: 8px;
  background: var(--icm-red);
  color: #fff;
  border-radius: 12px;
  padding: 2px 7px;
  font-size: 8px
}

.icm-webinar__main {
  padding: 8px 12px
}

.icm-webinar__main h3 {
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 8px
}

.icm-instructor {
  display: flex;
  align-items: center;
  gap: 8px
}

.icm-instructor img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1/1;
  padding: 0;
  flex-shrink: 0
}

.icm-instructor span {
  font-size: 8px;
  line-height: 1.45
}

.icm-instructor small {
  opacity: .72
}

.icm-webinar__time {
  display: grid;
  gap: 7px;
  border-inline: 1px solid rgba(255, 255, 255, .16);
  padding: 2px 16px;
  font-size: 9px
}

.icm-webinar__time span {
  opacity: .8
}

.icm-countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  padding: 0 10px
}

.icm-countdown span {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 7px;
  color: rgba(255, 255, 255, .7)
}

.icm-countdown b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, .07);
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  margin-bottom: 2px
}

.icm-webinar>.icm-btn {
  margin: 0 12px;
  white-space: nowrap
}

/* CTA */
.icm-final-cta {
  background: var(--icm-bg);
  padding: 13px 0 9px
}

.icm-final-cta__inner {
  height: 67px;
  border-radius: 8px;
  background: var(--icm-deeper);
  color: #fff;
  display: grid;
  grid-template-columns: 75px 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 0 26px;
  position: relative;
  overflow: hidden
}

.icm-final-cta__inner:after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, transparent 0 18px, rgba(140, 132, 94, .08) 19px 20px);
  pointer-events: none
}

.icm-final-cta__icon {
  width: 58px;
  height: 54px;
  object-fit: contain;
  mix-blend-mode: screen;
  position: relative;
  z-index: 2
}

.icm-final-cta__inner>div,
.icm-final-cta__inner>.icm-btn {
  position: relative;
  z-index: 2
}

.icm-final-cta h2 {
  font-size: 18px;
  margin: 0;
  line-height: 1.35
}

.icm-final-cta p {
  font-size: 8.5px;
  margin: 2px 0 0;
  color: rgba(255, 255, 255, .78)
}

/* footer */
.icm-footer {
  background: var(--icm-deeper);
  color: #fff;
  padding: 18px 0 11px
}

.icm-footer__grid {
  display: grid;
  grid-template-columns: 1.8fr repeat(5, 1fr);
  gap: 28px
}

.icm-footer__brand img {
  height: 38px;
  width: auto;
  margin-bottom: 8px
}

.icm-footer__brand p {
  font-size: 8px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .68);
  margin: 0;
  max-width: 245px
}

.icm-footer h3 {
  font-size: 9px;
  margin: 0 0 6px
}

.icm-footer ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.icm-footer li,
.icm-footer li a {
  font-size: 7.5px;
  line-height: 1.85;
  color: rgba(255, 255, 255, .7)
}

.icm-socials {
  display: flex;
  gap: 7px;
  margin-top: 10px
}

.icm-socials a {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 8px
}

.icm-footer__bottom {
  margin-top: 32px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .18);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  font-size: 12px;
  color: rgba(255, 255, 255, .7)
}

/* Elementor cleanup */
.elementor-widget-icm_academy_hero>.elementor-widget-container,
.elementor-widget-icm_academy_filters>.elementor-widget-container,
.elementor-widget-icm_academy_collections>.elementor-widget-container,
.elementor-widget-icm_academy_selected>.elementor-widget-container,
.elementor-widget-icm_academy_feature>.elementor-widget-container,
.elementor-widget-icm_academy_guides>.elementor-widget-container,
.elementor-widget-icm_academy_webinar>.elementor-widget-container,
.elementor-widget-icm_academy_cta>.elementor-widget-container {
  margin: 0;
  padding: 0
}

/* generic content */
.icm-pagehead,
.icm-collections-hero,
.icm-single-head {
  background: var(--icm-bg)
}

.icm-empty {
  text-align: center;
  padding: 60px 20px
}

.icm-empty strong {
  font-size: 72px;
  color: var(--icm-gold)
}

@media(max-width:1100px) {
  .icm-container {
    width: min(var(--icm-container), calc(100% - 38px))
  }

  .icm-nav {
    display: none
  }

  .icm-menu-toggle {
    display: block
  }

  .icm-academy-hero__grid {
    grid-template-columns: 1fr;
    gap: 24px
  }

  .icm-academy-copy {
    order: 1
  }

  .icm-slider {
    order: 2;
    max-width: 650px;
    width: 100%;
    justify-self: center
  }

  .icm-topic-row {
    grid-template-columns: repeat(2, 1fr)
  }

  .icm-selected-row {
    display: flex;
    overflow-x: auto
  }

  .icm-selected-card {
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 2) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 2));
    min-width: 0;
    scroll-snap-align: start
  }

  .icm-guide-row {
    display: flex;
    overflow-x: auto
  }

  .icm-guide-card {
    flex: 0 0 120px
  }

  .icm-webinar {
    grid-template-columns: 210px 1fr auto
  }

  .icm-webinar__time,
  .icm-countdown {
    display: none
  }

  .icm-footer__grid {
    grid-template-columns: 1.8fr repeat(3, 1fr)
  }
}

@media(max-width:720px) {
  .icm-container {
    width: calc(100% - 28px)
  }

  .icm-header__inner {
    height: 60px
  }

  .icm-logo img,
  .icm-logo .custom-logo {
    height: 34px
  }

  .icm-academy-hero {
    padding-top: 18px
  }

  .icm-academy-copy h1 {
    font-size: 33px
  }

  .icm-academy-copy h2 {
    font-size: 16px
  }

  .icm-academy-copy>p {
    font-size: 11px
  }

  .icm-search {
    max-width: none
  }

  .icm-stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px
  }

  .icm-stats>div:nth-child(2) {
    border-left: 0
  }

  .icm-slider {
    height: 265px
  }

  .icm-slide__copy {
    right: 18px;
    width: 72%
  }

  .icm-slide__shade {
    background: linear-gradient(90deg, rgba(0, 23, 43, .4), rgba(0, 26, 47, .92))
  }

  .icm-slide__copy h2 {
    font-size: 18px
  }

  .icm-filterbar__inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 10px 0
  }

  .icm-filterbar__rail {
    width: 100%;
    justify-content: flex-start;
    direction: rtl
  }

  .icm-section {
    padding: 18px 0
  }

  .icm-section-title h2 {
    font-size: 16px
  }

  .icm-topic-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
  }

  .icm-topic-card {
    flex: 0 0 88%;
    min-width: 300px;
    scroll-snap-align: start
  }

  .icm-selected-row {
    gap: 10px
  }

  .icm-selected-card {
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 1) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 1));
    min-width: 0;
    height: 145px
  }

  .icm-feature-banner {
    grid-template-columns: 1fr;
    min-height: 0
  }

  .icm-feature-banner__image {
    height: 180px
  }

  .icm-feature-banner__image:after {
    background: linear-gradient(180deg, rgba(0, 26, 47, .05), var(--icm-deeper))
  }

  .icm-feature-banner__copy {
    padding: 18px 20px 21px;
    margin-top: -35px
  }

  .icm-feature-banner__copy h2 {
    font-size: 20px
  }

  .icm-webinar {
    grid-template-columns: 1fr;
    padding: 0 14px 14px
  }

  .icm-webinar__image {
    height: 125px;
    margin: 0 -14px
  }

  .icm-webinar__image:after {
    background: linear-gradient(180deg, transparent, var(--icm-deeper))
  }

  .icm-webinar__main {
    padding: 8px 0
  }

  .icm-webinar>.icm-btn {
    margin: 8px 0 0
  }

  .icm-final-cta__inner {
    height: auto;
    min-height: 105px;
    grid-template-columns: 58px 1fr;
    padding: 15px 18px
  }

  .icm-final-cta__inner>.icm-btn {
    grid-column: 1/-1
  }

  .icm-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px
  }

  .icm-footer__brand {
    grid-column: 1/-1
  }

  .icm-footer__bottom {
    flex-direction: column;
    gap: 5px
  }

  .icm-slider__dots {
    bottom: -19px
  }
}

@media(max-width:420px) {

  .icm-topic-card,
  .icm-selected-card {
    flex-basis: calc((100% - (var(--icm-selected-columns, 1) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 1));
    min-width: 0
  }

  .icm-slide__copy {
    width: 78%
  }

  .icm-stats strong {
    font-size: 16px
  }
}

@media(prefers-reduced-motion:reduce) {

  *,
  *:before,
  *:after {
    scroll-behavior: auto;
    animation-duration: .01ms;
    transition-duration: .01ms
  }

  .icm-slider__dots {
    display: none
  }
}

.icm-lang {
  font-size: 11px;
  color: #fff;
  white-space: nowrap;
  margin-left: 2px
}

@media(max-width:720px) {
  .icm-lang {
    display: none
  }
}

/* Single Article ? approved 2026 layout */
.icm-single-head {
  padding: 22px 0 10px;
  background: var(--icm-bg)
}

.icm-single-head .icm-breadcrumb {
  margin: 0 0 14px;
  flex-wrap: wrap
}

.icm-single-head .icm-breadcrumb a {
  color: #63798c
}

.icm-single-hero {
  min-height: 360px;
  display: grid;
  grid-template-columns: 56% 44%;
  border: 1px solid var(--icm-border);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--icm-shadow)
}

.icm-single-hero__image {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  order: 1
}

.icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, .18) 62%, #fff 100%);
  pointer-events: none
}

.icm-single-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.icm-single-hero__copy {
  position: relative;
  z-index: 2;
  padding: 38px 42px 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  order: 2
}

.icm-single-hero__copy:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -90px;
  width: 120px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 72%);
  z-index: -1
}

.icm-single-hero h1 {
  font-size: 34px;
  line-height: 1.6;
  letter-spacing: -.025em;
  color: #0a2f51;
  margin: 12px 0 10px;
  font-weight: 800
}

.icm-single-excerpt {
  font-size: 13px;
  line-height: 2;
  color: #435e75;
  margin: 0 0 20px
}

.icm-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px
}

.icm-author img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1/1;
  padding: 0;
  flex-shrink: 0
}

.icm-author span {
  display: grid;
  line-height: 1.5
}

.icm-author b {
  font-size: 11px;
  color: #143a5a
}

.icm-author small {
  font-size: 9px;
  color: #6f8191;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.icm-single-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 15px;
  padding-top: 13px;
  border-top: 1px solid #edf1f4;
  width: 100%;
  font-size: 9px;
  color: #617588
}

.icm-single-actions {
  display: flex;
  gap: 9px;
  margin-top: 16px;
  flex-wrap: wrap
}

.icm-single-actions button {
  min-height: 38px;
  border: 1px solid var(--icm-border);
  background: #fff;
  color: #173a59;
  border-radius: 7px;
  padding: 7px 14px;
  font-weight: 700;
  font-size: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px
}

.icm-single-actions button:hover,
.icm-single-actions button:focus-visible {
  border-color: var(--icm-gold);
  outline: none
}

.icm-single-actions button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--icm-gold) 10%, #fff);
  border-color: var(--icm-gold);
  color: #5e572f
}

.icm-single-body {
  padding-top: 20px
}

.icm-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 275px;
  gap: 34px;
  align-items: start;
  direction: ltr
}

.icm-single-layout>* {
  direction: rtl
}

.icm-prose {
  min-width: 0;
  color: #183b57;
  font-size: 14px;
  line-height: 2.15
}

.icm-prose>*:first-child {
  margin-top: 0
}

.icm-prose h2 {
  font-size: 23px;
  line-height: 1.7;
  color: #0a3153;
  margin: 36px 0 12px
}

.icm-prose h3 {
  font-size: 18px;
  line-height: 1.75;
  color: #123a5b;
  margin: 28px 0 10px
}

.icm-prose p {
  margin: 0 0 18px
}

.icm-prose ul,
.icm-prose ol {
  padding-right: 22px;
  margin: 0 0 20px
}

.icm-prose blockquote {
  margin: 24px 0;
  padding: 18px 22px;
  border: 1px solid color-mix(in srgb, var(--icm-gold) 28%, #fff);
  border-right: 4px solid var(--icm-gold);
  border-radius: 9px;
  background: color-mix(in srgb, var(--icm-gold) 5%, #fff);
  color: #334e65
}

.icm-prose figure {
  margin: 26px 0
}

.icm-prose figure img,
.icm-prose>img {
  width: 100%;
  height: auto;
  border-radius: 10px
}

.icm-prose a {
  color: var(--icm-navy);
  text-decoration: underline;
  text-underline-offset: 3px
}

.icm-post-tags {
  border-top: 1px solid var(--icm-border);
  margin-top: 30px;
  padding-top: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap
}

.icm-post-tags strong {
  font-size: 11px
}

.icm-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap
}

.icm-tags a,
.icm-tags span {
  display: inline-flex;
  padding: 5px 11px;
  border-radius: 5px;
  background: var(--icm-soft);
  font-size: 9px;
  color: #466178;
  text-decoration: none
}

.icm-sidebar {
  display: grid;
  gap: 14px;
  position: sticky;
  top: 86px
}

.icm-sidebar>section,
.icm-sidebar>.icm-toc,
.icm-widget {
  border: 1px solid var(--icm-border);
  border-radius: 10px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 4px 14px rgba(13, 71, 120, .035)
}

.icm-sidebar h3,
.icm-widget-title {
  font-size: 14px;
  color: #0b3153;
  margin: 0 0 14px
}

.icm-toc nav {
  display: grid;
  gap: 8px;
  border-right: 1px solid #dce4ea;
  padding-right: 13px
}

.icm-toc a {
  font-size: 9.5px;
  color: #526b80;
  line-height: 1.75;
  position: relative
}

.icm-toc a:before {
  content: "";
  position: absolute;
  right: -17px;
  top: .75em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #aebdca
}

.icm-toc a.is-active {
  color: var(--icm-gold);
  font-weight: 700
}

.icm-toc a.is-active:before {
  background: var(--icm-gold);
  border-color: var(--icm-gold)
}

.icm-author-card {
  text-align: center
}

.icm-author-card img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto 8px;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1/1;
  padding: 0;
  display: block
}

.icm-author-card h4 {
  font-size: 12px;
  margin: 0 0 5px;
  color: #153a59
}

.icm-author-card p {
  font-size: 9px;
  line-height: 1.8;
  color: #617486;
  margin: 0
}

.icm-sidebar-popular {
  display: grid;
  gap: 10px
}

.icm-sidebar-post {
  display: grid;
  grid-template-columns: 75px 1fr;
  gap: 10px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid #edf1f4
}

.icm-sidebar-post:first-of-type {
  padding-top: 0;
  border-top: 0
}

.icm-sidebar-post img {
  width: 75px;
  height: 52px;
  object-fit: cover;
  border-radius: 6px
}

.icm-sidebar-post span {
  display: grid;
  gap: 4px
}

.icm-sidebar-post b {
  font-size: 9px;
  line-height: 1.65;
  color: #153a59;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-sidebar-post small {
  font-size: 7.5px;
  color: #7a8b99
}

.icm-related-section {
  padding-top: 8px
}

.icm-related-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px
}

.icm-related-item {
  min-width: 0
}

.icm-related-item .icm-article-card {
  height: 100%
}

.icm-single-newsletter {
  min-height: 96px;
  border-radius: 10px;
  background: var(--icm-deeper);
  color: #fff;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
  position: relative
}

.icm-single-newsletter:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 15% 50%, rgba(140, 132, 94, .17), transparent 34%);
  pointer-events: none
}

.icm-single-newsletter>div,
.icm-single-newsletter>a {
  position: relative;
  z-index: 1
}

.icm-single-newsletter h2 {
  font-size: 20px;
  line-height: 1.5;
  margin: 0 0 3px;
  color: #fff
}

.icm-single-newsletter p {
  font-size: 9px;
  color: rgba(255, 255, 255, .74);
  margin: 0
}

.elementor-widget-icm_single_hero>.elementor-widget-container,
.elementor-widget-icm_single_content>.elementor-widget-container,
.elementor-widget-icm_single_related>.elementor-widget-container,
.elementor-widget-icm_single_newsletter>.elementor-widget-container {
  margin: 0;
  padding: 0
}

@media(max-width:1100px) {
  .icm-single-hero {
    grid-template-columns: 52% 48%
  }

  .icm-single-hero h1 {
    font-size: 28px
  }

  .icm-single-hero__copy {
    padding: 30px 28px
  }

  .icm-single-layout {
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 24px
  }

  .icm-related-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .icm-related-item:nth-child(n+4) {
    display: none
  }
}

@media(max-width:820px) {
  .icm-single-hero {
    grid-template-columns: 1fr
  }

  .icm-single-hero__image {
    order: 1;
    min-height: 280px;
    height: 280px
  }

  .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 55%, #fff 100%)
  }

  .icm-single-hero__copy {
    order: 2;
    padding: 12px 24px 26px;
    margin-top: -28px;
    background: #fff;
    border-radius: 24px 24px 0 0
  }

  .icm-single-hero__copy:before {
    display: none
  }

  .icm-single-layout {
    grid-template-columns: 1fr;
    direction: rtl
  }

  .icm-sidebar {
    position: static;
    grid-template-columns: 1fr 1fr
  }

  .icm-sidebar .icm-toc {
    grid-column: 1/-1
  }

  .icm-related-rail {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    padding-bottom: 4px
  }

  .icm-related-item {
    flex: 0 0 48%;
    scroll-snap-align: start
  }

  .icm-related-item:nth-child(n) {
    display: block
  }

  .icm-single-newsletter {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px
  }
}

@media(max-width:560px) {
  .icm-single-head {
    padding-top: 14px
  }

  .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }

  .icm-single-hero h1 {
    font-size: 24px;
    line-height: 1.65
  }

  .icm-single-excerpt {
    font-size: 11px
  }

  .icm-single-hero__copy {
    padding: 10px 18px 22px
  }

  .icm-single-layout {
    gap: 18px
  }

  .icm-prose {
    font-size: 13px;
    line-height: 2
  }

  .icm-prose h2 {
    font-size: 20px
  }

  .icm-prose h3 {
    font-size: 17px
  }

  .icm-sidebar {
    grid-template-columns: 1fr
  }

  .icm-sidebar .icm-toc {
    grid-column: auto
  }

  .icm-related-item {
    flex-basis: 82%;
    min-width: 260px
  }

  .icm-single-newsletter {
    padding: 18px
  }

  .icm-single-newsletter h2 {
    font-size: 17px
  }

  .icm-single-actions button {
    flex: 1
  }

  .icm-single-meta {
    gap: 8px 12px
  }
}

/* RC6: reliable whole-card article links */
.icm-clickable-card {
  position: relative;
  cursor: pointer
}

.icm-card-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 20;
  border-radius: inherit
}

.icm-card-overlay-link:focus-visible {
  outline: 3px solid var(--icm-gold);
  outline-offset: 3px
}

.icm-clickable-card .icm-badge,
.icm-clickable-card .icm-card-meta {
  pointer-events: none
}

.icm-slide {
  position: relative
}

.icm-slide-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit
}

.icm-slide__copy {
  z-index: 5;
  pointer-events: none
}

.icm-slide__copy .icm-badge,
.icm-slide__copy h2,
.icm-slide__copy p,
.icm-slide__copy .icm-card-meta {
  pointer-events: none
}

.icm-slider__nav,
.icm-slider__dots {
  z-index: 8
}

/* RC7 ? approved lower Academy layout alignment */
.icm-feature-banner {
  direction: ltr;
  grid-template-columns: 55% 45%;
  min-height: 190px
}

.icm-feature-banner__image {
  grid-column: 1;
  direction: rtl
}

.icm-feature-banner__copy {
  grid-column: 2;
  direction: rtl;
  align-items: flex-start;
  text-align: right;
  padding: 22px 30px
}

.icm-feature-banner__image:after {
  background: linear-gradient(90deg, rgba(0, 26, 47, .02) 0%, rgba(0, 26, 47, .16) 58%, var(--icm-deeper) 100%)
}

.icm-section--guides {
  padding-top: 5px
}

.icm-guide-card {
  height: 122px;
  border-radius: 9px
}

.icm-guide-card img {
  width: 50px;
  height: 50px
}

.icm-guide-card strong {
  font-size: 9px
}

.icm-webinar {
  direction: ltr;
  grid-template-columns: 29% 1fr 155px 205px auto;
  min-height: 112px
}

.icm-webinar>* {
  direction: rtl
}

.icm-webinar__image {
  grid-column: 1;
  height: 112px
}

.icm-webinar__main {
  grid-column: 2
}

.icm-webinar__time {
  grid-column: 3
}

.icm-countdown {
  grid-column: 4
}

.icm-webinar>.icm-btn {
  grid-column: 5
}

.icm-webinar__image:after {
  background: linear-gradient(90deg, rgba(0, 26, 47, .04), var(--icm-deeper))
}

.icm-final-cta__inner {
  direction: ltr;
  grid-template-columns: auto 1fr 78px;
  min-height: 72px
}

.icm-final-cta__inner>* {
  direction: rtl
}

.icm-final-cta__icon {
  grid-column: 3
}

.icm-final-cta__inner>div {
  grid-column: 2;
  text-align: right
}

.icm-final-cta__inner>.icm-btn {
  grid-column: 1
}

/* RC7 ? Articles archive: exact hierarchy of the approved reference */
.icm-articles-head {
  background: var(--icm-bg);
  padding: 26px 0 8px
}

.icm-articles-head .icm-breadcrumb {
  margin-bottom: 14px
}

.icm-articles-head__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 36px;
  align-items: end
}

.icm-articles-head__copy h1 {
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -.025em;
  color: #0a3154;
  margin: 0 0 8px;
  font-weight: 800
}

.icm-articles-head__copy p {
  max-width: 760px;
  margin: 0;
  color: #536b7e;
  font-size: 11px;
  line-height: 1.9
}

.icm-search--archive {
  max-width: none;
  width: 100%
}

.icm-category-tabs {
  display: flex;
  gap: 12px;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  border-top: 1px solid var(--icm-border);
  border-bottom: 1px solid var(--icm-border);
  padding: 15px 0;
  margin-top: 20px;
  touch-action: pan-x
}

.icm-category-tabs::-webkit-scrollbar {
  display: none
}

.icm-category-tabs a {
  flex: 0 0 auto;
  min-width: 112px;
  text-align: center;
  border: 1px solid var(--icm-border);
  border-radius: 6px;
  padding: 7px 17px;
  background: #fff;
  color: #35516a;
  font-size: 9px;
  scroll-snap-align: start
}

.icm-category-tabs a.is-active {
  background: var(--icm-deeper);
  border-color: var(--icm-deeper);
  color: #fff
}

.icm-section--archive-feature {
  padding-top: 19px;
  padding-bottom: 23px
}

.icm-archive-feature {
  position: relative;
  display: grid;
  grid-template-columns: 52% 48%;
  direction: ltr;
  min-height: 365px;
  border-radius: 11px;
  overflow: hidden;
  background: var(--icm-deeper);
  box-shadow: 0 10px 25px rgba(0, 34, 60, .08)
}

.icm-archive-feature>* {
  direction: rtl
}

.icm-archive-feature__image {
  grid-column: 1;
  position: relative;
  overflow: hidden
}

.icm-archive-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-archive-feature__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 26, 47, .03) 0%, rgba(0, 26, 47, .16) 56%, var(--icm-deeper) 100%);
  pointer-events: none
}

.icm-archive-feature__copy {
  grid-column: 2;
  color: #fff;
  padding: 30px 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: var(--icm-deeper);
  position: relative;
  z-index: 2
}

.icm-archive-feature__copy h2 {
  font-size: 29px;
  line-height: 1.6;
  margin: 12px 0 10px;
  color: #fff;
  font-weight: 800
}

.icm-archive-feature__copy p {
  font-size: 11px;
  line-height: 2;
  color: rgba(255, 255, 255, .8);
  margin: 0 0 16px;
  max-width: 500px
}

.icm-authorline {
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
  font-size: 8.5px;
  color: rgba(255, 255, 255, .75);
  margin-bottom: 18px
}

.icm-authorline img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1/1;
  padding: 0;
  flex-shrink: 0
}

.icm-archive-feature__copy .icm-btn {
  min-width: 132px
}

.icm-section--articles-grid {
  padding-top: 16px;
  padding-bottom: 22px
}

.icm-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px
}

.icm-article-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--icm-border);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(13, 71, 120, .035);
  min-height: 330px;
  display: flex;
  flex-direction: column
}

.icm-article-card__image {
  height: 165px;
  overflow: hidden
}

.icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.icm-article-card__body {
  padding: 12px 14px 13px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start
}

.icm-article-card__body h3 {
  font-size: 14px;
  line-height: 1.75;
  color: #123a5b;
  margin: 9px 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-article-card__body p {
  font-size: 9px;
  line-height: 1.8;
  color: #63788b;
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-article-card .icm-card-meta {
  margin-top: auto;
  padding-top: 9px;
  border-top: 1px solid #edf1f4;
  color: #728594;
  width: 100%;
  justify-content: space-between
}

.icm-pagination {
  display: flex;
  justify-content: center;
  margin-top: 24px
}

.icm-pagination ul {
  list-style: none;
  display: flex;
  gap: 7px;
  padding: 0;
  margin: 0
}

.icm-pagination a,
.icm-pagination span {
  width: 34px;
  height: 34px;
  border: 1px solid var(--icm-border);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 9px;
  color: #436078
}

.icm-pagination .current {
  background: var(--icm-deeper);
  color: #fff;
  border-color: var(--icm-deeper)
}

.icm-section--popular {
  padding: 30px 0 25px
}

.icm-popular-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--icm-border);
  border-bottom: 1px solid var(--icm-border)
}

.icm-popular {
  display: grid;
  grid-template-columns: 38px 62px 1fr;
  gap: 9px;
  align-items: center;
  padding: 14px 13px;
  border-left: 1px solid var(--icm-border);
  min-width: 0
}

.icm-popular:last-child {
  border-left: 0
}

.icm-popular>b {
  font-size: 17px;
  color: var(--icm-gold);
  font-weight: 800
}

.icm-popular img {
  width: 62px;
  height: 48px;
  border-radius: 5px;
  object-fit: cover
}

.icm-popular>span {
  font-size: 9px;
  line-height: 1.55;
  color: #163a58;
  display: grid;
  gap: 2px
}

.icm-popular small {
  font-size: 7px;
  color: #778998
}

.elementor-widget-icm_articles_header>.elementor-widget-container,
.elementor-widget-icm_articles_featured>.elementor-widget-container,
.elementor-widget-icm_articles_grid>.elementor-widget-container,
.elementor-widget-icm_articles_popular>.elementor-widget-container {
  margin: 0;
  padding: 0
}

@media(max-width:1100px) {
  .icm-webinar {
    grid-template-columns: 220px 1fr auto
  }

  .icm-webinar__image {
    grid-column: 1
  }

  .icm-webinar__main {
    grid-column: 2
  }

  .icm-webinar>.icm-btn {
    grid-column: 3
  }

  .icm-webinar__time,
  .icm-countdown {
    display: none
  }

  .icm-articles-head__row {
    grid-template-columns: 1fr 320px
  }

  .icm-archive-feature {
    grid-template-columns: 50% 50%;
    min-height: 330px
  }

  .icm-archive-feature__copy h2 {
    font-size: 25px
  }

  .icm-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .icm-popular-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
  }

  .icm-popular {
    flex: 0 0 43%;
    border-left: 1px solid var(--icm-border);
    scroll-snap-align: start
  }
}

@media(max-width:720px) {
  .icm-feature-banner {
    grid-template-columns: 1fr;
    direction: rtl
  }

  .icm-feature-banner__image {
    grid-column: 1;
    height: 185px
  }

  .icm-feature-banner__copy {
    grid-column: 1;
    margin-top: -36px;
    padding: 20px 20px 23px;
    position: relative
  }

  .icm-feature-banner__image:after {
    background: linear-gradient(180deg, rgba(0, 26, 47, .02), var(--icm-deeper))
  }

  .icm-webinar {
    direction: rtl;
    grid-template-columns: 1fr;
    padding: 0 14px 14px
  }

  .icm-webinar__image,
  .icm-webinar__main,
  .icm-webinar>.icm-btn {
    grid-column: 1
  }

  .icm-webinar__image {
    height: 132px;
    margin: 0 -14px
  }

  .icm-webinar__image:after {
    background: linear-gradient(180deg, transparent, var(--icm-deeper))
  }

  .icm-final-cta__inner {
    direction: rtl;
    grid-template-columns: 58px 1fr;
    min-height: 115px
  }

  .icm-final-cta__icon {
    grid-column: 1;
    grid-row: 1
  }

  .icm-final-cta__inner>div {
    grid-column: 2;
    grid-row: 1
  }

  .icm-final-cta__inner>.icm-btn {
    grid-column: 1/-1;
    grid-row: 2
  }

  .icm-articles-head {
    padding-top: 18px
  }

  .icm-articles-head__row {
    grid-template-columns: 1fr;
    gap: 14px
  }

  .icm-articles-head__copy h1 {
    font-size: 30px
  }

  .icm-category-tabs {
    margin-top: 14px
  }

  .icm-category-tabs a {
    min-width: 100px
  }

  .icm-archive-feature {
    grid-template-columns: 1fr;
    direction: rtl;
    min-height: 0
  }

  .icm-archive-feature__image {
    grid-column: 1;
    height: 230px;
    order: 1
  }

  .icm-archive-feature__image:after {
    background: linear-gradient(180deg, transparent 42%, var(--icm-deeper) 100%)
  }

  .icm-archive-feature__copy {
    grid-column: 1;
    order: 2;
    padding: 20px;
    margin-top: -45px
  }

  .icm-archive-feature__copy h2 {
    font-size: 22px
  }

  .icm-article-grid {
    grid-template-columns: 1fr
  }

  .icm-article-card {
    min-height: 0
  }

  .icm-article-card__image {
    height: 190px
  }

  .icm-popular {
    flex-basis: 82%;
    min-width: 280px
  }
}

/* RC8 ? locked approved Academy composition. Content stays dynamic; layout defaults stay deterministic. */
.elementor-widget-icm_academy_hero>.elementor-widget-container,
.elementor-widget-icm_academy_filters>.elementor-widget-container,
.elementor-widget-icm_academy_collections>.elementor-widget-container,
.elementor-widget-icm_academy_selected>.elementor-widget-container,
.elementor-widget-icm_academy_feature>.elementor-widget-container,
.elementor-widget-icm_academy_guides>.elementor-widget-container,
.elementor-widget-icm_academy_webinar>.elementor-widget-container,
.elementor-widget-icm_academy_cta>.elementor-widget-container {
  margin: 0;
  padding: 0
}

.elementor-widget-icm_academy_hero,
.elementor-widget-icm_academy_filters,
.elementor-widget-icm_academy_collections,
.elementor-widget-icm_academy_selected,
.elementor-widget-icm_academy_feature,
.elementor-widget-icm_academy_guides,
.elementor-widget-icm_academy_webinar,
.elementor-widget-icm_academy_cta {
  margin: 0
}

.icm-academy-hero {
  padding: 22px 0 8px;
  background: var(--icm-bg)
}

.icm-academy-hero__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  grid-template-areas: "slider copy";
  gap: 52px;
  align-items: center
}

.icm-academy-copy {
  grid-area: copy;
  text-align: right;
  padding: 0 4px
}

.icm-academy-copy .icm-breadcrumb {
  justify-content: flex-start;
  margin-bottom: 18px
}

.icm-academy-copy h1 {
  font-size: 46px;
  line-height: 1.18;
  margin: 0 0 8px;
  color: var(--icm-deeper)
}

.icm-academy-copy h2 {
  font-size: 20px;
  line-height: 1.55;
  margin: 0 0 6px;
  color: var(--icm-gold)
}

.icm-academy-copy>p {
  font-size: 11px;
  line-height: 2;
  max-width: 520px;
  margin: 0 0 18px;
  color: #435e75
}

.icm-academy-copy .icm-search {
  width: 100%;
  max-width: 410px;
  height: 48px;
  margin-right: 0;
  border-radius: 8px
}

.icm-academy-copy .icm-search input {
  font-size: 10px
}

.icm-stats {
  max-width: 520px;
  margin-top: 21px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  direction: rtl
}

.icm-stats>div,
.icm-stat-item {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "icon number" "label label";
  align-items: center;
  justify-content: center;
  justify-items: center;
  column-gap: 3px;
  row-gap: 4px;
  direction: ltr;
  padding: 6px 12px;
  border-inline-start: 1px solid var(--icm-border);
  min-width: 0;
  min-height: 58px;
  text-align: center
}

.icm-stats>div:first-child,
.icm-stats>.icm-stat-item:first-child {
  border-inline-start: 0;
  padding-inline-start: 0
}

.icm-stats .icm-stat-icon {
  grid-area: icon;
  margin: 0;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px
}

.icm-stats .icm-stat-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain
}

.icm-stats .icm-stat-number,
.icm-stats strong.stat-number {
  grid-area: number;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  direction: ltr;
  font-size: 18px;
  color: var(--icm-deeper);
  font-weight: 700;
  margin: 0
}

.icm-stats .icm-stat-label,
.icm-stats .stat-label {
  grid-area: label;
  font-size: 8.5px;
  font-weight: 500;
  width: 100%;
  direction: rtl;
  text-align: center
}

.icm-slider {
  grid-area: slider;
  height: 302px;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  margin-inline-start: 0;
  padding-inline-start: 0
}

.icm-slide {
  inset: 0 0 24px;
  border-radius: 11px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 10px 28px rgba(13, 71, 120, .12);
  margin-inline-start: 0;
  padding-inline-start: 0
}

.icm-slide__visual {
  margin-inline-start: 0;
  padding-inline-start: 0;
  overflow: hidden;
  border-radius: inherit
}

.icm-slide__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  margin: 0;
  padding: 0
}

.icm-slide__shade {
  background: linear-gradient(90deg, rgba(0, 26, 47, .08) 0%, rgba(0, 26, 47, .28) 35%, rgba(0, 26, 47, .84) 72%, rgba(0, 26, 47, .98) 100%)
}

.icm-slide__copy {
  right: 23px;
  top: 15px;
  bottom: 24px;
  width: 48%;
  align-items: flex-start;
  text-align: right
}

.icm-slide__copy h2 {
  font-size: 22px;
  line-height: 1.55;
  margin: 12px 0 4px;
  color: #fff
}

.icm-slide__copy p {
  font-size: 10px;
  line-height: 1.9;
  -webkit-line-clamp: 3
}

.icm-slide-meta {
  font-size: 8px;
  gap: 16px
}

.icm-slider__prev,
.icm-slider__next {
  top: 50%;
  bottom: auto;
  transform: translateY(-60%);
  width: 34px;
  height: 34px;
  background: var(--icm-deeper);
  border-color: rgba(255, 255, 255, .78);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
  z-index: 30
}

.icm-slider__prev {
  left: -16px;
  right: auto
}

.icm-slider__next {
  right: -16px;
  left: auto
}

.icm-slider__dots {
  bottom: 0;
  z-index: 30
}

.icm-slider__dots button {
  width: 8px;
  height: 8px;
  background: #d7dce1;
  cursor: pointer
}

.icm-slider__dots button.is-active {
  background: var(--icm-gold)
}

.icm-slide-overlay-link {
  z-index: 12
}

.icm-slide__copy {
  z-index: 13
}

.icm-slider__prev,
.icm-slider__next,
.icm-slider__dots {
  pointer-events: auto
}

.icm-filterbar {
  padding-top: 9px
}

.icm-filterbar__inner {
  min-height: 60px
}

.icm-filterbar__rail a {
  min-width: 90px;
  padding: 8px 17px
}

.icm-section {
  padding: 13px 0
}

.icm-section-title {
  margin-bottom: 10px
}

.icm-section-title h2 {
  font-size: 18px
}

.icm-topic-card {
  min-height: 160px
}

.icm-topic-card__image img {
  object-fit: contain;
  padding: 5px
}

.icm-topic-card h3 {
  font-size: 14px
}

.icm-selected-card {
  height: 174px;
  grid-template-columns: 57% 43%;
  border-radius: 9px
}

.icm-selected-card__text {
  padding: 14px 15px
}

.icm-selected-card__text:after {
  left: -84px;
  width: 128px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7) 36%, #fff 76%)
}

.icm-selected-card__image:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, 0) 42%)
}

.icm-selected-card h3 {
  font-size: 13.5px;
  line-height: 1.8
}

.icm-feature-banner {
  min-height: 205px;
  border-radius: 10px;
  grid-template-columns: 58% 42%
}

.icm-feature-banner__copy {
  padding: 24px 34px
}

.icm-feature-banner__copy h2 {
  font-size: 23px;
  line-height: 1.5
}

.icm-feature-banner__image:after {
  background: linear-gradient(90deg, rgba(0, 26, 47, 0) 0%, rgba(0, 26, 47, .20) 58%, var(--icm-deeper) 100%)
}

.icm-guide-row {
  gap: 9px
}

.icm-guide-card {
  height: 118px;
  border-radius: 8px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease
}

.icm-guide-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--icm-gold) 45%, #fff);
  box-shadow: 0 8px 20px rgba(13, 71, 120, .07)
}

.icm-guide-card img {
  width: 48px;
  height: 48px
}

.icm-guide-card strong {
  font-size: 8.5px
}

.icm-webinar {
  min-height: 110px;
  border-radius: 9px;
  grid-template-columns: 29% 1fr 150px 205px auto
}

.icm-webinar__image {
  height: 110px
}

.icm-webinar__main h3 {
  font-size: 16px
}

.icm-countdown span b {
  font-size: 16px
}

.icm-final-cta__inner {
  min-height: 72px;
  border-radius: 8px
}

.icm-footer {
  margin-top: 0
}

/* Native and Elementor archive share one deterministic latest-first design. */
.icm-article-card {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease
}

.icm-article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(13, 71, 120, .08);
  border-color: color-mix(in srgb, var(--icm-gold) 35%, #fff)
}

.icm-article-card .icm-card-overlay-link {
  z-index: 8
}

/* Accessibility and keyboard parity. */
.icm-guide-card:focus-visible,
.icm-filterbar__rail a:focus-visible,
.icm-category-tabs a:focus-visible,
.icm-btn:focus-visible,
.icm-slider__prev:focus-visible,
.icm-slider__next:focus-visible,
.icm-slider__dots button:focus-visible {
  outline: 3px solid var(--icm-gold);
  outline-offset: 3px
}

@media(max-width:1100px) {
  .icm-academy-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "slider";
    gap: 22px
  }

  .icm-academy-copy {
    max-width: 720px;
    width: 100%;
    margin-inline: auto
  }

  .icm-slider {
    max-width: 720px;
    height: 330px
  }

  .icm-slide {
    inset: 0 0 25px
  }

  .icm-stats {
    max-width: 620px
  }

  .icm-selected-card {
    height: 165px
  }
}

@media(max-width:720px) {
  .icm-academy-hero {
    padding-top: 14px
  }

  .icm-academy-copy h1 {
    font-size: 34px
  }

  .icm-academy-copy h2 {
    font-size: 16px
  }

  .icm-academy-copy>p {
    font-size: 10.5px
  }

  .icm-academy-copy .icm-search {
    max-width: none;
    height: 44px
  }

  .icm-stats {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    max-width: none;
    padding-bottom: 5px
  }

  .icm-stats>div {
    scroll-snap-align: start;
    border-left: 1px solid var(--icm-border)
  }

  .icm-stats .icm-stat-icon img {
    width: 28px;
    height: 28px
  }

  .icm-stats strong {
    font-size: 16px
  }

  .icm-slider {
    height: 286px;
    width: 100%
  }

  .icm-slide {
    inset: 0 0 24px
  }

  .icm-slide__copy {
    right: 18px;
    left: 18px;
    width: auto;
    top: 14px;
    bottom: 22px
  }

  .icm-slide__shade {
    background: linear-gradient(90deg, rgba(0, 26, 47, .4), rgba(0, 26, 47, .86))
  }

  .icm-slide__copy h2 {
    font-size: 19px;
    max-width: 80%
  }

  .icm-slide__copy p {
    font-size: 9.5px;
    max-width: 82%
  }

  .icm-slider__prev {
    left: 8px;
    right: auto
  }

  .icm-slider__next {
    right: 8px;
    left: auto
  }

  .icm-slider__prev,
  .icm-slider__next {
    width: 31px;
    height: 31px
  }

  .icm-selected-card {
    height: 152px
  }

  .icm-feature-banner {
    grid-template-columns: 1fr;
    min-height: 0
  }

  .icm-guide-card {
    height: 112px
  }
}

@media(max-width:420px) {
  .icm-container {
    width: calc(100% - 24px)
  }

  .icm-academy-copy h1 {
    font-size: 31px
  }

  .icm-slider {
    height: 270px
  }

  .icm-slide__copy h2 {
    font-size: 18px
  }

  .icm-topic-card,
  .icm-selected-card {
    min-width: 0
  }

  .icm-selected-card {
    height: 148px
  }

  .icm-stats {
    grid-template-columns: repeat(4, 108px)
  }
}

/* ==========================================================
   RC9 ? Reference-locked Academy + Single Article composition
   Values follow the approved screenshots; Elementor can edit
   content without losing the reference defaults.
   ========================================================== */
:root {
  --icm-container: 1200px;
  --icm-radius: 10px;
  --icm-page-bg: #fff;
}

body {
  background: var(--icm-page-bg);
  color: #092f53
}

.icm-container {
  width: min(var(--icm-container), calc(100% - 64px))
}

.icm-header {
  background: #001f3a;
  min-height: 64px
}

.icm-header__inner {
  height: 64px;
  gap: 22px
}

.icm-logo img,
.icm-logo .custom-logo {
  height: 45px;
  max-width: 150px
}

.icm-nav li>a,
.icm-nav>a {
  font-size: 12px;
  padding: 20px 13px 17px
}

/* Academy hero: right copy + one featured card, 5 slides behind it. */
.icm-academy-hero {
  padding: 18px 0 4px;
  background: #fff
}

.icm-academy-hero__grid {
  grid-template-columns: 46% 54%;
  grid-template-areas: "slider copy";
  gap: 58px;
  align-items: center
}

.icm-academy-copy {
  grid-area: copy;
  padding: 0 5px;
  text-align: right
}

.icm-academy-copy .icm-breadcrumb {
  margin-bottom: 18px
}

.icm-academy-copy h1 {
  font-size: 48px;
  line-height: 1.12;
  margin: 0 0 8px;
  font-weight: 800;
  color: #052e52
}

.icm-academy-copy h2 {
  font-size: 20px;
  line-height: 1.55;
  margin: 0 0 7px;
  color: #a9903e
}

.icm-academy-copy>p {
  font-size: 12px;
  line-height: 2;
  max-width: 520px;
  margin: 0 0 16px;
  color: #405c73
}

.icm-academy-copy .icm-search {
  max-width: 440px;
  height: 46px;
  border-radius: 8px
}

.icm-academy-copy .icm-search input {
  font-size: 11px
}

.icm-stats {
  max-width: 535px;
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  direction: rtl
}

.icm-stats>div,
.icm-stat-item {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "icon number" "label label";
  align-items: center;
  justify-content: center;
  justify-items: center;
  column-gap: 3px;
  row-gap: 4px;
  direction: ltr;
  padding: 6px 12px;
  border-inline-start: 1px solid #dfe6eb;
  border-left: 0;
  text-align: center
}

.icm-stats>div:first-child,
.icm-stats>.icm-stat-item:first-child {
  border-inline-start: 0;
  padding-inline-start: 0
}

.icm-stats .icm-stat-icon {
  grid-area: icon;
  margin: 0;
  width: 28px;
  height: 28px
}

.icm-stats .icm-stat-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain
}

.icm-stats .icm-stat-number,
.icm-stats strong.stat-number {
  grid-area: number;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  direction: ltr;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0
}

.icm-stats .icm-stat-label,
.icm-stats .stat-label {
  grid-area: label;
  font-size: 9px;
  font-weight: 500;
  width: 100%;
  direction: rtl;
  text-align: center
}

.icm-slider {
  grid-area: slider;
  height: 315px;
  overflow: visible;
  background: transparent;
  box-shadow: none
}

.icm-slide {
  inset: 0 0 24px;
  border-radius: 11px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 8px 25px rgba(0, 31, 58, .15)
}

.icm-slide__visual img {
  object-fit: cover;
  object-position: left center
}

.icm-slide__shade {
  background: linear-gradient(90deg, rgba(0, 20, 38, .08) 0%, rgba(0, 25, 46, .24) 33%, rgba(0, 26, 47, .80) 69%, rgba(0, 26, 47, .98) 100%)
}

.icm-slide__copy {
  right: 24px;
  top: 17px;
  bottom: 27px;
  width: 49%;
  justify-content: center;
  text-align: right
}

.icm-slide__copy h2 {
  font-size: 23px;
  line-height: 1.5;
  margin: 13px 0 4px
}

.icm-slide__copy p {
  font-size: 11px;
  line-height: 1.85;
  -webkit-line-clamp: 3
}

.icm-slide-meta {
  font-size: 9px;
  gap: 18px
}

.icm-slider__prev,
.icm-slider__next {
  top: 50%;
  bottom: auto;
  transform: translateY(-70%);
  width: 35px;
  height: 35px;
  background: #001f3a;
  border-color: #fff
}

.icm-slider__prev {
  left: 14px;
  right: auto
}

.icm-slider__next {
  right: 14px;
  left: auto
}

.icm-slider__dots {
  bottom: 1px
}

.icm-slider__dots button {
  width: 8px;
  height: 8px
}

.icm-filterbar {
  padding: 8px 0 1px
}

.icm-filterbar__inner {
  min-height: 60px
}

.icm-filterbar__rail {
  gap: 14px
}

.icm-filterbar__rail a {
  min-width: 92px;
  font-size: 9.5px;
  padding: 8px 17px;
  border-radius: 6px
}

.icm-section {
  padding: 12px 0
}

.icm-section-title {
  margin-bottom: 9px
}

.icm-section-title h2 {
  font-size: 19px
}

.icm-section-title a {
  font-size: 9px
}

.icm-topic-row {
  gap: 14px
}

.icm-topic-card {
  min-height: 158px;
  border-radius: 9px
}

.icm-topic-card__image img {
  object-fit: contain;
  padding: 7px
}

.icm-topic-card h3 {
  font-size: 14px
}

.icm-topic-card p {
  font-size: 9px
}

.icm-selected-row {
  gap: 14px
}

.icm-selected-card {
  height: 170px;
  border-radius: 9px;
  grid-template-columns: 57% 43%
}

.icm-selected-card__text {
  padding: 14px 14px 12px
}

.icm-selected-card h3 {
  font-size: 13.5px;
  line-height: 1.8
}

.icm-selected-card__text:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -92px;
  width: 150px;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .82) 42%, #fff 75%)
}

.icm-selected-card__image:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, 0) 42%)
}

.icm-card-overlay-link,
.icm-slide-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: block
}

.icm-clickable-card {
  cursor: pointer
}

.icm-feature-banner {
  min-height: 210px;
  border-radius: 10px;
  grid-template-columns: 57% 43%;
  background: #002947
}

.icm-feature-banner__copy {
  padding: 23px 36px
}

.icm-feature-banner__copy h2 {
  font-size: 24px;
  line-height: 1.45
}

.icm-feature-banner__image:after {
  background: linear-gradient(90deg, rgba(0, 41, 71, 0) 0%, rgba(0, 41, 71, .22) 55%, #002947 100%)
}

.icm-guide-row {
  gap: 10px
}

.icm-guide-card {
  height: 120px;
  border-radius: 8px;
  padding: 11px 8px
}

.icm-guide-card img {
  width: 48px;
  height: 48px
}

.icm-guide-card strong {
  font-size: 9px;
  line-height: 1.55
}

.icm-guide-card small {
  display: block;
  font-size: 7.5px;
  color: #64788a;
  line-height: 1.5;
  margin-top: 2px
}

.icm-webinar {
  min-height: 108px;
  border-radius: 9px;
  grid-template-columns: 30% 1fr 145px 205px auto
}

.icm-webinar__image {
  height: 108px
}

.icm-webinar__main h3 {
  font-size: 16px
}

.icm-countdown span b {
  font-size: 17px
}

.icm-final-cta__inner {
  min-height: 72px;
  border-radius: 7px
}

/* Single article ? same visual language as approved reference. */
.icm-single-head {
  background: #fff;
  padding: 18px 0 8px
}

.icm-single-hero {
  min-height: 360px;
  border: 1px solid #dbe4ea;
  border-radius: 11px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 48% 52%;
  grid-template-areas: "copy image";
  background: #fff;
  box-shadow: 0 7px 22px rgba(13, 71, 120, .035)
}

.icm-single-hero__image {
  grid-area: image;
  position: relative;
  overflow: hidden
}

.icm-single-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, .76) 75%, #fff 100%)
}

.icm-single-hero__copy {
  grid-area: copy;
  position: relative;
  z-index: 2;
  padding: 34px 34px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.icm-single-hero__copy h1 {
  font-size: 31px;
  line-height: 1.55;
  margin: 14px 0 10px;
  color: #092f53
}

.icm-single-excerpt {
  font-size: 12px;
  line-height: 2;
  color: #4b6173;
  margin: 0 0 18px
}

.icm-author {
  margin-top: 4px
}

.icm-single-meta {
  font-size: 9px;
  gap: 16px;
  margin-top: 12px
}

.icm-single-actions {
  margin-top: 15px
}

.icm-single-body {
  padding-top: 10px
}

.icm-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 285px;
  gap: 38px;
  align-items: start
}

.icm-prose {
  font-size: 14px;
  line-height: 2.15;
  color: #263f54
}

.icm-prose h2 {
  font-size: 23px;
  color: #092f53;
  margin: 28px 0 8px
}

.icm-prose h3 {
  font-size: 18px;
  color: #092f53;
  margin: 23px 0 6px
}

.icm-prose img {
  width: 100%;
  height: auto;
  border-radius: 9px
}

.icm-sidebar {
  position: sticky;
  top: 86px
}

.icm-toc,
.icm-author-card,
.icm-sidebar-popular {
  border: 1px solid #dbe4ea;
  border-radius: 9px;
  background: #fff;
  padding: 17px;
  margin-bottom: 12px
}

.icm-related-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px
}

.icm-related-rail .icm-article-card {
  height: 100%
}

.icm-single-newsletter {
  border-radius: 9px;
  background: #002947;
  color: #fff;
  min-height: 95px;
  padding: 20px 26px
}

/* Article archive: newest first, entire card is a real permalink. */
.icm-article-grid {
  gap: 16px
}

.icm-article-card {
  position: relative;
  overflow: hidden
}

.icm-article-card .icm-card-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 15
}

.icm-article-card__body a,
.icm-article-card__image a {
  position: relative;
  z-index: 16
}

@media(max-width:1100px) {
  .icm-academy-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "slider";
    gap: 20px
  }

  .icm-academy-copy,
  .icm-slider {
    max-width: 760px;
    width: 100%;
    margin-inline: auto
  }

  .icm-slider {
    height: 340px
  }

  .icm-single-layout {
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 24px
  }
}

@media(max-width:767px) {
  .icm-container {
    width: calc(100% - 28px)
  }

  .icm-academy-copy h1 {
    font-size: 34px
  }

  .icm-academy-copy h2 {
    font-size: 16px
  }

  .icm-slider {
    height: 285px
  }

  .icm-slide__copy {
    right: 18px;
    left: 18px;
    width: auto
  }

  .icm-slide__copy h2 {
    font-size: 19px
  }

  .icm-stats {
    grid-template-columns: repeat(4, 110px);
    overflow-x: auto;
    max-width: none
  }

  .icm-topic-row,
  .icm-selected-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory
  }

  .icm-topic-card,
  .icm-selected-card {
    min-width: 0;
    scroll-snap-align: start
  }

  .icm-selected-card {
    height: 160px
  }

  .icm-guide-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory
  }

  .icm-guide-card {
    min-width: 122px;
    scroll-snap-align: start
  }

  .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  .icm-single-hero__image {
    height: 235px
  }

  .icm-single-hero__image:after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, #fff 100%)
  }

  .icm-single-hero__copy {
    padding: 18px 20px 23px;
    margin-top: -38px
  }

  .icm-single-hero__copy h1 {
    font-size: 25px
  }

  .icm-single-layout {
    grid-template-columns: 1fr
  }

  .icm-sidebar {
    position: static
  }

  .icm-related-rail {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory
  }

  .icm-related-item {
    min-width: 285px;
    scroll-snap-align: start
  }
}

/* RC10 ? production interaction + reference layout lock */
.icm-slide-card-link,
.icm-selected-card__link,
.icm-article-card__link,
.icm-archive-feature__link,
.icm-topic-card__link {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  position: relative
}

.icm-slide-card-link {
  position: absolute;
  inset: 0;
  z-index: 2
}

.icm-slide-card-link:focus-visible,
.icm-selected-card__link:focus-visible,
.icm-article-card__link:focus-visible,
.icm-archive-feature__link:focus-visible,
.icm-topic-card__link:focus-visible,
.icm-guide-card:focus-visible {
  outline: 3px solid var(--icm-gold);
  outline-offset: 3px
}

.icm-selected-card__link {
  display: grid;
  grid-template-columns: 56% 44%
}

.icm-article-card__link {
  display: flex;
  flex-direction: column
}

.icm-archive-feature__link {
  display: grid;
  grid-template-columns: 52% 48%
}

.icm-topic-card__link {
  display: grid;
  grid-template-columns: 40% 60%
}

.icm-selected-card:hover,
.icm-article-card:hover,
.icm-topic-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(13, 71, 120, .09)
}

.icm-selected-card,
.icm-article-card,
.icm-topic-card {
  transition: transform .18s ease, box-shadow .18s ease
}

.icm-card-overlay-link,
.icm-slide-overlay-link {
  display: none
}

/* Elementor should not add layout gaps around ICM widgets. */
.elementor-widget-icm_academy_hero>.elementor-widget-container,
.elementor-widget-icm_academy_filters>.elementor-widget-container,
.elementor-widget-icm_academy_collections>.elementor-widget-container,
.elementor-widget-icm_academy_selected>.elementor-widget-container,
.elementor-widget-icm_academy_feature>.elementor-widget-container,
.elementor-widget-icm_academy_guides>.elementor-widget-container,
.elementor-widget-icm_academy_webinar>.elementor-widget-container,
.elementor-widget-icm_academy_cta>.elementor-widget-container,
.elementor-widget-icm_articles_header>.elementor-widget-container,
.elementor-widget-icm_articles_featured>.elementor-widget-container,
.elementor-widget-icm_articles_grid>.elementor-widget-container,
.elementor-widget-icm_articles_popular>.elementor-widget-container,
.elementor-widget-icm_single_hero>.elementor-widget-container,
.elementor-widget-icm_single_content>.elementor-widget-container,
.elementor-widget-icm_single_related>.elementor-widget-container,
.elementor-widget-icm_single_newsletter>.elementor-widget-container {
  margin: 0;
  padding: 0
}

/* Academy reference proportions */
.icm-academy-hero {
  background: #fff;
  padding: 22px 0 17px
}

.icm-academy-hero__grid {
  grid-template-columns: 1.04fr .96fr;
  gap: 54px;
  align-items: center
}

.icm-slider {
  height: 272px;
  border-radius: 12px;
  overflow: visible
}

.icm-slide {
  overflow: hidden;
  border-radius: 12px
}

.icm-slider__dots {
  bottom: -23px
}

.icm-academy-copy h1 {
  font-size: 42px;
  line-height: 1.18;
  margin: 9px 0 7px
}

.icm-academy-copy h2 {
  font-size: 18px;
  line-height: 1.65;
  color: var(--icm-gold);
  margin: 0 0 5px
}

.icm-academy-copy>p {
  max-width: 490px;
  margin: 0 auto 14px;
  font-size: 11px;
  line-height: 1.95
}

.icm-search {
  height: 43px;
  max-width: 390px;
  margin: 0 auto 15px
}

.icm-stats {
  margin-top: 8px
}

.icm-filterbar {
  background: #fff
}

.icm-filterbar__inner {
  border-top: 1px solid #e7ebef;
  border-bottom: 1px solid #e7ebef
}

.icm-section--collections {
  padding-top: 17px
}

.icm-topic-card {
  height: 160px
}

.icm-selected-card {
  height: 155px
}

.icm-selected-card__text:after {
  left: -80px;
  width: 125px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 72%)
}

.icm-feature-banner {
  min-height: 175px
}

.icm-guide-card {
  min-height: 105px
}

.icm-webinar {
  min-height: 96px
}

/* Articles reference proportions */
.icm-articles-head {
  padding-top: 24px
}

.icm-archive-feature {
  overflow: hidden;
  border-radius: 12px
}

.icm-archive-feature__link {
  min-height: 292px;
  background: #011f39;
  color: #fff
}

.icm-archive-feature__copy {
  align-self: center
}

.icm-article-card {
  overflow: hidden;
  border-radius: 10px;
  background: #fff
}

.icm-article-card__link {
  height: 100%
}

.icm-article-card__image {
  height: 155px;
  flex: 0 0 155px
}

.icm-article-card__body {
  flex: 1
}

/* Single article reference proportions */
.icm-single-head {
  padding-top: 22px
}

.icm-single-hero {
  min-height: 330px;
  border-radius: 12px;
  overflow: hidden
}

.icm-single-layout {
  grid-template-columns: minmax(0, 1fr) 245px;
  gap: 38px;
  align-items: start
}

.icm-prose {
  font-size: 15px;
  line-height: 2.05
}

.icm-prose img {
  max-width: 100%;
  height: auto;
  border-radius: 9px
}

.icm-sidebar {
  position: sticky;
  top: 84px
}

@media(max-width:1100px) {
  .icm-academy-hero__grid {
    grid-template-columns: 1fr;
    gap: 26px
  }

  .icm-academy-copy {
    order: 1
  }

  .icm-slider {
    order: 2
  }

  .icm-archive-feature__link {
    grid-template-columns: 1fr
  }

  .icm-single-layout {
    grid-template-columns: 1fr
  }

  .icm-sidebar {
    position: static
  }
}

@media(max-width:720px) {
  .icm-academy-copy h1 {
    font-size: 34px
  }

  .icm-slider {
    height: 270px
  }

  .icm-slide__copy {
    width: 72%
  }

  .icm-selected-card__link {
    grid-template-columns: 58% 42%
  }

  .icm-topic-card__link {
    grid-template-columns: 38% 62%
  }

  .icm-archive-feature__link {
    min-height: 0
  }

  .icm-single-hero {
    min-height: 0
  }
}

/* ==========================================================
   RC11 ? 2026 visual lock for approved Academy / Articles / Single
   ========================================================== */
:root {
  --icm-page: #fff;
  --icm-ink: #082e52;
  --icm-deep2: #001d36;
  --icm-gold2: var(--icm-gold, #8C845E);
  --icm-line: #e2e8ee;
  --icm-soft2: #f7f9fb;
  --icm-container: 1200px;
  --icm-radius: 12px
}

body {
  background: var(--icm-page);
  color: var(--icm-ink)
}

#main-content {
  min-height: 60vh
}

.icm-container {
  width: min(var(--icm-container), calc(100% - 72px))
}

.icm-header {
  background: #001d36;
  box-shadow: 0 2px 9px rgba(0, 24, 45, .17)
}

.icm-header__inner {
  height: 66px
}

.icm-logo img,
.icm-logo .custom-logo {
  height: 44px
}

.icm-nav li>a,
.icm-nav>a {
  font-size: 12px;
  padding: 20px 14px 17px
}

.icm-header__actions {
  gap: 10px
}

.icm-btn {
  border-radius: 6px
}

/* Academy reference */
.icm-academy-hero {
  padding: 28px 0 18px;
  background: #fff
}

.icm-academy-hero__grid {
  grid-template-columns: 1fr 1fr;
  gap: 74px;
  align-items: center
}

.icm-academy-copy {
  text-align: center
}

.icm-academy-copy .icm-breadcrumb {
  justify-content: flex-start;
  text-align: right;
  margin-bottom: 20px
}

.icm-academy-copy h1 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -1px;
  color: #082e52;
  margin: 0 0 10px
}

.icm-academy-copy h2 {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.6;
  color: #a98d37;
  margin: 0 0 5px
}

.icm-academy-copy>p {
  font-size: 13px;
  line-height: 2;
  max-width: 520px;
  margin: 0 auto 15px;
  color: #314e67
}

.icm-search {
  max-width: 420px;
  height: 49px;
  border-radius: 8px;
  margin: 0 auto 20px;
  border-color: #d5dfe7
}

.icm-search input {
  font-size: 12px
}

.icm-search button {
  font-size: 24px
}

.icm-stats {
  max-width: 530px;
  margin: 0 auto;
  grid-template-columns: repeat(4, 1fr)
}

.icm-stats>div {
  padding: 0 13px
}

.icm-stats strong {
  font-size: 20px
}

.icm-stats span {
  font-size: 10px
}

.icm-stat-icon img {
  width: 28px;
  height: 28px;
  margin: 0;
  object-fit: contain
}

.icm-slider {
  height: 320px;
  border-radius: 12px;
  box-shadow: none;
  overflow: visible;
  background: transparent
}

.icm-slide {
  border-radius: 12px;
  overflow: hidden
}

.icm-slide__visual img {
  object-fit: cover
}

.icm-slide__shade {
  background: linear-gradient(90deg, rgba(0, 20, 36, .1) 0%, rgba(0, 25, 45, .25) 35%, rgba(0, 27, 48, .78) 68%, rgba(0, 22, 40, .98) 100%)
}

.icm-slide__copy {
  right: 24px;
  top: 16px;
  bottom: 36px;
  width: 50%;
  justify-content: center
}

.icm-slide__copy h2 {
  font-size: 25px;
  line-height: 1.55;
  margin: 13px 0 5px
}

.icm-slide__copy p {
  font-size: 13px;
  line-height: 1.9;
  -webkit-line-clamp: 3
}

.icm-slide-meta {
  font-size: 10px;
  gap: 18px
}

.icm-badge {
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 5px
}

.icm-slider__prev,
.icm-slider__next {
  width: 34px;
  height: 34px;
  bottom: 16px
}

.icm-slider__dots {
  bottom: -27px
}

.icm-slider__dots button {
  width: 8px;
  height: 8px
}

.icm-filterbar {
  padding: 21px 0 4px
}

.icm-filterbar__inner {
  min-height: 62px
}

.icm-filterbar__rail a {
  font-size: 10px;
  min-width: 88px;
  padding: 8px 16px;
  border-radius: 6px
}

.icm-filterbar__label {
  font-size: 10px;
  padding: 8px 15px
}

.icm-section {
  padding: 18px 0
}

.icm-section-title {
  margin-bottom: 13px
}

.icm-section-title h2 {
  font-size: 21px
}

.icm-section-title a {
  font-size: 10px
}

.icm-topic-row {
  gap: 18px
}

.icm-topic-card {
  height: 184px;
  border-radius: 10px
}

.icm-topic-card__link {
  grid-template-columns: 42% 58%
}

.icm-topic-card__image img {
  object-fit: cover
}

.icm-topic-card__body {
  padding: 20px 17px
}

.icm-topic-card h3 {
  font-size: 16px
}

.icm-topic-card p {
  font-size: 10px
}

.icm-topic-meta {
  font-size: 9px
}

.icm-selected-row {
  gap: 18px
}

.icm-selected-card {
  height: 175px;
  border-radius: 10px
}

.icm-selected-card__link {
  grid-template-columns: 57% 43%
}

.icm-selected-card__text {
  padding: 15px 15px
}

.icm-selected-card__text h3 {
  font-size: 15px;
  line-height: 1.75
}

.icm-selected-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-selected-card__text:after {
  left: -90px;
  width: 145px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .88) 52%, #fff 82%)
}

.icm-feature-banner {
  min-height: 220px;
  border-radius: 11px;
  grid-template-columns: 57% 43%;
  overflow: hidden
}

.icm-feature-banner__copy {
  padding: 26px 36px
}

.icm-feature-banner__copy h2 {
  font-size: 27px
}

.icm-feature-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-feature-banner__image:after {
  background: linear-gradient(90deg, rgba(0, 41, 71, 0), rgba(0, 41, 71, .27) 50%, #002947 100%)
}

.icm-guide-row {
  gap: 12px
}

.icm-guide-card {
  min-width: 130px;
  height: 125px;
  border-radius: 9px;
  padding: 11px 9px
}

.icm-guide-card img {
  width: 50px;
  height: 50px;
  object-fit: contain
}

.icm-guide-card strong {
  font-size: 10px
}

.icm-guide-card small {
  font-size: 8px
}

.icm-webinar {
  min-height: 112px;
  border-radius: 10px;
  grid-template-columns: 31% 1fr 158px 215px auto;
  overflow: hidden
}

.icm-webinar__image {
  height: 112px
}

.icm-final-cta__inner {
  min-height: 76px;
  border-radius: 8px
}

/* Articles reference */
.icm-articles-head {
  padding: 30px 0 10px;
  background: #fff
}

.icm-articles-head .icm-breadcrumb {
  margin-bottom: 28px
}

.icm-articles-head__row {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: flex-end
}

.icm-articles-head__copy {
  max-width: 650px
}

.icm-articles-head__copy h1 {
  font-size: 46px;
  line-height: 1.2;
  margin: 0 0 10px;
  color: #082e52
}

.icm-articles-head__copy p {
  font-size: 13px;
  line-height: 2;
  color: #365169;
  margin: 0
}

.icm-search--archive {
  margin: 0;
  min-width: 315px
}

.icm-category-tabs {
  display: flex;
  gap: 14px;
  margin-top: 25px;
  overflow-x: auto;
  padding-bottom: 4px
}

.icm-category-tabs a {
  flex: 1 0 120px;
  max-width: 150px;
  border: 1px solid #dbe3e9;
  border-radius: 6px;
  text-align: center;
  padding: 9px 18px;
  font-size: 11px;
  background: #fff
}

.icm-category-tabs a.is-active {
  background: #001d36;
  color: #fff;
  border-color: #001d36
}

.icm-section--archive-feature {
  padding-top: 12px
}

.icm-archive-feature {
  border-radius: 12px
}

.icm-archive-feature__link {
  min-height: 355px;
  grid-template-columns: 48% 52%;
  background: #001d36
}

.icm-archive-feature__copy {
  padding: 36px 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  color: #fff
}

.icm-archive-feature__copy h2 {
  font-size: 29px;
  line-height: 1.55;
  margin: 16px 0 9px
}

.icm-archive-feature__copy p {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .9);
  margin: 0 0 18px
}

.icm-authorline {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 10px;
  margin: 0 0 18px
}

.icm-authorline img {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 1/1;
  padding: 0;
  flex-shrink: 0
}

.icm-archive-feature__image {
  position: relative;
  overflow: hidden
}

.icm-archive-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-archive-feature__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 29, 54, .98) 0%, rgba(0, 29, 54, .45) 32%, transparent 62%)
}

.icm-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px
}

.icm-article-card {
  border: 1px solid #dce4ea;
  border-radius: 10px;
  min-height: 330px
}

.icm-article-card__image {
  height: 170px;
  flex: 0 0 170px
}

.icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.icm-article-card__body {
  padding: 14px 15px 12px
}

.icm-article-card__body h3 {
  font-size: 15px;
  line-height: 1.75;
  margin: 8px 0 5px
}

.icm-article-card__body p {
  font-size: 10px;
  line-height: 1.85;
  color: #4f667a;
  margin: 0 0 10px
}

.icm-article-card .icm-card-meta {
  color: #697c8d;
  font-size: 9px
}

.icm-popular-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px
}

.icm-popular {
  display: grid;
  grid-template-columns: 38px 64px 1fr;
  gap: 10px;
  align-items: center;
  border-top: 1px solid #dfe5ea;
  padding: 12px 0
}

.icm-popular>b {
  font-size: 23px;
  color: #b79b4a
}

.icm-popular img {
  width: 64px;
  height: 52px;
  border-radius: 7px;
  object-fit: cover
}

.icm-popular span {
  font-size: 10px;
  line-height: 1.6
}

.icm-popular small {
  display: block;
  color: #789;
  font-size: 8px
}

/* Single article reference */
.icm-single-head {
  padding: 25px 0 10px
}

.icm-single-head .icm-breadcrumb {
  margin-bottom: 18px
}

.icm-single-hero {
  min-height: 390px;
  grid-template-columns: 50% 50%;
  grid-template-areas: "image copy";
  background: #001d36;
  border: 0;
  border-radius: 12px;
  color: #fff;
  box-shadow: none
}

.icm-single-hero__image {
  grid-area: image
}

.icm-single-hero__image:after {
  background: linear-gradient(90deg, transparent 0%, rgba(0, 29, 54, .15) 42%, #001d36 100%)
}

.icm-single-hero__copy {
  grid-area: copy;
  padding: 34px 42px;
  color: #fff
}

.icm-single-hero__copy h1 {
  font-size: 36px;
  line-height: 1.55;
  color: #fff;
  margin: 14px 0 12px
}

.icm-single-excerpt {
  font-size: 13px;
  color: rgba(255, 255, 255, .9);
  line-height: 2
}

.icm-author .icm-avatar {
  border-color: rgba(255, 255, 255, .22)
}

.icm-author span,
.icm-author small,
.icm-single-meta {
  color: #fff
}

.icm-single-actions button {
  color: #fff;
  border-color: rgba(255, 255, 255, .35);
  background: rgba(255, 255, 255, .06)
}

.icm-single-body {
  padding-top: 12px
}

.icm-single-layout {
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 48px
}

.icm-prose {
  font-size: 15px;
  line-height: 2.2;
  color: #263f54
}

.icm-prose h2 {
  font-size: 25px;
  line-height: 1.5
}

.icm-prose h3 {
  font-size: 20px
}

.icm-prose blockquote {
  border: 1px solid color-mix(in srgb, var(--icm-gold) 28%, #fff);
  border-right: 4px solid var(--icm-gold);
  background: #fffaf0;
  border-radius: 8px;
  padding: 17px 20px;
  margin: 22px 0;
  color: #4c5560
}

.icm-sidebar {
  top: 88px
}

.icm-toc,
.icm-author-card,
.icm-sidebar-popular {
  border-radius: 10px;
  padding: 18px;
  background: #fff
}

.icm-toc h3,
.icm-author-card h3,
.icm-sidebar-popular h3 {
  font-size: 15px
}

.icm-related-rail {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px
}

.icm-single-newsletter {
  min-height: 100px;
  border-radius: 10px;
  background: #001d36
}

/* Whole-card interaction: real HTML links on every article surface */
.icm-slide-card-link,
.icm-selected-card__link,
.icm-article-card__link,
.icm-archive-feature__link,
.icm-topic-card__link {
  display: grid;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: pointer
}

.icm-slide-card-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block
}

.icm-selected-card__link {
  grid-template-columns: 57% 43%
}

.icm-article-card__link {
  display: flex;
  flex-direction: column
}

.icm-archive-feature__link {
  grid-template-columns: 48% 52%
}

.icm-topic-card__link {
  grid-template-columns: 42% 58%
}

.icm-slide-card-link *,
.icm-selected-card__link *,
.icm-article-card__link *,
.icm-archive-feature__link * {
  pointer-events: none
}

.icm-guide-card {
  cursor: pointer
}

/* Elementor full-width neutralization ? keeps approved CSS proportions */
.elementor-page .elementor-widget-icm_academy_hero,
.elementor-page .elementor-widget-icm_academy_filters,
.elementor-page .elementor-widget-icm_academy_collections,
.elementor-page .elementor-widget-icm_academy_selected,
.elementor-page .elementor-widget-icm_academy_feature,
.elementor-page .elementor-widget-icm_academy_guides,
.elementor-page .elementor-widget-icm_academy_webinar,
.elementor-page .elementor-widget-icm_academy_cta,
.elementor-page .elementor-widget-icm_articles_header,
.elementor-page .elementor-widget-icm_articles_featured,
.elementor-page .elementor-widget-icm_articles_grid,
.elementor-page .elementor-widget-icm_articles_popular,
.elementor-page .elementor-widget-icm_single_hero,
.elementor-page .elementor-widget-icm_single_content,
.elementor-page .elementor-widget-icm_single_related,
.elementor-page .elementor-widget-icm_single_newsletter {
  margin: 0;
  max-width: none;
  width: 100%
}

@media(max-width:1100px) {
  .icm-container {
    width: min(var(--icm-container), calc(100% - 40px))
  }

  .icm-header__inner {
    gap: 12px
  }

  .icm-nav {
    display: none
  }

  .icm-menu-toggle {
    display: block
  }

  .icm-academy-hero__grid {
    grid-template-columns: 1fr;
    gap: 35px
  }

  .icm-academy-copy {
    order: 1
  }

  .icm-slider {
    order: 2;
    max-width: 760px;
    margin-inline: auto
  }

  .icm-topic-row {
    grid-template-columns: 1fr 1fr
  }

  .icm-selected-row {
    grid-template-columns: 1fr 1fr
  }

  .icm-webinar {
    grid-template-columns: 35% 1fr 180px
  }

  .icm-countdown {
    grid-column: 2/4
  }

  .icm-webinar .icm-btn {
    grid-column: 3
  }

  .icm-articles-head__row {
    align-items: flex-start
  }

  .icm-archive-feature__link {
    grid-template-columns: 1fr
  }

  .icm-archive-feature__image {
    height: 300px;
    order: -1
  }

  .icm-article-grid {
    grid-template-columns: 1fr 1fr
  }

  .icm-popular-row {
    grid-template-columns: 1fr 1fr
  }

  .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  .icm-single-hero__image {
    height: 320px
  }

  .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 25%, #001d36 100%)
  }

  .icm-single-hero__copy {
    margin-top: -80px;
    z-index: 3
  }

  .icm-single-layout {
    grid-template-columns: 1fr
  }

  .icm-sidebar {
    position: static
  }
}

@media(max-width:767px) {
  .icm-container {
    width: calc(100% - 28px)
  }

  .icm-header__inner {
    height: 60px
  }

  .icm-logo img {
    height: 38px
  }

  .icm-academy-hero {
    padding-top: 18px
  }

  .icm-academy-copy h1 {
    font-size: 36px
  }

  .icm-academy-copy h2 {
    font-size: 17px
  }

  .icm-academy-copy>p {
    font-size: 12px
  }

  .icm-slider {
    height: 285px
  }

  .icm-slide__copy {
    width: 70%;
    right: 18px
  }

  .icm-slide__copy h2 {
    font-size: 21px
  }

  .icm-slide__copy p {
    font-size: 11px
  }

  .icm-stats {
    display: flex;
    overflow-x: auto;
    justify-content: flex-start
  }

  .icm-stats>div {
    min-width: 115px
  }

  .icm-filterbar__inner {
    gap: 10px
  }

  .icm-topic-row,
  .icm-selected-row,
  .icm-guide-row,
  .icm-related-rail {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory
  }

  .icm-topic-card,
  .icm-selected-card {
    min-width: 0
  }

  .icm-section-title h2 {
    font-size: 19px
  }

  .icm-feature-banner {
    grid-template-columns: 1fr
  }

  .icm-feature-banner__image {
    height: 190px
  }

  .icm-webinar {
    display: flex;
    flex-direction: column
  }

  .icm-webinar__image {
    height: 160px;
    width: 100%
  }

  .icm-final-cta__inner {
    padding: 15px
  }

  .icm-footer__grid {
    grid-template-columns: 1fr 1fr
  }

  .icm-articles-head__row {
    display: block
  }

  .icm-articles-head__copy h1 {
    font-size: 34px
  }

  .icm-search--archive {
    min-width: 0;
    margin-top: 18px
  }

  .icm-category-tabs a {
    flex-basis: 100px
  }

  .icm-archive-feature__copy {
    padding: 25px 22px
  }

  .icm-archive-feature__copy h2 {
    font-size: 23px
  }

  .icm-article-grid {
    grid-template-columns: 1fr
  }

  .icm-popular-row {
    display: flex;
    overflow-x: auto
  }

  .icm-popular {
    min-width: 285px
  }

  .icm-single-hero__image {
    height: 240px
  }

  .icm-single-hero__copy {
    padding: 20px;
    margin-top: -45px
  }

  .icm-single-hero__copy h1 {
    font-size: 27px
  }

  .icm-single-layout {
    gap: 20px
  }

  .icm-prose {
    font-size: 14px
  }

  .icm-related-item {
    min-width: 285px
  }

  .icm-single-newsletter {
    padding: 18px;
    display: block
  }

  .icm-single-newsletter .icm-btn {
    margin-top: 14px
  }
}

/* RC12 ? reliable guide icons and exact bottom single sections */
.icm-guide-card__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  margin: 0 auto 6px;
  flex: 0 0 auto;
  color: var(--icm-navy)
}

.icm-guide-card__icon img,
.icm-guide-card__icon svg,
.icm-guide-card__icon i {
  width: 48px;
  height: 48px;
  max-width: 48px;
  max-height: 48px;
  display: block;
  object-fit: contain;
  color: var(--icm-navy);
  fill: none
}

.icm-guide-card__icon i {
  font-size: 42px;
  line-height: 48px;
  text-align: center
}

.icm-guide-card {
  position: relative;
  text-decoration: none;
  color: inherit;
  touch-action: pan-x;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.icm-guide-card:active {
  transform: translateY(0) scale(.985)
}

.icm-single-bottom-stack {
  padding: 4px 0 0;
  background: #fff
}

.icm-single-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  background: #001d36;
  border-radius: 10px;
  min-height: 110px;
  padding: 20px 30px;
  color: #fff
}

.icm-single-newsletter__copy h2 {
  font-size: 23px;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 4px;
  font-weight: 800
}

.icm-single-newsletter__copy p {
  font-size: 11px;
  line-height: 1.8;
  color: rgba(255, 255, 255, .76);
  margin: 0
}

.icm-single-newsletter .icm-btn {
  min-width: 128px;
  justify-content: center
}

.icm-single-final-cta {
  padding: 12px 0 0
}

.icm-single-final-cta .icm-final-cta__inner {
  min-height: 78px
}

@media(max-width:720px) {
  .icm-single-newsletter {
    grid-template-columns: 1fr;
    padding: 19px;
    gap: 14px
  }

  .icm-single-newsletter__copy h2 {
    font-size: 19px
  }

  .icm-single-newsletter .icm-btn {
    width: 100%
  }

  .icm-guide-card__icon {
    width: 48px;
    height: 48px
  }

  .icm-guide-card__icon img,
  .icm-guide-card__icon svg {
    width: 44px;
    height: 44px
  }
}

/* RC12 ? Elementor wrapper neutralization: the approved pixel layout is the default. */
.elementor-page .elementor-widget-icm_single_final_cta {
  margin: 0;
  max-width: none;
  width: 100%
}

.elementor-page .elementor-widget-icm_single_final_cta>.elementor-widget-container {
  margin: 0;
  padding: 0
}

@supports selector(:has(*)) {

  .elementor-page .e-con:has(> .elementor-widget-icm_academy_hero),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_filters),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_collections),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_selected),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_feature),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_guides),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_webinar),
  .elementor-page .e-con:has(> .elementor-widget-icm_academy_cta),
  .elementor-page .e-con:has(> .elementor-widget-icm_articles_header),
  .elementor-page .e-con:has(> .elementor-widget-icm_articles_featured),
  .elementor-page .e-con:has(> .elementor-widget-icm_articles_grid),
  .elementor-page .e-con:has(> .elementor-widget-icm_articles_popular),
  .elementor-page .e-con:has(> .elementor-widget-icm_single_hero),
  .elementor-page .e-con:has(> .elementor-widget-icm_single_content),
  .elementor-page .e-con:has(> .elementor-widget-icm_single_related),
  .elementor-page .e-con:has(> .elementor-widget-icm_single_newsletter),
  .elementor-page .e-con:has(> .elementor-widget-icm_single_final_cta) {
    --display: flex;
    --flex-direction: column;
    --gap: 0px;
    gap: 0;
    padding: 0;
    margin: 0;
    max-width: none;
    width: 100%;
  }
}

/* Reference-locked desktop proportions */
@media(min-width:1024px) {
  .icm-academy-hero {
    padding: 28px 0 10px
  }

  .icm-academy-hero__grid {
    grid-template-columns: 1fr 1fr;
    gap: 54px
  }

  .icm-slider {
    height: 270px
  }

  .icm-academy-copy h1 {
    font-size: 43px
  }

  .icm-stats {
    margin-top: 21px
  }

  .icm-topic-card {
    min-height: 158px
  }

  .icm-selected-card {
    height: 154px
  }

  .icm-feature-banner {
    min-height: 190px
  }

  .icm-guide-card {
    height: 118px
  }

  .icm-webinar {
    min-height: 112px
  }

  .icm-final-cta__inner {
    min-height: 72px
  }

  .icm-articles-head__copy h1 {
    font-size: 40px
  }

  .icm-archive-feature {
    min-height: 365px
  }

  .icm-article-card {
    min-height: 330px
  }

  .icm-single-hero {
    min-height: 390px
  }

  .icm-single-layout {
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 48px
  }

  .icm-related-rail {
    grid-template-columns: repeat(3, 1fr)
  }
}

/* RC14 commercial-theme refinements */
body {
  font-size: var(--icm-base-font, 16px)
}

.icm-header:not(.is-sticky) {
  position: relative
}

.icm-header.is-sticky {
  position: sticky
}

.icm-options-only {
  display: none
}

/* Reference-locked card geometry */
@media(min-width:1200px) {
  .icm-container {
    width: min(var(--icm-container), calc(100% - 68px))
  }

  .icm-academy-hero__grid {
    gap: 72px
  }

  .icm-slider {
    height: 273px;
    border-radius: 11px
  }

  .icm-slide__copy {
    right: 26px;
    top: 20px;
    bottom: 31px;
    width: 49%
  }

  .icm-topic-card {
    min-height: 160px
  }

  .icm-selected-card {
    height: 153px
  }

  .icm-selected-card__link {
    grid-template-columns: 56% 44%
  }

  .icm-feature-banner {
    min-height: 194px;
    border-radius: 11px
  }

  .icm-guide-card {
    height: 120px;
    border-radius: 8px
  }

  .icm-webinar {
    min-height: 112px;
    border-radius: 9px
  }

  .icm-final-cta__inner {
    min-height: 72px;
    border-radius: 8px
  }
}

.icm-selected-card__text:after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: -44px;
  width: 86px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .96) 26%, rgba(255, 255, 255, .55) 66%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none
}

.icm-feature-banner__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 31, 57, 0) 40%, rgba(0, 31, 57, .3) 62%, #001f39 100%);
  pointer-events: none
}

@media(max-width:767px) {
  .icm-selected-card__text:after {
    display: none
  }
}

.icm-section {
  padding-top: var(--icm-section-gap);
  padding-bottom: var(--icm-section-gap)
}

/* RC17 ? reference asset fidelity */
.icm-topic-card__image {
  background: #fff;
  padding: 8px 6px
}

.icm-topic-card__image img {
  object-fit: contain;
  object-position: center;
  background: transparent
}

.icm-guide-card img,
.icm-guide-card__icon img {
  mix-blend-mode: normal;
  background: transparent
}

.icm-guide-card__icon {
  overflow: visible
}

.icm-guide-card__icon img {
  filter: none
}

.icm-stat-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  margin-bottom: 0
}

.icm-stat-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block
}

.icm-feature-banner__image img {
  object-position: center center
}

.icm-final-cta__icon {
  mix-blend-mode: normal;
  background: transparent
}

@media(min-width:1200px) {
  .icm-academy-hero__grid {
    max-width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 72px
  }

  .icm-slider {
    height: 273px
  }

  .icm-topic-card {
    height: 160px
  }

  .icm-selected-card {
    height: 153px
  }

  .icm-guide-card {
    height: 120px
  }
}

/* RC18: canonical Elementor content-area integration. */
body.elementor-page #main-content {
  padding: 0;
  margin: 0;
  max-width: none;
  width: 100%
}

body.elementor-page #main-content>.elementor {
  margin: 0;
  padding: 0
}

body.elementor-page .elementor-element.e-con {
  --container-max-width: none
}

.elementor-widget[class*="elementor-widget-icm_"] {
  margin: 0
}

.elementor-widget[class*="elementor-widget-icm_"]>.elementor-widget-container {
  margin: 0;
  padding: 0
}

/* ================================================================
   RC19 ? Reference-lock visual layer
   The three approved screenshots are the source of truth.  This layer
   deliberately neutralizes Elementor wrapper spacing while every section
   remains a real Elementor widget with editable controls.
   ================================================================ */
.elementor-widget-icm_academy_hero>.elementor-widget-container,
.elementor-widget-icm_academy_filters>.elementor-widget-container,
.elementor-widget-icm_academy_collections>.elementor-widget-container,
.elementor-widget-icm_academy_selected>.elementor-widget-container,
.elementor-widget-icm_academy_feature_banner>.elementor-widget-container,
.elementor-widget-icm_academy_guides>.elementor-widget-container,
.elementor-widget-icm_academy_webinar>.elementor-widget-container,
.elementor-widget-icm_academy_cta>.elementor-widget-container,
.elementor-widget-icm_articles_header>.elementor-widget-container,
.elementor-widget-icm_articles_featured>.elementor-widget-container,
.elementor-widget-icm_articles_grid>.elementor-widget-container,
.elementor-widget-icm_articles_popular>.elementor-widget-container,
.elementor-widget-icm_single_hero>.elementor-widget-container,
.elementor-widget-icm_single_content>.elementor-widget-container,
.elementor-widget-icm_single_related>.elementor-widget-container,
.elementor-widget-icm_single_newsletter>.elementor-widget-container,
.elementor-widget-icm_single_cta>.elementor-widget-container {
  margin: 0;
  padding: 0
}

:root {
  --icm-bg: #fff;
  --icm-deep: #002f53;
  --icm-deeper: #001f39;
  --icm-border: #e1e7ec;
  --icm-shadow: 0 5px 18px rgba(2, 34, 58, .045)
}

.icm-container {
  width: min(var(--icm-container), calc(100% - 64px))
}

.icm-header {
  background: #001f39
}

.icm-header__inner {
  height: 62px;
  gap: 18px
}

.icm-logo img,
.icm-logo .custom-logo {
  height: 39px;
  max-width: 125px
}

.icm-nav li>a,
.icm-nav>a {
  font-size: 11px;
  padding: 20px 12px 15px
}

.icm-header__actions {
  gap: 8px
}

.icm-btn {
  min-height: 35px;
  border-radius: 6px;
  padding: 6px 17px
}

.icm-academy-hero {
  padding: 25px 0 13px
}

.icm-academy-hero__grid {
  grid-template-columns: 1fr 1fr;
  gap: 72px
}

.icm-academy-copy h1 {
  font-size: 45px;
  line-height: 1.13;
  margin-bottom: 8px
}

.icm-academy-copy h2 {
  font-size: 18px;
  margin-bottom: 8px
}

.icm-academy-copy>p {
  font-size: 11px;
  line-height: 1.95;
  max-width: 440px;
  margin-bottom: 16px
}

.icm-breadcrumb {
  margin-bottom: 18px
}

.icm-search {
  height: 42px;
  max-width: 358px
}

.icm-stats {
  max-width: 468px;
  margin-top: 19px
}

.icm-stats strong {
  font-size: 17px
}

.icm-stats span {
  font-size: 8.5px
}

.icm-slider {
  height: 273px;
  border-radius: 10px;
  overflow: visible;
  box-shadow: none;
  background: transparent
}

.icm-slide {
  inset: 0 0 19px;
  border-radius: 10px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 8px 22px rgba(0, 31, 57, .11)
}

.icm-slide__shade {
  background: linear-gradient(90deg, rgba(0, 25, 46, .1) 0%, rgba(0, 27, 49, .38) 46%, rgba(0, 31, 57, .94) 100%)
}

.icm-slide__copy {
  right: 22px;
  top: 16px;
  bottom: 28px;
  width: 46%
}

.icm-slide__copy h2 {
  font-size: 19px;
  line-height: 1.55;
  margin: 12px 0 2px
}

.icm-slide__copy p {
  font-size: 10px
}

.icm-slider__prev {
  left: 15px;
  right: auto;
  bottom: 36px
}

.icm-slider__next {
  display: grid
}

.icm-slider__dots {
  bottom: 0;
  gap: 10px
}

.icm-slider__dots button {
  width: 7px;
  height: 7px
}

.icm-filterbar {
  padding: 10px 0 1px
}

.icm-filterbar__inner {
  min-height: 62px;
  gap: 16px
}

.icm-filterbar__label {
  padding: 8px 14px
}

.icm-filterbar__rail {
  gap: 14px
}

.icm-filterbar__rail a {
  min-width: 79px;
  padding: 7px 15px;
  font-size: 9px;
  border-radius: 5px
}

.icm-section {
  padding: 13px 0
}

.icm-section-title {
  margin-bottom: 10px
}

.icm-section-title h2 {
  font-size: 18px
}

.icm-section-title a {
  font-size: 8.5px
}

.icm-topic-row {
  gap: 15px
}

.icm-topic-card {
  min-height: 160px;
  border-radius: 9px;
  grid-template-columns: 40% 60%;
  box-shadow: none
}

.icm-topic-card__image {
  background: linear-gradient(90deg, #fff, #fbfcfd)
}

.icm-topic-card__image img {
  object-fit: contain;
  width: 94%;
  height: 94%;
  margin: auto
}

.icm-topic-card__body {
  padding: 17px 15px 14px
}

.icm-topic-card h3 {
  font-size: 14px;
  margin-top: 4px
}

.icm-topic-card p {
  font-size: 9px;
  line-height: 1.85
}

.icm-topic-meta {
  font-size: 8px
}

.icm-round-arrow {
  width: 24px;
  height: 24px
}

.icm-selected-row {
  gap: 15px
}

.icm-selected-card {
  height: 153px;
  border-radius: 9px;
  box-shadow: none
}

.icm-selected-card__link {
  grid-template-columns: 56% 44%
}

.icm-selected-card__text {
  padding: 13px 14px 11px
}

.icm-selected-card h3 {
  font-size: 13px;
  line-height: 1.75
}

.icm-selected-card__text:after {
  left: -55px;
  width: 104px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .82) 43%, #fff 78%)
}

.icm-selected-card__image:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 40%)
}

.icm-feature-banner {
  min-height: 176px;
  border-radius: 9px;
  grid-template-columns: 56% 44%;
  background: #001f39
}

.icm-feature-banner__copy {
  padding: 21px 34px 19px 20px
}

.icm-feature-banner__copy h2 {
  font-size: 22px;
  line-height: 1.45
}

.icm-feature-banner__copy p {
  font-size: 9.5px
}

.icm-feature-banner__image:after {
  background: linear-gradient(90deg, rgba(0, 31, 57, 0) 30%, rgba(0, 31, 57, .25) 62%, #001f39 100%)
}

.icm-guide-row {
  grid-template-columns: repeat(8, 1fr);
  gap: 8px
}

.icm-guide-card {
  height: 105px;
  border-radius: 7px;
  padding: 8px 5px
}

.icm-guide-card__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 5px
}

.icm-guide-card__icon img,
.icm-guide-card__icon svg {
  width: 42px;
  height: 42px;
  object-fit: contain;
  mix-blend-mode: normal
}

.icm-guide-card strong {
  font-size: 8.4px;
  line-height: 1.5
}

.icm-guide-card small {
  display: none
}

.icm-webinar {
  min-height: 96px;
  border-radius: 8px;
  grid-template-columns: 29% 1fr 145px 185px auto
}

.icm-webinar__image {
  height: 96px
}

.icm-webinar__main h3 {
  font-size: 15px
}

.icm-countdown b {
  width: 31px;
  height: 31px;
  font-size: 14px
}

.icm-webinar>.icm-btn {
  margin: 0 11px;
  padding-inline: 15px
}

.icm-final-cta {
  padding: 8px 0 7px
}

.icm-final-cta__inner {
  height: 65px;
  min-height: 65px;
  border-radius: 7px;
  grid-template-columns: 66px 1fr auto;
  padding: 0 24px
}

.icm-final-cta__icon {
  width: 54px;
  height: 52px
}

.icm-final-cta h2 {
  font-size: 18px
}

.icm-final-cta p {
  font-size: 8px
}

.icm-footer {
  background: #001f39
}

.icm-footer__grid {
  padding-top: 20px;
  padding-bottom: 15px
}

.icm-footer h3 {
  font-size: 10px
}

.icm-footer a,
.icm-footer p {
  font-size: 8px
}

/* High quality guide assets are transparent PNG/SVG; never blend them into white. */
.icm-guide-card img {
  mix-blend-mode: normal;
  image-rendering: auto
}

@media(max-width:1100px) {
  .icm-container {
    width: min(var(--icm-container), calc(100% - 38px))
  }

  .icm-academy-hero__grid {
    grid-template-columns: 1fr;
    gap: 26px
  }

  .icm-academy-copy {
    max-width: 720px;
    margin-inline: auto
  }

  .icm-slider {
    max-width: 720px;
    width: 100%;
    margin-inline: auto;
    height: 330px
  }

  .icm-slide {
    inset: 0 0 20px
  }

  .icm-topic-row {
    grid-template-columns: repeat(2, 1fr)
  }

  .icm-selected-row {
    display: flex;
    overflow-x: auto
  }

  .icm-selected-card {
    min-width: 0;
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 2) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 2))
  }

  .icm-guide-row {
    display: flex;
    overflow-x: auto
  }

  .icm-guide-card {
    min-width: 118px;
    flex: 0 0 118px
  }

  .icm-webinar {
    grid-template-columns: 220px 1fr auto
  }

  .icm-webinar__time,
  .icm-countdown {
    display: none
  }
}

@media(max-width:720px) {
  .icm-container {
    width: calc(100% - 28px)
  }

  .icm-academy-copy h1 {
    font-size: 34px
  }

  .icm-academy-copy h2 {
    font-size: 16px
  }

  .icm-academy-copy>p {
    font-size: 11px
  }

  .icm-stats {
    display: flex;
    overflow-x: auto
  }

  .icm-stats>div {
    min-width: 112px
  }

  .icm-slider {
    height: 282px
  }

  .icm-slide__copy {
    right: 17px;
    left: 17px;
    width: auto
  }

  .icm-slide__copy h2 {
    font-size: 19px
  }

  .icm-topic-row,
  .icm-selected-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory
  }

  .icm-topic-card,
  .icm-selected-card {
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 1) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 1));
    min-width: 0;
    scroll-snap-align: start
  }

  .icm-feature-banner {
    grid-template-columns: 1fr
  }

  .icm-feature-banner__image {
    height: 182px
  }

  .icm-feature-banner__copy {
    margin-top: -36px;
    padding: 18px 20px 21px
  }

  .icm-guide-row {
    display: flex
  }

  .icm-guide-card {
    min-width: 118px
  }

  .icm-webinar {
    display: flex;
    flex-direction: column;
    padding: 0 14px 14px
  }

  .icm-webinar__image {
    width: calc(100% + 28px);
    height: 130px;
    margin-inline: -14px
  }

  .icm-final-cta__inner {
    height: auto;
    min-height: 105px;
    grid-template-columns: 58px 1fr;
    padding: 15px 18px
  }

  .icm-final-cta__inner>.icm-btn {
    grid-column: 1/-1
  }
}

/* RC21 ? reference-accurate Hero and article-card layout lock. */
@media (min-width:1101px) {
  .icm-academy-hero__grid {
    direction: ltr;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "slider copy";
    gap: 72px;
    align-items: center
  }

  .icm-slider {
    grid-area: slider;
    direction: rtl;
    position: relative
  }

  .icm-academy-copy {
    grid-area: copy;
    direction: rtl;
    text-align: right
  }

  .icm-academy-copy>p {
    margin-right: 0;
    margin-left: auto
  }

  .icm-search {
    margin-right: 0;
    margin-left: auto
  }

  .icm-stats {
    margin-right: 0;
    margin-left: auto
  }
}

/* A legacy RC rule accidentally changed slides to position:relative. Every
   slide must occupy the same fixed frame so exactly one featured post is
   visible at a time. */
.icm-slider>.icm-slide {
  position: absolute;
  inset: 0 0 19px
}

.icm-slider>.icm-slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.icm-slider>.icm-slide:not(.is-active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

.icm-slide-card-link {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%
}

.icm-slide__visual {
  position: absolute;
  inset: 0
}

.icm-slide__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

/* Reference cards: text is on the visual LEFT, featured image on the RIGHT.
   Direction is explicit and independent of the site's RTL document direction. */
.icm-selected-card__link {
  direction: ltr;
  grid-template-columns: 56% 44%
}

.icm-selected-card__text {
  grid-column: 1;
  direction: rtl;
  text-align: right;
  align-items: flex-start
}

.icm-selected-card__image {
  grid-column: 2
}

.icm-selected-card__text:after {
  left: auto;
  right: -55px;
  width: 112px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .92) 38%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%)
}

.icm-selected-card__image:before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .58) 0%, rgba(255, 255, 255, .12) 35%, rgba(255, 255, 255, 0) 62%)
}

/* Learning-path cards follow the reference too: illustration left, copy right. */
.icm-topic-card__link {
  direction: ltr;
  grid-template-columns: 40% 60%
}

.icm-topic-card__image {
  grid-column: 1
}

.icm-topic-card__body {
  grid-column: 2;
  direction: rtl;
  text-align: right
}

@media(max-width:1100px) {
  .icm-academy-hero__grid {
    direction: rtl;
    grid-template-areas: none
  }

  .icm-academy-copy,
  .icm-slider {
    grid-area: auto
  }
}

@media(max-width:720px) {
  .icm-selected-card__link {
    grid-template-columns: 55% 45%
  }

  .icm-selected-card__text:after {
    display: block;
    right: -46px;
    width: 92px
  }
}


/* RC22 ? interaction + exact-card + Elementor-control fixes */
.icm-selected-card {
  display: block;
  position: relative;
  overflow: hidden;
  background: #fff
}

.icm-selected-card__link {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 56%) minmax(0, 44%);
  grid-template-areas: "copy image";
  direction: ltr;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10
}

.icm-selected-card__text {
  grid-area: copy;
  position: relative;
  z-index: 4;
  min-width: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #fff;
  color: #0d2f4d;
  direction: rtl;
  text-align: right;
  align-items: flex-start;
  overflow: hidden
}

.icm-selected-card__image {
  grid-area: image;
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.icm-selected-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.icm-selected-card__text:after,
.icm-selected-card__image:before {
  display: none
}

.icm-selected-card__link:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: calc(56% - 64px);
  width: 128px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .96) 25%, rgba(255, 255, 255, .70) 53%, rgba(255, 255, 255, .18) 82%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none
}

.icm-selected-card .icm-badge {
  position: relative;
  z-index: 5;
  flex: 0 0 auto
}

.icm-selected-card h3 {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 100%;
  color: #0d2f4d;
  opacity: 1;
  white-space: normal;
  overflow: hidden
}

.icm-selected-card__excerpt {
  position: relative;
  z-index: 5;
  color: #536b7e;
  font-size: 9px;
  line-height: 1.8;
  margin: 1px 0 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-selected-card .icm-card-meta {
  position: relative;
  z-index: 5;
  opacity: 1
}

.icm-selected-card__link,
.icm-guide-card {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent
}

.icm-guide-card {
  position: relative;
  z-index: 2;
  color: #173a58;
  text-decoration: none;
  pointer-events: auto
}

.icm-guide-card>* {
  pointer-events: none
}

.icm-guide-card__icon {
  overflow: visible
}

.icm-guide-card__icon img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  mix-blend-mode: normal;
  opacity: 1
}

.icm-final-cta {
  background: #fff;
  padding: 8px 0 7px
}

.icm-final-cta__inner {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 86px;
  grid-template-areas: "button copy icon";
  direction: ltr;
  align-items: center;
  gap: 24px;
  min-height: 74px;
  height: auto;
  padding: 8px 24px;
  background: #001f39;
  color: #fff;
  overflow: hidden
}

.icm-final-cta__inner:after {
  z-index: 0;
  background: repeating-linear-gradient(135deg, transparent 0 18px, rgba(140, 132, 94, .09) 19px 20px)
}

.icm-final-cta__inner>.icm-btn {
  grid-area: button;
  position: relative;
  z-index: 2;
  justify-self: start;
  direction: rtl;
  white-space: nowrap
}

.icm-final-cta__inner>div {
  grid-area: copy;
  position: relative;
  z-index: 2;
  direction: rtl;
  text-align: center;
  min-width: 0
}

.icm-final-cta__icon {
  grid-area: icon;
  position: relative;
  z-index: 2;
  justify-self: end;
  width: 62px;
  height: 58px;
  object-fit: contain;
  mix-blend-mode: normal;
  opacity: 1
}

.icm-final-cta h2 {
  display: block;
  color: #fff;
  opacity: 1;
  font-size: 19px;
  line-height: 1.35;
  margin: 0
}

.icm-final-cta p {
  display: block;
  color: rgba(255, 255, 255, .82);
  opacity: 1;
  font-size: 8.5px;
  line-height: 1.7;
  margin: 2px 0 0
}

@media(max-width:720px) {
  .icm-selected-card__link {
    grid-template-columns: minmax(0, 55%) minmax(0, 45%)
  }

  .icm-selected-card__link:after {
    left: calc(55% - 48px);
    width: 96px
  }

  .icm-final-cta__inner {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-areas: "icon copy" "button button";
    gap: 12px 15px;
    padding: 14px 16px
  }

  .icm-final-cta__icon {
    justify-self: start
  }

  .icm-final-cta__inner>div {
    text-align: right
  }

  .icm-final-cta__inner>.icm-btn {
    justify-self: stretch;
    text-align: center
  }
}

/* RC23 ? final media/editability and resilient card layout. */
.icm-stats>div {
  min-width: 0
}

.icm-stat-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto
}

.icm-stat-icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain
}

.icm-topic-card--no-image .icm-topic-card__link {
  grid-template-columns: 1fr;
  direction: rtl
}

.icm-topic-card--no-image .icm-topic-card__body {
  grid-column: 1
}

.icm-topic-card--no-image .icm-topic-card__image {
  display: none
}

.icm-feature-banner--no-image {
  grid-template-columns: 1fr
}

.icm-feature-banner--no-image .icm-feature-banner__copy {
  max-width: none
}

.icm-feature-banner--no-image .icm-feature-banner__copy:before {
  display: none
}

.icm-webinar--no-cover {
  grid-template-columns: 1fr 145px 185px auto;
  padding-inline: 18px
}

.icm-webinar--no-cover .icm-webinar__image {
  display: none
}

.icm-final-cta--no-image .icm-final-cta__inner {
  grid-template-columns: 180px minmax(0, 1fr);
  grid-template-areas: "button copy"
}

.icm-final-cta--no-image .icm-final-cta__icon {
  display: none
}

/* Article cards remain fully clickable and readable independent of Elementor wrappers. */
.icm-selected-card {
  min-width: 0
}

.icm-selected-card__link {
  isolation: isolate
}

.icm-selected-card__text {
  padding: 14px 16px 12px;
  justify-content: flex-start
}

.icm-selected-card h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-height: 3.4em;
  margin: 8px 0 4px
}

.icm-selected-card .icm-card-meta {
  margin-top: auto;
  flex-wrap: wrap;
  gap: 4px 8px
}

.icm-selected-card__image {
  height: 100%
}

.icm-selected-card__link:after {
  pointer-events: none
}

.icm-selected-card__link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none
}

.icm-selected-card__link {
  cursor: pointer
}

/* Media-library icons are the primary visual source. */
.icm-guide-card__icon img {
  max-width: 100%;
  max-height: 100%;
  background: transparent
}

.icm-guide-card__icon svg {
  max-width: 100%;
  max-height: 100%
}

@media(max-width:1100px) {
  .icm-webinar--no-cover {
    grid-template-columns: 1fr auto
  }

  .icm-final-cta--no-image .icm-final-cta__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "button"
  }
}

@media(max-width:720px) {
  .icm-feature-banner--no-image .icm-feature-banner__copy {
    margin-top: 0
  }

  .icm-webinar--no-cover {
    display: flex;
    padding-top: 14px
  }

  .icm-final-cta--no-image .icm-final-cta__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "button"
  }

  .icm-selected-card h3 {
    font-size: 13px
  }
}

/* RC24 ? reference-card geometry fix.
   Important: card shell is a single block. The inner anchor owns the grid.
   Older rules left the outer learning-path card as a grid too, which made the
   single anchor occupy only one grid column and compressed the content. */
.icm-topic-card {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 160px;
  min-height: 160px;
  background: #fff;
  border: 1px solid #dce5ec;
  border-radius: 10px;
  box-shadow: none;
}

.icm-topic-card__link {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%);
  grid-template-areas: "image body";
  direction: ltr;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}

.icm-topic-card__image {
  grid-area: image;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}

.icm-topic-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

/* Soft image-to-white transition is part of the component, never baked into media. */
.icm-topic-card__image:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 82px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .42) 45%, rgba(255, 255, 255, .92) 82%, #fff 100%);
  pointer-events: none;
}

.icm-topic-card__body {
  grid-area: body;
  position: relative;
  z-index: 3;
  min-width: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 17px 16px 13px 12px;
  direction: rtl;
  text-align: right;
  background: #fff;
  overflow: hidden;
}

.icm-topic-card h3 {
  margin: 2px 0 6px;
  font-size: 14px;
  line-height: 1.55;
  max-width: 100%;
  white-space: normal;
}

.icm-topic-card p {
  margin: 0;
  font-size: 9px;
  line-height: 1.85;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.icm-topic-meta {
  right: 16px;
  left: 44px;
  bottom: 12px;
  z-index: 4;
}

.icm-round-arrow {
  left: 10px;
  bottom: 10px;
  z-index: 5;
}

/* Selected article cards: exact white -> soft fade -> featured image composition. */
.icm-selected-card {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 153px;
  min-width: 0;
  background: #fff;
  border: 1px solid #dce5ec;
  border-radius: 10px;
  box-shadow: none;
}

.icm-selected-card__link {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 57%) minmax(0, 43%);
  grid-template-areas: "copy image";
  direction: ltr;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.icm-selected-card__text {
  grid-area: copy;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 13px 14px 11px;
  direction: rtl;
  text-align: right;
  background: #fff;
  overflow: hidden;
}

.icm-selected-card__image {
  grid-area: image;
  position: relative;
  z-index: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.icm-selected-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

/* One controlled fade layer across the seam. */
.icm-selected-card__text:after,
.icm-selected-card__image:before {
  display: none
}

.icm-selected-card__link:after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: calc(57% - 62px);
  width: 124px;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .98) 22%, rgba(255, 255, 255, .82) 47%, rgba(255, 255, 255, .40) 72%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}

.icm-selected-card .icm-badge {
  position: relative;
  z-index: 6;
  flex: 0 0 auto
}

.icm-selected-card h3 {
  position: relative;
  z-index: 6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  width: 100%;
  min-height: 3.25em;
  margin: 8px 0 3px;
  font-size: 13px;
  line-height: 1.65;
  color: #0d2f4d;
  opacity: 1;
  overflow: hidden;
}

.icm-selected-card__excerpt {
  display: none
}

.icm-selected-card .icm-card-meta {
  position: relative;
  z-index: 6;
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 9px;
  font-size: 8px;
  color: #607587;
  opacity: 1;
}

.icm-selected-card__link * {
  pointer-events: none
}

.icm-selected-card__link {
  pointer-events: auto
}

@media(max-width:1100px) {
  .icm-topic-card {
    height: 160px;
    min-width: 0
  }

  .icm-selected-card {
    height: 153px;
    min-width: 0
  }
}

@media(max-width:720px) {
  .icm-topic-card {
    height: 158px;
    min-width: 0;
    flex: 0 0 calc((100% - (var(--icm-topic-columns, 1) - 1) * var(--icm-topic-gap, 14px)) / var(--icm-topic-columns, 1))
  }

  .icm-topic-card__link {
    grid-template-columns: minmax(0, 41%) minmax(0, 59%)
  }

  .icm-topic-card__image:after {
    width: 58px
  }

  .icm-selected-card {
    height: 150px;
    min-width: 0;
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 1) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 1))
  }

  .icm-selected-card__link {
    grid-template-columns: minmax(0, 57%) minmax(0, 43%)
  }

  .icm-selected-card__link:after {
    left: calc(57% - 48px);
    width: 96px
  }
}

/* RC25 ? native link reliability -------------------------------------------------
 * Every article/topic/tag card is a real anchor. Decorative fades and overlays
 * never receive pointer events, so WordPress permalinks remain fully clickable.
 */
.icm-selected-card__link,
.icm-article-card__link,
.icm-slide-card-link,
.icm-topic-card__link,
.icm-guide-card,
.icm-archive-feature__link,
.icm-popular,
.icm-sidebar-post {
  position: relative;
  z-index: 1;
  cursor: pointer;
  pointer-events: auto;
}

.icm-selected-card__link,
.icm-article-card__link,
.icm-topic-card__link,
.icm-slide-card-link {
  width: 100%;
  height: 100%;
}

.icm-selected-card__link::before,
.icm-selected-card__link::after,
.icm-selected-card__image::before,
.icm-selected-card__image::after,
.icm-selected-card__text::before,
.icm-selected-card__text::after,
.icm-topic-card__image::before,
.icm-topic-card__image::after,
.icm-feature-banner__image::before,
.icm-feature-banner__image::after,
.icm-webinar__image::before,
.icm-webinar__image::after,
.icm-slide__shade {
  pointer-events: none;
}

.icm-scroll-rail.is-dragging,
[data-horizontal-scroll].is-dragging {
  cursor: grabbing;
  user-select: none
}


/* RC26 ? Elementor-controlled responsive cards, exact centered arrows and dual hero controls */
.icm-topic-card__link {
  /* Use 1fr for copy column ? calc(100% - var(...)) collapses body when the CSS var is invalid. */
  grid-template-columns: minmax(0, var(--icm-topic-image-width, 40%)) minmax(0, 1fr);
}

.icm-round-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-size: 0;
  padding: 0;
  overflow: hidden;
}

.icm-round-arrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  display: block;
  box-sizing: border-box;
  flex-shrink: 0;
}

.icm-selected-card__link {
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--icm-selected-image-width, 44%));
}

.icm-selected-card__link:after {
  left: calc(100% - var(--icm-selected-image-width, 44%));
  width: var(--icm-selected-fade-width, 128px);
  transform: translateX(-50%);
  opacity: var(--icm-selected-fade-opacity, 1);
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .97) 22%, rgba(255, 255, 255, .74) 52%, rgba(255, 255, 255, .24) 80%, rgba(255, 255, 255, 0) 100%);
}

/* When arrows are enabled, BOTH previous and next controls are visible together. */
.icm-slider__prev,
.icm-slider__next {
  display: grid
}

.icm-slider:not(:has(.icm-slider__prev)) .icm-slider__next {
  display: none
}

.icm-section,
.icm-topic-card,
.icm-selected-card,
.icm-guide-card {
  border-color: var(--icm-border-global, var(--icm-light))
}

.icm-topic-card,
.icm-selected-card,
.icm-guide-card {
  background: var(--icm-card-bg, #fff)
}

@media(max-width:720px) {
  .icm-selected-card__link:after {
    left: calc(100% - var(--icm-selected-image-width, 45%));
    width: var(--icm-selected-fade-width, 96px)
  }
}

/* RC27 Ultimate ? responsive/media fidelity */
.icm-single-hero__image {
  background: #0b3558;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden
}

.icm-single-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block
}

.icm-article-card__image {
  background: #f4f6f8;
  overflow: hidden
}

.icm-article-card__image img,
.icm-related-item .icm-article-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block
}

.icm-related-rail {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 14px;
  padding-bottom: 8px;
  scrollbar-width: thin
}

.icm-related-item {
  flex: 0 0 calc((100% - 28px)/3);
  scroll-snap-align: start;
  min-width: 0
}

@media(max-width:900px) {
  .icm-related-item {
    flex-basis: calc((100% - 14px)/2)
  }
}

@media(max-width:560px) {
  .icm-related-item {
    flex-basis: 88%
  }

  .icm-single-hero__image {
    min-height: 220px
  }
}

/* Elementor editor inherits responsive values via add_responsive_control() controls. */

/* ===== RC29 Webinar system ===== */
.icm-section--webinar {
  padding-block: 10px 14px
}

.icm-webinar-slider {
  position: relative;
  --icm-webinar-image-width: 34%;
  --icm-webinar-fade-width: 120px;
  --icm-webinar-fade-strength: 100%;
  --icm-webinar-fade-color: #002b4d
}

.icm-webinar-slider {
  position: relative;
  display: block;
}

.icm-webinar-slider__viewport {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 118px;
  gap: 0;
}

.icm-webinar-slide-wrapper {
  position: relative;
  width: 100%;
  min-width: 100%;
  flex: 0 0 100%;
  scroll-snap-align: start;
}

.icm-webinar-slide-wrapper [data-webinar-slide],
[data-webinar-slide] {
  display: block;
  width: 100%;
}

.icm-webinar-slide {
  position: relative;
  display: block;
  width: 100%;
  min-height: 270px;
  background: transparent;
  color: #0b3153;
  border-radius: 22px;
  overflow: visible;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .35s ease
}

.icm-webinar-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.icm-webinar-slide__image {
  position: relative;
  align-self: stretch;
  min-height: 118px;
  overflow: hidden;
  display: block
}

.icm-webinar-slide__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.icm-webinar-slide__image:after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: min(var(--icm-webinar-fade-width), 55%);
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--icm-webinar-fade-color) var(--icm-webinar-fade-strength), transparent) 100%);
  pointer-events: none
}

.icm-webinar-slide__main {
  padding: 12px 18px
}

.icm-webinar-slide__main h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 18px;
  line-height: 1.55
}

.icm-webinar-slide__main h3 a {
  color: inherit;
  text-decoration: none
}

.icm-webinar-slide__time {
  display: grid;
  gap: 6px;
  padding-inline: 16px;
  border-inline: 1px solid rgba(255, 255, 255, .17);
  font-size: 12px
}

.icm-instructor {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px
}

.icm-instructor img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover
}

.icm-instructor small {
  opacity: .76
}

.icm-countdown {
  display: flex;
  gap: 7px;
  direction: ltr;
  justify-content: center
}

.icm-countdown span {
  font-size: 9px;
  text-align: center
}

.icm-countdown b {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  font-size: 18px;
  color: #fff;
  margin-bottom: 3px
}

.icm-webinar-slide>.icm-btn {
  margin-inline: 14px;
  white-space: nowrap
}

.icm-webinar-nav {
  position: absolute;
  top: 50%;
  z-index: 4;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .65);
  background: #002b4d;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 26px;
  cursor: pointer
}

.icm-webinar-nav--prev {
  left: 8px
}

.icm-webinar-nav--next {
  right: 8px
}

.icm-webinar-dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 8px
}

.icm-webinar-dots button {
  width: 7px;
  height: 7px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: #d5d9de
}

.icm-webinar-dots button.is-active {
  background: var(--icm-gold)
}

.icm-webinars-hero {
  padding: 38px 0 24px;
  text-align: right
}

.icm-webinars-hero h1 {
  margin: 10px 0 8px
}

.icm-webinars-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--icm-muted)
}

.icm-webinars-upcoming {
  padding: 16px 0 28px
}

.icm-webinars-library {
  padding: 22px 0 50px
}

.icm-webinar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px
}

.icm-webinar-card {
  background: var(--icm-card-bg, #fff);
  border: 1px solid var(--icm-border-global, #ebebeb);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.icm-webinar-card__cover {
  position: relative;
  aspect-ratio: 16/8.5;
  overflow: hidden;
  display: block
}

.icm-webinar-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.icm-webinar-card__cover span {
  position: absolute;
  top: 12px;
  right: 12px;
  background: var(--icm-gold);
  color: #fff;
  border-radius: 6px;
  padding: 5px 9px;
  font-size: 11px
}

.icm-webinar-card__body {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1
}

.icm-webinar-card h3 {
  margin: 0;
  font-size: 17px
}

.icm-webinar-card h3 a {
  text-decoration: none;
  color: inherit
}

.icm-webinar-card p {
  margin: 0;
  color: var(--icm-muted);
  font-size: 12px;
  line-height: 1.8
}

.icm-webinar-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid var(--icm-border-global);
  font-size: 10px;
  color: var(--icm-muted)
}

.icm-single-webinar__hero {
  padding: 18px 0 24px
}

.icm-single-webinar__hero-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  min-height: 390px;
  border-radius: 16px;
  overflow: hidden;
  background: #002b4d;
  color: #fff
}

.icm-single-webinar__copy {
  padding: 42px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.icm-single-webinar__copy h1 {
  color: #fff;
  margin: 12px 0;
  font-size: 36px
}

.icm-single-webinar__copy>p {
  color: rgba(255, 255, 255, .86);
  line-height: 1.9
}

.icm-single-webinar__image {
  overflow: hidden
}

.icm-single-webinar__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.icm-single-webinar__meta {
  display: flex;
  gap: 20px;
  margin-top: 16px;
  font-size: 12px
}

.icm-single-webinar__content {
  padding: 22px 0 54px
}

.icm-single-webinar__content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 28px
}

.icm-webinar-player {
  margin-bottom: 24px;
  border-radius: 14px;
  overflow: hidden;
  background: #001d34
}

.icm-webinar-player video {
  width: 100%;
  display: block
}

.icm-single-webinar__aside .icm-side-card {
  position: sticky;
  top: 100px;
  border: 1px solid var(--icm-border-global);
  border-radius: 14px;
  padding: 18px;
  background: #fff
}

.icm-single-webinar__aside .icm-side-card h3 {
  margin-top: 0
}

@media(max-width:1100px) {
  .icm-webinar-slide {
    grid-template-columns: 240px 1fr auto
  }

  .icm-webinar-slide__time,
  .icm-countdown {
    display: none
  }

  .icm-webinar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .icm-single-webinar__hero-grid {
    grid-template-columns: 1fr
  }

  .icm-single-webinar__image {
    height: 290px;
    order: -1
  }

  .icm-single-webinar__content-grid {
    grid-template-columns: 1fr
  }

  .icm-single-webinar__aside .icm-side-card {
    position: static
  }
}

@media(max-width:720px) {
  .icm-webinar-slider__viewport {
    min-height: 410px
  }

  .icm-webinar-slide {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 410px
  }

  .icm-webinar-slide__image {
    width: 100%;
    height: 150px;
    min-height: 150px
  }

  .icm-webinar-slide__image:after {
    inset: auto 0 0;
    width: 100%;
    height: var(--icm-webinar-fade-width);
    background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--icm-webinar-fade-color) var(--icm-webinar-fade-strength), transparent) 100%)
  }

  .icm-webinar-slide__main {
    padding: 16px
  }

  .icm-webinar-slide>.icm-btn {
    margin: 0 16px 16px;
    text-align: center
  }

  .icm-webinar-grid {
    grid-template-columns: 1fr
  }

  .icm-single-webinar__copy {
    padding: 24px 20px
  }

  .icm-single-webinar__copy h1 {
    font-size: 27px
  }

  .icm-single-webinar__image {
    height: 220px
  }
}

/* RC31: global Theme Settings are true defaults. Elementor widget-specific
   selectors remain more specific and therefore can override these locally. */
body.icm-academy-theme,
body {
  background-color: var(--icm-page-bg, #fff);
  color: var(--icm-text, #4E4D4D);
}

.icm-container {
  max-width: var(--icm-container, 1200px);
}

.icm-topic-card,
.icm-selected-card,
.icm-article-card,
.icm-guide-card,
.icm-author-card,
.icm-toc,
.icm-filterbar__rail a {
  border-color: var(--icm-border-global, #EBEBEB);
}

.icm-topic-card,
.icm-selected-card,
.icm-article-card,
.icm-guide-card {
  background-color: var(--icm-card-bg, #fff);
}

/* =========================================================
   RC33 ? Articles + Single Article reference match lock
   ========================================================= */
:root {
  --icm-ref-navy: var(--icm-navy, #0D4778);
  --icm-ref-gold: var(--icm-gold, #8C845E);
  --icm-ref-border: var(--icm-light, #EBEBEB);
  --icm-ref-copy: var(--icm-navy, #0D4778)
}

/* Articles archive ? geometry from approved reference */
.icm-articles-head {
  padding: 28px 0 10px;
  background: #fff
}

.icm-articles-head .icm-breadcrumb {
  margin: 0 0 30px;
  font-size: 10px;
  justify-content: flex-start
}

.icm-articles-head__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  grid-template-areas: "copy search";
  gap: 70px;
  align-items: end
}

.icm-articles-head__copy {
  grid-area: copy;
  max-width: 720px;
  margin-inline-start: auto;
  text-align: right
}

.icm-articles-head__copy h1 {
  font-size: 46px;
  line-height: 1.18;
  color: #092f53;
  margin: 0 0 12px;
  font-weight: 800
}

.icm-articles-head__copy p {
  font-size: 13px;
  line-height: 2;
  color: #344e65;
  max-width: 680px;
  margin: 0
}

.icm-search--archive {
  grid-area: search;
  width: 100%;
  min-width: 0;
  margin: 0;
  height: 48px
}

.icm-articles-seo-intro {
  margin: 22px 0 0;
  padding: 18px 22px;
  border: 1px solid #e1e7eb;
  border-radius: 10px;
  background: #fff;
  text-align: right
}

.icm-articles-seo-intro h2 {
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 7px;
  color: #092f53
}

.icm-articles-seo-intro p {
  font-size: 11px;
  line-height: 2;
  color: #50677a;
  margin: 0;
  max-width: 980px
}

.icm-category-tabs {
  display: flex;
  gap: 14px;
  margin-top: 18px;
  padding: 0 0 5px;
  overflow-x: auto
}

.icm-category-tabs a {
  min-width: 130px;
  max-width: none;
  flex: 1 0 130px;
  border: 1px solid #dbe3e9;
  border-radius: 7px;
  padding: 10px 18px;
  background: #fff;
  color: #173c5c;
  font-size: 11px
}

.icm-category-tabs a.is-active {
  background: #001d36;
  color: #fff;
  border-color: #001d36
}

.icm-section--archive-feature {
  padding: 13px 0 14px
}

.icm-archive-feature {
  border-radius: 12px;
  overflow: hidden;
  background: var(--icm-ref-navy);
  box-shadow: none
}

.icm-archive-feature__link {
  display: grid;
  grid-template-columns: 48% 52%;
  min-height: 365px;
  direction: ltr;
  background: var(--icm-ref-navy);
  color: #fff
}

.icm-archive-feature__link>* {
  direction: rtl
}

.icm-archive-feature__copy {
  grid-column: 1;
  padding: 34px 32px 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: var(--icm-ref-navy);
  color: #fff;
  z-index: 3
}

.icm-archive-feature__copy h2 {
  font-size: 29px;
  line-height: 1.58;
  margin: 15px 0 10px;
  color: #fff;
  font-weight: 800
}

.icm-archive-feature__copy p {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .9);
  margin: 0 0 18px
}

.icm-archive-feature__image {
  grid-column: 2;
  position: relative;
  overflow: hidden;
  background: #082944
}

.icm-archive-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.icm-archive-feature__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--icm-ref-navy) 0%, rgba(0, 29, 54, .88) 10%, rgba(0, 29, 54, .34) 35%, transparent 62%);
  pointer-events: none
}

.icm-section--articles-grid {
  padding: 4px 0 24px
}

.icm-article-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px
}

.icm-article-card {
  min-height: 330px;
  border: 1px solid var(--icm-ref-border);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  box-shadow: none
}

.icm-article-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none
}

.icm-article-card__image {
  height: 170px;
  flex: 0 0 170px;
  background: #eef2f4;
  position: relative;
  overflow: hidden
}

.icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: none
}

.icm-article-card__body {
  padding: 13px 14px 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  position: relative
}

.icm-article-card__body .icm-badge {
  position: absolute;
  top: -158px;
  right: 10px;
  z-index: 4;
  background: var(--icm-ref-gold);
  color: #fff;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 9px
}

.icm-article-card__body h3 {
  font-size: 15px;
  line-height: 1.75;
  color: #102f4e;
  margin: 6px 0 5px;
  font-weight: 700;
  -webkit-line-clamp: 2
}

.icm-article-card__body p {
  font-size: 10px;
  line-height: 1.85;
  color: #536a7d;
  margin: 0 0 10px;
  -webkit-line-clamp: 2
}

.icm-article-card .icm-card-meta {
  margin-top: auto;
  padding-top: 9px;
  border-top: 0;
  font-size: 9px;
  color: #6d8191;
  width: 100%
}

.icm-section--popular {
  padding: 18px 0 24px
}

.icm-section--popular .icm-section-title {
  justify-content: flex-start;
  margin-bottom: 6px
}

.icm-section--popular .icm-section-title h2 {
  font-size: 17px;
  color: #0a3154
}

.icm-popular-row {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 0;
  border-top: 1px solid #dfe5ea;
  border-bottom: 0;
  scrollbar-width: none
}

.icm-popular {
  flex: 0 0 25%;
  min-width: 250px;
  display: grid;
  grid-template-columns: 38px 62px 1fr;
  gap: 10px;
  align-items: center;
  padding: 12px 10px;
  border-left: 1px solid #dfe5ea;
  scroll-snap-align: start;
  text-decoration: none
}

.icm-popular>b {
  font-size: 23px;
  color: var(--icm-ref-gold)
}

.icm-popular img {
  width: 62px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px
}

/* Single article ? approved reference: image left, copy right, navy hero */
.icm-single-head {
  padding: 22px 0 10px;
  background: #fff
}

.icm-single-head .icm-breadcrumb {
  margin: 0 0 18px;
  font-size: 10px
}

.icm-single-hero {
  --icm-single-image-width: 50%;
  --icm-single-fade-width: 95px;
  --icm-single-fade-strength: 100%;
  min-height: 390px;
  display: grid;
  grid-template-columns: var(--icm-single-image-width) calc(100% - var(--icm-single-image-width));
  grid-template-areas: "image copy";
  background: var(--icm-ref-navy);
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
  box-shadow: none;
  direction: ltr
}

.icm-single-hero>* {
  direction: rtl
}

.icm-single-hero__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  min-height: 390px;
  background: #082943
}

.icm-single-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: none
}

.icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 29, 54, .12) 48%, rgba(0, 29, 54, .72) calc(100% - var(--icm-single-fade-width)), var(--icm-ref-navy) 100%);
  opacity: calc(var(--icm-single-fade-strength)/100);
  pointer-events: none
}

.icm-single-hero__copy {
  grid-area: copy;
  padding: 32px 42px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #fff;
  background: var(--icm-ref-navy);
  z-index: 2
}

.icm-single-hero__copy:before {
  display: none
}

.icm-single-hero__copy h1 {
  font-size: 36px;
  line-height: 1.55;
  color: #fff;
  margin: 13px 0 10px;
  font-weight: 800
}

.icm-single-excerpt {
  font-size: 13px;
  line-height: 2;
  color: rgba(255, 255, 255, .9);
  margin: 0 0 18px
}

.icm-author span,
.icm-author small,
.icm-single-meta {
  color: #fff
}

.icm-single-actions {
  margin-top: 14px
}

.icm-single-actions button {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .22)
}

.icm-single-body {
  padding: 12px 0 8px;
  background: #fff
}

.icm-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 48px;
  align-items: start;
  direction: ltr
}

.icm-single-layout>* {
  direction: rtl
}

.icm-prose {
  max-width: 100%;
  font-size: 15px;
  line-height: 2.15;
  color: #263f54
}

.icm-prose h2 {
  font-size: 25px;
  line-height: 1.5;
  color: #092f53;
  margin: 28px 0 8px
}

.icm-prose h3 {
  font-size: 20px;
  color: #092f53
}

.icm-prose img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px
}

.icm-prose blockquote {
  border: 1px solid #e0c98c;
  border-right: 4px solid var(--icm-ref-gold);
  background: #fffaf0;
  border-radius: 8px;
  padding: 17px 20px;
  margin: 22px 0
}

.icm-sidebar {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 14px
}

.icm-toc,
.icm-author-card,
.icm-sidebar-popular {
  border: 1px solid #dfe5ea;
  border-radius: 10px;
  background: #fff;
  padding: 18px;
  box-shadow: none
}

.icm-related-section {
  padding: 8px 0 14px
}

.icm-related-rail {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  padding-bottom: 8px;
  scrollbar-width: none
}

.icm-related-item {
  flex: 0 0 calc((100% - 32px)/3);
  min-width: 0;
  scroll-snap-align: start
}

.icm-related-item .icm-article-card {
  min-height: 0;
  height: 100%
}

.icm-related-item .icm-article-card__image {
  height: 145px;
  flex-basis: 145px
}

.icm-related-item .icm-article-card__image img {
  object-fit: cover
}

.icm-single-newsletter {
  min-height: 92px;
  background: var(--icm-ref-navy);
  border-radius: 10px;
  color: #fff;
  padding: 18px 28px
}

@media(max-width:900px) {
  .icm-articles-head__row {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "search";
    gap: 16px
  }

  .icm-search--archive {
    max-width: 430px
  }

  .icm-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .icm-archive-feature__link {
    grid-template-columns: 1fr
  }

  .icm-archive-feature__image {
    grid-column: 1;
    height: 300px;
    order: -1
  }

  .icm-archive-feature__copy {
    grid-column: 1;
    margin-top: -80px;
    background: linear-gradient(180deg, rgba(0, 29, 54, 0), var(--icm-ref-navy) 35%);
    padding-top: 90px
  }

  .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  .icm-single-hero__image {
    min-height: 310px;
    height: 310px
  }

  .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 25%, var(--icm-ref-navy) 100%)
  }

  .icm-single-hero__copy {
    margin-top: -70px;
    padding-top: 85px
  }

  .icm-single-layout {
    grid-template-columns: 1fr;
    gap: 22px
  }

  .icm-sidebar {
    position: static
  }

  .icm-related-item {
    flex-basis: 48%
  }
}

@media(max-width:560px) {
  .icm-articles-head__copy h1 {
    font-size: 34px
  }

  .icm-articles-seo-intro {
    padding: 14px 16px
  }

  .icm-category-tabs a {
    flex-basis: 105px;
    min-width: 105px
  }

  .icm-article-grid {
    grid-template-columns: 1fr
  }

  .icm-article-card__image {
    height: 190px;
    flex-basis: 190px
  }

  .icm-popular {
    flex-basis: 82%;
    min-width: 280px
  }

  .icm-single-hero__image {
    height: 230px;
    min-height: 230px
  }

  .icm-single-hero__copy {
    padding: 62px 18px 22px
  }

  .icm-single-hero__copy h1 {
    font-size: 27px
  }

  .icm-related-item {
    flex-basis: 88%;
    min-width: 280px
  }
}


/* RC34 ? global theme settings must propagate through every ICM component. */
:root {
  --icm-ref-navy: var(--icm-navy, #0D4778);
  --icm-ref-gold: var(--icm-gold, #8C845E);
  --icm-ref-border: var(--icm-border-global, #EBEBEB);
  --icm-ref-copy: var(--icm-heading, #0D4778)
}

html body {
  background: var(--icm-page-bg);
  color: var(--icm-text);
  font-family: var(--icm-font-primary)
}

html body .icm-container {
  max-width: var(--icm-container)
}

html body .icm-article-card,
html body .icm-topic-card,
html body .icm-toc,
html body .icm-author-card,
html body .icm-sidebar-popular {
  background: var(--icm-card-bg);
  border-color: var(--icm-border-global)
}

html body .icm-section--articles-grid,
html body .icm-single-body,
html body .icm-articles-head {
  background: var(--icm-section-bg)
}

html body .icm-articles-head h1,
html body .icm-section-title h2,
html body .icm-prose h2,
html body .icm-prose h3 {
  color: var(--icm-heading)
}

html body .icm-prose,
html body .icm-article-card__body,
html body .icm-articles-head p {
  color: var(--icm-text)
}

html body .icm-article-card {
  border-radius: var(--icm-radius)
}

html body .icm-archive-feature,
html body .icm-single-hero,
html body .icm-single-newsletter {
  background: var(--icm-navy)
}

html body .icm-archive-feature__copy,
html body .icm-single-hero__copy {
  background: var(--icm-navy)
}

/* Articles header geometry ? approved screenshot. */
.icm-articles-head {
  padding: 18px 0 12px
}

.icm-articles-head .icm-breadcrumb {
  margin: 0 0 20px
}

.icm-articles-head__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  grid-template-areas: "search copy";
  align-items: end;
  gap: 60px;
  direction: ltr
}

.icm-articles-head__row>* {
  direction: rtl
}

.icm-articles-head__copy {
  grid-area: copy;
  text-align: right;
  max-width: 620px;
  margin-inline-start: auto
}

.icm-articles-head__copy h1 {
  font-size: 46px;
  line-height: 1.25;
  margin: 0 0 10px;
  font-weight: 800
}

.icm-articles-head__copy p {
  font-size: 15px;
  line-height: 2;
  margin: 0
}

.icm-search--archive {
  grid-area: search;
  width: 100%;
  max-width: 360px;
  margin: 0;
  height: 52px;
  align-self: end
}

.icm-articles-seo-intro {
  margin: 18px 0 14px;
  padding: 16px 20px;
  border: 1px solid var(--icm-border-global);
  border-radius: 10px;
  background: var(--icm-card-bg)
}

.icm-articles-seo-intro h2 {
  font-size: 20px;
  margin: 0 0 6px
}

.icm-articles-seo-intro p {
  margin: 0;
  line-height: 1.9
}

.icm-category-tabs {
  margin-top: 12px
}

/* Featured archive: text left, image right, smooth branded fade. */
.icm-archive-feature__link {
  grid-template-columns: 48% 52%;
  min-height: 330px
}

.icm-archive-feature__copy {
  padding: 30px 28px
}

.icm-archive-feature__image:after {
  background: linear-gradient(90deg, var(--icm-navy) 0%, color-mix(in srgb, var(--icm-navy) 88%, transparent) 12%, color-mix(in srgb, var(--icm-navy) 34%, transparent) 38%, transparent 66%)
}

/* Professional popular slider ? configurable in Theme Settings and Elementor. */
.icm-section-title--with-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px
}

.icm-popular-controls {
  display: flex;
  gap: 7px;
  direction: ltr
}

.icm-popular-controls button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--icm-border-global);
  background: var(--icm-card-bg);
  color: var(--icm-heading);
  font-size: 24px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer
}

.icm-popular-controls button:hover {
  background: var(--icm-navy);
  color: #fff
}

.icm-popular-slider {
  position: relative;
  overflow: hidden
}

.icm-popular-row {
  gap: var(--icm-pop-gap, 0px);
  scroll-behavior: smooth
}

.icm-popular {
  flex: 0 0 calc((100% - (var(--icm-pop-visible-desktop, 4) - 1)*var(--icm-pop-gap, 0px))/var(--icm-pop-visible-desktop, 4));
  min-width: 0
}

.icm-popular-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 9px
}

.icm-popular-dots button {
  width: 7px;
  height: 7px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: #cfd7de
}

.icm-popular-dots button.is-active {
  background: var(--icm-gold);
  width: 18px;
  border-radius: 999px
}

@media(max-width:1024px) {
  .icm-popular {
    flex-basis: calc((100% - (var(--icm-pop-visible-tablet, 2) - 1)*var(--icm-pop-gap, 0px))/var(--icm-pop-visible-tablet, 2))
  }

  .icm-articles-head__row {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "search";
    gap: 14px
  }

  .icm-search--archive {
    max-width: 430px
  }
}

@media(max-width:720px) {
  .icm-popular {
    flex-basis: calc((100% - (var(--icm-pop-visible-mobile, 1) - 1)*var(--icm-pop-gap, 0px))/var(--icm-pop-visible-mobile, 1));
    min-width: 280px
  }

  .icm-popular-controls button {
    width: 32px;
    height: 32px
  }

  .icm-articles-head__copy h1 {
    font-size: 34px
  }
}

/* Single article reference lock ? dimensions and hierarchy from approved image. */
.icm-single-head {
  padding: 14px 0 8px;
  background: var(--icm-page-bg)
}

.icm-single-head .icm-breadcrumb {
  margin-bottom: 16px
}

.icm-single-hero {
  min-height: 315px;
  grid-template-columns: 50% 50%;
  border-radius: 12px
}

.icm-single-hero__image {
  min-height: 315px;
  height: 315px
}

.icm-single-hero__copy {
  padding: 26px 32px 22px;
  justify-content: center
}

.icm-single-hero__copy h1 {
  font-size: 32px;
  line-height: 1.55;
  margin: 10px 0 8px
}

.icm-single-excerpt {
  font-size: 13px;
  line-height: 1.95;
  margin-bottom: 14px
}

.icm-author img {
  width: 48px;
  height: 48px
}

.icm-single-meta {
  font-size: 12px;
  gap: 18px
}

.icm-single-layout {
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 42px;
  max-width: var(--icm-container);
  margin-inline: auto
}

.icm-prose {
  font-size: 15px;
  line-height: 2.1
}

.icm-prose h2 {
  font-size: 23px;
  margin: 24px 0 8px
}

.icm-prose h3 {
  font-size: 19px
}

.icm-sidebar {
  top: 84px
}

.icm-toc,
.icm-author-card,
.icm-sidebar-popular {
  padding: 16px;
  border-radius: 9px
}

.icm-related-section>.icm-container {
  max-width: var(--icm-container)
}

.icm-related-item .icm-article-card__image {
  height: 128px;
  flex-basis: 128px
}

.icm-related-item .icm-article-card__image img {
  object-fit: contain;
  background: var(--icm-card-bg)
}

@media(max-width:900px) {
  .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  .icm-single-hero__image {
    height: 300px;
    min-height: 300px
  }

  .icm-single-layout {
    grid-template-columns: 1fr;
    max-width: 760px
  }

  .icm-related-item {
    flex-basis: 48%
  }
}

@media(max-width:560px) {
  .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }

  .icm-single-hero__copy {
    padding: 58px 18px 20px
  }

  .icm-single-hero__copy h1 {
    font-size: 27px
  }

  .icm-related-item {
    flex-basis: 88%
  }
}

/* RC36 ? Elementor is the final styling authority. Theme rules intentionally avoid  so editor controls update live and persist. */

/* ==========================================================
   RC37 ? REFERENCE-MATCH LOCK (Academy / Articles / Single)
   The underlying media stays dynamic; fades/layout stay in CSS.
   ========================================================== */
:root {
  --icm-ref-navy: var(--icm-navy, #0D4778);
  --icm-ref-deeper: var(--icm-deeper, #001f38);
  --icm-ref-gold: var(--icm-gold, #8C845E);
  --icm-ref-border: var(--icm-light, #EBEBEB);
  --icm-ref-text: var(--icm-navy, #0D4778);
  --icm-ref-muted: var(--icm-dark, #4E4D4D);
}

/* Articles top ? reference geometry */
.icm-articles-head {
  padding: 22px 0 18px;
  background: var(--icm-section-bg, #fff)
}

.icm-articles-head .icm-breadcrumb {
  margin: 0 0 28px;
  font-size: 10px;
  color: #6b7f91
}

.icm-articles-head__row {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  grid-template-areas: "search copy";
  gap: 72px;
  align-items: end;
  direction: ltr
}

.icm-articles-head__row>* {
  direction: rtl
}

.icm-articles-head__copy {
  grid-area: copy;
  text-align: right;
  max-width: 650px;
  margin-inline-start: auto
}

.icm-articles-head__copy h1 {
  font-size: 46px;
  line-height: 1.2;
  letter-spacing: -.03em;
  margin: 0 0 12px;
  color: var(--icm-heading, #092f53);
  font-weight: 800
}

.icm-articles-head__copy p {
  font-size: 13px;
  line-height: 2;
  color: var(--icm-text, #344e65);
  margin: 0;
  max-width: 650px
}

.icm-search--archive {
  grid-area: search;
  align-self: end;
  max-width: 330px;
  width: 100%
}

.icm-articles-seo-intro {
  margin: 20px 0 16px;
  padding: 17px 20px;
  border: 1px solid var(--icm-ref-border);
  border-radius: 10px;
  background: var(--icm-card-bg, #fff)
}

.icm-articles-seo-intro h2 {
  font-size: 18px;
  margin: 0 0 6px;
  color: var(--icm-heading, #092f53)
}

.icm-articles-seo-intro p {
  font-size: 11px;
  line-height: 2;
  margin: 0;
  color: var(--icm-text, #536a7d)
}

.icm-category-tabs {
  display: flex;
  gap: 14px;
  justify-content: flex-start;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 4px 0 14px;
  border-bottom: 1px solid var(--icm-ref-border)
}

.icm-category-tabs a {
  flex: 0 0 auto;
  min-width: 118px;
  text-align: center;
  padding: 10px 16px;
  border: 1px solid var(--icm-ref-border);
  border-radius: 7px;
  background: #fff;
  color: #193e5d
}

.icm-category-tabs a.is-active,
.icm-category-tabs a:hover {
  background: var(--icm-ref-deeper);
  color: #fff;
  border-color: var(--icm-ref-deeper)
}

/* Articles hero: text LEFT, image RIGHT, dynamic image + CSS fade */
.icm-archive-feature {
  --icm-archive-image-width: 52%;
  --icm-archive-fade-width: 125px;
  --icm-archive-fade-opacity: 1;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: var(--icm-ref-deeper);
  box-shadow: none
}

.icm-archive-feature__link {
  display: grid;
  grid-template-columns: calc(100% - var(--icm-archive-image-width)) var(--icm-archive-image-width);
  grid-template-areas: "copy image";
  min-height: 330px;
  direction: ltr;
  background: var(--icm-ref-deeper);
  color: #fff
}

.icm-archive-feature__link>* {
  direction: rtl
}

.icm-archive-feature__copy {
  grid-area: copy;
  padding: 32px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--icm-ref-deeper);
  color: #fff;
  z-index: 3
}

.icm-archive-feature__copy h2 {
  font-size: 28px;
  line-height: 1.55;
  margin: 12px 0 10px;
  color: #fff;
  font-weight: 800
}

.icm-archive-feature__copy p {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .88);
  margin: 0 0 15px;
  max-width: 480px
}

.icm-archive-feature__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  background: #082944
}

.icm-archive-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: none
}

.icm-archive-feature__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--icm-ref-deeper) 0%, color-mix(in srgb, var(--icm-ref-deeper) 88%, transparent) calc(var(--icm-archive-fade-width)*.28), color-mix(in srgb, var(--icm-ref-deeper) 48%, transparent) calc(var(--icm-archive-fade-width)*.62), transparent var(--icm-archive-fade-width));
  opacity: var(--icm-archive-fade-opacity);
  pointer-events: none
}

/* Article cards ? featured image + badge always visible, full-card link */
.icm-article-card {
  position: relative;
  min-height: 320px;
  border: 1px solid var(--icm-ref-border);
  border-radius: 10px;
  background: var(--icm-card-bg, #fff);
  overflow: hidden;
  box-shadow: none
}

.icm-article-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  position: relative;
  z-index: 1
}

.icm-article-card__image {
  height: 166px;
  flex: 0 0 166px;
  background: #eef2f4;
  position: relative;
  overflow: hidden
}

.icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: none
}

.icm-article-card__body {
  padding: 13px 14px 12px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  position: relative
}

.icm-article-card__body .icm-badge {
  position: absolute;
  top: -153px;
  right: 10px;
  z-index: 5;
  background: var(--icm-ref-gold);
  color: #fff;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 9px;
  line-height: 1
}

.icm-article-card__body h3 {
  font-size: 15px;
  line-height: 1.75;
  color: var(--icm-heading, #102f4e);
  margin: 6px 0 5px;
  font-weight: 700
}

.icm-article-card__body p {
  font-size: 10px;
  line-height: 1.85;
  color: var(--icm-text, #536a7d);
  margin: 0 0 10px
}

.icm-article-card .icm-card-meta {
  margin-top: auto;
  padding-top: 9px;
  font-size: 9px;
  color: #6d8191;
  width: 100%;
  border: 0
}

.icm-article-card .icm-card-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 20
}

.icm-article-card__body a,
.icm-article-card__image a {
  position: relative;
  z-index: 21
}

/* Weekly-popular rail */
.icm-popular-slider {
  position: relative;
  overflow: hidden
}

.icm-popular-row {
  display: flex;
  gap: var(--icm-pop-gap, 10px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-inline: contain
}

.icm-popular-row::-webkit-scrollbar {
  display: none
}

.icm-popular {
  flex: 0 0 calc((100% - (var(--icm-pop-visible-desktop, 4) - 1)*var(--icm-pop-gap, 10px))/var(--icm-pop-visible-desktop, 4));
  scroll-snap-align: start;
  min-width: 0
}

/* Academy webinar: thin reference rail */
.icm-section--webinar {
  padding-top: 10px;
  padding-bottom: 12px
}

.icm-section--webinar .icm-section-title {
  margin-bottom: 8px
}

.icm-webinar-slider {
  position: relative
}

.icm-webinar-slider__viewport {
  position: relative;
  min-height: 118px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--icm-ref-deeper)
}

.icm-webinar-slide {
  --icm-webinar-img: 34%;
  --icm-webinar-fade: 105px;
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: var(--icm-webinar-img) minmax(0, 1.55fr) .72fr .92fr 140px;
  align-items: center;
  gap: 16px;
  min-height: 118px;
  padding: 0 16px;
  background: var(--icm-ref-deeper);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .28s ease;
  direction: ltr
}

.icm-webinar-slide.is-active,
.icm-webinar-slide[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.icm-webinar-slide>* {
  direction: rtl
}

.icm-webinar-slide__image {
  height: 118px;
  margin-inline: -16px 0;
  position: relative;
  overflow: hidden;
  display: block;
  background: #072a49
}

.icm-webinar-slide__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.icm-webinar-slide__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 31, 56, .18) 45%, var(--icm-ref-deeper) 100%);
  pointer-events: none
}

.icm-webinar-slide__image .icm-live {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 3
}

.icm-webinar-slide__main {
  min-width: 0
}

.icm-webinar-slide__main h3 {
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 6px
}

.icm-webinar-slide__main h3 a {
  color: #fff
}

.icm-webinar-slide .icm-instructor {
  font-size: 9px;
  gap: 8px
}

.icm-webinar-slide .icm-instructor img {
  width: 34px;
  height: 34px
}

.icm-webinar-slide__time {
  font-size: 10px;
  line-height: 1.8;
  text-align: center;
  border-inline: 1px solid rgba(255, 255, 255, .15);
  padding-inline: 12px
}

.icm-countdown {
  display: flex;
  gap: 7px;
  justify-content: center
}

.icm-countdown span {
  font-size: 8px;
  text-align: center;
  color: #c9d5df
}

.icm-countdown b {
  display: block;
  background: rgba(255, 255, 255, .08);
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 18px;
  color: #fff;
  margin-bottom: 3px
}

.icm-webinar-slide>.icm-btn {
  justify-self: end;
  min-width: 126px
}

.icm-webinar-nav {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: var(--icm-ref-deeper);
  border: 1px solid var(--icm-ref-border);
  position: absolute;
  top: 50%;
  z-index: 12;
  transform: translateY(-50%)
}

.icm-webinar-nav--prev {
  left: -16px
}

.icm-webinar-nav--next {
  right: -16px
}

.icm-webinar-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 7px
}

.icm-webinar-dots button {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 0;
  background: #cbd4db;
  padding: 0
}

.icm-webinar-dots button.is-active {
  background: var(--icm-ref-gold)
}

.icm-webinar-replays-block {
  margin-top: 18px
}

/* Single article ? exact reference direction: image LEFT, copy RIGHT */
.icm-single-head {
  background: var(--icm-section-bg, #fff);
  padding: 18px 0 9px
}

.icm-single-head .icm-breadcrumb {
  margin-bottom: 18px;
  font-size: 10px
}

.icm-single-hero {
  --icm-single-image-width: 51%;
  --icm-single-fade-width: 115px;
  --icm-single-fade-strength: 1;
  min-height: 315px;
  display: grid;
  grid-template-columns: var(--icm-single-image-width) calc(100% - var(--icm-single-image-width));
  grid-template-areas: "image copy";
  background: var(--icm-ref-deeper);
  border: 0;
  border-radius: 11px;
  overflow: hidden;
  color: #fff;
  direction: ltr;
  box-shadow: none
}

.icm-single-hero>* {
  direction: rtl
}

.icm-single-hero__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  min-height: 315px;
  height: 315px;
  background: #082943
}

.icm-single-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: none
}

.icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 31, 56, .12) 48%, rgba(0, 31, 56, .78) calc(100% - var(--icm-single-fade-width)), var(--icm-ref-deeper) 100%);
  opacity: var(--icm-single-fade-strength);
  pointer-events: none
}

.icm-single-hero__copy {
  grid-area: copy;
  padding: 25px 34px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #fff;
  background: var(--icm-ref-deeper);
  z-index: 2
}

.icm-single-hero__copy h1 {
  font-size: 32px;
  line-height: 1.55;
  color: #fff;
  margin: 10px 0 8px;
  font-weight: 800
}

.icm-single-excerpt {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .9);
  margin: 0 0 14px
}

.icm-single-hero .icm-author {
  margin-top: 3px
}

.icm-single-hero .icm-author img {
  width: 40px;
  height: 40px
}

.icm-single-hero .icm-author span,
.icm-single-hero .icm-author small,
.icm-single-hero .icm-single-meta {
  color: #fff
}

.icm-single-meta {
  font-size: 9px;
  gap: 12px;
  margin-top: 9px
}

.icm-single-actions {
  margin-top: 11px
}

.icm-single-actions button {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 6px
}

.icm-single-body {
  padding-top: 12px;
  background: var(--icm-section-bg, #fff)
}

.icm-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 42px;
  align-items: start;
  direction: ltr;
  max-width: var(--icm-container);
  margin-inline: auto
}

.icm-single-layout>* {
  direction: rtl
}

.icm-prose {
  font-size: 13px;
  line-height: 2.1;
  color: var(--icm-text, #263f54)
}

.icm-prose h2 {
  font-size: 22px;
  color: var(--icm-heading, #092f53);
  margin: 25px 0 8px
}

.icm-prose h3 {
  font-size: 18px;
  color: var(--icm-heading, #092f53);
  margin: 20px 0 6px
}

.icm-prose img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px
}

.icm-sidebar {
  position: sticky;
  top: 86px
}

.icm-toc,
.icm-author-card,
.icm-sidebar-popular {
  border: 1px solid var(--icm-ref-border);
  border-radius: 9px;
  background: var(--icm-card-bg, #fff);
  padding: 15px;
  margin-bottom: 12px
}

.icm-related-section>.icm-container,
.icm-single-bottom-stack>.icm-container,
.icm-final-cta>.icm-container {
  max-width: var(--icm-container)
}

.icm-related-rail {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 14px;
  padding-bottom: 7px;
  scrollbar-width: none
}

.icm-related-rail::-webkit-scrollbar {
  display: none
}

.icm-related-item {
  flex: 0 0 calc((100% - 28px)/3);
  scroll-snap-align: start;
  min-width: 0
}

.icm-related-item .icm-article-card {
  min-height: 0
}

.icm-related-item .icm-article-card__image {
  height: 126px;
  flex-basis: 126px
}

.icm-related-item .icm-article-card__image img {
  object-fit: contain;
  background: var(--icm-card-bg, #fff)
}

/* Responsive matching */
@media(max-width:1024px) {
  .icm-articles-head__row {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "search";
    gap: 16px
  }

  .icm-search--archive {
    max-width: 430px
  }

  .icm-article-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .icm-popular {
    flex-basis: calc((100% - (var(--icm-pop-visible-tablet, 2) - 1)*var(--icm-pop-gap, 10px))/var(--icm-pop-visible-tablet, 2))
  }

  .icm-webinar-slide {
    grid-template-columns: 36% minmax(0, 1fr) .75fr 130px
  }

  .icm-webinar-slide .icm-countdown {
    display: none
  }

  .icm-single-layout {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 26px
  }
}

@media(max-width:820px) {
  .icm-archive-feature__link {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  .icm-archive-feature__image {
    height: 270px
  }

  .icm-archive-feature__image:after {
    background: linear-gradient(180deg, transparent 35%, var(--icm-ref-deeper) 100%)
  }

  .icm-archive-feature__copy {
    margin-top: -66px;
    padding-top: 76px
  }

  .icm-webinar-slider__viewport {
    min-height: 310px
  }

  .icm-webinar-slide {
    min-height: 310px;
    grid-template-columns: 1fr;
    grid-template-rows: 142px auto auto auto;
    align-content: start;
    padding: 0 16px 16px
  }

  .icm-webinar-slide__image {
    height: 142px;
    margin: 0 -16px
  }

  .icm-webinar-slide__image:after {
    background: linear-gradient(180deg, transparent 45%, var(--icm-ref-deeper) 100%)
  }

  .icm-webinar-slide__time {
    text-align: right;
    border: 0;
    padding: 0
  }

  .icm-webinar-slide>.icm-btn {
    justify-self: start
  }

  .icm-webinar-nav--prev {
    left: 6px
  }

  .icm-webinar-nav--next {
    right: 6px
  }

  .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy";
    min-height: 0
  }

  .icm-single-hero__image {
    height: 285px;
    min-height: 285px
  }

  .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 35%, var(--icm-ref-deeper) 100%)
  }

  .icm-single-hero__copy {
    margin-top: -62px;
    padding: 72px 24px 23px
  }

  .icm-single-layout {
    grid-template-columns: 1fr;
    max-width: 760px
  }

  .icm-sidebar {
    position: static
  }

  .icm-related-item {
    flex-basis: 48%
  }
}

@media(max-width:560px) {
  .icm-container {
    width: calc(100% - 28px)
  }

  .icm-articles-head__copy h1 {
    font-size: 32px
  }

  .icm-articles-head__copy p {
    font-size: 12px
  }

  .icm-category-tabs a {
    min-width: 105px
  }

  .icm-article-grid {
    grid-template-columns: 1fr
  }

  .icm-article-card__image {
    height: 185px;
    flex-basis: 185px
  }

  .icm-popular {
    flex-basis: calc((100% - (var(--icm-pop-visible-mobile, 1) - 1)*var(--icm-pop-gap, 10px))/var(--icm-pop-visible-mobile, 1));
    min-width: 280px
  }

  .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }

  .icm-single-hero__copy {
    padding: 62px 18px 20px
  }

  .icm-single-hero__copy h1 {
    font-size: 25px
  }

  .icm-related-item {
    flex-basis: 88%;
    min-width: 270px
  }
}

/* RC37 Elementor variable bridges */
.icm-webinar-slide {
  --icm-webinar-fade-strength: 1;
  --icm-webinar-fade-color: var(--icm-ref-deeper)
}

.icm-webinar-slide__image:after {
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--icm-webinar-fade-color) 18%, transparent) 45%, var(--icm-webinar-fade-color) 100%);
  opacity: var(--icm-webinar-fade-strength)
}

/* RC38 ? archive/single hero fidelity + related card image/badge fixes */
html body .icm-archive-feature {
  --icm-archive-image-width: 52%;
  --icm-archive-fade-width: 125px;
  --icm-archive-fade-opacity: 1;
  background: var(--icm-ref-deeper);
  border-radius: 12px;
  overflow: hidden;
}

html body .icm-archive-feature__link {
  display: grid;
  grid-template-columns: calc(100% - var(--icm-archive-image-width)) var(--icm-archive-image-width);
  grid-template-areas: "copy image";
  direction: ltr;
  align-items: stretch;
  min-height: 355px;
  width: 100%;
  color: inherit;
  text-decoration: none;
  background: var(--icm-ref-deeper);
}

html body .icm-archive-feature__link>* {
  direction: rtl
}

html body .icm-archive-feature__copy {
  grid-area: copy;
  padding: 34px 36px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--icm-ref-deeper);
  color: #fff;
  min-width: 0;
}

html body .icm-archive-feature__copy h2 {
  color: #fff;
  font-size: 31px;
  line-height: 1.55;
  margin: 14px 0 8px
}

html body .icm-archive-feature__copy p {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .88);
  max-width: 34em
}

html body .icm-archive-feature__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: var(--icm-ref-deeper);
}

html body .icm-archive-feature__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

html body .icm-archive-feature__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(0, 27, 48, 0) 0%,
      rgba(0, 27, 48, .08) 34%,
      rgba(0, 27, 48, .42) calc(100% - var(--icm-archive-fade-width)),
      var(--icm-ref-deeper) 100%);
  opacity: var(--icm-archive-fade-opacity);
  pointer-events: none;
}

html body .icm-single-hero {
  --icm-single-image-width: 51%;
  --icm-single-fade-width: 115px;
  --icm-single-fade-strength: 1;
  display: grid;
  grid-template-columns: var(--icm-single-image-width) calc(100% - var(--icm-single-image-width));
  grid-template-areas: "image copy";
  direction: ltr;
  align-items: stretch;
  min-height: 315px;
  background: var(--icm-ref-deeper);
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
}

html body .icm-single-hero>* {
  direction: rtl
}

html body .icm-single-hero__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  min-height: 315px;
  height: 315px;
  background: var(--icm-ref-deeper);
}

html body .icm-single-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

html body .icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(0, 31, 56, 0) 0%,
      rgba(0, 31, 56, .09) 38%,
      rgba(0, 31, 56, .46) calc(100% - var(--icm-single-fade-width)),
      var(--icm-ref-deeper) 100%);
  opacity: var(--icm-single-fade-strength);
  pointer-events: none;
}

html body .icm-single-hero__copy {
  grid-area: copy;
  padding: 28px 34px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--icm-ref-deeper);
  color: #fff;
}

html body .icm-single-hero__copy h1 {
  font-size: 34px;
  line-height: 1.55;
  color: #fff;
  margin: 12px 0 10px
}

html body .icm-single-excerpt {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .9)
}

html body .icm-single-hero .icm-author span,
html body .icm-single-hero .icm-author small,
html body .icm-single-hero .icm-single-meta {
  color: #fff
}

html body .icm-article-card__image {
  position: relative;
  overflow: hidden
}

html body .icm-article-card__badge {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  z-index: 3;
}

html body .icm-article-card__body {
  padding-top: 14px
}

html body .icm-related-item .icm-article-card__image {
  height: 138px;
  flex-basis: 138px;
}

html body .icm-related-item .icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  background: transparent;
}

@media(max-width:820px) {
  html body .icm-archive-feature__link {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy";
    min-height: 0
  }

  html body .icm-archive-feature__image {
    height: 270px
  }

  html body .icm-archive-feature__image:after {
    background: linear-gradient(180deg, transparent 40%, var(--icm-ref-deeper) 100%)
  }

  html body .icm-archive-feature__copy {
    margin-top: -66px;
    padding: 78px 24px 24px
  }

  html body .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy";
    min-height: 0
  }

  html body .icm-single-hero__image {
    height: 285px;
    min-height: 285px
  }

  html body .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 40%, var(--icm-ref-deeper) 100%)
  }

  html body .icm-single-hero__copy {
    margin-top: -62px;
    padding: 72px 24px 24px
  }
}

@media(max-width:560px) {
  html body .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }

  html body .icm-single-hero__copy {
    padding: 60px 18px 20px
  }

  html body .icm-single-hero__copy h1 {
    font-size: 26px
  }

  html body .icm-archive-feature__copy h2 {
    font-size: 24px
  }
}

/* RC39 ? definitive reference layout for archive feature, webinar fade, and single article */
.icm-archive-feature {
  display: block;
  position: relative;
  width: 100%;
  min-height: 0
}

.icm-archive-feature-slider {
  position: relative;
  --icm-archive-image-width: 52%;
  --icm-archive-fade-width: 125px;
  --icm-archive-fade-opacity: 1
}

.icm-archive-feature-stage {
  position: relative;
  min-height: 355px
}

.icm-archive-feature-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease
}

.icm-archive-feature-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

.icm-archive-feature__link {
  display: grid;
  grid-template-columns: calc(100% - var(--icm-archive-image-width)) var(--icm-archive-image-width);
  grid-template-areas: "copy image";
  direction: ltr;
  min-height: 355px;
  width: 100%;
  background: var(--icm-ref-deeper);
  color: #fff;
  text-decoration: none
}

.icm-archive-feature__link>* {
  direction: rtl
}

.icm-archive-feature__copy {
  grid-area: copy;
  background: var(--icm-ref-deeper);
  padding: 34px 36px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.icm-archive-feature__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  background: var(--icm-ref-deeper)
}

.icm-archive-feature__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center
}

.icm-archive-feature__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 27, 48, 0) 0%, rgba(0, 27, 48, .08) 35%, rgba(0, 27, 48, .58) calc(100% - var(--icm-archive-fade-width)), var(--icm-ref-deeper) 100%);
  opacity: var(--icm-archive-fade-opacity);
  pointer-events: none
}

.icm-archive-feature-prev,
.icm-archive-feature-next {
  position: absolute;
  top: 50%;
  z-index: 8;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .75);
  background: rgba(0, 29, 52, .9);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 24px;
  cursor: pointer;
  transform: translateY(-50%)
}

.icm-archive-feature-prev {
  left: 12px
}

.icm-archive-feature-next {
  right: 12px
}

.icm-archive-feature-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px
}

.icm-archive-feature-dots button {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: #d6dce1;
  cursor: pointer
}

.icm-archive-feature-dots button.is-active {
  background: var(--icm-gold)
}

/* Make Elementor fade controls alter variables instead of fighting fixed legacy CSS. */
.elementor-widget-icm_articles_featured .icm-archive-feature-slider,
.elementor-widget-icm_articles_featured .icm-archive-feature {
  --icm-archive-image-width: 52%;
  --icm-archive-fade-width: 125px;
  --icm-archive-fade-opacity: 1
}

/* Webinar: same soft photo-to-navy transition as reference, with Elementor-controlled variables. */
.icm-webinar-slider {
  --icm-webinar-image-width: 34%;
  --icm-webinar-fade-width: 120px;
  --icm-webinar-fade-strength: 1;
  --icm-webinar-fade-color: #002b4d
}

.icm-webinar-slide {
  direction: ltr;
  grid-template-columns: minmax(250px, var(--icm-webinar-image-width)) minmax(260px, 1fr) 170px 220px auto;
  background: var(--icm-webinar-fade-color)
}

.icm-webinar-slide>* {
  direction: rtl
}

.icm-webinar-slide__image {
  position: relative;
  overflow: hidden;
  align-self: stretch;
  min-height: 118px
}

.icm-webinar-slide__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block
}

.icm-webinar-slide__image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: min(var(--icm-webinar-fade-width), 70%);
  background: linear-gradient(90deg, transparent 0%, var(--icm-webinar-fade-color) 100%);
  opacity: var(--icm-webinar-fade-strength);
  pointer-events: none
}

/* Single Article hero: fixed reference geometry, but fully controlled by Elementor variables. */
.icm-single-hero {
  --icm-single-image-width: 51%;
  --icm-single-fade-width: 115px;
  --icm-single-fade-strength: 1;
  --icm-single-hero-height: 315px;
  display: grid;
  grid-template-columns: var(--icm-single-image-width) calc(100% - var(--icm-single-image-width));
  grid-template-areas: "image copy";
  direction: ltr;
  align-items: stretch;
  min-height: var(--icm-single-hero-height);
  height: var(--icm-single-hero-height);
  background: var(--icm-ref-deeper);
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  color: #fff
}

.icm-single-hero>* {
  direction: rtl
}

.icm-single-hero__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  min-height: 0;
  height: 100%;
  background: var(--icm-ref-deeper)
}

.icm-single-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: none
}

.icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 31, 56, 0) 0%, rgba(0, 31, 56, .08) 38%, rgba(0, 31, 56, .58) calc(100% - var(--icm-single-fade-width)), var(--icm-ref-deeper) 100%);
  opacity: var(--icm-single-fade-strength);
  pointer-events: none
}

.icm-single-hero__copy {
  grid-area: copy;
  position: relative;
  z-index: 2;
  padding: 26px 34px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--icm-ref-deeper);
  color: #fff;
  margin: 0
}

.icm-single-hero__copy:before {
  display: none
}

.icm-single-hero__copy h1 {
  font-size: 34px;
  line-height: 1.55;
  color: #fff;
  margin: 10px 0 8px;
  font-weight: 800
}

.icm-single-excerpt {
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .9);
  margin: 0 0 14px
}

.icm-single-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 42px;
  align-items: start;
  direction: ltr;
  max-width: var(--icm-container);
  margin-inline: auto
}

.icm-single-layout>* {
  direction: rtl
}

.icm-sidebar {
  position: sticky;
  top: 86px
}

/* Related cards: consistent fixed media frame + optional category label. */
.icm-related-item .icm-article-card {
  min-height: 0;
  height: 100%
}

.icm-related-item .icm-article-card__image {
  position: relative;
  height: 138px;
  flex: 0 0 138px;
  overflow: hidden;
  background: #f4f6f8
}

.icm-related-item .icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block
}

.icm-article-card__badge {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  z-index: 4
}

.icm-related--hide-badges .icm-article-card__badge {
  display: none
}

@media(max-width:820px) {
  .icm-archive-feature-stage {
    min-height: 0
  }

  .icm-archive-feature-slide {
    position: absolute
  }

  .icm-archive-feature-slide.is-active {
    position: relative
  }

  .icm-archive-feature__link {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy";
    min-height: 0
  }

  .icm-archive-feature__image {
    height: 270px
  }

  .icm-archive-feature__image:after {
    background: linear-gradient(180deg, transparent 35%, var(--icm-ref-deeper) 100%)
  }

  .icm-archive-feature__copy {
    margin-top: -66px;
    padding: 76px 24px 24px
  }

  .icm-webinar-slide {
    grid-template-columns: 1fr;
    grid-template-rows: 142px auto auto auto;
    padding: 0 16px 16px
  }

  .icm-webinar-slide__image {
    height: 142px;
    margin: 0 -16px
  }

  .icm-webinar-slide__image:after {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: min(var(--icm-webinar-fade-width), 70%);
    background: linear-gradient(180deg, transparent 0%, var(--icm-webinar-fade-color) 100%)
  }

  .icm-single-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy";
    height: auto;
    min-height: 0
  }

  .icm-single-hero__image {
    height: 285px;
    min-height: 285px
  }

  .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 35%, var(--icm-ref-deeper) 100%)
  }

  .icm-single-hero__copy {
    margin-top: -62px;
    padding: 72px 24px 24px
  }

  .icm-single-layout {
    grid-template-columns: 1fr;
    max-width: 760px;
    gap: 22px
  }

  .icm-sidebar {
    position: static
  }
}

@media(max-width:560px) {
  .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }

  .icm-single-hero__copy {
    padding: 60px 18px 20px
  }

  .icm-single-hero__copy h1 {
    font-size: 26px
  }

  .icm-related-item {
    flex-basis: 88%;
    min-width: 270px
  }
}

/* RC40 ? exact Single Article reference composition */
html body.single-post .icm-single-head {
  padding: 18px 0 10px;
  background: var(--icm-page-bg, #fff)
}

html body.single-post .icm-single-head .icm-breadcrumb {
  margin-bottom: 14px
}

html body.single-post .icm-single-hero {
  --icm-single-image-width: 51%;
  --icm-single-fade-width: 115px;
  --icm-single-fade-strength: 1;
  display: grid;
  grid-template-columns: var(--icm-single-image-width) calc(100% - var(--icm-single-image-width));
  grid-template-areas: "image copy";
  direction: ltr;
  min-height: 315px;
  height: 315px;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background: var(--icm-deeper);
  box-shadow: none;
}

html body.single-post .icm-single-hero>* {
  direction: rtl
}

html body.single-post .icm-single-hero__image {
  grid-area: image;
  position: relative;
  height: 315px;
  min-height: 315px;
  overflow: hidden;
  background: var(--icm-deeper);
}

html body.single-post .icm-single-hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html body.single-post .icm-single-hero__image:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg,
      rgba(0, 25, 46, 0) 0%,
      rgba(0, 25, 46, .08) 38%,
      rgba(0, 25, 46, .38) calc(100% - var(--icm-single-fade-width)),
      var(--icm-deeper) 100%);
  opacity: var(--icm-single-fade-strength);
  pointer-events: none;
}

html body.single-post .icm-single-hero__badge {
  position: absolute;
  top: 18px;
  left: 20px;
  z-index: 3;
}

html body.single-post .icm-single-actions--image,
html body.single-icm_webinar .icm-single-actions--image {
  position: absolute;
  left: 20px;
  bottom: 16px;
  z-index: 3;
  display: flex;
  gap: 8px;
  margin: 0;
  direction: rtl;
}

html body.single-post .icm-single-actions--image button,
html body.single-icm_webinar .icm-single-actions--image button {
  min-height: 34px;
  padding: 6px 14px;
  color: #fff;
  background: rgba(0, 25, 46, .72);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 6px;
  backdrop-filter: blur(6px);
}

html body.single-post .icm-single-hero__copy {
  grid-area: copy;
  position: relative;
  z-index: 2;
  padding: 32px 38px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--icm-deeper);
  color: #fff;
}

html body.single-post .icm-single-hero__copy h1 {
  margin: 0 0 12px;
  font-size: 34px;
  line-height: 1.55;
  font-weight: 800;
  color: #fff;
  max-width: 13em;
}

html body.single-post .icm-single-excerpt {
  margin: 0 0 18px;
  max-width: 38em;
  font-size: 12px;
  line-height: 2;
  color: rgba(255, 255, 255, .9);
}

html body.single-post .icm-single-hero .icm-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
}

html body.single-post .icm-single-hero .icm-author {
  --icm-avatar-size: 42px
}

html body.single-post .icm-single-hero .icm-author b {
  font-size: 11px;
  color: #fff
}

html body.single-post .icm-single-hero .icm-author small {
  display: block;
  font-size: 8px;
  color: rgba(255, 255, 255, .75)
}

html body.single-post .icm-single-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin-top: auto;
  font-size: 9px;
  color: #fff;
}

html body.single-post .icm-single-body {
  padding: 12px 0 6px;
  background: #fff
}

html body.single-post .icm-single-layout {
  max-width: var(--icm-container);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 205px;
  gap: 42px;
  align-items: start;
  direction: ltr;
}

html body.single-post .icm-single-layout>* {
  direction: rtl
}

html body.single-post .icm-prose {
  font-size: 12.5px;
  line-height: 2.15;
  color: #273f53
}

html body.single-post .icm-prose h2 {
  font-size: 21px;
  line-height: 1.7;
  margin: 22px 0 7px;
  color: #0a3154
}

html body.single-post .icm-prose h3 {
  font-size: 17px;
  line-height: 1.8;
  color: #0a3154
}

html body.single-post .icm-prose img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px
}

html body.single-post .icm-sidebar {
  position: sticky;
  top: 86px
}

html body.single-post .icm-toc,
html body.single-post .icm-author-card {
  border: 1px solid #dfe7ed;
  border-radius: 9px;
  background: #fff;
  padding: 15px;
  margin-bottom: 12px;
}

html body.single-post .icm-toc h3,
html body.single-post .icm-author-card h3 {
  font-size: 13px;
  margin: 0 0 12px;
  color: #0a3154
}

html body.single-post .icm-single-side-cta {
  border-radius: 9px;
  background: var(--icm-deeper);
  color: #fff;
  padding: 18px 16px;
  margin-bottom: 12px;
  text-align: center;
}

html body.single-post .icm-single-side-cta__icon {
  display: block;
  font-size: 30px;
  line-height: 1;
  color: var(--icm-gold);
  margin-bottom: 8px
}

html body.single-post .icm-single-side-cta h3 {
  font-size: 16px;
  line-height: 1.7;
  color: #fff;
  margin: 0 0 6px
}

html body.single-post .icm-single-side-cta p {
  font-size: 9px;
  line-height: 1.9;
  color: rgba(255, 255, 255, .78);
  margin: 0 0 12px
}

html body.single-post .icm-single-side-cta .icm-btn {
  width: 100%;
  justify-content: center;
  min-height: 34px
}

html body.single-post .icm-author-card {
  text-align: right
}

html body.single-post .icm-author-card {
  --icm-avatar-size: 54px
}

html body.single-post .icm-author-card h4 {
  font-size: 11px;
  margin: 4px 0;
  color: #0a3154
}

html body.single-post .icm-author-card p {
  font-size: 8.5px;
  line-height: 1.9;
  color: #5d7285;
  clear: both
}

html body.single-post .icm-related-section>.icm-container,
html body.single-post .icm-single-bottom-stack>.icm-container,
html body.single-post .icm-final-cta>.icm-container {
  max-width: var(--icm-container)
}

html body.single-post .icm-related-section {
  padding-top: 10px;
  padding-bottom: 10px
}

html body.single-post .icm-related-rail {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 12px;
  scrollbar-width: none;
  padding-bottom: 5px
}

html body.single-post .icm-related-rail::-webkit-scrollbar {
  display: none
}

html body.single-post .icm-related-item {
  flex: 0 0 calc((100% - 24px)/3);
  scroll-snap-align: start;
  min-width: 0
}

html body.single-post .icm-related-item .icm-article-card {
  min-height: 0;
  height: 155px;
  border-radius: 8px
}

html body.single-post .icm-related-item .icm-article-card__link {
  display: grid;
  grid-template-rows: 82px 1fr;
  height: 100%
}

html body.single-post .icm-related-item .icm-article-card__image {
  height: 82px;
  min-height: 82px;
  flex-basis: 82px;
  position: relative
}

html body.single-post .icm-related-item .icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

html body.single-post .icm-related-item .icm-article-card__badge {
  top: 7px;
  inset-inline-end: 7px;
  font-size: 7px;
  padding: 4px 8px
}

html body.single-post .icm-related-item .icm-article-card__body {
  padding: 7px 9px 8px
}

html body.single-post .icm-related-item .icm-article-card__body h3 {
  font-size: 10px;
  line-height: 1.6;
  margin: 0 0 5px;
  -webkit-line-clamp: 1
}

html body.single-post .icm-related-item .icm-article-card__body p {
  display: none
}

html body.single-post .icm-related-item .icm-card-meta {
  font-size: 6.5px;
  padding-top: 5px
}

@media(max-width:820px) {
  html body.single-post .icm-single-hero {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  html body.single-post .icm-single-hero__image {
    height: 280px;
    min-height: 280px
  }

  html body.single-post .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 45%, var(--icm-deeper) 100%)
  }

  html body.single-post .icm-single-hero__copy {
    margin-top: -48px;
    padding: 64px 24px 24px
  }

  html body.single-post .icm-single-layout {
    grid-template-columns: 1fr;
    max-width: 760px;
    gap: 20px
  }

  html body.single-post .icm-sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
  }

  html body.single-post .icm-toc {
    grid-column: 1/-1
  }

  html body.single-post .icm-single-side-cta,
  html body.single-post .icm-author-card {
    margin-bottom: 0
  }

  html body.single-post .icm-related-item {
    flex-basis: 48%
  }
}

@media(max-width:560px) {
  html body.single-post .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }

  html body.single-post .icm-single-hero__copy {
    padding: 58px 18px 20px
  }

  html body.single-post .icm-single-hero__copy h1 {
    font-size: 25px
  }

  html body.single-post .icm-single-actions--image {
    left: 10px;
    bottom: 10px
  }

  html body.single-post .icm-single-hero__badge {
    left: 10px;
    top: 10px
  }

  html body.single-post .icm-sidebar {
    grid-template-columns: 1fr
  }

  html body.single-post .icm-toc {
    grid-column: auto
  }

  html body.single-post .icm-related-item {
    flex-basis: 84%;
    min-width: 260px
  }
}

/* RC41 ? professional Single Article Builder */
body.single-post .icm-single-head>.icm-container,
body.single-post .icm-related-section>.icm-container,
body.single-post .icm-single-bottom-stack>.icm-container,
body.single-post .icm-final-cta>.icm-container {
  max-width: var(--icm-container);
}

body.single-post .icm-single-builder-grid {
  width: min(var(--icm-container), calc(100% - 40px));
  max-width: var(--icm-container);
  margin: 18px auto 8px;
  display: flex;
  flex-direction: row;
  gap: 42px;
  align-items: flex-start;
}

body.single-post .icm-single-builder-main {
  width: min(72%, 820px);
  flex: 1 1 0;
  min-width: 0;
}

body.single-post .icm-single-builder-sidebar {
  width: 230px;
  flex: 0 0 230px;
  min-width: 0;
  position: sticky;
  top: 90px;
}

body.single-post .icm-single-builder-sidebar>.e-con,
body.single-post .icm-single-builder-sidebar>.elementor-element {
  width: 100%
}

body.single-post .icm-single-content-only {
  max-width: 820px;
  margin-inline: auto;
  font-size: 13px;
  line-height: 2.1;
  color: var(--icm-text)
}

body.single-post .icm-single-widget-card {
  margin-bottom: 12px
}

body.single-post .icm-single-tags-widget {
  max-width: 820px;
  margin: 16px auto 0
}

body.single-post .icm-related-section {
  --icm-related-visible-desktop: 3;
  --icm-related-visible-tablet: 2;
  --icm-related-visible-mobile: 1;
  --icm-related-gap: 14px;
  --icm-related-image-height: 138px;
  --icm-related-badge-top: 10px;
  --icm-related-badge-side: 10px;
  padding: 15px 0 12px;
}

body.single-post .icm-related-section .icm-section-title--with-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px
}

body.single-post .icm-related-controls {
  display: flex;
  gap: 7px
}

body.single-post .icm-related-controls button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--icm-border-global);
  background: #fff;
  color: var(--icm-deeper);
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 20px;
  line-height: 1
}

body.single-post .icm-related-slider {
  position: relative;
  overflow: hidden
}

body.single-post .icm-related-rail {
  display: flex;
  gap: var(--icm-related-gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 2px 0 7px;
}

body.single-post .icm-related-rail::-webkit-scrollbar {
  display: none
}

body.single-post .icm-related-item {
  flex: 0 0 calc((100% - (var(--icm-related-visible-desktop) - 1)*var(--icm-related-gap))/var(--icm-related-visible-desktop));
  min-width: 0;
  scroll-snap-align: start;
}

body.single-post .icm-related-item .icm-article-card {
  height: auto;
  min-height: 220px;
  border-radius: 9px;
  overflow: hidden;
}

body.single-post .icm-related-item .icm-article-card__link {
  display: flex;
  flex-direction: column;
  height: 100%
}

body.single-post .icm-related-item .icm-article-card__image {
  position: relative;
  width: 100%;
  height: var(--icm-related-image-height);
  min-height: var(--icm-related-image-height);
  flex: 0 0 var(--icm-related-image-height);
  overflow: hidden;
  background: #f5f7f9;
}

body.single-post .icm-related-item .icm-article-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

body.single-post .icm-related-item .icm-article-card__badge {
  top: var(--icm-related-badge-top);
  inset-inline-end: var(--icm-related-badge-side);
  z-index: 3;
}

body.single-post .icm-related-item .icm-article-card__body {
  padding: 10px 11px 10px;
  display: flex;
  flex: 1;
  flex-direction: column
}

body.single-post .icm-related-item .icm-article-card__body h3 {
  font-size: 12px;
  line-height: 1.7;
  margin: 0 0 7px;
  -webkit-line-clamp: 2
}

body.single-post .icm-related-item .icm-article-card__body p {
  font-size: 8px;
  line-height: 1.8;
  margin: 0 0 8px
}

body.single-post .icm-related-item .icm-card-meta {
  font-size: 7px;
  margin-top: auto;
  padding-top: 7px
}

body.single-post .icm-related--hide-badges .icm-article-card__badge {
  display: none
}

body.single-post .icm-related--hide-excerpt .icm-article-card__body p {
  display: none
}

body.single-post .icm-related--hide-meta .icm-card-meta {
  display: none
}

body.single-post .icm-related-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 7px
}

body.single-post .icm-related-dots button {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 0;
  background: #d5dce2;
  padding: 0
}

body.single-post .icm-related-dots button.is-active {
  background: var(--icm-gold)
}

/* Hero reference lock, but Elementor controls change the variables. */
body.single-post .icm-single-hero {
  --icm-single-hero-height: 315px;
  --icm-single-image-width: 51%;
  --icm-single-fade-width: 120px;
  --icm-single-fade-strength: 1;
  --icm-single-fade-color: #001d36;
  height: var(--icm-single-hero-height);
  min-height: var(--icm-single-hero-height);
  grid-template-columns: var(--icm-single-image-width) calc(100% - var(--icm-single-image-width));
}

body.single-post .icm-single-hero__image {
  height: var(--icm-single-hero-height);
  min-height: var(--icm-single-hero-height)
}

body.single-post .icm-single-hero__image:after {
  background: linear-gradient(90deg, transparent 0%, rgba(0, 29, 54, .08) 38%, color-mix(in srgb, var(--icm-single-fade-color) 48%, transparent) calc(100% - var(--icm-single-fade-width)), var(--icm-single-fade-color) 100%);
  opacity: var(--icm-single-fade-strength);
}

@media(max-width:1024px) {
  body.single-post .icm-single-builder-grid {
    width: min(var(--icm-container), calc(100% - 34px));
    gap: 26px
  }

  body.single-post .icm-single-builder-sidebar {
    width: 220px;
    flex-basis: 220px
  }

  body.single-post .icm-related-item {
    flex-basis: calc((100% - (var(--icm-related-visible-tablet) - 1)*var(--icm-related-gap))/var(--icm-related-visible-tablet))
  }
}

@media(max-width:820px) {
  body.single-post .icm-single-builder-grid {
    display: flex;
    flex-direction: column;
    gap: 14px
  }

  body.single-post .icm-single-builder-main,
  body.single-post .icm-single-builder-sidebar {
    width: 100%;
    flex: 0 0 auto
  }

  body.single-post .icm-single-builder-sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
  }

  body.single-post .icm-single-builder-sidebar>.elementor-element:first-child {
    grid-column: 1/-1
  }

  body.single-post .icm-related-item {
    flex-basis: calc((100% - (var(--icm-related-visible-tablet) - 1)*var(--icm-related-gap))/var(--icm-related-visible-tablet))
  }

  body.single-post .icm-single-hero {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  body.single-post .icm-single-hero__image {
    height: 285px;
    min-height: 285px
  }

  body.single-post .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 45%, var(--icm-single-fade-color) 100%)
  }
}

@media(max-width:560px) {
  body.single-post .icm-single-builder-grid {
    width: calc(100% - 28px)
  }

  body.single-post .icm-single-builder-sidebar {
    grid-template-columns: 1fr
  }

  body.single-post .icm-single-builder-sidebar>.elementor-element:first-child {
    grid-column: auto
  }

  body.single-post .icm-related-item {
    flex-basis: calc((100% - (var(--icm-related-visible-mobile) - 1)*var(--icm-related-gap))/var(--icm-related-visible-mobile));
    min-width: 0
  }

  body.single-post .icm-related-item .icm-article-card {
    min-height: 215px
  }

  body.single-post .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }
}

/* RC42 ? final Academy webinar split + professional controls */
.icm-section--webinar-upcoming,
.icm-section--webinar-replays {
  padding: 10px 0 14px;
  background: transparent
}

.icm-section--webinar-upcoming+.icm-section--webinar-replays {
  padding-top: 12px
}

.icm-section--webinar-upcoming .icm-section-title,
.icm-section--webinar-replays .icm-section-title {
  margin-bottom: 10px
}

.icm-section--webinar-upcoming .icm-webinar-slider,
.icm-section--webinar-replays .icm-webinar-slider {
  position: relative;
  overflow: visible
}

.icm-section--webinar-upcoming .icm-webinar-slider__viewport,
.icm-section--webinar-replays .icm-webinar-slider__viewport {
  border-radius: 10px;
  overflow: hidden
}

.icm-section--webinar-upcoming .icm-webinar-slide,
.icm-section--webinar-replays .icm-webinar-slide {
  --icm-webinar-image-width: 31%;
  --icm-webinar-fade-width: 120px;
  --icm-webinar-fade-strength: 1;
  --icm-webinar-fade-color: #002B4D;
  min-height: 112px;
  border-radius: 10px;
  background: var(--icm-webinar-fade-color);
}

.icm-section--webinar-upcoming .icm-webinar-slide__image,
.icm-section--webinar-replays .icm-webinar-slide__image {
  overflow: hidden
}

.icm-section--webinar-upcoming .icm-webinar-slide__image:after,
.icm-section--webinar-replays .icm-webinar-slide__image:after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: min(var(--icm-webinar-fade-width), 72%);
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--icm-webinar-fade-color) 48%, transparent) 55%, var(--icm-webinar-fade-color) 100%);
  opacity: var(--icm-webinar-fade-strength);
  pointer-events: none;
}

.icm-section--webinar-upcoming .icm-instructor img,
.icm-section--webinar-replays .icm-instructor img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.icm-section--webinar-upcoming .icm-instructor .icm-avatar,
.icm-section--webinar-replays .icm-instructor .icm-avatar {
  --icm-avatar-size: 40px;
  width: 40px;
  height: 40px;
}

.icm-section--webinar-upcoming .icm-webinar-nav,
.icm-section--webinar-replays .icm-webinar-nav {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #d9e1e7;
  background: #fff;
  color: var(--icm-deeper);
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 6px 18px rgba(13, 71, 120, .10);
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.icm-section--webinar-upcoming .icm-webinar-nav:hover,
.icm-section--webinar-replays .icm-webinar-nav:hover {
  transform: translateY(-50%) scale(1.05);
  background: var(--icm-deeper);
  color: #fff;
  border-color: var(--icm-deeper);
}

.icm-section--webinar-upcoming .icm-webinar-nav--prev,
.icm-section--webinar-replays .icm-webinar-nav--prev {
  left: -20px
}

.icm-section--webinar-upcoming .icm-webinar-nav--next,
.icm-section--webinar-replays .icm-webinar-nav--next {
  right: -20px
}

.icm-section--webinar-upcoming .icm-webinar-dots,
.icm-section--webinar-replays .icm-webinar-dots {
  margin-top: 9px
}

/* Reference-default Selected Academy cards. Elementor variables remain editable.
   FIX14 moves the blend into the image layer so it can never cover content. */
.icm-section--selected .icm-selected-card__link {
  --icm-selected-image-width: 53%;
  --icm-selected-fade-width: 78px;
  --icm-selected-fade-opacity: 1;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, calc(100% - var(--icm-selected-image-width))) minmax(0, var(--icm-selected-image-width));
  height: 100%;
  direction: ltr;
  isolation: isolate;
}

.icm-section--selected .icm-selected-card {
  height: 152px;
  border-radius: 10px;
  overflow: hidden
}

.icm-section--selected .icm-selected-card__text {
  direction: rtl;
  position: relative;
  z-index: 4;
  padding: 13px 14px 11px;
  background: #fff;
  overflow: hidden
}

.icm-section--selected .icm-selected-card__link:before,
.icm-section--selected .icm-selected-card__link:after,
.icm-section--selected .icm-selected-card__text:before,
.icm-section--selected .icm-selected-card__text:after {
  content: none;
  display: none
}

.icm-section--selected .icm-selected-card__image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
  background: #fff
}

.icm-section--selected .icm-selected-card__image:before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0 auto 0 0;
  width: min(var(--icm-selected-fade-width), 58%);
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .92) 18%, rgba(255, 255, 255, .58) 52%, rgba(255, 255, 255, 0) 100%);
  opacity: var(--icm-selected-fade-opacity);
  pointer-events: none
}

.icm-section--selected .icm-selected-card__image:after {
  content: none;
  display: none
}

.icm-section--selected .icm-selected-card__image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

/* Reference-default psychology feature banner. */
.icm-section--feature .icm-feature-banner {
  --icm-feature-image-width: 56%;
  --icm-feature-fade-width: 150px;
  min-height: 176px;
  display: grid;
  grid-template-columns: var(--icm-feature-image-width) calc(100% - var(--icm-feature-image-width));
  direction: ltr;
  border-radius: 9px;
  overflow: hidden;
  background: var(--icm-deeper);
}

.icm-section--feature .icm-feature-banner>* {
  direction: rtl
}

.icm-section--feature .icm-feature-banner__image {
  position: relative;
  overflow: hidden;
  min-height: 176px
}

.icm-section--feature .icm-feature-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.icm-section--feature .icm-feature-banner__image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 31, 57, .18) 52%, var(--icm-deeper) 100%);
  pointer-events: none;
}

.icm-section--feature .icm-feature-banner__copy {
  padding: 21px 34px 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: var(--icm-deeper)
}

.icm-section--feature .icm-feature-banner__copy h2 {
  font-size: 22px;
  line-height: 1.45
}

@media(max-width:1100px) {

  .icm-section--webinar-upcoming .icm-webinar-nav--prev,
  .icm-section--webinar-replays .icm-webinar-nav--prev {
    left: 6px
  }

  .icm-section--webinar-upcoming .icm-webinar-nav--next,
  .icm-section--webinar-replays .icm-webinar-nav--next {
    right: 6px
  }
}

@media(max-width:720px) {

  .icm-section--webinar-upcoming .icm-webinar-slide__image:after,
  .icm-section--webinar-replays .icm-webinar-slide__image:after {
    inset: auto 0 0;
    width: 100%;
    height: min(var(--icm-webinar-fade-width), 72%);
    background: linear-gradient(180deg, transparent 0%, var(--icm-webinar-fade-color) 100%);
  }

  .icm-section--selected .icm-selected-card {
    height: 160px
  }

  .icm-section--selected .icm-selected-card__link {
    grid-template-columns: 58% 42%
  }

  .icm-section--feature .icm-feature-banner {
    grid-template-columns: 1fr;
    min-height: 0
  }

  .icm-section--feature .icm-feature-banner__image {
    min-height: 180px;
    height: 180px
  }

  .icm-section--feature .icm-feature-banner__image:after {
    background: linear-gradient(180deg, transparent 38%, var(--icm-deeper) 100%)
  }

  .icm-section--feature .icm-feature-banner__copy {
    margin-top: -36px;
    padding: 50px 20px 21px
  }
}

@media(prefers-reduced-motion:reduce) {

  .icm-section--webinar-upcoming .icm-webinar-nav,
  .icm-section--webinar-replays .icm-webinar-nav {
    transition: none
  }
}

.icm-section--feature .icm-feature-banner__image:after {
  left: auto;
  width: min(var(--icm-feature-fade-width), 72%);
  background: linear-gradient(90deg, transparent 0%, rgba(0, 31, 57, .32) 48%, var(--icm-deeper) 100%)
}

@media(max-width:720px) {
  .icm-section--feature .icm-feature-banner__image:after {
    left: 0;
    width: 100%;
    height: min(var(--icm-feature-fade-width), 72%);
    top: auto;
    background: linear-gradient(180deg, transparent 0%, var(--icm-deeper) 100%)
  }
}

/* === ICM FINAL 2026: canonical site shell (Header/Footer only) === */
.icm-site-header {
  background: var(--icm-navy, #0D4778);
  color: #fff;
  position: relative;
  z-index: 100;
  border: 0;
  box-shadow: 0 2px 8px rgba(13, 71, 120, .16)
}

.icm-site-header.is-sticky {
  position: sticky;
  top: 0
}

.icm-header-inner {
  min-height: 78px;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0;
  /* Persian/Arabic default: RTL — logo far-right, menu beside it, actions far-left */
  direction: rtl !important;
}

body.rtl .icm-header-inner,
body.icm-dir-rtl .icm-header-inner,
html[dir="rtl"] .icm-header-inner,
body.icm-lang-fa .icm-header-inner,
body.icm-lang-ar .icm-header-inner {
  direction: rtl !important;
}

body.ltr .icm-header-inner,
body.icm-dir-ltr .icm-header-inner,
html[dir="ltr"] .icm-header-inner,
body.icm-lang-en .icm-header-inner {
  direction: ltr !important;
}

.icm-site-header .site-branding,
.icm-site-header .icm-logo {
  display: flex;
  align-items: center;
  line-height: 0;
  flex-shrink: 0 !important;
  order: 1 !important;
  margin-inline-end: 1.5rem !important;
  margin-inline-start: 0 !important;
}

.icm-site-header .custom-logo-link {
  display: flex;
  align-items: center
}

.icm-site-header .custom-logo,
.icm-logo-image {
  display: block;
  width: auto;
  max-width: 118px;
  height: 46px;
  object-fit: contain
}

.main-navigation,
.icm-main-nav {
  display: flex !important;
  align-items: center !important;
  order: 2 !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
  min-inline-size: 0;
}

body.ltr .main-navigation,
body.ltr .icm-main-nav,
html[dir="ltr"] .main-navigation,
html[dir="ltr"] .icm-main-nav {
  direction: ltr !important;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu,
.icm-main-nav ul,
.icm-main-nav .icm-main-nav__list {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0.35rem !important;
  direction: inherit !important;
  justify-content: flex-start !important;
}

.icm-main-nav li {
  margin: 0;
  padding: 0;
  position: relative
}

.icm-main-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding-inline: 14px;
  border-radius: 14px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease
}

.icm-main-nav li.current-menu-item>a,
.icm-main-nav li.current-menu-ancestor>a,
.icm-main-nav li.current_page_item>a,
.icm-main-nav a:hover,
.icm-main-nav a:focus-visible {
  background: rgba(255, 255, 255, .11);
  color: #fff;
  outline: 0
}

.icm-main-nav .sub-menu {
  position: absolute;
  display: none;
  min-width: 200px;
  padding-block: 8px;
  padding-inline: 8px;
  background: var(--icm-navy, #0D4778);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18);
  inset-inline-end: 0;
  inset-inline-start: auto
}

.icm-main-nav li:hover>.sub-menu,
.icm-main-nav li:focus-within>.sub-menu {
  display: grid;
  gap: 4px
}

.icm-main-nav .sub-menu a {
  justify-content: flex-start
}

.header-actions,
.icm-header-actions {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  order: 3 !important;
  gap: 0.75rem !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  direction: rtl !important;
}

body.ltr .header-actions,
body.ltr .icm-header-actions,
html[dir="ltr"] .header-actions,
html[dir="ltr"] .icm-header-actions {
  direction: ltr !important;
}

.icm-header-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 17px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: .18s ease
}

.icm-header-btn--primary {
  background: #fff;
  color: var(--icm-navy, #0D4778);
  border: 1px solid #fff
}

.icm-header-btn--primary:hover {
  background: var(--icm-light, #EBEBEB);
  color: var(--icm-navy, #0D4778)
}

.icm-header-btn.icm-btn--gold,
.icm-header-btn--primary.icm-btn--gold {
  background: var(--icm-gold, #C8922E);
  border-color: var(--icm-gold, #C8922E);
  color: #fff;
}

.icm-header-btn.icm-btn--gold:hover,
.icm-header-btn--primary.icm-btn--gold:hover {
  background: color-mix(in srgb, var(--icm-gold, #C8922E) 88%, #000);
  color: #fff;
}

.icm-header-btn--ghost {
  background: transparent;
  color: #fff;
  border: 1px solid transparent
}

.icm-header-btn--ghost:hover {
  background: rgba(255, 255, 255, .10);
  color: #fff
}

.icm-lang {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-inline: 13px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 12px;
  background: rgba(255, 255, 255, .08);
  font-size: 12px;
  color: #fff
}

.icm-menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
  margin-inline-start: 0.5rem
}

.icm-site-footer {
  background: var(--icm-navy, #0D4778);
  color: #fff;
  margin-top: 0;
  padding: 28px 0 14px
}

.icm-footer-grid {
  display: grid;
  grid-template-columns: 1.6fr repeat(5, minmax(0, 1fr));
  gap: 28px;
  align-items: start
}

.icm-footer-logo {
  width: 118px;
  height: 44px;
  object-fit: contain
}

.icm-footer-brand p {
  max-width: 245px;
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.9;
  color: rgba(255, 255, 255, .78)
}

.icm-footer-col .menu,
.icm-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.icm-footer-col a {
  display: block;
  padding: 2px 0;
  color: rgba(255, 255, 255, .82);
  font-size: 12px;
  text-decoration: none
}

.icm-footer-col a:hover {
  color: #fff
}

.icm-footer-col .widget-title,
.icm-footer-col h2,
.icm-footer-col h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 13px
}

.icm-footer-socials {
  display: flex;
  gap: 7px;
  margin-top: 12px
}

.icm-footer-socials a {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 50%;
  color: #fff;
  font-size: 9px
}

.icm-footer-bottom {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .13);
  font-size: 10px;
  color: rgba(255, 255, 255, .72);
  text-align: center
}

@media(max-width:1180px) {
  .icm-header-inner {
    display: flex;
    justify-content: space-between
  }

  .icm-main-nav {
    display: none;
    position: absolute;
    top: 100%;
    inset-inline: 16px;
    padding: 10px;
    padding-inline: 10px;
    background: var(--icm-navy, #0D4778);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 16px 30px rgba(0, 0, 0, .18)
  }

  .icm-main-nav.is-open {
    display: block
  }

  .icm-main-nav ul {
    display: grid;
    gap: 4px
  }

  .icm-main-nav .sub-menu {
    position: static;
    box-shadow: none;
    margin: 4px 10px;
    margin-inline: 10px;
    background: rgba(255, 255, 255, .06)
  }

  .icm-menu-toggle {
    display: block
  }

  .icm-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .icm-footer-brand {
    grid-column: 1/-1
  }
}

@media(max-width:720px) {
  .icm-header-inner {
    min-height: 64px;
    display: flex;
    gap: 9px
  }

  .icm-site-header .custom-logo,
  .icm-logo-image {
    max-width: 94px;
    height: 38px
  }

  .icm-header-actions {
    margin-inline-start: auto
  }

  .icm-lang {
    display: none
  }

  .icm-header-btn {
    min-height: 34px;
    padding: 0 11px;
    padding-inline: 11px;
    font-size: 10px
  }

  .icm-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
  }

  .icm-footer-brand {
    grid-column: 1/-1
  }
}

/* === ICM 2026.71 canonical shell — Persian RTL header (Attachment match) === */
@media (min-width:1181px) {

  .icm-site-header .icm-header-inner,
  .icm-header.icm-site-header .icm-header__inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 78px;
    direction: rtl !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
  }

  body.ltr .icm-site-header .icm-header-inner,
  html[dir="ltr"] .icm-site-header .icm-header-inner {
    direction: ltr !important;
  }

  .icm-site-header .icm-main-nav,
  .icm-site-header .main-navigation {
    display: flex !important;
    position: static;
    padding: 0;
    background: transparent;
    box-shadow: none;
    margin-inline-end: auto !important;
    margin-inline-start: 0 !important;
  }

  .elementor-widget-icm_site_header .icm-main-nav,
  .elementor-widget-icm_site_header .main-navigation {
    margin-inline: 0 !important;
    flex: 1 1 auto !important;
    justify-content: var(--icm-nav-align, center) !important;
  }

  .icm-site-header .icm-main-nav>ul,
  .icm-site-header .icm-main-nav>.icm-fallback-menu {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
  }

  .icm-site-header .icm-menu-toggle {
    display: none
  }
}

/* —— Elementor ICM Header: alignment hooks (do not fight user controls) —— */
.elementor-widget-icm_site_header {
  --icm-nav-align: flex-start;
  --icm-nav-items-align: flex-start;
  --icm-logo-align: center;
  --icm-actions-align: flex-start;
  --icm-header-pillars-gap: 16px;
}

.elementor-widget-icm_site_header .icm-header-inner,
.elementor-widget-icm_site_header .icm-header__inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  direction: rtl !important;
  justify-content: flex-start !important;
  gap: var(--icm-header-pillars-gap, 16px) !important;
}

body.ltr .elementor-widget-icm_site_header .icm-header-inner,
html[dir="ltr"] .elementor-widget-icm_site_header .icm-header-inner {
  direction: ltr !important;
}

.elementor-widget-icm_site_header .icm-logo,
.elementor-widget-icm_site_header .icm-header-logo,
.elementor-widget-icm_site_header .site-branding {
  flex: 0 0 auto !important;
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  align-self: var(--icm-logo-align, center) !important;
  justify-content: var(--icm-logo-align, center) !important;
  margin-inline-end: 1.5rem !important;
  margin-inline-start: 0 !important;
}

.elementor-widget-icm_site_header .icm-main-nav,
.elementor-widget-icm_site_header .main-navigation {
  flex: 1 1 auto !important;
  order: 2 !important;
  min-inline-size: 0 !important;
  display: flex !important;
  align-items: center !important;
  margin-inline: 0 !important;
  justify-content: var(--icm-nav-align, flex-start) !important;
}

.elementor-widget-icm_site_header .icm-main-nav>ul,
.elementor-widget-icm_site_header .icm-main-nav .icm-main-nav__list,
.elementor-widget-icm_site_header .main-navigation ul.menu,
.elementor-widget-icm_site_header .main-navigation ul.nav-menu {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-inline-size: 100% !important;
  justify-content: var(--icm-nav-align, flex-start) !important;
  margin: 0 !important;
}

.elementor-widget-icm_site_header .icm-main-nav>ul>li>a,
.elementor-widget-icm_site_header .icm-main-nav .icm-main-nav__list>li>a {
  justify-content: var(--icm-nav-items-align, flex-start) !important;
  text-align: start;
}

.elementor-widget-icm_site_header .icm-header-actions,
.elementor-widget-icm_site_header .icm-header__actions {
  flex: 0 0 auto !important;
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  justify-content: var(--icm-actions-align, flex-start) !important;
  direction: rtl !important;
}

body.ltr .elementor-widget-icm_site_header .icm-header-actions {
  direction: ltr !important;
}

@media (max-width:1180px) {

  .elementor-widget-icm_site_header .icm-main-nav,
  .elementor-widget-icm_site_header .main-navigation {
    flex: none !important;
    width: auto !important;
  }
}

.icm-site-header {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .52), rgba(0, 0, 0, .05)),
    var(--icm-navy, #0D4778);
}

.icm-site-header .icm-main-nav li.current-menu-item>a,
.icm-site-header .icm-main-nav li.current-menu-ancestor>a,
.icm-site-header .icm-main-nav li.current_page_item>a,
.icm-site-header .icm-main-nav a.current,
.icm-site-header .icm-main-nav a:hover,
.icm-site-header .icm-main-nav a:focus-visible {
  background: rgba(255, 255, 255, .11);
  border: 0;
  box-shadow: none;
}

#main-content {
  min-height: 1px
}


/* === ICM 2026.72 single-runtime + approved media logo guard === */
.icm-site-header .icm-logo,
.icm-site-header .site-branding {
  align-self: center;
  padding: 0;
  line-height: 0
}

.icm-site-header .icm-logo-image {
  display: block;
  width: auto;
  height: 46px;
  max-width: 132px;
  object-fit: contain;
  object-position: center;
  margin: 0;
  filter: none;
  opacity: 1
}

.icm-single-hero,
.icm-single-builder-grid,
.icm-related-wrap,
.icm-single-newsletter,
.icm-single-final-cta {
  max-width: var(--icm-single-container, var(--icm-site-container, 1200px));
  margin-left: auto;
  margin-right: auto
}

/* === ICM 2026.73 theme-container + menu-state contract ===
 * Theme container width applies to ICM components only. Elementor document
 * geometry remains owned by Elementor and is not globally overridden.
 */
html body .icm-container,
html body .icm-site-header .icm-container,
html body .icm-site-footer .icm-container,
html body.single-post .icm-single-head>.icm-container,
html body.single-post .icm-related-section>.icm-container,
html body.single-post .icm-single-bottom-stack>.icm-container,
html body.single-post .icm-final-cta>.icm-container {
  width: min(var(--icm-container), calc(100% - var(--icm-container-gutter, 36px) * 2));
  max-width: var(--icm-container);
  margin-inline: auto;
}

@media(max-width:1100px) {
  html body .icm-container {
    width: min(var(--icm-container), calc(100% - 38px));
  }
}

@media(max-width:720px) {
  html body .icm-container {
    width: calc(100% - 28px);
    max-width: none;
  }
}

.icm-site-header .icm-main-nav a:hover,
.icm-site-header .icm-main-nav a:focus-visible,
.icm-site-header .icm-main-nav li.current-menu-item>a,
.icm-site-header .icm-main-nav li.current_page_item>a,
.icm-site-header .icm-main-nav li.current-menu-parent>a,
.icm-site-header .icm-main-nav li.current-menu-ancestor>a,
.icm-site-header .icm-main-nav li.current_page_parent>a,
.icm-site-header .icm-main-nav li.current_page_ancestor>a {
  background: rgba(255, 255, 255, .11);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}

/* === ICM 2026.73.1 Single Article stable reference contract ===
 * Keeps Fix 3 runtime, guarantees the approved reference geometry when the
 * native fallback is used, and remains compatible with Elementor widgets.
 */
body.single-post .icm-single-head>.icm-container,
body.single-post .icm-single-builder-grid,
body.single-post .icm-related-section>.icm-container,
body.single-post .icm-single-bottom-stack>.icm-container,
body.single-post .icm-final-cta>.icm-container {
  width: min(var(--icm-container), calc(100% - 72px));
  max-width: var(--icm-container);
  margin-inline: auto;
}

body.single-post .icm-single-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 42px;
  align-items: start;
  direction: ltr;
  margin-top: 20px;
}

body.single-post .icm-single-builder-grid>* {
  direction: rtl
}

body.single-post .icm-single-builder-main {
  width: auto;
  max-width: none;
  min-width: 0
}

body.single-post .icm-single-builder-sidebar {
  width: auto;
  position: sticky;
  top: 90px
}

body.single-post .icm-single-content-only {
  max-width: none;
  margin: 0
}

body.single-post .icm-single-hero {
  height: 315px;
  min-height: 315px;
  display: grid;
  grid-template-columns: 51% 49%;
  grid-template-areas: "image copy";
  background: var(--icm-deeper, #001d36);
  border-radius: 12px;
  overflow: hidden;
}

body.single-post .icm-single-hero__image {
  grid-area: image;
  height: 315px;
  min-height: 315px
}

body.single-post .icm-single-hero__copy {
  grid-area: copy;
  background: var(--icm-deeper, #001d36);
  color: #fff
}

body.single-post .icm-single-hero__copy h1 {
  color: #fff
}

body.single-post .icm-single-hero__image:after {
  background: linear-gradient(90deg, transparent 0%, rgba(0, 29, 54, .10) 42%, rgba(0, 29, 54, .70) 82%, var(--icm-deeper, #001d36) 100%);
}

@media(max-width:1024px) {

  body.single-post .icm-single-head>.icm-container,
  body.single-post .icm-single-builder-grid,
  body.single-post .icm-related-section>.icm-container,
  body.single-post .icm-single-bottom-stack>.icm-container,
  body.single-post .icm-final-cta>.icm-container {
    width: min(var(--icm-container), calc(100% - 38px))
  }

  body.single-post .icm-single-builder-grid {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 26px
  }
}

@media(max-width:820px) {
  body.single-post .icm-single-builder-grid {
    grid-template-columns: 1fr;
    gap: 16px
  }

  body.single-post .icm-single-builder-sidebar {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
  }

  body.single-post .icm-single-builder-sidebar>*:first-child {
    grid-column: 1/-1
  }

  body.single-post .icm-single-hero {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  body.single-post .icm-single-hero__image {
    height: 285px;
    min-height: 285px
  }

  body.single-post .icm-single-hero__image:after {
    background: linear-gradient(180deg, transparent 42%, var(--icm-deeper, #001d36) 100%)
  }
}

@media(max-width:560px) {

  body.single-post .icm-single-head>.icm-container,
  body.single-post .icm-single-builder-grid,
  body.single-post .icm-related-section>.icm-container,
  body.single-post .icm-single-bottom-stack>.icm-container,
  body.single-post .icm-final-cta>.icm-container {
    width: calc(100% - 28px);
    max-width: none
  }

  body.single-post .icm-single-builder-sidebar {
    grid-template-columns: 1fr
  }

  body.single-post .icm-single-builder-sidebar>*:first-child {
    grid-column: auto
  }

  body.single-post .icm-single-hero__image {
    height: 220px;
    min-height: 220px
  }
}


/* === ICM 2026.75 stable ICM-width + active-menu contract === */
/* One authoritative site width. No legacy 850/930px Single limits may win. */
html body .icm-container,
html body .icm-site-header .icm-container,
html body .icm-site-footer .icm-container {
  width: min(var(--icm-container, 1200px), calc(100% - var(--icm-container-gutter, 36px) * 2));
  max-width: var(--icm-container, 1200px);
  margin-inline: auto;
}

/* Internal Single blocks fill their parent site container instead of imposing old RC widths. */
html body.single-post .icm-single-hero,
html body.single-post .icm-single-layout,
html body.single-post .icm-single-builder-grid,
html body.single-post .icm-single-content-only,
html body.single-post .icm-single-tags-widget,
html body.single-post .icm-related-wrap,
html body.single-post .icm-single-newsletter,
html body.single-post .icm-single-final-cta {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

html body.single-post .icm-related-section>.icm-container,
html body.single-post .icm-single-bottom-stack>.icm-container,
html body.single-post .icm-final-cta>.icm-container {
  max-width: var(--icm-container, 1200px);
}

/* Hover and active are literally the same visual state. */
.icm-site-header .icm-main-nav a:hover,
.icm-site-header .icm-main-nav a:focus-visible,
.icm-site-header .icm-main-nav li.current-menu-item>a,
.icm-site-header .icm-main-nav li.current-menu-parent>a,
.icm-site-header .icm-main-nav li.current-menu-ancestor>a,
.icm-site-header .icm-main-nav li.current_page_item>a,
.icm-site-header .icm-main-nav li.current_page_parent>a,
.icm-site-header .icm-main-nav li.current_page_ancestor>a,
.icm-site-header .icm-main-nav li.icm-is-current>a {
  background: rgba(255, 255, 255, .11);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
  outline: 0;
}

@media(max-width:1100px) {
  html body .icm-container {
    width: min(var(--icm-container, 1200px), calc(100% - 38px))
  }
}

@media(max-width:720px) {
  html body .icm-container {
    width: min(var(--icm-container, 1200px), calc(100% - 28px))
  }
}

/* === FIX6: fallback + custom-link active menu state === */
.icm-site-header .icm-main-nav a.icm-is-current-link,
.icm-site-header .icm-main-nav a.current {
  background: rgba(255, 255, 255, .11);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
  outline: 0;
}

/* FIX8 ? global reference width + faster below-fold paint. */
:root {
  --icm-container: 1200px
}

@supports (content-visibility:auto) {

  .icm-section--selected,
  .icm-section--feature,
  .icm-section--guides,
  .icm-section--webinar,
  .icm-final-cta,
  .icm-single-bottom-stack,
  .icm-site-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 320px
  }
}

/* FIX9 ? professional completed-webinar banner slider; Elementor controls remain authoritative. */
.icm-completed-webinars {
  padding-block: clamp(28px, 4vw, 58px)
}

.icm-completed-webinars__heading {
  align-items: flex-end;
  margin-bottom: 18px
}

.icm-completed-webinars__heading>div {
  min-width: 0
}

.icm-completed-webinars__heading p {
  margin: 7px 0 0;
  color: var(--icm-muted);
  font-size: .94rem
}

.icm-completed-webinars__slider {
  position: relative;
  outline: none
}

.icm-completed-webinars__viewport {
  position: relative;
  overflow: hidden;
  border-radius: 18px
}

.icm-completed-banner {
  --icm-completed-overlay: #001d36;
  position: relative;
  display: none;
  min-height: 360px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--icm-completed-overlay);
  isolation: isolate
}

.icm-completed-banner.is-active {
  display: flex;
  align-items: center
}

.icm-completed-banner__media {
  position: absolute;
  inset: 0;
  z-index: -3
}

.icm-completed-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.icm-completed-banner__shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(90deg, rgba(0, 29, 54, .16) 0%, color-mix(in srgb, var(--icm-completed-overlay) 78%, transparent) 52%, var(--icm-completed-overlay) 100%)
}

.icm-completed-banner__content {
  max-width: 55%;
  padding: clamp(26px, 4vw, 56px);
  margin-inline-start: auto;
  color: #e8eef4;
  text-align: right
}

.icm-completed-banner__badge {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--icm-gold) 88%, white);
  color: #09243a;
  font-size: .82rem;
  font-weight: 800;
  margin-bottom: 13px
}

.icm-completed-banner h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  line-height: 1.35
}

.icm-completed-banner p {
  margin: 0 0 14px;
  color: #e8eef4;
  line-height: 1.9
}

.icm-completed-banner__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-bottom: 18px;
  color: #d6e1ea;
  font-size: .88rem
}

.icm-completed-banner__button {
  display: inline-flex
}

.icm-completed-webinars__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--icm-navy);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .16);
  cursor: pointer;
  font-size: 28px;
  line-height: 1
}

.icm-completed-webinars__nav--prev {
  right: 16px
}

.icm-completed-webinars__nav--next {
  left: 16px
}

.icm-completed-webinars__dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 14px
}

.icm-completed-webinars__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #cbd5df;
  cursor: pointer;
  transition: width .2s ease, background .2s ease
}

.icm-completed-webinars__dots button.is-active {
  width: 28px;
  background: var(--icm-gold)
}

.icm-completed-webinars__empty {
  min-height: 150px;
  border: 1px dashed var(--icm-border-global);
  border-radius: 16px;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 5px;
  padding: 24px;
  color: var(--icm-muted);
  background: var(--icm-card-bg)
}

.icm-completed-webinars__empty strong {
  color: var(--icm-heading)
}

@media(max-width:767px) {
  .icm-completed-webinars__heading {
    align-items: flex-start
  }

  .icm-completed-banner {
    min-height: 430px;
    align-items: flex-end
  }

  .icm-completed-banner__shade {
    background: linear-gradient(0deg, var(--icm-completed-overlay) 10%, color-mix(in srgb, var(--icm-completed-overlay) 80%, transparent) 55%, rgba(0, 29, 54, .15) 100%)
  }

  .icm-completed-banner__content {
    max-width: 100%;
    padding: 24px 22px
  }

  .icm-completed-webinars__nav {
    width: 38px;
    height: 38px
  }

  .icm-completed-webinars__nav--prev {
    right: 10px
  }

  .icm-completed-webinars__nav--next {
    left: 10px
  }
}

@media(prefers-reduced-motion:reduce) {
  .icm-completed-webinars__dots button {
    transition: none
  }
}

/* ========================================================================
   FIX10 ? layout engine, strict overflow containment, dynamic sidebars,
   independent banner edge fades, and seamless article-card image fades.
   ======================================================================== */
html {
  box-sizing: border-box
}

*,
*::before,
*::after {
  box-sizing: inherit
}

html,
body {
  max-width: 100%
}

/* Content must never force a grid/flex track wider than its parent. */
.icm-container,
.icm-content-layout,
.icm-main-content,
.icm-sidebar,
.icm-page-content,
.icm-prose,
.icm-single-content-only,
.icm-single-builder-main,
.icm-single-builder-sidebar,
.icm-single-webinar__main-content,
.icm-single-webinar__aside,
.icm-single-builder-main .e-con,
.icm-single-builder-main .e-con-inner,
.icm-single-builder-main .elementor-element,
.icm-single-builder-sidebar .e-con,
.icm-single-builder-sidebar .e-con-inner,
.icm-single-builder-sidebar .elementor-element,
.icm-page-content .e-con,
.icm-page-content .e-con-inner,
.icm-page-content .elementor-element {
  min-width: 0;
  max-width: 100%;
}

.icm-prose,
.icm-page-content,
.icm-widget,
.entry-content {
  overflow-wrap: break-word;
  word-break: normal;
}

.icm-prose a,
.icm-page-content a,
.icm-widget a,
.entry-content a {
  overflow-wrap: anywhere
}

.icm-prose img,
.icm-prose video,
.icm-prose iframe,
.icm-prose embed,
.icm-prose object,
.icm-prose canvas,
.icm-prose svg,
.icm-page-content img,
.icm-page-content video,
.icm-page-content iframe,
.icm-page-content embed,
.icm-page-content object,
.icm-page-content canvas,
.icm-page-content svg,
.icm-widget img,
.icm-widget video,
.icm-widget iframe,
.icm-widget embed,
.icm-widget object,
.entry-content img,
.entry-content video,
.entry-content iframe,
.entry-content embed,
.entry-content object {
  max-width: 100%;
}

.icm-prose img,
.icm-page-content img,
.icm-widget img,
.entry-content img {
  height: auto
}

.icm-prose iframe,
.icm-page-content iframe,
.entry-content iframe {
  width: 100%
}

.icm-prose .wp-block-embed,
.icm-prose .wp-block-video,
.icm-prose .wp-block-image,
.icm-page-content .wp-block-embed,
.icm-page-content .wp-block-video,
.icm-page-content .wp-block-image {
  max-width: 100%;
}

.icm-prose .wp-block-table,
.icm-page-content .wp-block-table,
.entry-content .wp-block-table {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.icm-prose table,
.icm-page-content table,
.entry-content table {
  max-width: 100%
}

.icm-prose pre,
.icm-page-content pre,
.entry-content pre {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  white-space: pre;
  -webkit-overflow-scrolling: touch
}

.icm-main-content .alignwide,
.icm-main-content .alignfull,
.icm-prose .alignwide,
.icm-prose .alignfull {
  width: 100%;
  max-width: 100%;
  margin-inline: 0
}

/* Canonical content/sidebar grid used by native templates. */
.icm-content-layout {
  display: grid;
  direction: ltr;
  width: 100%;
  max-width: 100%;
  gap: var(--icm-sidebar-gap, 32px);
  align-items: start;
}

.icm-content-layout>.icm-main-content,
.icm-content-layout>.icm-sidebar {
  direction: rtl
}

.icm-content-layout.has-sidebar-right {
  grid-template-columns: minmax(0, 1fr) minmax(220px, var(--icm-sidebar-width, 300px));
  grid-template-areas: "main side";
}

.icm-content-layout.has-sidebar-left {
  grid-template-columns: minmax(220px, var(--icm-sidebar-width, 300px)) minmax(0, 1fr);
  grid-template-areas: "side main";
}

.icm-content-layout.no-sidebar {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "main"
}

.icm-main-content {
  grid-area: main;
  width: 100%
}

.icm-sidebar {
  grid-area: side;
  width: 100%
}

.icm-page-layout-section {
  padding: 28px 0 52px
}

.icm-page-layout {
  align-items: start
}

.icm-page-main>.icm-page-content {
  width: 100%
}

/* WordPress block/classic widget area. */
.icm-dynamic-sidebar-widgets {
  display: grid;
  gap: 16px;
  width: 100%;
  min-width: 0
}

.icm-widget {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--icm-border-global, #ebebeb);
  border-radius: var(--icm-radius, 12px);
  background: var(--icm-card-bg, #fff)
}

.icm-widget .widget-title {
  margin: 0 0 12px;
  font-size: 1rem
}

.icm-widget>*:first-child {
  margin-top: 0
}

.icm-widget>*:last-child {
  margin-bottom: 0
}

.icm-widget .wp-block-group,
.icm-widget .wp-block-columns {
  min-width: 0;
  max-width: 100%
}

.icm-widget-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px
}

.icm-widget-list a {
  color: inherit;
  text-decoration: none
}

.icm-widget-list a:hover {
  color: var(--icm-navy, #0D4778);
  text-decoration: underline
}

.icm-widget-list--posts li {
  display: grid;
  gap: 2px
}

.icm-widget-meta {
  display: block;
  font-size: 12px;
  opacity: .72
}

.icm-widget-count {
  opacity: .65;
  font-size: 12px
}

.icm-widget-empty {
  margin: 0;
  font-size: 13px;
  opacity: .8
}

/* Single Article: body classes make per-post metadata authoritative even
   when Elementor Theme Builder renders the document. */
body.single-post .icm-single-builder-grid {
  display: grid;
  direction: ltr;
  width: min(var(--icm-container, 1200px), calc(100% - 72px));
  max-width: var(--icm-container, 1200px);
  gap: var(--icm-sidebar-gap, 32px);
  align-items: start;
  margin: 18px auto 8px;
}

body.single-post .icm-single-builder-grid>.icm-single-builder-main,
body.single-post .icm-single-builder-grid>.icm-single-builder-sidebar {
  direction: rtl;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

body.single-post .icm-single-builder-main {
  grid-area: main;
  width: 100%;
  max-width: 100%
}

body.single-post .icm-single-builder-sidebar {
  grid-area: side;
  width: 100%;
  max-width: 100%;
  flex: 0 1 auto
}

body.single-post.icm-layout-sidebar-right .icm-single-builder-grid,
body.single-post.has-sidebar-right .icm-single-builder-grid {
  grid-template-columns: minmax(0, 1fr) minmax(220px, var(--icm-sidebar-width, 300px));
  grid-template-areas: "main side";
}

body.single-post.icm-layout-sidebar-left .icm-single-builder-grid,
body.single-post.has-sidebar-left .icm-single-builder-grid {
  grid-template-columns: minmax(220px, var(--icm-sidebar-width, 300px)) minmax(0, 1fr);
  grid-template-areas: "side main";
}

body.single-post.icm-layout-no-sidebar .icm-single-builder-grid,
body.single-post.no-sidebar .icm-single-builder-grid {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "main"
}

body.single-post.icm-layout-no-sidebar .icm-single-builder-sidebar,
body.single-post.no-sidebar .icm-single-builder-sidebar {
  display: none
}

body.single-post .icm-single-content-only {
  width: 100%;
  max-width: 100%;
  margin-inline: 0
}

body.single-post .icm-single-tags-widget {
  max-width: 100%
}

/* Webinar Theme Builder has two direct widget cells. The rules below also
   work with the native article/aside pair. */
body.single-icm_webinar .icm-single-webinar__content-grid {
  display: grid;
  direction: ltr;
  gap: var(--icm-sidebar-gap, 32px);
  align-items: start
}

body.single-icm_webinar .icm-single-webinar__content-grid>* {
  direction: rtl;
  min-width: 0;
  max-width: 100%
}

body.single-icm_webinar.icm-layout-sidebar-right .icm-single-webinar__content-grid,
body.single-icm_webinar.has-sidebar-right .icm-single-webinar__content-grid {
  grid-template-columns: minmax(0, 1fr) minmax(220px, var(--icm-sidebar-width, 300px))
}

body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid,
body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid {
  grid-template-columns: minmax(220px, var(--icm-sidebar-width, 300px)) minmax(0, 1fr)
}

body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid>:first-child,
body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid>:first-child {
  grid-column: 2
}

body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid>:nth-child(2),
body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid>:nth-child(2) {
  grid-column: 1;
  grid-row: 1
}

body.single-icm_webinar.icm-layout-no-sidebar .icm-single-webinar__content-grid,
body.single-icm_webinar.no-sidebar .icm-single-webinar__content-grid {
  grid-template-columns: minmax(0, 1fr)
}

body.single-icm_webinar.icm-layout-no-sidebar .icm-single-webinar__content-grid>:nth-child(2),
body.single-icm_webinar.no-sidebar .icm-single-webinar__content-grid>:nth-child(2) {
  display: none
}

/* Independent left/right image edge blending. Local Elementor variables win;
   otherwise the global Theme Settings values are used. */
.icm-single-hero__image,
.icm-archive-feature__image,
.icm-single-webinar__image,
.icm-section--feature .icm-feature-banner__image,
.icm-completed-banner__media {
  position: relative;
  overflow: hidden
}

.icm-single-hero__image::before,
.icm-single-hero__image::after,
.icm-archive-feature__image::before,
.icm-archive-feature__image::after,
.icm-single-webinar__image::before,
.icm-single-webinar__image::after,
.icm-section--feature .icm-feature-banner__image::before,
.icm-section--feature .icm-feature-banner__image::after,
.icm-completed-banner__media::before,
.icm-completed-banner__media::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none
}

.icm-single-hero__image::before,
.icm-archive-feature__image::before,
.icm-single-webinar__image::before,
.icm-section--feature .icm-feature-banner__image::before,
.icm-completed-banner__media::before {
  left: 0;
  right: auto;
  width: var(--icm-banner-left-fade-width, var(--icm-hero-left-fade-width, 28%));
  opacity: var(--icm-banner-left-fade-opacity, 1);
  background: linear-gradient(var(--icm-banner-left-fade-direction, var(--icm-hero-left-fade-direction, to right)),
      var(--icm-banner-left-fade-color, var(--icm-hero-left-fade-start, rgba(0, 29, 54, 1))) 0%,
      transparent 100%)
}

.icm-single-hero__image::after,
.icm-archive-feature__image::after,
.icm-single-webinar__image::after,
.icm-section--feature .icm-feature-banner__image::after,
.icm-completed-banner__media::after {
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  height: auto;
  width: var(--icm-banner-right-fade-width, var(--icm-hero-right-fade-width, 32%));
  opacity: var(--icm-banner-right-fade-opacity, 1);
  background: linear-gradient(var(--icm-banner-right-fade-direction, var(--icm-hero-right-fade-direction, to left)),
      var(--icm-banner-right-fade-color, var(--icm-hero-right-fade-start, rgba(0, 29, 54, 1))) 0%,
      transparent 100%)
}

.icm-single-hero__badge,
.icm-single-actions--image,
.icm-article-card__badge {
  z-index: 4
}

/* Article cards: the thumbnail fade physically terminates in the exact solid
   color used by the title/body container, eliminating fractional-pixel gaps. */
.icm-article-card {
  --icm-card-fade-solid: var(--icm-card-fade-color, var(--icm-card-title-bg, #fff));
  background: var(--icm-card-title-bg, #fff);
  overflow: hidden
}

.icm-article-card__image {
  position: relative;
  overflow: hidden;
  background: var(--icm-card-title-bg, #fff)
}

.icm-article-card__image::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: -1px;
  height: var(--icm-card-fade-height, 42%);
  pointer-events: none;
  background: linear-gradient(to bottom,
      var(--icm-card-fade-transparent, transparent) 0%,
      var(--icm-card-fade-solid, var(--icm-card-title-bg, #fff)) 76%,
      var(--icm-card-title-bg, #fff) 100%)
}

.icm-article-card__body {
  position: relative;
  z-index: 3;
  margin-top: -1px;
  background: var(--icm-card-title-bg, #fff)
}

@media(max-width:900px) {

  .icm-content-layout.has-sidebar-left,
  .icm-content-layout.has-sidebar-right {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main" "side";
    gap: 22px
  }

  body.single-post .icm-single-builder-grid,
  body.single-post.icm-layout-sidebar-left .icm-single-builder-grid,
  body.single-post.icm-layout-sidebar-right .icm-single-builder-grid,
  body.single-post.has-sidebar-left .icm-single-builder-grid,
  body.single-post.has-sidebar-right .icm-single-builder-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main" "side";
    gap: 18px
  }

  body.single-post .icm-single-builder-sidebar {
    position: static
  }

  body.single-icm_webinar .icm-single-webinar__content-grid,
  body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid,
  body.single-icm_webinar.icm-layout-sidebar-right .icm-single-webinar__content-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px
  }

  body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid>:first-child,
  body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid>:nth-child(2),
  body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid>:first-child,
  body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid>:nth-child(2) {
    grid-column: auto;
    grid-row: auto
  }
}

/* Stacked mobile heroes need a vertical fade into their copy rather than two
   opposing horizontal masks. */
@media(max-width:820px) {

  .icm-single-hero__image::before,
  .icm-single-webinar__image::before,
  .icm-archive-feature__image::before,
  .icm-section--feature .icm-feature-banner__image::before {
    display: none
  }

  .icm-single-hero__image::after,
  .icm-single-webinar__image::after,
  .icm-archive-feature__image::after,
  .icm-section--feature .icm-feature-banner__image::after {
    display: block;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    height: min(68%, 190px);
    opacity: 1;
    background: linear-gradient(to bottom, transparent 0%, var(--icm-banner-right-fade-color, var(--icm-hero-right-fade-start, rgba(0, 29, 54, 1))) 100%)
  }
}

@media(max-width:767px) {
  body.single-post .icm-single-builder-grid {
    width: calc(100% - 28px)
  }

  .icm-page-layout-section {
    padding: 20px 0 38px
  }

  .icm-widget {
    padding: 16px
  }
}

/* FIX15 ? premium theme management + webinar replay UX */
.icm-site-header,
.icm-site-footer {
  background: var(--icm-surface-navy, #001D36)
}

.icm-site-header .icm-header-inner {
  min-height: var(--icm-header-height, 74px)
}

.icm-header-widget .widget,
.icm-footer-top-widgets .widget {
  margin: 0
}

.icm-footer-top-widgets {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  margin-bottom: 24px
}

.icm-webinar-player {
  background: #fff;
  border: 1px solid var(--icm-border-global, #ebebeb);
  border-radius: var(--icm-radius, 12px);
  padding: 18px;
  overflow: hidden
}

.icm-webinar-player__title {
  margin: 0 0 14px;
  color: var(--icm-heading, #0D4778);
  font-size: clamp(20px, 2vw, 28px)
}

.icm-webinar-player video,
.icm-webinar-player iframe,
.icm-webinar-embed iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16/9;
  border: 0;
  border-radius: 10px;
  background: #000
}

.icm-webinar-embed {
  position: relative;
  width: 100%;
  overflow: hidden
}

@media(max-width:782px) {
  .icm-header-widget {
    display: none
  }

  .icm-webinar-player {
    padding: 10px
  }
}

/* FIX17 ? Academy selected article cards: reference-faithful seamless image fade */
.icm-section--selected .icm-selected-card {
  height: 153px;
  border: 1px solid #e2e8ee;
  border-radius: 9px;
  background: #fff;
  overflow: hidden;
  box-shadow: none
}

.icm-section--selected .icm-selected-card__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  direction: rtl;
  overflow: hidden
}

.icm-section--selected .icm-selected-card__image {
  position: absolute;
  inset: 0 0 0 auto;
  width: 52%;
  height: 100%;
  z-index: 1;
  overflow: hidden
}

.icm-section--selected .icm-selected-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.icm-section--selected .icm-selected-card__image:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .97) 8%, rgba(255, 255, 255, .86) 20%, rgba(255, 255, 255, .58) 36%, rgba(255, 255, 255, .24) 53%, rgba(255, 255, 255, .06) 70%, rgba(255, 255, 255, 0) 84%)
}

.icm-section--selected .icm-selected-card__text {
  position: relative;
  z-index: 4;
  width: 60%;
  height: 100%;
  box-sizing: border-box;
  padding: 13px 14px 11px;
  background: transparent;
  direction: rtl;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: visible
}

.icm-section--selected .icm-selected-card__link:after,
.icm-section--selected .icm-selected-card__text:after,
.icm-section--selected .icm-selected-card__image:before {
  display: none
}

.icm-section--selected .icm-selected-card .icm-badge {
  font-size: 9px;
  line-height: 1.4;
  padding: 5px 9px;
  border-radius: 4px;
  margin: 0 0 7px;
  background: #0d4778;
  color: #fff
}

.icm-section--selected .icm-selected-card h3 {
  font-size: 13px;
  line-height: 1.75;
  margin: 0;
  color: #0b2945;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.icm-section--selected .icm-selected-card .icm-card-meta {
  margin-top: auto;
  width: 100%;
  padding-top: 7px;
  padding-inline-end: 34px;
  border-top: 1px solid rgba(226, 232, 238, .9);
  font-size: 8.5px;
  color: #748493;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box
}

.icm-section--selected .icm-selected-card__arrow {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 6;
  width: 23px;
  height: 23px;
  font-size: 0
}

@media(max-width:720px) {
  .icm-section--selected .icm-selected-row {
    gap: 10px;
    padding-bottom: 5px
  }

  .icm-section--selected .icm-selected-card {
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 1) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 1));
    min-width: 0;
    height: 148px
  }

  .icm-section--selected .icm-selected-card__image {
    width: 52%
  }

  .icm-section--selected .icm-selected-card__text {
    width: 61%;
    padding: 12px 12px 10px
  }

  .icm-section--selected .icm-selected-card__image:after {
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .96) 10%, rgba(255, 255, 255, .78) 27%, rgba(255, 255, 255, .40) 48%, rgba(255, 255, 255, .10) 68%, rgba(255, 255, 255, 0) 84%)
  }
}

/* FIX18 ? Articles archive top area + featured slider locked to approved visual reference */
body.blog .icm-articles-seo-intro:not(.icm-articles-seo-intro--visible),
body.archive .icm-articles-seo-intro:not(.icm-articles-seo-intro--visible),
body.category .icm-articles-seo-intro:not(.icm-articles-seo-intro--visible),
body.tag .icm-articles-seo-intro:not(.icm-articles-seo-intro--visible),
.elementor-widget-icm_articles_header .icm-articles-seo-intro:not(.icm-articles-seo-intro--visible) {
  display: none
}

.elementor-editor-active .elementor-widget-icm_articles_header .icm-articles-seo-intro--visible,
.elementor-edit-area-active .elementor-widget-icm_articles_header .icm-articles-seo-intro--visible {
  display: block
}

.elementor-widget-icm_articles_header .icm-articles-seo-intro--visible {
  display: block
}

.elementor-editor-active .elementor-widget-icm_articles_header .icm-articles-head,
.elementor-edit-area-active .elementor-widget-icm_articles_header .icm-articles-head {
  display: block;
  width: 100%
}

.elementor-editor-active .elementor-widget-icm_articles_header .icm-category-tabs,
.elementor-edit-area-active .elementor-widget-icm_articles_header .icm-category-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto
}

.icm-articles-head {
  padding-top: 18px;
  padding-bottom: 10px
}

.icm-articles-head__row {
  align-items: end;
  gap: 42px;
  margin-top: 10px
}

.icm-articles-head__copy h1 {
  margin-bottom: 8px
}

.icm-category-tabs {
  margin-top: 16px
}

.icm-section--archive-feature {
  padding-top: 12px
}

.icm-archive-feature-slider {
  position: relative;
  width: 100%;
  overflow: visible
}

.icm-archive-feature-stage {
  min-height: 300px
}

.icm-archive-feature-slide {
  border-radius: 13px;
  background: #001d36;
  overflow: hidden
}

.icm-archive-feature-slide.is-active {
  position: relative
}

.icm-archive-feature__link {
  min-height: 300px;
  height: 300px;
  display: grid;
  grid-template-columns: 47% 53%;
  grid-template-areas: "copy image";
  direction: ltr;
  background: #001d36;
}

.icm-archive-feature__link>* {
  direction: rtl
}

.icm-archive-feature__copy {
  grid-area: copy;
  position: relative;
  z-index: 5;
  padding: 24px 28px 22px;
  justify-content: center;
  background: #001d36;
  color: #fff;
}

.icm-archive-feature__copy h2 {
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.5;
  margin: 9px 0 7px;
  max-width: 100%
}

.icm-archive-feature__copy p {
  font-size: 13px;
  line-height: 1.9;
  margin: 0 0 10px;
  max-width: 42em
}

.icm-archive-feature__copy .icm-authorline {
  margin: 2px 0 12px;
  gap: 12px;
  font-size: 11px
}

.icm-archive-feature__copy .icm-authorline img {
  width: 30px;
  height: 30px
}

.icm-archive-feature__copy .icm-btn {
  min-height: 34px;
  padding: 7px 18px;
  font-size: 12px
}

.icm-archive-feature__image {
  grid-area: image;
  position: relative;
  overflow: hidden;
  height: 300px;
  background: #001d36;
}

.icm-archive-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

/* One seamless fade only at the copy/image join. */
.icm-archive-feature__image::before {
  display: none
}

.icm-archive-feature__image::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto 0 0;
  width: 34%;
  height: 100%;
  opacity: 1;
  z-index: 3;
  background: linear-gradient(90deg, #001d36 0%, rgba(0, 29, 54, .94) 12%, rgba(0, 29, 54, .68) 38%, rgba(0, 29, 54, .28) 67%, rgba(0, 29, 54, 0) 100%);
  pointer-events: none;
}

.icm-archive-feature-prev,
.icm-archive-feature-next {
  width: 34px;
  height: 34px;
  background: rgba(0, 29, 54, .78);
  backdrop-filter: blur(4px)
}

.icm-archive-feature-dots {
  margin-top: 9px
}

@media(max-width:767px) {
  .icm-articles-head {
    padding-top: 10px
  }

  .icm-articles-head__row {
    gap: 14px
  }

  .icm-archive-feature-stage {
    min-height: 0
  }

  .icm-archive-feature__link {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  .icm-archive-feature__image {
    height: 210px
  }

  .icm-archive-feature__image::after {
    inset: auto 0 0 0;
    width: 100%;
    height: 46%;
    background: linear-gradient(180deg, rgba(0, 29, 54, 0) 0%, #001d36 100%)
  }

  .icm-archive-feature__copy {
    margin-top: -1px;
    padding: 18px 18px 20px
  }

  .icm-archive-feature__copy h2 {
    font-size: 21px
  }
}

/* FIX19 ? Academy selected cards, authoritative final layer.
   Reference: white copy panel + image on the right + continuous white fade.
   All geometry is driven by Elementor CSS variables. */
.icm-section--selected .icm-selected-card {
  --icm-selected-card-height: 153px;
  --icm-selected-image-width: 43%;
  --icm-selected-fade-width: 96px;
  --icm-selected-fade-color: #fff;
  --icm-selected-fade-opacity: 1;
  --icm-selected-fade-into: 58%;
  --icm-selected-fade-soft: 58;
  --icm-selected-fade-direction: 90deg;
  /* columns/gap live on the rail ? never redeclare here or cards ignore responsive vars */
  --icm-selected-card-bg: #fff;
  --icm-selected-border: #dce5ec;
  --icm-selected-radius: 10px;
  height: var(--icm-selected-card-height);
  min-height: var(--icm-selected-card-height);
  display: block;
  position: relative;
  overflow: hidden;
  background: var(--icm-selected-card-bg);
  border: 1px solid var(--icm-selected-border);
  border-radius: var(--icm-selected-radius);
}

.icm-section--selected .icm-selected-card__link {
  display: grid;
  grid-template-columns: minmax(0, calc(100% - var(--icm-selected-image-width))) minmax(0, var(--icm-selected-image-width));
  grid-template-areas: "copy image";
  width: 100%;
  height: 100%;
  direction: ltr;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.icm-section--selected .icm-selected-card__text {
  grid-area: copy;
  direction: rtl;
  text-align: right;
  position: relative;
  z-index: 5;
  height: 100%;
  min-width: 0;
  background: var(--icm-selected-card-bg);
  padding: 13px 14px 11px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: visible;
}

.icm-section--selected .icm-selected-card__image {
  grid-area: image;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}

.icm-section--selected .icm-selected-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

/* Fade begins at 100% solid copy color and reaches fully transparent inside image.
   No hard vertical seam is left visible. */
.icm-section--selected .icm-selected-card__link::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: calc(100% - var(--icm-selected-image-width) - (var(--icm-selected-fade-width) * .48));
  width: var(--icm-selected-fade-width);
  opacity: var(--icm-selected-fade-opacity);
  background: linear-gradient(90deg,
      var(--icm-selected-fade-color) 0%,
      color-mix(in srgb, var(--icm-selected-fade-color) 96%, transparent) 18%,
      color-mix(in srgb, var(--icm-selected-fade-color) 78%, transparent) 42%,
      color-mix(in srgb, var(--icm-selected-fade-color) 44%, transparent) 67%,
      color-mix(in srgb, var(--icm-selected-fade-color) 14%, transparent) 86%,
      transparent 100%);
  pointer-events: none;
}

.icm-section--selected .icm-selected-card__text::before,
.icm-section--selected .icm-selected-card__text::after,
.icm-section--selected .icm-selected-card__image::before,
.icm-section--selected .icm-selected-card__image::after {
  display: none;
  content: none
}

.icm-section--selected .icm-selected-card h3 {
  margin: 7px 0 3px;
  position: relative;
  z-index: 6
}

.icm-section--selected .icm-selected-card .icm-card-meta {
  margin-top: auto;
  position: relative;
  z-index: 6;
  width: 100%;
  border-top: 0;
  padding-top: 4px
}

.icm-section--selected .icm-selected-card .icm-badge {
  position: relative;
  z-index: 6
}

@media(max-width:720px) {
  .icm-section--selected .icm-selected-card {
    --icm-selected-card-height: 150px;
    min-width: 0
  }

  .icm-section--selected .icm-selected-card__link {
    --icm-selected-image-width: 43%;
    --icm-selected-fade-width: 82px
  }

  .icm-section--selected .icm-selected-card__text {
    padding: 11px 12px 9px
  }

  .icm-section--selected .icm-selected-card h3 {
    font-size: 12.5px;
    line-height: 1.65
  }
}

/* FIX20 ? article archive reference lock */
@media (min-width:769px) {
  .icm-articles-head {
    padding: 10px 0 8px
  }

  .icm-articles-head .icm-container {
    max-width: 1180px
  }

  .icm-articles-head__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    grid-template-areas: "copy search";
    align-items: center;
    gap: 28px;
    margin-top: 2px
  }

  .icm-articles-head__copy {
    grid-area: copy;
    text-align: right
  }

  .icm-articles-head__copy h1 {
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.2;
    margin: 0 0 8px
  }

  .icm-articles-head__copy p {
    font-size: 13px;
    line-height: 1.8;
    max-width: 680px;
    margin: 0
  }

  .icm-search--archive {
    grid-area: search;
    height: 44px;
    margin: 0
  }

  .icm-articles-seo-intro:not(.icm-articles-seo-intro--visible) {
    display: none
  }

  .icm-category-tabs {
    margin-top: 14px;
    padding-top: 12px;
    gap: 12px
  }

  .icm-category-tabs a {
    min-height: 38px;
    padding: 8px 20px
  }

  .icm-section--archive-feature {
    padding-top: 8px
  }

  .icm-archive-feature-stage {
    min-height: 270px
  }

  .icm-archive-feature__link {
    height: 270px;
    min-height: 270px
  }

  .icm-archive-feature__copy {
    padding: 26px 28px
  }

  .icm-archive-feature__copy h2 {
    font-size: clamp(20px, 1.8vw, 27px);
    line-height: 1.45;
    margin: 8px 0 6px
  }

  .icm-archive-feature__copy p {
    font-size: 12px;
    line-height: 1.85;
    margin-bottom: 7px
  }

  .icm-archive-feature__copy .icm-authorline {
    margin: 0 0 8px
  }

  .icm-archive-feature__copy .icm-btn {
    min-height: 32px;
    padding: 6px 16px
  }
}


/* FIX21 ? featured articles slider: RTL content alignment + directional navigation + Elementor authority */
.elementor-widget-icm_articles_featured {
  width: 100%;
  max-width: none
}

.elementor-widget-icm_articles_featured>.elementor-widget-container {
  width: 100%
}

.icm-section--archive-feature .icm-archive-feature__copy {
  align-items: flex-end;
  text-align: right
}

.icm-section--archive-feature .icm-archive-feature__copy h2,
.icm-section--archive-feature .icm-archive-feature__copy p,
.icm-section--archive-feature .icm-archive-feature__copy .icm-authorline {
  width: 100%;
  text-align: right
}

.icm-section--archive-feature .icm-archive-feature__copy .icm-btn {
  align-self: flex-end
}

.icm-archive-feature-prev {
  left: 12px;
  right: auto;
  direction: ltr
}

.icm-archive-feature-next {
  right: 12px;
  left: auto;
  direction: ltr
}

.icm-archive-feature-prev span,
.icm-archive-feature-next span {
  display: block;
  line-height: 1;
  transform: none
}

.icm-archive-feature-slide {
  transition: opacity var(--icm-slider-speed, 450ms) ease, transform var(--icm-slider-speed, 450ms) cubic-bezier(.22, .61, .36, 1);
  transform: translateX(0)
}

.icm-archive-feature-slide.is-entering.to-right {
  animation: icmEnterRight var(--icm-slider-speed, 450ms) cubic-bezier(.22, .61, .36, 1) both
}

.icm-archive-feature-slide.is-entering.to-left {
  animation: icmEnterLeft var(--icm-slider-speed, 450ms) cubic-bezier(.22, .61, .36, 1) both
}

@keyframes icmEnterRight {
  from {
    opacity: 0;
    transform: translateX(-4%)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes icmEnterLeft {
  from {
    opacity: 0;
    transform: translateX(4%)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

/* Elementor section is intentionally independent: the widget itself owns its slider controls. */
.elementor-widget-icm_articles_featured .icm-section--archive-feature {
  margin: 0;
  padding-inline: 0
}

/* FIX22 ? Featured article slider: reference alignment + Elementor-safe styling */
html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
  direction: rtl;
  text-align: right;
  align-items: flex-start;
}

html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-badge {
  position: static;
  inset: auto;
  align-self: flex-start;
  order: 0;
  display: inline-flex;
  width: auto;
  max-width: max-content;
}

html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy h2 {
  order: 1;
  width: 100%;
  text-align: right;
}

html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy p {
  order: 2;
  width: 100%;
  text-align: right
}

html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-authorline {
  order: 3;
  width: 100%;
  justify-content: flex-start
}

html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-btn {
  order: 4;
  align-self: flex-end
}

/* Native Elementor Advanced controls (margin/padding/z-index/motion/responsive) target the widget wrapper and remain independent of slider internals. */


/* FIX23 ? Elementor control integrity pass.
   Keep structural defaults minimal so Elementor Style/Advanced output can win. */
.elementor-widget-icm_articles_featured .elementor-widget-container {
  position: relative;
}

.elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-btn {
  align-self: flex-end;
}

/* Do not force widget-level spacing: Elementor Advanced owns wrapper margin/padding/position/z-index. */
.elementor-element.elementor-widget-icm_articles_featured {
  min-width: 0;
}

.elementor-element.elementor-widget-icm_articles_featured>.elementor-widget-container {
  min-width: 0;
}


/* FIX24 ? Elementor live-control authority + taxonomy parity.
   Structural values are variables so range sliders update immediately in editor and frontend. */
.elementor-widget-icm_articles_featured .icm-archive-feature-slider {
  --icm-el-banner-height: 270px;
  --icm-archive-image-width: 45%;
}

@media (min-width:768px) {
  html body .elementor-widget-icm_articles_featured .icm-archive-feature-stage {
    min-height: var(--icm-el-banner-height);
    height: var(--icm-el-banner-height);
  }

  html body .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    height: var(--icm-el-banner-height);
    min-height: var(--icm-el-banner-height);
    grid-template-columns: calc(100% - var(--icm-archive-image-width)) var(--icm-archive-image-width);
  }

  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    height: var(--icm-el-banner-height);
  }
}

/* Taxonomy archives intentionally retain the exact articles-page shell. */
body.category .icm-articles-head,
body.tag .icm-articles-head,
body.category .icm-section--archive-feature,
body.tag .icm-section--archive-feature,
body.category .icm-section--articles-grid,
body.tag .icm-section--articles-grid {
  visibility: visible
}


/* FIX25 ? Elementor authority contract.
   No front-end legacy declaration uses !important. Elementor Content/Style/Advanced
   output therefore has final authority. Slider range controls use variables so live
   editor changes propagate to every structural child. */
.elementor-widget-icm_articles_featured .icm-archive-feature-slider {
  --icm-el-banner-height: 270px;
  --icm-el-image-width: 45%;
  --icm-el-arrow-size: 34px;
  --icm-el-radius: 13px;
}

.elementor-widget-icm_articles_featured .icm-archive-feature,
.elementor-widget-icm_articles_featured .icm-archive-feature__link,
.elementor-widget-icm_articles_featured .icm-archive-feature__image {
  border-radius: var(--icm-el-radius);
}

.elementor-widget-icm_articles_featured .icm-archive-feature-prev,
.elementor-widget-icm_articles_featured .icm-archive-feature-next {
  width: var(--icm-el-arrow-size);
  height: var(--icm-el-arrow-size);
}

@media (min-width:768px) {

  .elementor-widget-icm_articles_featured .icm-archive-feature-stage,
  .elementor-widget-icm_articles_featured .icm-archive-feature__link,
  .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    height: var(--icm-el-banner-height);
    min-height: var(--icm-el-banner-height);
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    grid-template-columns: calc(100% - var(--icm-el-image-width)) var(--icm-el-image-width);
  }
}

/* FIX26 ? Featured Articles: completed-webinar visual skin.
   Keeps FIX25 Elementor authority intact: no !important and all dimensions remain variable-driven. */
.icm-section--archive-feature .icm-archive-feature-slider {
  --icm-webinar-surface: #001d36;
  --icm-webinar-copy-width: 55%;
}

.icm-section--archive-feature .icm-archive-feature-slide {
  position: relative;
  isolation: isolate;
  background: var(--icm-webinar-surface);
  box-shadow: 0 8px 28px rgba(0, 29, 54, .10);
}

.icm-section--archive-feature .icm-archive-feature__link {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--icm-webinar-surface);
  direction: rtl;
}

.icm-section--archive-feature .icm-archive-feature__image {
  position: absolute;
  inset-block: 0;
  left: 0;
  width: var(--icm-el-image-width, 52%);
  height: 100%;
  z-index: 1;
  overflow: hidden;
  border-radius: 0;
  background: var(--icm-webinar-surface);
}

.icm-section--archive-feature .icm-archive-feature__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.icm-section--archive-feature .icm-archive-feature__image::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: var(--icm-archive-fade-opacity, 1);
  background: linear-gradient(90deg,
      rgba(0, 29, 54, .08) 0%,
      rgba(0, 29, 54, .12) 42%,
      color-mix(in srgb, var(--icm-webinar-surface) 68%, transparent) 72%,
      var(--icm-webinar-surface) 100%);
}

.icm-section--archive-feature .icm-archive-feature__copy {
  position: relative;
  z-index: 4;
  width: var(--icm-webinar-copy-width);
  min-height: 100%;
  margin-right: 0;
  margin-left: auto;
  padding: clamp(24px, 3vw, 44px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  color: #fff;
  background: transparent;
}

.icm-section--archive-feature .icm-archive-feature__copy .icm-badge {
  order: 0;
  align-self: flex-end;
  margin: 0 0 10px;
}

.icm-section--archive-feature .icm-archive-feature__copy h2 {
  order: 1;
  width: 100%;
  margin: 0 0 8px;
  text-align: right;
  color: #fff;
}

.icm-section--archive-feature .icm-archive-feature__copy p {
  order: 2;
  width: 100%;
  margin: 0 0 12px;
  text-align: right;
  color: #e8eef4;
}

.icm-section--archive-feature .icm-archive-feature__copy .icm-authorline {
  order: 3;
  width: 100%;
  justify-content: flex-start;
  margin: 0 0 14px;
  color: #d6e1ea;
}

.icm-section--archive-feature .icm-archive-feature__copy .icm-btn {
  order: 4;
  align-self: flex-start;
  margin-top: auto;
}

.icm-section--archive-feature .icm-archive-feature-prev,
.icm-section--archive-feature .icm-archive-feature-next {
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  border: 1px solid rgba(255, 255, 255, .72);
  background: rgba(0, 29, 54, .48);
  color: #fff;
  backdrop-filter: blur(5px);
}

.icm-section--archive-feature .icm-archive-feature-prev {
  left: 14px;
  right: auto
}

.icm-section--archive-feature .icm-archive-feature-next {
  right: 14px;
  left: auto
}

.icm-section--archive-feature .icm-archive-feature-dots {
  margin-top: 9px
}

/* Elementor widget: same skin, while Style controls remain authoritative through variables/selectors. */
.elementor-widget-icm_articles_featured .icm-archive-feature-slider {
  --icm-webinar-copy-width: calc(100% - var(--icm-el-image-width, 45%));
}

.elementor-widget-icm_articles_featured .icm-archive-feature__copy {
  width: var(--icm-webinar-copy-width);
}

@media(max-width:767px) {
  .icm-section--archive-feature .icm-archive-feature__link {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto;
  }

  .icm-section--archive-feature .icm-archive-feature__image {
    position: relative;
    inset: auto;
    left: auto;
    width: 100%;
    height: 210px;
    min-height: 210px;
    order: 0;
  }

  .icm-section--archive-feature .icm-archive-feature__image::after {
    background: linear-gradient(180deg, rgba(0, 29, 54, .02) 20%, var(--icm-webinar-surface) 100%);
  }

  .icm-section--archive-feature .icm-archive-feature__copy {
    order: 1;
    width: 100%;
    min-height: 0;
    margin: -28px 0 0;
    padding: 20px 18px 22px;
    background: var(--icm-webinar-surface);
  }

  .icm-section--archive-feature .icm-archive-feature__copy .icm-btn {
    margin-top: 4px
  }
}


/* FIX29 ? Featured slider default: full-width image banner with content overlay. */
@media (min-width:768px) {

  .icm-section--archive-feature .icm-archive-feature__link,
  .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    display: block;
    position: relative;
    width: 100%;
    height: var(--icm-el-banner-height, 270px);
    min-height: var(--icm-el-banner-height, 270px);
  }

  .icm-section--archive-feature .icm-archive-feature__image,
  .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    border-radius: inherit;
  }

  .icm-section--archive-feature .icm-archive-feature__image::after {
    background: linear-gradient(90deg, rgba(0, 29, 54, .08) 0%, rgba(0, 29, 54, .18) 32%, rgba(0, 29, 54, .72) 44%, var(--icm-webinar-surface, #001d36) 50%, var(--icm-webinar-surface, #001d36) 100%);
  }

  .icm-section--archive-feature .icm-archive-feature__copy,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    position: relative;
    z-index: 4;
    width: 55%;
    height: 100%;
    min-height: 100%;
    margin: 0 0 0 auto;
    padding: clamp(22px, 3vw, 42px);
    background: transparent;
  }
}

/* FIX30 ? ONLY: Featured Articles visual parity with the approved Academy banner.
   No PHP/Elementor behavior changes. Image stays full-bleed; typography follows Academy slider scale. */
@media (min-width:768px) {

  .icm-section--archive-feature .icm-archive-feature__link,
  .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #001f39;
  }

  .icm-section--archive-feature .icm-archive-feature__image,
  .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    background: transparent;
  }

  .icm-section--archive-feature .icm-archive-feature__image img,
  .elementor-widget-icm_articles_featured .icm-archive-feature__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .icm-section--archive-feature .icm-archive-feature__image::after,
  .elementor-widget-icm_articles_featured .icm-archive-feature__image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 1;
    /* Smooth fade into solid dark background covering the 55% text area on the right */
    background: linear-gradient(90deg,
        rgba(0, 20, 38, .06) 0%,
        rgba(0, 25, 46, .16) 28%,
        rgba(0, 26, 47, .56) 40%,
        rgba(0, 26, 47, .94) 45%,
        #001f39 48%,
        #001f39 100%);
  }

  .icm-section--archive-feature .icm-archive-feature__copy,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    position: relative;
    z-index: 4;
    width: 55%;
    height: 100%;
    min-height: 100%;
    margin: 0 0 0 auto;
    padding: 24px 28px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: right;
    direction: rtl;
    background: transparent;
    color: #fff;
    font-family: inherit;
  }

  .icm-section--archive-feature .icm-archive-feature__copy .icm-badge,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-badge {
    align-self: flex-start;
    margin: 0 0 10px;
    font-size: 10px;
    line-height: 1.45;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 5px;
  }

  .icm-section--archive-feature .icm-archive-feature__copy h2,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy h2 {
    width: 100%;
    margin: 0 0 5px;
    font-family: inherit;
    font-size: 19px;
    line-height: 1.55;
    font-weight: 800;
    letter-spacing: 0;
    text-align: right;
    color: #fff;
  }

  .icm-section--archive-feature .icm-archive-feature__copy p,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy p {
    width: 100%;
    margin: 0 0 9px;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.9;
    font-weight: 400;
    text-align: right;
    color: rgba(255, 255, 255, .86);
  }

  .icm-section--archive-feature .icm-archive-feature__copy .icm-authorline,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-authorline {
    width: 100%;
    margin: 0 0 10px;
    font-family: inherit;
    font-size: 9px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .82);
  }

  .icm-section--archive-feature .icm-archive-feature__copy .icm-btn,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-btn {
    margin-top: auto;
    font-family: inherit;
    font-size: 10px;
    line-height: 1.4;
  }
}

@media (max-width:767px) {

  .icm-section--archive-feature .icm-archive-feature__copy h2,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy h2 {
    font-size: 19px;
    line-height: 1.55
  }

  .icm-section--archive-feature .icm-archive-feature__copy p,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy p {
    font-size: 10px;
    line-height: 1.85
  }

  .icm-section--archive-feature .icm-archive-feature__copy .icm-badge,
  .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-badge {
    font-size: 9px
  }
}

/* FIX31 ? slider arrows: physical left=? / right=? (unified with sample). */
:is(.icm-slider__prev, .icm-slider__next, .icm-webinar-nav, .icm-archive-feature-prev, .icm-archive-feature-next, .icm-completed-webinars__nav, .icm-slider-arrow--left, .icm-slider-arrow--right, .icm-guide-nav, .icm-selected-prev, .icm-selected-next, .icm-popular-prev, .icm-popular-next, .icm-related-prev, .icm-related-next) {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 0;
  overflow: visible;
}

:is(.icm-slider__prev, .icm-archive-feature-prev, .icm-selected-prev, .icm-popular-prev, .icm-related-prev, .icm-guide-nav--left, .icm-slider-arrow--left) {
  left: var(--icm-carousel-nav-offset, -12px) !important;
  right: auto !important;
}

:is(.icm-slider__next, .icm-archive-feature-next, .icm-selected-next, .icm-popular-next, .icm-related-next, .icm-guide-nav--right, .icm-slider-arrow--right) {
  right: var(--icm-carousel-nav-offset, -12px) !important;
  left: auto !important;
}

:is(.icm-slider__prev, .icm-slider__next, .icm-webinar-nav, .icm-archive-feature-prev, .icm-archive-feature-next, .icm-completed-webinars__nav, .icm-slider-arrow--left, .icm-slider-arrow--right, .icm-guide-nav, .icm-selected-prev, .icm-selected-next, .icm-popular-prev, .icm-popular-next, .icm-related-prev, .icm-related-next)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  width: .42em;
  height: .42em;
  min-width: 7px;
  min-height: 7px;
  margin: 0;
  border: 0;
  border-top: 1.8px solid currentColor;
  border-left: 1.8px solid currentColor;
  background: none;
  transform-origin: 50% 50%;
}

:is(.icm-slider__prev, .icm-archive-feature-prev, .icm-completed-webinars__nav--prev, .icm-slider-arrow--left, .icm-guide-nav--left, .icm-selected-prev, .icm-popular-prev, .icm-related-prev)::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

:is(.icm-slider__next, .icm-archive-feature-next, .icm-completed-webinars__nav--next, .icm-slider-arrow--right, .icm-guide-nav--right, .icm-selected-next, .icm-popular-next, .icm-related-next)::after {
  transform: translate(-50%, -50%) rotate(135deg);
}

:is(.icm-slider__prev, .icm-slider__next, .icm-webinar-nav, .icm-archive-feature-prev, .icm-archive-feature-next, .icm-completed-webinars__nav, .icm-slider-arrow--left, .icm-slider-arrow--right, .icm-guide-nav)> :is(span, svg, i) {
  display: none
}

/* FIX32 ? ONLY: Elementor editor visibility + true two-column featured banner sizing.
   Content and image share 100% of the banner via flex weights; both weights are editable. */
.elementor-widget-icm_articles_featured .icm-archive-feature-slider {
  --icm-el-content-weight: 48;
  --icm-el-image-weight: 52;
}

@media (min-width:768px) {
  .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    height: var(--icm-el-banner-height, 270px);
    min-height: var(--icm-el-banner-height, 270px);
    overflow: hidden;
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    position: relative;
    inset: auto;
    flex: var(--icm-el-content-weight) 1 0;
    width: 0;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin: 0;
    z-index: 4;
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: relative;
    inset: auto;
    flex: var(--icm-el-image-weight) 1 0;
    width: 0;
    max-width: none;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    overflow: hidden;
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}

/* Elementor editor must always render the active banner itself, not only its navigation. */
.elementor-editor-active .elementor-widget-icm_articles_featured .icm-archive-feature-stage,
.elementor-edit-area-active .elementor-widget-icm_articles_featured .icm-archive-feature-stage {
  height: var(--icm-el-banner-height, 270px);
  min-height: var(--icm-el-banner-height, 270px);
}

.elementor-editor-active .elementor-widget-icm_articles_featured .icm-archive-feature-slide.is-active,
.elementor-edit-area-active .elementor-widget-icm_articles_featured .icm-archive-feature-slide.is-active {
  display: block;
  position: relative;
  inset: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

/* FIX33 ? ONLY: repair featured-article banner split layout introduced in FIX32.
   Keep the existing Elementor width controls; prevent legacy width/margin/position rules
   from collapsing the content column or hiding the image. */
@media (min-width:768px) {

  .elementor-widget-icm_articles_featured .icm-archive-feature-slide.is-active .icm-archive-feature__link,
  .icm-section--archive-feature .icm-archive-feature-slide.is-active .icm-archive-feature__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    width: 100%;
    height: var(--icm-el-banner-height, 270px);
    min-height: var(--icm-el-banner-height, 270px);
    direction: ltr;
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__copy,
  .icm-section--archive-feature .icm-archive-feature__copy {
    position: relative;
    inset: auto;
    flex-grow: var(--icm-el-content-weight, 48);
    flex-shrink: 1;
    flex-basis: 0%;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin: 0;
    box-sizing: border-box;
    direction: rtl;
    overflow: hidden;
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__image,
  .icm-section--archive-feature .icm-archive-feature__image {
    position: relative;
    inset: auto;
    flex-grow: var(--icm-el-image-weight, 52);
    flex-shrink: 1;
    flex-basis: 0%;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  .elementor-widget-icm_articles_featured .icm-archive-feature__image img,
  .icm-section--archive-feature .icm-archive-feature__image img {
    position: relative;
    inset: auto;
    width: 100%;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    display: block;
  }
}

/* === FIX34: Single article layout containment repair ONLY ===
   Keep the article body/sidebar inside one stable row and force every
   post-body section that follows it back to full site width. */
body.single-post .elementor-location-single {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

body.single-post .elementor-location-single .icm-single-builder-grid {
  box-sizing: border-box;
  width: min(var(--icm-container, 1200px), calc(100% - 72px));
  max-width: var(--icm-container, 1200px);
  margin: 18px auto 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, var(--icm-sidebar-width, 300px));
  grid-template-areas: "main side";
  gap: var(--icm-sidebar-gap, 32px);
  align-items: start;
  direction: ltr;
}

body.single-post .elementor-location-single .icm-single-builder-main {
  grid-area: main;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  direction: rtl;
  align-self: start;
}

body.single-post .elementor-location-single .icm-single-builder-sidebar {
  grid-area: side;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  direction: rtl;
  align-self: start;
  position: sticky;
  top: 90px;
}

body.single-post .elementor-location-single .icm-single-content-only,
body.single-post .elementor-location-single .icm-single-tags-widget {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-inline: 0;
}

/* Related/newsletter/final CTA must never inherit the sidebar column width. */
body.single-post .elementor-location-single .icm-related-wrap,
body.single-post .elementor-location-single .icm-related-section,
body.single-post .elementor-location-single .icm-single-bottom-stack,
body.single-post .elementor-location-single .icm-newsletter-section,
body.single-post .elementor-location-single .icm-newsletter-section--portable,
body.single-post .elementor-location-single .icm-single-final-cta,
body.single-post .elementor-location-single .icm-final-cta {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

body.single-post .elementor-location-single .icm-related-section>.icm-container,
body.single-post .elementor-location-single .icm-single-bottom-stack>.icm-container,
body.single-post .elementor-location-single .icm-newsletter-section__container {
  width: min(var(--icm-container, 1200px), calc(100% - 72px));
  max-width: var(--icm-container, 1200px);
  margin-left: auto;
  margin-right: auto;
}

/* Newsletter dark card always fills its content rail. */
body.single-post .elementor-location-single .icm-single-newsletter,
body.single-post .elementor-location-single .icm-article-newsletter {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media(max-width:1024px) {
  body.single-post .elementor-location-single .icm-single-builder-grid {
    width: min(var(--icm-container), calc(100% - 40px));
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 24px;
  }
}

@media(max-width:767px) {
  body.single-post .elementor-location-single .icm-single-builder-grid {
    width: calc(100% - 28px);
    grid-template-columns: 1fr;
    grid-template-areas: "main" "side";
    gap: 16px;
  }

  body.single-post .elementor-location-single .icm-single-builder-sidebar {
    position: static
  }

  body.single-post .elementor-location-single .icm-related-section>.icm-container,
  body.single-post .elementor-location-single .icm-single-bottom-stack>.icm-container,
  body.single-post .elementor-location-single .icm-newsletter-section__container {
    width: calc(100% - 28px)
  }
}

/* === FIX35: Single article Elementor column containment ONLY ===
   Prevent Elementor container width/flex metadata and unbroken editor text
   from pushing the article/sidebar outside the single-post content frame. */
body.single-post .elementor-location-single .icm-single-builder-grid {
  box-sizing: border-box;
  width: min(var(--icm-container, 1200px), calc(100% - 72px));
  max-width: var(--icm-container, 1200px);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, var(--icm-sidebar-width, 300px));
  grid-template-areas: "main side";
  gap: var(--icm-sidebar-gap, 32px);
  align-items: start;
  overflow: visible;
}

body.single-post .elementor-location-single .icm-single-builder-grid>.icm-single-builder-main,
body.single-post .elementor-location-single .icm-single-builder-grid>.icm-single-builder-sidebar {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  flex: initial;
  flex-basis: auto;
  margin-left: 0;
  margin-right: 0;
  inset-inline: auto;
}

body.single-post .elementor-location-single .icm-single-builder-main {
  grid-area: main
}

body.single-post .elementor-location-single .icm-single-builder-sidebar {
  grid-area: side
}

body.single-post .elementor-location-single .icm-single-builder-main>.e-con,
body.single-post .elementor-location-single .icm-single-builder-main>.elementor-element,
body.single-post .elementor-location-single .icm-single-builder-sidebar>.e-con,
body.single-post .elementor-location-single .icm-single-builder-sidebar>.elementor-element {
  --width: 100%;
  --flex-basis: auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-basis: auto;
  margin-inline: 0;
}

body.single-post .elementor-location-single .icm-single-content-only,
body.single-post .elementor-location-single .icm-single-content-only * {
  max-width: 100%;
  box-sizing: border-box;
}

body.single-post .elementor-location-single .icm-single-content-only p,
body.single-post .elementor-location-single .icm-single-content-only li,
body.single-post .elementor-location-single .icm-single-content-only a,
body.single-post .elementor-location-single .icm-single-content-only h1,
body.single-post .elementor-location-single .icm-single-content-only h2,
body.single-post .elementor-location-single .icm-single-content-only h3,
body.single-post .elementor-location-single .icm-single-content-only h4,
body.single-post .elementor-location-single .icm-single-content-only h5,
body.single-post .elementor-location-single .icm-single-content-only h6 {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media(max-width:1024px) {
  body.single-post .elementor-location-single .icm-single-builder-grid {
    width: min(var(--icm-container), calc(100% - 40px));
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 24px;
  }
}

@media(max-width:767px) {
  body.single-post .elementor-location-single .icm-single-builder-grid {
    width: calc(100% - 28px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main" "side";
    gap: 16px;
  }

  body.single-post .elementor-location-single .icm-single-builder-sidebar {
    position: static
  }
}

/* === FIX36: Single article frame boundary ONLY ===
   Keep both article content (left boundary) and sidebar (right boundary)
   inside the exact same centered site frame. No other component changes. */
body.single-post .icm-single-builder-grid {
  box-sizing: border-box !important;
  width: min(var(--icm-container, 1200px), calc(100% - 72px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, var(--icm-sidebar-width, 300px)) !important;
  grid-template-areas: "main side" !important;
  gap: var(--icm-sidebar-gap, 32px) !important;
  align-items: start !important;
  direction: ltr !important;
  overflow: visible !important;
}

body.single-post .icm-single-builder-grid>.icm-single-builder-main {
  grid-area: main !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  direction: rtl !important;
  overflow: hidden !important;
}

body.single-post .icm-single-builder-grid>.icm-single-builder-sidebar {
  grid-area: side !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  inset-inline: auto !important;
  direction: rtl !important;
  overflow: hidden !important;
}

body.single-post .icm-single-builder-main>*,
body.single-post .icm-single-builder-sidebar>*,
body.single-post .icm-single-content-only,
body.single-post .icm-single-content-only>* {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.single-post .icm-single-content-only img,
body.single-post .icm-single-content-only video,
body.single-post .icm-single-content-only iframe,
body.single-post .icm-single-content-only table {
  max-width: 100% !important;
}

body.single-post .icm-single-content-only p,
body.single-post .icm-single-content-only li,
body.single-post .icm-single-content-only a,
body.single-post .icm-single-content-only h1,
body.single-post .icm-single-content-only h2,
body.single-post .icm-single-content-only h3,
body.single-post .icm-single-content-only h4,
body.single-post .icm-single-content-only h5,
body.single-post .icm-single-content-only h6 {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media(max-width:1024px) {
  body.single-post .icm-single-builder-grid {
    width: min(var(--icm-container), calc(100% - 40px)) !important;
    grid-template-columns: minmax(0, 1fr) 220px !important;
    gap: 24px !important;
  }
}

@media(max-width:767px) {
  body.single-post .icm-single-builder-grid {
    width: calc(100% - 28px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "main" "side" !important;
    gap: 16px !important;
  }

  body.single-post .icm-single-builder-grid>.icm-single-builder-sidebar {
    position: static !important
  }
}

\n\n

/* FIX38 ? Single article related cards only: academy-card visual language. */
\nbody.single-post .icm-related-section .icm-related-item {
  \n flex: 0 0 calc((100% - 28px)/3);
  \n min-width: 0;
  \n
}

\nbody.single-post .icm-single-related-card {
  \n height: 176px;
  \n border: 1px solid #dce5ec;
  \n border-radius: 12px;
  \n overflow: hidden;
  \n background: #fff;
  \n box-shadow: 0 7px 22px rgba(0, 31, 57, .06);
  \n
}

\nbody.single-post .icm-single-related-card__link {
  \n display: grid;
  \n grid-template-columns: minmax(0, 57%) minmax(0, 43%);
  \n width: 100%;
  height: 100%;
  \n color: inherit;
  text-decoration: none;
  \n direction: rtl;
  \n
}

\nbody.single-post .icm-single-related-card__text {
  \n position: relative;
  z-index: 2;
  min-width: 0;
  \n padding: 16px 16px 13px;
  \n display: flex;
  flex-direction: column;
  align-items: flex-start;
  \n background: #fff;
  \n
}

\nbody.single-post .icm-single-related-card__text:after {
  \n content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -64px;
  width: 66px;
  pointer-events: none;
  \n background: linear-gradient(to left, #fff 12%, rgba(255, 255, 255, .92) 38%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, 0) 100%);
  \n
}

\nbody.single-post .icm-single-related-card .icm-badge {
  font-size: 11px;
  line-height: 1.2;
  margin: 0 0 10px;
  padding: 6px 12px;
  border-radius: 999px
}

\nbody.single-post .icm-single-related-card h3 {
  \n margin: 0;
  color: #0d2f4d;
  font-size: 17px;
  line-height: 1.65;
  font-weight: 700;
  \n display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  \n
}

\nbody.single-post .icm-single-related-card__excerpt {
  margin: 6px 0 0;
  color: #607587;
  font-size: 11px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

\nbody.single-post .icm-single-related-card .icm-card-meta {
  margin-top: auto;
  padding-top: 8px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: #607587;
  font-size: 9px
}

\nbody.single-post .icm-single-related-card__image {
  position: relative;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  background: #eef3f6
}

\nbody.single-post .icm-single-related-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

\nbody.single-post .icm-single-related-card__arrow {
  position: absolute;
  left: 12px;
  bottom: 12px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center
}

\n@media(max-width:1024px) {
  body.single-post .icm-related-section .icm-related-item {
    flex-basis: calc((100% - 14px)/2)
  }
}

\n@media(max-width:720px) {
  \n body.single-post .icm-related-section .icm-related-item {
    flex-basis: 88%
  }

  \n body.single-post .icm-single-related-card {
    height: 164px
  }

  \n body.single-post .icm-single-related-card__link {
    grid-template-columns: minmax(0, 60%) minmax(0, 40%)
  }

  \n body.single-post .icm-single-related-card h3 {
    font-size: 15px
  }

  \n body.single-post .icm-single-related-card__excerpt {
    display: none
  }

  \n
}

\n

/* FIX39 ? ONLY related/selected cards on single article: restore compact previous visual,
   keep featured image fully readable and title fully visible. */
body.single-post .icm-related-section .icm-single-related-card {
  height: 168px;
  min-height: 168px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

body.single-post .icm-related-section .icm-single-related-card__link {
  display: grid;
  grid-template-columns: minmax(0, 52%) minmax(0, 48%);
  width: 100%;
  height: 100%;
  direction: ltr;
}

body.single-post .icm-related-section .icm-single-related-card__image {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  background: #eef3f6;
}

body.single-post .icm-related-section .icm-single-related-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.single-post .icm-related-section .icm-single-related-card__text {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 14px 14px 12px;
  background: #002b4d;
  color: #fff;
  direction: rtl;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
}

body.single-post .icm-related-section .icm-single-related-card__text:after {
  display: none
}

body.single-post .icm-related-section .icm-single-related-card .icm-badge {
  align-self: flex-start;
  margin: 0 0 8px;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.2;
}

body.single-post .icm-related-section .icm-single-related-card h3 {
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.65;
  font-weight: 700;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  overflow: visible;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
}

body.single-post .icm-related-section .icm-single-related-card__excerpt,
body.single-post .icm-related-section .icm-single-related-card .icm-card-meta,
body.single-post .icm-related-section .icm-single-related-card__arrow {
  display: none
}

@media(max-width:720px) {
  body.single-post .icm-related-section .icm-single-related-card {
    height: 156px;
    min-height: 156px
  }

  body.single-post .icm-related-section .icm-single-related-card__link {
    grid-template-columns: minmax(0, 50%) minmax(0, 50%)
  }

  body.single-post .icm-related-section .icm-single-related-card h3 {
    font-size: 13px;
    line-height: 1.6
  }
}

/* FIX40 ? ONLY single-article related cards: hide category badge and add webinar-style soft image/content fade. */
body.single-post .icm-related-section .icm-single-related-card .icm-badge {
  display: none;
}

body.single-post .icm-related-section .icm-single-related-card__text {
  position: relative;
  z-index: 2;
}

body.single-post .icm-related-section .icm-single-related-card__text::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -72px;
  width: 74px;
  pointer-events: none;
  background: linear-gradient(to left,
      #002b4d 0%,
      rgba(0, 43, 77, .96) 22%,
      rgba(0, 43, 77, .78) 48%,
      rgba(0, 43, 77, .38) 74%,
      rgba(0, 43, 77, 0) 100%);
}

/* FIX41 ? ONLY single-post related articles: webinar-banner visual treatment. */
body.single-post .icm-related-section>.icm-container {
  max-width: 100%;
}

body.single-post .icm-related-section .icm-related-rail {
  gap: 14px;
}

body.single-post .icm-related-section .icm-related-item {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
}

body.single-post .icm-related-section .icm-single-related-card {
  width: 100%;
  height: 140px;
  min-height: 140px;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #002b4d;
  box-shadow: 0 8px 24px rgba(0, 31, 57, .08);
}

body.single-post .icm-related-section .icm-single-related-card__link {
  display: grid;
  grid-template-columns: minmax(0, 36%) minmax(0, 64%);
  grid-template-areas: "image text";
  width: 100%;
  height: 100%;
  direction: ltr;
  text-decoration: none;
  overflow: hidden;
}

body.single-post .icm-related-section .icm-single-related-card__image {
  grid-area: image;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: visible;
  background: #002b4d;
  z-index: 1;
}

body.single-post .icm-related-section .icm-single-related-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.single-post .icm-related-section .icm-single-related-card__image::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: -82px;
  width: 84px;
  pointer-events: none;
  background: linear-gradient(to right,
      rgba(0, 43, 77, 0) 0%,
      rgba(0, 43, 77, .34) 28%,
      rgba(0, 43, 77, .72) 58%,
      rgba(0, 43, 77, .94) 82%,
      #002b4d 100%);
}

body.single-post .icm-related-section .icm-single-related-card__text {
  grid-area: text;
  position: relative;
  z-index: 3;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 20px 34px;
  background: #002b4d;
  color: #fff;
  direction: rtl;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}

body.single-post .icm-related-section .icm-single-related-card__text::before,
body.single-post .icm-related-section .icm-single-related-card__text::after {
  display: none;
}

body.single-post .icm-related-section .icm-single-related-card .icm-badge {
  display: none;
}

body.single-post .icm-related-section .icm-single-related-card h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.65;
  font-weight: 700;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
}

body.single-post .icm-related-section .icm-single-related-card__excerpt,
body.single-post .icm-related-section .icm-single-related-card .icm-card-meta,
body.single-post .icm-related-section .icm-single-related-card__arrow {
  display: none;
}

@media(max-width:720px) {
  body.single-post .icm-related-section .icm-related-item {
    flex-basis: 100%;
    min-width: 100%
  }

  body.single-post .icm-related-section .icm-single-related-card {
    height: 132px;
    min-height: 132px
  }

  body.single-post .icm-related-section .icm-single-related-card__link {
    grid-template-columns: minmax(0, 42%) minmax(0, 58%)
  }

  body.single-post .icm-related-section .icm-single-related-card__text {
    padding: 15px 18px
  }

  body.single-post .icm-related-section .icm-single-related-card h3 {
    font-size: 15px;
    line-height: 1.65
  }

  body.single-post .icm-related-section .icm-single-related-card__image::after {
    right: -54px;
    width: 56px
  }
}


/* FIX42 ? ONLY single article bottom related-post section. Reference: 3 premium cards in one row. */
body.single-post .icm-related-section.icm-featured-articles-slider {
  padding-block: 18px 12px;
  background: transparent
}

body.single-post .icm-related-section .icm-section-title {
  margin-bottom: 14px;
  align-items: center
}

body.single-post .icm-related-section .icm-section-title h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.35;
  color: #0d4778;
  font-weight: 800
}

body.single-post .icm-related-section .icm-related-slider {
  overflow: hidden
}

body.single-post .icm-related-section .icm-related-rail {
  display: flex;
  gap: var(--icm-related-gap, 14px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0 0 4px;
  scrollbar-width: none
}

body.single-post .icm-related-section .icm-related-rail::-webkit-scrollbar {
  display: none
}

body.single-post .icm-related-section .icm-related-item {
  flex: 0 0 calc((100% - (var(--icm-related-gap, 14px) * (var(--icm-related-visible-desktop, 3) - 1))) / var(--icm-related-visible-desktop, 3));
  min-width: 0;
  scroll-snap-align: start
}

body.single-post .icm-related-section .icm-single-related-card {
  height: auto;
  min-height: 0;
  border: 1px solid #dce5ec;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 5px 18px rgba(0, 31, 57, .06)
}

body.single-post .icm-related-section .icm-single-related-card__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  direction: rtl;
  text-decoration: none;
  color: inherit;
  background: #fff
}

body.single-post .icm-related-section .icm-single-related-card__image {
  order: 1;
  position: relative;
  width: 100%;
  height: 150px;
  min-height: 0;
  overflow: hidden;
  background: #eef3f6
}

body.single-post .icm-related-section .icm-single-related-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

body.single-post .icm-related-section .icm-single-related-card__image::after {
  display: none
}

body.single-post .icm-related-section .icm-single-related-card__text {
  order: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  padding: 12px 14px 38px;
  background: #fff;
  color: #0d2f4d;
  text-align: right
}

body.single-post .icm-related-section .icm-single-related-card__text::before,
body.single-post .icm-related-section .icm-single-related-card__text::after {
  display: none
}

body.single-post .icm-related-section .icm-single-related-card .icm-badge {
  display: inline-flex;
  align-self: flex-start;
  margin: -29px 0 9px;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--icm-gold);
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  position: relative;
  z-index: 2
}

body.single-post .icm-related-section .icm-single-related-card h3 {
  margin: 0;
  color: #0d2f4d;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 750;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 47px
}

body.single-post .icm-related-section .icm-single-related-card__excerpt {
  display: -webkit-box;
  margin: 5px 0 0;
  color: #607587;
  font-size: 10px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

body.single-post .icm-related-section .icm-single-related-card .icm-card-meta {
  display: flex;
  margin-top: 8px;
  padding-top: 8px;
  padding-inline-end: 34px;
  padding-bottom: 2px;
  border-top: 1px solid #edf1f4;
  gap: 12px;
  flex-wrap: wrap;
  color: #607587;
  font-size: 9px;
  line-height: 1.4;
  width: 100%;
  box-sizing: border-box
}

body.single-post .icm-related-section .icm-single-related-card__arrow {
  display: inline-flex;
  position: absolute;
  left: 10px;
  bottom: 9px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 0
}

@media(max-width:1024px) {
  body.single-post .icm-related-section .icm-related-item {
    flex-basis: calc((100% - (var(--icm-related-gap, 14px) * (var(--icm-related-visible-tablet, 2) - 1))) / var(--icm-related-visible-tablet, 2))
  }
}

@media(max-width:720px) {
  body.single-post .icm-related-section .icm-related-item {
    flex-basis: calc((100% - (var(--icm-related-gap, 14px) * (var(--icm-related-visible-mobile, 1) - 1))) / var(--icm-related-visible-mobile, 1))
  }

  body.single-post .icm-related-section .icm-single-related-card__image {
    height: 145px
  }

  body.single-post .icm-related-section .icm-section-title h2 {
    font-size: 21px
  }
}

/* FIX44 ? Single webinar only: match the approved Single Article hero and
   guarantee a visible responsive replay player. No archive/article styles touched. */
body.single-icm_webinar .icm-single-webinar__hero {
  padding: 18px 0 24px
}

body.single-icm_webinar .icm-single-webinar__hero-grid {
  height: 315px;
  min-height: 315px;
  display: grid;
  grid-template-columns: 51% 49%;
  grid-template-areas: "image copy";
  background: var(--icm-deeper, #001d36);
  border-radius: 12px;
  overflow: hidden;
  color: #fff
}

body.single-icm_webinar .icm-single-webinar__image {
  grid-area: image;
  position: relative;
  height: 315px;
  min-height: 315px;
  overflow: hidden
}

body.single-icm_webinar .icm-single-webinar__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}

body.single-icm_webinar .icm-single-webinar__copy {
  grid-area: copy;
  position: relative;
  z-index: 3;
  background: var(--icm-deeper, #001d36);
  color: #fff;
  padding: 34px 34px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: right
}

body.single-icm_webinar .icm-single-webinar__copy h1 {
  color: #fff;
  font-size: 31px;
  line-height: 1.55;
  margin: 12px 0 10px
}

body.single-icm_webinar .icm-single-webinar__copy>p {
  color: rgba(255, 255, 255, .86);
  font-size: 12px;
  line-height: 2;
  margin: 0 0 14px
}

body.single-icm_webinar .icm-single-webinar__image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(0, 29, 54, .10) 42%, rgba(0, 29, 54, .70) 82%, var(--icm-deeper, #001d36) 100%)
}

body.single-icm_webinar .icm-webinar-player {
  width: 100%;
  max-width: 100%;
  margin: 0 0 28px;
  border-radius: 14px;
  overflow: hidden;
  background: #001d36
}

body.single-icm_webinar .icm-webinar-player .wp-video,
body.single-icm_webinar .icm-webinar-player video,
body.single-icm_webinar .icm-webinar-player iframe,
body.single-icm_webinar .icm-webinar-embed {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0
}

body.single-icm_webinar .icm-webinar-player video {
  height: auto;
  aspect-ratio: 16/9;
  background: #000
}

body.single-icm_webinar .icm-webinar-embed {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden
}

body.single-icm_webinar .icm-webinar-embed iframe {
  position: absolute;
  inset: 0;
  height: 100%
}

@media(max-width:820px) {
  body.single-icm_webinar .icm-single-webinar__hero-grid {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "image" "copy"
  }

  body.single-icm_webinar .icm-single-webinar__image {
    height: 285px;
    min-height: 285px
  }

  body.single-icm_webinar .icm-single-webinar__image::after {
    background: linear-gradient(180deg, transparent 42%, var(--icm-deeper, #001d36) 100%)
  }

  body.single-icm_webinar .icm-single-webinar__copy {
    padding: 20px 24px 26px
  }

  body.single-icm_webinar .icm-single-webinar__copy h1 {
    font-size: 25px
  }
}

@media(max-width:560px) {
  body.single-icm_webinar .icm-single-webinar__image {
    height: 220px;
    min-height: 220px
  }
}

/* FIX46 ? only single webinar related section spacing. */
body.single-icm_webinar .icm-single-webinar__related {
  padding: 10px 0 38px
}

body.single-icm_webinar .icm-single-webinar__related .icm-section-title {
  margin-bottom: 16px
}

/* FIX57 ? webinar-only: centered replay + searchable all-webinar catalogue. */
body.single-icm_webinar .icm-webinar-player {
  padding: 22px 24px 24px
}

body.single-icm_webinar .icm-webinar-player__title {
  text-align: right;
  margin: 0 0 16px
}

body.single-icm_webinar .icm-webinar-player .wp-video,
body.single-icm_webinar .icm-webinar-player .icm-webinar-embed,
body.single-icm_webinar .icm-webinar-player>video {
  width: 82% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important
}

.icm-webinar-search {
  display: grid;
  grid-template-columns: minmax(220px, 1.8fr) minmax(150px, .8fr) minmax(150px, .8fr) auto auto;
  gap: 10px;
  align-items: center;
  margin: 0 0 24px
}

.icm-webinar-search input,
.icm-webinar-search select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--icm-border-global, #dce4eb);
  border-radius: 10px;
  background: #fff;
  padding: 0 14px;
  color: var(--icm-navy, #002b4d);
  font: inherit
}

.icm-webinar-search .icm-btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.icm-webinar-search__reset {
  white-space: nowrap;
  color: var(--icm-navy, #002b4d);
  text-decoration: none
}

@media(max-width:900px) {
  .icm-webinar-search {
    grid-template-columns: 1fr 1fr
  }

  .icm-webinar-search input {
    grid-column: 1/-1
  }

  body.single-icm_webinar .icm-webinar-player .wp-video,
  body.single-icm_webinar .icm-webinar-player .icm-webinar-embed,
  body.single-icm_webinar .icm-webinar-player>video {
    width: 100% !important
  }
}

@media(max-width:560px) {
  .icm-webinar-search {
    grid-template-columns: 1fr
  }

  .icm-webinar-search input {
    grid-column: auto
  }

  .icm-webinar-search .icm-btn {
    width: 100%
  }

  body.single-icm_webinar .icm-webinar-player {
    padding: 16px 12px 18px
  }
}

\n
/* FIX58 ? single webinar: match the single-article sidebar footprint.
   Only the single webinar content/sidebar split is affected. */
@media (min-width:1101px) {
  body.single-icm_webinar .icm-single-webinar__content-grid {
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 42px !important;
  }

  body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid,
  body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid {
    grid-template-columns: 230px minmax(0, 1fr) !important;
  }

  body.single-icm_webinar .icm-single-webinar__aside,
  body.single-icm_webinar .icm-sidebar {
    width: 230px;
    max-width: 230px;
    min-width: 0;
  }

  body.single-icm_webinar .icm-single-webinar__main-content,
  body.single-icm_webinar .icm-main-content,
  body.single-icm_webinar .icm-prose {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

/* FIX59 ? Single Webinar editor-owned body + related controls. */
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid {
  width: 100%;
  max-width: var(--icm-container, 1440px);
  margin-inline: auto;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: flex-start;
  gap: 42px;
  padding-inline: var(--icm-gutter, 20px);
  box-sizing: border-box;
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>.elementor-element {
  min-width: 0;
  max-width: 100%;
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info {
  order: 0;
  width: 230px;
  flex: 0 0 230px;
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_content {
  order: 1;
  width: auto;
  flex: 1 1 0;
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid .icm-single-webinar__aside {
  width: 100%;
  max-width: 100%;
}

@media(max-width:1100px) {
  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid {
    flex-direction: column !important;
    gap: 24px
  }

  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info,
  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_content {
    width: 100%;
    flex: 0 0 auto
  }
}

/* FIX60 ? Single webinar body uses the exact same Theme Settings rail as .icm-container (no extra gutter). */
body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid {
  --content-width: 100% !important;
  width: min(var(--icm-container, 1200px), calc(100% - 72px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: flex-start !important;
}

body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid.e-con-boxed>.e-con-inner {
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: flex-start !important;
  gap: 42px !important;
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid .elementor-widget-icm_webinar_single_info {
  flex: 0 0 230px !important;
  width: 230px !important;
  max-width: 230px !important;
  min-width: 0 !important;
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid .elementor-widget-icm_webinar_single_content {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media(max-width:1100px) {

  body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid,
  body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid.e-con-boxed>.e-con-inner {
    flex-direction: column !important;
    gap: 24px !important;
  }

  body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid {
    width: min(var(--icm-container, 1200px), calc(100% - 40px)) !important;
  }

  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid .elementor-widget-icm_webinar_single_info,
  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid .elementor-widget-icm_webinar_single_content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}

@media(max-width:767px) {
  body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }
}

/* FIX61 ? single webinar only: seamless hero + deterministic WP-widget sidebar. */
body.single-icm_webinar .icm-single-webinar__hero-grid {
  position: relative !important;
  display: block !important;
  isolation: isolate;
  background: var(--icm-deeper, #001d36) !important;
}

body.single-icm_webinar .icm-single-webinar__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  z-index: 0 !important;
}

body.single-icm_webinar .icm-single-webinar__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important
}

body.single-icm_webinar .icm-single-webinar__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, var(--icm-deeper, #001d36) 0%, var(--icm-deeper, #001d36) 35%, rgba(0, 29, 54, .96) 42%, rgba(0, 29, 54, .72) 49%, rgba(0, 29, 54, .28) 58%, transparent 70%) !important;
}

body.single-icm_webinar .icm-single-webinar__copy {
  position: relative !important;
  z-index: 2 !important;
  width: 52% !important;
  height: 100% !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

/* Native and Elementor body use the same width/order contract. */
body.single-icm_webinar .icm-single-webinar__content-grid {
  width: 100% !important;
  max-width: var(--icm-container, 1440px) !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 28px !important;
  direction: ltr !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid>* {
  direction: rtl !important;
  box-sizing: border-box !important
}

body.single-icm_webinar .icm-single-webinar__content-grid .icm-main-content,
body.single-icm_webinar .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_content {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  order: 1 !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
body.single-icm_webinar .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info {
  flex: 0 0 230px !important;
  width: 230px !important;
  max-width: 230px !important;
  min-width: 230px !important;
  order: 2 !important;
}

body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid .icm-single-webinar__aside,
body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info {
  order: 0 !important
}

body.single-icm_webinar .icm-dynamic-sidebar-widgets {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%
}

body.single-icm_webinar .icm-dynamic-sidebar-widgets .widget {
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box
}

@media(max-width:820px) {
  body.single-icm_webinar .icm-single-webinar__image {
    position: absolute !important;
    height: 100% !important
  }

  body.single-icm_webinar .icm-single-webinar__image::after {
    display: none !important;
    content: none !important
  }

  body.single-icm_webinar .icm-single-webinar__copy {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    justify-content: flex-end !important
  }

  body.single-icm_webinar .icm-single-webinar__content-grid {
    flex-direction: column !important;
    gap: 20px !important
  }

  body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
  body.single-icm_webinar .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    order: 2 !important
  }
}

/* FIX62 ? ONLY single webinar: restore Academy-webinar banner geometry and article-like body layout. */
body.single-icm_webinar .icm-single-webinar__hero-grid {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%) !important;
  direction: ltr !important;
  min-height: 360px;
  overflow: hidden !important;
  border-radius: 20px !important;
  background-color: #0b1329 !important;
  background: #0b1329 !important;
  isolation: isolate;
}

body.single-icm_webinar .icm-single-webinar__image {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  z-index: auto !important;
  overflow: visible !important;
  direction: rtl !important;
}

body.single-icm_webinar .icm-single-webinar__image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

body.single-icm_webinar .icm-single-webinar__image::after {
  display: none !important;
  content: none !important;
}

body.single-icm_webinar .icm-single-webinar__copy {
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 38px 54px 34px 42px !important;
  background: transparent !important;
  direction: rtl !important;
  text-align: right !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

body.single-icm_webinar .icm-single-webinar__copy h1 {
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important
}

/* Body default = article-single contract: fixed sidebar at visual right, fluid content in remaining width. */
body.single-icm_webinar .icm-single-webinar__content-grid {
  direction: rtl !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: var(--icm-container, 1440px) !important;
  margin-inline: auto !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid>* {
  direction: rtl !important
}

body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
body.single-icm_webinar .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info {
  order: 0 !important;
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid .icm-main-content,
body.single-icm_webinar .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_content {
  order: 1 !important;
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid {
  direction: ltr !important
}

body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid>* {
  direction: rtl !important
}

@media(max-width:820px) {
  body.single-icm_webinar .icm-single-webinar__hero-grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important
  }

  body.single-icm_webinar .icm-single-webinar__image {
    order: 0 !important;
    min-height: 220px !important;
    height: 220px !important
  }

  body.single-icm_webinar .icm-single-webinar__image::after {
    top: auto !important;
    right: 0 !important;
    left: 0 !important;
    bottom: -1px !important;
    width: 100% !important;
    height: 45% !important;
    background: linear-gradient(180deg, transparent 0%, var(--icm-deeper, #002b4d) 100%) !important
  }

  body.single-icm_webinar .icm-single-webinar__copy {
    order: 1 !important;
    padding: 22px 20px 28px !important
  }

  body.single-icm_webinar .icm-single-webinar__content-grid {
    flex-direction: column !important;
    direction: rtl !important
  }

  body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
  body.single-icm_webinar .icm-single-webinar__content-grid>.elementor-widget-icm_webinar_single_info {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 0 0 auto !important
  }
}

/* FIX63 ? Single Webinar: post content is main content; only Appearance > Widgets is sidebar.
   FIX66 overrides width: keep this block for flex order only ? do NOT force 100% width. */
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  box-sizing: border-box !important;
  direction: rtl !important;
}

body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_content {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  order: 2 !important;
}

body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info {
  flex: 0 0 var(--icm-sidebar-width, 230px) !important;
  width: var(--icm-sidebar-width, 230px) !important;
  max-width: var(--icm-sidebar-width, 230px) !important;
  min-width: 0 !important;
  order: 1 !important;
}

body.single-icm_webinar.has-sidebar-left .icm-single-webinar--elementor .icm-single-webinar__content-grid,
body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar--elementor .icm-single-webinar__content-grid {
  direction: ltr !important
}

body.single-icm_webinar.has-sidebar-left .icm-single-webinar--elementor .icm-single-webinar__content-grid>*,
body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar--elementor .icm-single-webinar__content-grid>* {
  direction: rtl !important
}

/* An empty sidebar widget must consume zero space. */
body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info:has(.elementor-widget-container:empty) {
  display: none !important
}

body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info:has(.elementor-widget-container:empty)+.elementor-widget-icm_webinar_single_content {
  flex-basis: 100% !important;
  width: 100% !important
}

body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)):not(:has(.elementor-widget-icm_dynamic_sidebar)) .elementor-widget-icm_webinar_single_content {
  flex-basis: 100% !important;
  width: 100% !important
}

@media(max-width:767px) {
  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid {
    flex-direction: column !important;
    direction: rtl !important;
    gap: 20px !important
  }

  body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_content,
  body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    order: initial !important
  }
}

/* Final responsive and accessibility baseline. */
html {
  overflow-x: clip;
  scroll-behavior: smooth
}

body {
  overflow-wrap: anywhere
}

img,
svg,
video,
iframe {
  max-width: 100%
}

.icm-skip-link:focus {
  position: fixed !important;
  z-index: 100000;
  inset-block-start: 8px;
  inset-inline-start: 8px;
  clip: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 10px 16px;
  background: #fff;
  color: var(--icm-navy);
  border: 2px solid var(--icm-gold);
  border-radius: 6px
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--icm-gold) 75%, #fff);
  outline-offset: 3px
}

:where(.icm-menu-toggle, .icm-selected-controls button, .icm-slider-arrow, .icm-webinar-arrow, .icm-btn) {
  min-block-size: 44px;
  min-inline-size: 44px
}

:where(.icm-section, .icm-single-body, .icm-webinars-library, .icm-collections) {
  container-type: inline-size
}

.icm-media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 120px;
  background: linear-gradient(135deg, var(--icm-light), #d6dde3)
}

.icm-webinar-card__cover img,
.icm-single-webinar__image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media(max-width:1099px) {
  .icm-site-header .icm-main-nav {
    display: none;
    position: absolute;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100vw;
    max-width: 100vw;
    inset-block-start: 100%;
    z-index: 1000;
    background: var(--icm-navy);
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    direction: rtl;
    text-align: right;
    min-height: 0;
    height: auto;
    overflow-y: auto
  }

  .icm-site-header .icm-main-nav.is-open {
    display: block
  }

  .icm-site-header .icm-main-nav>ul,
  .icm-site-header .icm-main-nav__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 8px 0 0;
    list-style: none
  }

  .icm-site-header .icm-main-nav>ul>li>a {
    justify-content: flex-start;
    text-align: right;
    padding-inline: 16px 0;
    border-radius: 0;
    background: transparent !important;
    min-height: 44px
  }

  .icm-site-header .icm-main-nav .sub-menu {
    margin-inline: 0;
    padding-inline: 16px 0
  }

  .icm-site-header .icm-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center
  }
}

@media(max-width:767px) {
  :where(.icm-article-grid, .icm-webinar-grid, .icm-topic-grid, .icm-collections-grid, .icm-single-webinar__content-grid, .icm-content-layout) {
    grid-template-columns: minmax(0, 1fr) !important
  }

  .icm-section-title {
    align-items: flex-start;
    gap: 10px
  }

  .icm-section-title h2 {
    max-width: 100%
  }

  .icm-single-webinar__hero-grid {
    grid-template-columns: minmax(0, 1fr) !important
  }

  .icm-single-webinar__image {
    order: -1
  }
}

@media(min-width:768px) and (max-width:1023px) {
  :where(.icm-article-grid, .icm-webinar-grid, .icm-topic-grid, .icm-collections-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
}

@media(min-width:1024px) {
  :where(.icm-article-grid, .icm-webinar-grid, .icm-topic-grid, .icm-collections-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important
  }
}

/* ========================================================================
   FIX65 ? Single webinar/article hero: featured image + selected-card fade.
   Content uses same horizontal gutters as other pages. Empty sidebar = full width.
   ======================================================================== */

/* Shared selected-card-style seam fade (text bg ? transparent into image). */
body.single-icm_webinar .icm-single-webinar__hero-grid,
body.single-post .icm-single-hero {
  --icm-hero-fade-color: var(--icm-deeper, #002b4d);
  --icm-hero-fade-width: 120px;
  --icm-hero-image-width: 48%;
  position: relative !important;
  display: grid !important;
  direction: ltr !important;
  grid-template-columns: minmax(0, var(--icm-hero-image-width)) minmax(0, 1fr) !important;
  grid-template-areas: "image copy" !important;
  align-items: stretch !important;
  min-height: 360px !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: var(--icm-hero-fade-color) !important;
  isolation: isolate !important;
  color: #fff !important;
}

body.single-icm_webinar .icm-single-webinar__image,
body.single-post .icm-single-hero__image {
  grid-area: image !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  overflow: hidden !important;
  z-index: 1 !important;
  background: var(--icm-hero-fade-color) !important;
  display: block !important;
}

body.single-icm_webinar .icm-single-webinar__image img,
body.single-post .icm-single-hero__image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Kill legacy full-bleed overlays that hid the image. */
body.single-icm_webinar .icm-single-webinar__image::after,
body.single-post .icm-single-hero__image::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Same fade contract as Academy Selected cards: solid text color softens into the photo. */
body.single-icm_webinar .icm-single-webinar__image::before,
body.single-post .icm-single-hero__image::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 0 0 auto !important;
  width: min(var(--icm-hero-fade-width), 42%) !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background: linear-gradient(to left,
      var(--icm-hero-fade-color) 0%,
      color-mix(in srgb, var(--icm-hero-fade-color) 92%, transparent) 18%,
      color-mix(in srgb, var(--icm-hero-fade-color) 58%, transparent) 52%,
      transparent 100%) !important;
}

body.single-icm_webinar .icm-single-webinar__copy,
body.single-post .icm-single-hero__copy {
  grid-area: copy !important;
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 38px 42px 34px !important;
  background: var(--icm-hero-fade-color) !important;
  color: #fff !important;
  direction: rtl !important;
  text-align: right !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
}

/* Content below hero: same left/right gutters as the rest of the site. */
body.single-icm_webinar .icm-single-webinar__content>.icm-container,
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
body.single-post .icm-single-builder-grid {
  width: min(var(--icm-container, 1200px), calc(100% - 72px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Sidebar: adjustable width when present; full-width main when no sidebar column exists. */
body.single-icm_webinar .icm-single-webinar__content-grid,
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
body.single-post .icm-single-builder-grid {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: var(--icm-sidebar-gap, 32px) !important;
  direction: rtl !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid>*,
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>*,
body.single-post .icm-single-builder-grid>* {
  direction: rtl !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid .icm-main-content,
body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_content,
body.single-post .icm-single-builder-main {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info,
body.single-post .icm-single-builder-sidebar,
body.single-post .elementor-widget-icm_dynamic_sidebar {
  flex: 0 0 var(--icm-sidebar-width, 230px) !important;
  width: var(--icm-sidebar-width, 230px) !important;
  max-width: var(--icm-sidebar-width, 230px) !important;
  min-width: 0 !important;
}

/* Native/Elementor: if the sidebar column is absent, content fills the page width. */
body.single-icm_webinar .icm-single-webinar__content-grid.no-sidebar,
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)),
body.single-post .icm-single-builder-grid.no-sidebar,
body.single-post .icm-single-builder-grid:not(:has(.icm-single-builder-sidebar)):not(:has(.elementor-widget-icm_dynamic_sidebar)) {
  display: block !important;
}

body.single-icm_webinar .icm-single-webinar__content-grid.no-sidebar .icm-main-content,
body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)) .elementor-widget-icm_webinar_single_content,
body.single-post .icm-single-builder-grid.no-sidebar .icm-single-builder-main,
body.single-post .icm-single-builder-grid:not(:has(.icm-single-builder-sidebar)):not(:has(.elementor-widget-icm_dynamic_sidebar)) .icm-single-builder-main {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

@media (max-width: 820px) {

  body.single-icm_webinar .icm-single-webinar__hero-grid,
  body.single-post .icm-single-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "image" "copy" !important;
    min-height: 0 !important;
  }

  body.single-icm_webinar .icm-single-webinar__image,
  body.single-post .icm-single-hero__image {
    min-height: 240px !important;
    height: 240px !important;
  }

  body.single-icm_webinar .icm-single-webinar__image::before,
  body.single-post .icm-single-hero__image::before {
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: 55% !important;
    background: linear-gradient(to top,
        var(--icm-hero-fade-color) 0%,
        color-mix(in srgb, var(--icm-hero-fade-color) 70%, transparent) 45%,
        transparent 100%) !important;
  }

  body.single-icm_webinar .icm-single-webinar__copy,
  body.single-post .icm-single-hero__copy {
    padding: 22px 20px 26px !important;
  }

  body.single-icm_webinar .icm-single-webinar__content-grid,
  body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
  body.single-post .icm-single-builder-grid {
    flex-direction: column !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }

  body.single-icm_webinar .icm-single-webinar__aside,
  body.single-icm_webinar .elementor-widget-icm_webinar_single_info,
  body.single-post .icm-single-builder-sidebar,
  body.single-post .elementor-widget-icm_dynamic_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}

/* ========================================================================
   FIX66 ? Content below hero must match .icm-container gutters exactly.
   Sidebar column follows Elementor template widgets (info / dynamic sidebar).
   ======================================================================== */

/* Exact same usable width as header/hero (.icm-container). */
html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid,
html body.single-icm_webinar .icm-single-webinar__content>.icm-container.icm-single-webinar__content-grid,
html body.single-post .icm-single-builder-grid,
html body.single-post .e-con.icm-single-builder-grid {
  /* Same box as .icm-container ? do NOT set --width:100% (Elementor uses width:var(--width)). */
  --icm-content-box: min(var(--icm-container), calc(100% - 72px));
  --width: var(--icm-content-box) !important;
  width: var(--icm-content-box) !important;
  max-width: var(--icm-container) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
  --content-width: 100% !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
}

/* Elementor inner wrapper must not add a second width/padding layer. */
html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid>.e-con-inner,
html body.single-post .e-con.icm-single-builder-grid>.e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: var(--icm-sidebar-gap, 32px) !important;
  direction: rtl !important;
}

html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
html body.single-icm_webinar .icm-single-webinar__content>.icm-container.icm-single-webinar__content-grid,
html body.single-post .icm-single-builder-grid {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: var(--icm-sidebar-gap, 32px) !important;
  direction: rtl !important;
}

html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid>*,
html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid>.e-con-inner>*,
html body.single-post .icm-single-builder-grid>* {
  direction: rtl !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Main column fills remaining width inside the shared container. */
html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_content,
html body.single-icm_webinar .icm-single-webinar__content-grid .icm-main-content,
html body.single-post .icm-single-builder-main {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Sidebar column only when the TEMPLATE has a sidebar widget. */
html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info,
html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_dynamic_sidebar,
html body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
html body.single-post .icm-single-builder-sidebar,
html body.single-post .elementor-widget-icm_dynamic_sidebar {
  flex: 0 0 var(--icm-sidebar-width, 230px) !important;
  width: var(--icm-sidebar-width, 230px) !important;
  max-width: var(--icm-sidebar-width, 230px) !important;
  min-width: 0 !important;
}

/* No sidebar widget in template ? main content uses full container width. */
html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)):not(:has(.elementor-widget-icm_dynamic_sidebar)),
html body.single-icm_webinar .icm-single-webinar__content-grid.no-sidebar,
html body.single-post .icm-single-builder-grid.no-sidebar,
html body.single-post .icm-single-builder-grid:not(:has(.icm-single-builder-sidebar)):not(:has(.elementor-widget-icm_dynamic_sidebar)) {
  display: block !important;
}

html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)):not(:has(.elementor-widget-icm_dynamic_sidebar)) .elementor-widget-icm_webinar_single_content,
html body.single-icm_webinar .icm-single-webinar__content-grid.no-sidebar .icm-main-content,
html body.single-post .icm-single-builder-grid.no-sidebar .icm-single-builder-main,
html body.single-post .icm-single-builder-grid:not(:has(.icm-single-builder-sidebar)):not(:has(.elementor-widget-icm_dynamic_sidebar)) .icm-single-builder-main {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

@media (max-width: 1100px) {

  html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid,
  html body.single-post .icm-single-builder-grid {
    --icm-content-box: min(var(--icm-container), calc(100% - 38px));
    --width: var(--icm-content-box) !important;
    width: var(--icm-content-box) !important;
  }
}

@media (max-width: 1024px) {

  html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid>.e-con-inner,
  html body.single-post .icm-single-builder-grid {
    flex-direction: column !important;
    --icm-content-box: calc(100% - 28px);
    --width: var(--icm-content-box) !important;
    width: var(--icm-content-box) !important;
    max-width: none !important;
    gap: 20px !important;
  }

  html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info,
  html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_dynamic_sidebar,
  html body.single-post .icm-single-builder-sidebar,
  html body.single-post .elementor-widget-icm_dynamic_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}

/* ========================================================================
   FIX68 ? Real .icm-container wrap around body row (same path as hero).
   Inner Elementor e-con stays width:100% of the wrap; columns fill the row.
   ======================================================================== */

/* Outer wrap = exact hero gutters (.icm-container rules already apply). */
html body.single-icm_webinar .icm-single-body-wrap.icm-container,
html body.single-post .icm-single-body-wrap.icm-container,
html body .icm-single-body-wrap.icm-container {
  display: block;
  box-sizing: border-box;
}

/* Beat FIX66 width rules: e-con fills the wrap only ? no second gutter. */
html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-body-wrap>.e-con,
html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-body-wrap>.e-con.icm-single-webinar__content-grid,
html body.single-icm_webinar .icm-single-body-wrap>.e-con.icm-single-webinar__content-grid,
html body.single-post .icm-single-body-wrap>.e-con,
html body.single-post .icm-single-body-wrap>.e-con.icm-single-builder-grid,
html body .icm-single-body-wrap>.elementor-section {
  --icm-content-box: 100% !important;
  --width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  --padding-left: 0px !important;
  --padding-right: 0px !important;
  box-sizing: border-box !important;
}

html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-body-wrap>.e-con>.e-con-inner,
html body.single-post .icm-single-body-wrap>.e-con>.e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: var(--icm-sidebar-gap, 32px) !important;
  direction: rtl !important;
  box-sizing: border-box !important;
}

html body.single-icm_webinar .icm-single-body-wrap .icm-single-webinar__content-grid,
html body.single-post .icm-single-body-wrap .icm-single-builder-grid {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
  gap: var(--icm-sidebar-gap, 32px) !important;
  direction: rtl !important;
}

/* Kill Elementor per-widget % widths so columns fill the wrap. */
html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_webinar_single_content,
html body.single-post .icm-single-body-wrap .icm-single-builder-main {
  --width: auto !important;
  --flex-grow: 1 !important;
  --flex-shrink: 1 !important;
  --flex-basis: 0 !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_webinar_single_info,
html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_dynamic_sidebar,
html body.single-post .icm-single-body-wrap .icm-single-builder-sidebar,
html body.single-post .icm-single-body-wrap .elementor-widget-icm_dynamic_sidebar {
  --width: var(--icm-sidebar-width, 230px) !important;
  --flex-grow: 0 !important;
  --flex-shrink: 0 !important;
  --flex-basis: var(--icm-sidebar-width, 230px) !important;
  flex: 0 0 var(--icm-sidebar-width, 230px) !important;
  width: var(--icm-sidebar-width, 230px) !important;
  max-width: var(--icm-sidebar-width, 230px) !important;
  min-width: 0 !important;
}

/* No sidebar widget ? main uses full wrap width. */
html body.single-icm_webinar .icm-single-body-wrap .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)):not(:has(.elementor-widget-icm_dynamic_sidebar)),
html body.single-post .icm-single-body-wrap .icm-single-builder-grid:not(:has(.icm-single-builder-sidebar)):not(:has(.elementor-widget-icm_dynamic_sidebar)) {
  display: block !important;
}

html body.single-icm_webinar .icm-single-body-wrap .icm-single-webinar__content-grid:not(:has(.elementor-widget-icm_webinar_single_info)):not(:has(.elementor-widget-icm_dynamic_sidebar)) .elementor-widget-icm_webinar_single_content,
html body.single-post .icm-single-body-wrap .icm-single-builder-grid:not(:has(.icm-single-builder-sidebar)):not(:has(.elementor-widget-icm_dynamic_sidebar)) .icm-single-builder-main {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

@media (max-width: 1024px) {

  html body.single-icm_webinar .icm-single-body-wrap>.e-con>.e-con-inner,
  html body.single-post .icm-single-body-wrap>.e-con>.e-con-inner,
  html body.single-icm_webinar .icm-single-body-wrap .icm-single-webinar__content-grid,
  html body.single-post .icm-single-body-wrap .icm-single-builder-grid {
    flex-direction: column !important;
    gap: 20px !important;
  }

  html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_webinar_single_info,
  html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_dynamic_sidebar,
  html body.single-post .icm-single-body-wrap .icm-single-builder-sidebar,
  html body.single-post .icm-single-body-wrap .elementor-widget-icm_dynamic_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    --width: 100% !important;
    --flex-basis: auto !important;
  }
}

/* FIX71 ? Single webinar middle body follows Theme Settings --icm-container (same rail as hero). */
html body.single-icm_webinar .icm-single-webinar--elementor .elementor>.e-con.e-parent:has(.elementor-widget-icm_webinar_single_content),
html body.single-icm_webinar .icm-single-webinar--elementor .elementor>.e-con:has(.elementor-widget-icm_webinar_single_content),
html body.single-icm_webinar .icm-single-webinar--elementor>.e-con.e-parent:has(.elementor-widget-icm_webinar_single_content),
html body.single-icm_webinar .icm-single-webinar__content>.icm-container.icm-single-webinar__content-grid,
html body.single-icm_webinar .icm-single-body-wrap.icm-container {
  --icm-content-box: min(var(--icm-container), calc(100% - 72px));
  --width: var(--icm-content-box) !important;
  width: var(--icm-content-box) !important;
  max-width: var(--icm-container) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-body-wrap>.e-con {
  --icm-content-box: 100% !important;
  --width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

@media (max-width: 1100px) {

  html body.single-icm_webinar .icm-single-webinar--elementor .elementor>.e-con.e-parent:has(.elementor-widget-icm_webinar_single_content),
  html body.single-icm_webinar .icm-single-webinar--elementor .elementor>.e-con:has(.elementor-widget-icm_webinar_single_content),
  html body.single-icm_webinar .icm-single-webinar--elementor>.e-con.e-parent:has(.elementor-widget-icm_webinar_single_content),
  html body.single-icm_webinar .icm-single-webinar__content>.icm-container.icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-body-wrap.icm-container {
    --icm-content-box: min(var(--icm-container), calc(100% - 40px));
    --width: var(--icm-content-box) !important;
    width: var(--icm-content-box) !important;
  }

  html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-body-wrap>.e-con {
    --icm-content-box: 100% !important;
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {

  html body.single-icm_webinar .icm-single-webinar--elementor .elementor>.e-con.e-parent:has(.elementor-widget-icm_webinar_single_content),
  html body.single-icm_webinar .icm-single-webinar--elementor .elementor>.e-con:has(.elementor-widget-icm_webinar_single_content),
  html body.single-icm_webinar .icm-single-webinar--elementor>.e-con.e-parent:has(.elementor-widget-icm_webinar_single_content),
  html body.single-icm_webinar .icm-single-webinar__content>.icm-container.icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-body-wrap.icm-container {
    --icm-content-box: calc(100% - 28px);
    --width: var(--icm-content-box) !important;
    width: var(--icm-content-box) !important;
    max-width: none !important;
  }

  html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-body-wrap>.e-con {
    --icm-content-box: 100% !important;
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* FIX65 ? automatic webinar registration promo (sidebar top). */
.icm-webinar-register-promo {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  padding: 20px 18px 18px;
  margin-bottom: 14px;
  color: #fff;
  text-align: center;
  background: linear-gradient(155deg, #002b4d 0%, #001a31 58%, #001224 100%);
  box-shadow: 0 10px 28px rgba(0, 43, 77, .18);
}

/* No scrollbar on the registration promo card (or its Elementor wrapper). */
html body .icm-webinar-register-promo,
html body .icm-sidebar .icm-webinar-register-promo,
html body .icm-single-webinar__aside .icm-webinar-register-promo {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  max-height: none !important;
  height: auto !important;
}

html body .elementor-widget-container:has(> aside .icm-webinar-register-promo),
html body .elementor-widget-container:has(.icm-webinar-register-promo),
html body .icm-dynamic-sidebar-widgets:has(> .icm-webinar-register-promo) {
  overflow: visible !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: none !important;
}

.icm-webinar-register-promo:before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, transparent 0 16px, rgba(140, 132, 94, .08) 17px 18px);
  pointer-events: none;
}

.icm-webinar-register-promo>* {
  position: relative;
  z-index: 1
}

.icm-webinar-register-promo__badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(198, 156, 109, .18);
  border: 1px solid rgba(198, 156, 109, .45);
  color: var(--icm-gold, #c69c6d);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .02em;
}

.icm-webinar-register-promo__title {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.55;
  color: #fff;
}

/* Beat .icm-sidebar h3 dark color ? title must stay white on navy promo. */
html body .icm-sidebar h3.icm-webinar-register-promo__title,
html body .icm-single-webinar__aside h3.icm-webinar-register-promo__title,
html body .icm-webinar-register-promo__title {
  color: #fff !important;
}

.icm-webinar-register-promo__lead {
  margin: 0 0 14px;
  font-size: 11px;
  line-height: 1.85;
  color: rgba(255, 255, 255, .82);
}

.icm-webinar-register-promo__meta {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: grid;
  gap: 8px;
  text-align: right;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  padding-block: 12px;
}

.icm-webinar-register-promo__meta li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 10px;
  line-height: 1.7;
}

.icm-webinar-register-promo__meta span {
  color: rgba(255, 255, 255, .68)
}

.icm-webinar-register-promo__meta strong {
  color: #fff;
  font-weight: 600
}

.icm-webinar-register-promo__cta {
  width: 100%;
  justify-content: center;
  min-height: 38px;
  font-size: 12px;
  font-weight: 700;
}

.icm-webinar-register-promo__note {
  margin: 10px 0 0;
  font-size: 9px;
  line-height: 1.8;
  color: rgba(255, 255, 255, .62);
}

.icm-single-webinar__aside .icm-webinar-register-promo {
  position: sticky;
  top: 100px
}

@media(max-width:1100px) {
  .icm-single-webinar__aside .icm-webinar-register-promo {
    position: static
  }
}

/* FIX66 ? keep button label readable on hover (global a:hover must not override). */
a.icm-btn,
button.icm-btn {
  text-decoration: none;
}

a.icm-btn--gold,
button.icm-btn--gold,
a.icm-btn--gold:hover,
a.icm-btn--gold:focus-visible,
button.icm-btn--gold:hover,
button.icm-btn--gold:focus-visible {
  color: #fff;
  background: var(--icm-gold);
}

a.icm-btn--gold:hover,
button.icm-btn--gold:hover {
  background: color-mix(in srgb, var(--icm-gold) 88%, #000);
  box-shadow: 0 7px 18px rgba(140, 132, 94, .22);
}

a.icm-btn--navy,
button.icm-btn--navy,
a.icm-btn--navy:hover,
a.icm-btn--navy:focus-visible,
button.icm-btn--navy:hover,
button.icm-btn--navy:focus-visible {
  color: #fff;
  background: var(--icm-navy);
  box-shadow: 0 5px 14px rgba(13, 71, 120, .16);
}

a.icm-btn--navy:hover,
button.icm-btn--navy:hover {
  background: color-mix(in srgb, var(--icm-navy) 88%, #000);
}

a.icm-btn--outline,
button.icm-btn--outline,
a.icm-btn--outline:hover,
a.icm-btn--outline:focus-visible,
button.icm-btn--outline:hover,
button.icm-btn--outline:focus-visible {
  color: #fff;
  background: transparent;
  border-color: color-mix(in srgb, var(--icm-gold) 75%, #fff);
}

a.icm-btn--outline:hover,
button.icm-btn--outline:hover {
  background: color-mix(in srgb, var(--icm-gold) 18%, transparent);
}

/* Article Newsletter ? form layout (matches reference banner) */
.icm-article-newsletter.icm-single-newsletter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 110px;
  border-radius: 10px;
  background: var(--icm-deeper, #001d36);
  color: #fff;
  padding: 20px 30px;
  position: relative;
  overflow: hidden;
}

.icm-article-newsletter.icm-single-newsletter:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 15% 50%, rgba(140, 132, 94, .17), transparent 34%);
  pointer-events: none;
}

.icm-article-newsletter .icm-single-newsletter__copy,
.icm-article-newsletter .icm-newsletter__form,
.icm-article-newsletter .icm-newsletter__feedback {
  position: relative;
  z-index: 1;
}

.icm-article-newsletter .icm-newsletter__copy {
  flex: 0 1 auto;
  min-width: 0;
  text-align: right;
}

.icm-article-newsletter .icm-newsletter__title {
  font-size: 23px;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 4px;
  font-weight: 800;
}

.icm-article-newsletter .icm-newsletter__text {
  font-size: 11px;
  line-height: 1.8;
  color: rgba(255, 255, 255, .76);
  margin: 0;
}

.icm-article-newsletter .icm-newsletter__form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.icm-article-newsletter .icm-newsletter__input {
  flex: 1 1 220px;
  min-width: 0;
  max-width: 420px;
  height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  font-size: 13px;
  font-family: inherit;
  direction: ltr;
  text-align: left;
}

.icm-article-newsletter .icm-newsletter__input::placeholder {
  color: rgba(255, 255, 255, .55);
}

.icm-article-newsletter .icm-newsletter__input:focus {
  outline: 2px solid var(--icm-gold);
  outline-offset: 1px;
  border-color: transparent;
}

.icm-article-newsletter .icm-newsletter__submit {
  flex: 0 0 auto;
  min-width: 128px;
  justify-content: center;
}

.icm-article-newsletter .icm-newsletter__feedback {
  position: absolute;
  bottom: 8px;
  left: 30px;
  right: 30px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.icm-article-newsletter .icm-newsletter__feedback.is-success {
  color: var(--icm-green, #06AD21)
}

.icm-article-newsletter .icm-newsletter__feedback.is-error {
  color: #ffb4b4
}

@media(max-width:900px) {
  .icm-article-newsletter.icm-single-newsletter {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 19px;
  }

  .icm-article-newsletter .icm-newsletter__copy {
    text-align: right
  }

  .icm-article-newsletter .icm-newsletter__title {
    font-size: 19px
  }

  .icm-article-newsletter .icm-newsletter__form {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .icm-article-newsletter .icm-newsletter__input {
    max-width: none;
    width: 100%;
  }

  .icm-article-newsletter .icm-newsletter__submit {
    width: 100%
  }

  .icm-article-newsletter .icm-newsletter__feedback {
    position: static;
    margin-top: 4px;
  }
}

/* Portable layout lock ? identical on every page after copy/paste or template insert */
.icm-newsletter-section--portable {
  width: 100%;
  box-sizing: border-box;
}

.icm-newsletter-section--portable .icm-newsletter-section__container {
  width: min(var(--icm-container, 1200px), calc(100% - 72px));
  max-width: var(--icm-container, 1200px);
  margin-inline: auto;
  box-sizing: border-box;
}

@media(max-width:1100px) {
  .icm-newsletter-section--portable .icm-newsletter-section__container {
    width: min(var(--icm-container), calc(100% - 40px))
  }
}

@media(max-width:767px) {
  .icm-newsletter-section--portable .icm-newsletter-section__container {
    width: calc(100% - 28px)
  }
}

.elementor-widget-icm_article_newsletter,
.elementor-widget-icm_single_newsletter {
  width: 100%;
  max-width: none;
}

.elementor-widget-icm_article_newsletter>.elementor-widget-container,
.elementor-widget-icm_single_newsletter>.elementor-widget-container {
  margin: 0;
  padding: 0;
  width: 100%;
}

.icm-newsletter--portable.icm-article-newsletter,
.elementor-widget-icm_article_newsletter .icm-newsletter--portable,
.elementor-widget-icm_single_newsletter .icm-newsletter--portable {
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.icm-newsletter--portable.icm-article-newsletter .icm-newsletter__form,
.elementor-widget-icm_article_newsletter .icm-newsletter__form,
.elementor-widget-icm_single_newsletter .icm-newsletter__form {
  display: flex !important;
  flex-direction: row;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.icm-newsletter--portable.icm-article-newsletter .icm-newsletter__submit,
.elementor-widget-icm_article_newsletter .icm-newsletter__submit,
.elementor-widget-icm_single_newsletter .icm-newsletter__submit {
  margin-top: 0 !important;
  width: auto !important;
}

@media(max-width:900px) {

  .icm-newsletter--portable.icm-article-newsletter,
  .elementor-widget-icm_article_newsletter .icm-newsletter--portable,
  .elementor-widget-icm_single_newsletter .icm-newsletter--portable {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .icm-newsletter--portable .icm-newsletter__form,
  .elementor-widget-icm_article_newsletter .icm-newsletter__form,
  .elementor-widget-icm_single_newsletter .icm-newsletter__form {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100%;
  }

  .icm-newsletter--portable .icm-newsletter__submit,
  .elementor-widget-icm_article_newsletter .icm-newsletter__submit,
  .elementor-widget-icm_single_newsletter .icm-newsletter__submit {
    width: 100% !important;
  }
}

/* Sidebar newsletter ? Elementor sidebar + Appearance ? Widgets */
.icm-sidebar-newsletter {
  --icm-sn-bg: var(--icm-deeper, #001d36);
  --icm-sn-title: #fff;
  --icm-sn-text: rgba(255, 255, 255, .78);
  --icm-sn-input-bg: rgba(255, 255, 255, .1);
  --icm-sn-input-color: #fff;
  --icm-sn-button-bg: var(--icm-gold, #8C845E);
  --icm-sn-button-color: #fff;
  --icm-sn-button-hover-bg: var(--icm-navy, #0D4778);
  border-radius: 10px;
  background: var(--icm-sn-bg);
  color: var(--icm-sn-title);
  padding: 18px 16px;
  margin-bottom: 12px;
  text-align: center;
  box-sizing: border-box;
}

.icm-sidebar-newsletter__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  color: var(--icm-gold);
  font-size: 30px;
  line-height: 1
}

.icm-sidebar-newsletter__icon img,
.icm-sidebar-newsletter__img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  display: block;
  margin: 0 auto
}

.icm-sidebar-newsletter__title {
  font-size: 16px;
  line-height: 1.7;
  color: var(--icm-sn-title);
  margin: 0 0 6px;
  font-weight: 800
}

.icm-sidebar-newsletter__text {
  font-size: 11px;
  line-height: 1.9;
  color: var(--icm-sn-text);
  margin: 0 0 14px
}

.icm-sidebar-newsletter__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0
}

.icm-sidebar-newsletter__input {
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 6px;
  background: var(--icm-sn-input-bg);
  color: var(--icm-sn-input-color);
  font-size: 12px;
  font-family: inherit;
  direction: ltr;
  text-align: left;
  box-sizing: border-box
}

.icm-sidebar-newsletter__input::placeholder {
  color: rgba(255, 255, 255, .55)
}

.icm-sidebar-newsletter__input:focus {
  outline: 2px solid var(--icm-gold);
  outline-offset: 1px;
  border-color: transparent
}

.icm-sidebar-newsletter__submit {
  width: 100%;
  justify-content: center;
  min-height: 38px;
  background: var(--icm-sn-button-bg) !important;
  border-color: var(--icm-sn-button-bg) !important;
  color: var(--icm-sn-button-color) !important
}

.icm-sidebar-newsletter__submit:hover,
.icm-sidebar-newsletter__submit:focus {
  background: var(--icm-sn-button-hover-bg) !important;
  border-color: var(--icm-sn-button-hover-bg) !important
}

.icm-sidebar-newsletter__feedback {
  margin: 10px 0 0;
  font-size: 10px;
  line-height: 1.6
}

.icm-sidebar-newsletter__feedback.is-success {
  color: var(--icm-green, #06AD21)
}

.icm-sidebar-newsletter__feedback.is-error {
  color: #ffb4b4
}

.elementor-widget-icm_single_sidebar_newsletter>.elementor-widget-container {
  margin: 0;
  padding: 0
}

/* ========================================================================
   FIX66 ? Header/footer Elementor shell + mobile menu/logo consistency
   ======================================================================== */

.icm-site-header,
.icm-header.icm-site-header,
.icm-global-builder--header .icm-header {
  background: var(--icm-header-bg, var(--icm-surface-navy, #001D36));
}

.icm-header-mobile-prebar {
  display: none;
}

.icm-site-footer,
.icm-footer,
.icm-global-builder--footer .icm-footer {
  background: var(--icm-header-bg, var(--icm-surface-navy, #001D36));
}

@media (max-width:1099px) {

  .icm-site-header,
  .icm-header.icm-site-header {
    position: relative;
    z-index: 1000;
  }

  .icm-site-header .icm-header-mobile-prebar,
  .icm-header.icm-site-header .icm-header-mobile-prebar {
    display: none;
  }

  /* Sticky on tablet/mobile is gated by .icm-sticky-tablet / .icm-sticky-mobile (see FIX68). */

  .icm-site-header .icm-header-inner,
  .icm-header.icm-site-header .icm-header__inner {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
    gap: 12px;
    min-height: var(--icm-header-height, 60px);
    position: relative;
  }

  .icm-site-header .icm-logo,
  .icm-header.icm-site-header .icm-logo,
  .icm-site-header .icm-header-logo,
  .icm-header.icm-site-header .icm-header-logo {
    order: 1 !important;
    flex: 0 0 auto;
    margin: 0 !important;
    align-self: center;
    max-width: min(140px, 46vw);
  }

  .icm-site-header .icm-logo-image,
  .icm-site-header .custom-logo,
  .icm-header.icm-site-header .icm-logo img,
  .icm-header.icm-site-header .icm-logo .custom-logo {
    display: block;
    width: auto;
    height: clamp(34px, 10vw, 44px);
    max-width: min(140px, 46vw);
    object-fit: contain;
    object-position: center;
    margin: 0;
  }

  .icm-site-header .icm-header-actions,
  .icm-header.icm-site-header .icm-header__actions {
    order: 2;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  .icm-site-header .icm-menu-toggle,
  .icm-header.icm-site-header .icm-menu-toggle {
    order: 3 !important;
    flex: 0 0 auto;
  }

  .icm-site-header .icm-main-nav,
  .icm-header.icm-site-header .icm-main-nav {
    display: none;
    position: absolute;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100vw;
    max-width: 100vw;
    inset-block-start: 100%;
    z-index: 1001;
    margin: 0;
    padding: 0;
    min-height: 0;
    height: auto;
    background: var(--icm-header-bg, var(--icm-surface-navy, #001D36));
    border-radius: 0;
    box-shadow: none;
    direction: rtl;
    text-align: right;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .icm-site-header .icm-main-nav.is-open,
  .icm-header.icm-site-header .icm-main-nav.is-open {
    display: block;
  }

  .icm-site-header .icm-main-nav>ul,
  .icm-header.icm-site-header .icm-main-nav>ul,
  .icm-site-header .icm-main-nav__list,
  .icm-header.icm-site-header .icm-main-nav__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
  }

  .icm-site-header .icm-main-nav>ul>li>a,
  .icm-header.icm-site-header .icm-main-nav>ul>li>a {
    justify-content: flex-start;
    text-align: right;
    padding-inline: 16px 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    min-height: 44px;
  }

  .icm-site-header .icm-main-nav>ul>li>a:hover,
  .icm-site-header .icm-main-nav>ul>li>a:focus-visible,
  .icm-header.icm-site-header .icm-main-nav>ul>li>a:hover,
  .icm-header.icm-site-header .icm-main-nav>ul>li>a:focus-visible {
    background: rgba(255, 255, 255, .08) !important;
  }

  .icm-site-header .icm-header-menu-extras,
  .icm-header.icm-site-header .icm-header-menu-extras {
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 12px 16px 24px;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
  }

  .icm-site-header .icm-main-nav.is-open .icm-header-menu-extras,
  .icm-header.icm-site-header .icm-main-nav.is-open .icm-header-menu-extras {
    display: flex;
  }

  .icm-site-header .icm-main-nav.is-open,
  .icm-header.icm-site-header .icm-main-nav.is-open {
    flex-direction: column;
    align-items: stretch;
  }

  .icm-site-header .icm-main-nav.is-open>ul,
  .icm-header.icm-site-header .icm-main-nav.is-open>ul {
    order: 10;
    width: 100%;
    flex: 0 0 auto;
  }

  .icm-site-header .icm-main-nav.is-open>.icm-header-menu-extras,
  .icm-header.icm-site-header .icm-main-nav.is-open>.icm-header-menu-extras {
    order: 20;
    width: 100%;
    flex: 0 0 auto;
  }

  .icm-site-header .icm-main-nav.is-open>.icm-header-menu-extras--start,
  .icm-header.icm-site-header .icm-main-nav.is-open>.icm-header-menu-extras--start {
    order: 0;
  }

  .icm-site-header .icm-header-menu-extras .icm-header-btn,
  .icm-header.icm-site-header .icm-header-menu-extras .icm-header-btn {
    width: 100%;
    justify-content: center;
    min-height: 44px;
  }

  .icm-site-header .icm-header-menu-extras .icm-lang-switcher,
  .icm-site-header .icm-header-menu-extras .icm-lang,
  .icm-header.icm-site-header .icm-header-menu-extras .icm-lang-switcher,
  .icm-header.icm-site-header .icm-header-menu-extras .icm-lang {
    width: 100%;
    justify-content: center;
  }

  .icm-site-header .icm-main-nav .sub-menu,
  .icm-header.icm-site-header .icm-main-nav .sub-menu {
    position: static;
    margin: 4px 0 0;
    margin-inline: 0;
    padding: 4px 0;
    padding-inline: 0 12px;
    background: rgba(255, 255, 255, .06);
    box-shadow: none;
    border: 0;
    border-radius: 8px;
  }
}

/* ========================================================================
   FIX67 ? Full-width header/footer shell (Elementor + native)
   Background spans the viewport; inner .icm-container stays boxed.
   ======================================================================== */

.icm-shell-full,
.icm-global-builder.icm-shell-full {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.icm-global-builder--header,
.icm-global-builder--footer {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.icm-global-builder--header>.elementor,
.icm-global-builder--footer>.elementor,
.icm-global-builder--header .elementor-section,
.icm-global-builder--footer .elementor-section,
.icm-global-builder--header .e-con,
.icm-global-builder--footer .e-con {
  max-width: 100% !important;
  width: 100% !important;
}

.icm-global-builder--header .e-con-boxed>.e-con-inner,
.icm-global-builder--footer .e-con-boxed>.e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
}

.elementor-widget-icm_site_header,
.elementor-widget-icm_site_footer {
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-widget-icm_site_header>.elementor-widget-container,
.elementor-widget-icm_site_footer>.elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.icm-global-builder--header .icm-header.icm-site-header,
.icm-global-builder--footer .icm-footer.icm-site-footer {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  box-sizing: border-box;
}

.icm-site-footer,
footer.icm-site-footer {
  margin-top: 0;
}

/* FIX68 ? Header scroll background modes + mobile visibility + hamburger */

/*
 * Sticky must live on the Elementor header SHELL (.icm-global-builder--header),
 * not only on the inner <header>. The shell is a short sibling of #main-content;
 * sticky on the inner header is clipped by that shell and scrolls away.
 * Native (non-Elementor) header sticks on itself.
 *
 * CRITICAL: never set top/inset-block-start while position is relative ?
 * that shifts the bar down and leaves an empty gap above the header
 * (common when logged-in admin-bar rules fire).
 */
.icm-site-header.is-sticky,
.icm-header.icm-site-header.is-sticky,
.icm-global-builder--header .icm-header,
.icm-global-builder--header .icm-site-header {
  position: relative;
  top: auto;
  inset-block-start: auto;
  z-index: 10000;
  transition: transform .28s ease, background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease, opacity .25s ease;
}

.icm-global-builder--header {
  position: relative;
  top: auto;
  inset-block-start: auto;
  z-index: 10000;
  transition: transform .28s ease, background-color .25s ease, box-shadow .25s ease, opacity .25s ease;
}

@media (min-width:1100px) {

  body>.icm-site-header.is-sticky.icm-sticky-desktop,
  body>.icm-header.icm-site-header.is-sticky.icm-sticky-desktop {
    position: sticky;
    top: 0;
    inset-block-start: 0;
  }

  .icm-global-builder--header:has(.icm-site-header.is-sticky.icm-sticky-desktop) {
    position: sticky;
    top: 0;
    inset-block-start: 0;
  }

  body.admin-bar>.icm-site-header.is-sticky.icm-sticky-desktop,
  body.admin-bar>.icm-header.icm-site-header.is-sticky.icm-sticky-desktop,
  body.admin-bar .icm-global-builder--header:has(.icm-site-header.is-sticky.icm-sticky-desktop) {
    top: 32px;
    inset-block-start: 32px;
  }
}

@media (min-width:768px) and (max-width:1099px) {

  body>.icm-site-header.is-sticky.icm-sticky-tablet,
  body>.icm-header.icm-site-header.is-sticky.icm-sticky-tablet {
    position: sticky;
    top: 0;
    inset-block-start: 0;
  }

  .icm-global-builder--header:has(.icm-site-header.is-sticky.icm-sticky-tablet) {
    position: sticky;
    top: 0;
    inset-block-start: 0;
  }

  /*
   * WP already offsets the page for the admin bar (html padding/margin).
   * Extra top on sticky shells doubles the gap on tablet ? only offset native
   * body-level headers when stuck under the bar.
   */
  body.admin-bar>.icm-site-header.is-sticky.icm-sticky-tablet,
  body.admin-bar>.icm-header.icm-site-header.is-sticky.icm-sticky-tablet {
    top: 32px;
    inset-block-start: 32px;
  }
}

@media (max-width:767px) {

  body>.icm-site-header.is-sticky.icm-sticky-mobile,
  body>.icm-header.icm-site-header.is-sticky.icm-sticky-mobile {
    position: sticky;
    top: 0;
    inset-block-start: 0;
  }

  .icm-global-builder--header:has(.icm-site-header.is-sticky.icm-sticky-mobile) {
    position: sticky;
    top: 0;
    inset-block-start: 0;
  }

  body.admin-bar>.icm-site-header.is-sticky.icm-sticky-mobile,
  body.admin-bar>.icm-header.icm-site-header.is-sticky.icm-sticky-mobile {
    top: 46px;
    inset-block-start: 46px;
  }
}

/* Sticky must not be clipped by Elementor header wrappers. */
.icm-global-builder--header,
.icm-global-builder--header>.elementor,
.icm-global-builder--header .elementor-section,
.icm-global-builder--header .e-con,
.icm-global-builder--header .elementor-widget-icm_site_header,
.icm-global-builder--header .elementor-widget-container {
  overflow: visible !important;
}

/* Hide-on-scroll: move the shell too when theme option requests hide. */
.icm-site-header.is-sticky.is-scroll-hidden {
  transform: translateY(-100%);
  pointer-events: none;
  opacity: 0;
}

.icm-global-builder--header:has(.icm-site-header.is-sticky.is-scroll-hidden) {
  transform: translateY(-100%);
  pointer-events: none;
  opacity: 0;
}

.icm-site-header.is-sticky.is-scrolled {
  transition: transform .28s ease, background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease, opacity .25s ease;
}

.icm-site-header.is-sticky.is-scrolled.icm-scroll-bg-solid {
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
}

.icm-site-header.is-sticky.is-scrolled.icm-scroll-bg-semi {
  background: color-mix(in srgb, var(--icm-header-bg, var(--icm-surface-navy, #001D36)) var(--icm-header-scroll-opacity, 82%), transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
}

.icm-site-header.is-sticky.is-scrolled.icm-scroll-bg-transparent {
  background: transparent !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

@media (max-width:1099px) {

  .icm-site-header .icm-hide-mobile,
  .icm-header.icm-site-header .icm-hide-mobile {
    display: none !important;
  }

  .icm-site-header .icm-menu-toggle,
  .icm-header.icm-site-header .icm-menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    visibility: visible;
    opacity: 1;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
  }

  .icm-menu-toggle__bars,
  .icm-menu-toggle__bars::before,
  .icm-menu-toggle__bars::after {
    display: block;
    width: 18px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    position: relative;
  }

  .icm-menu-toggle__bars::before,
  .icm-menu-toggle__bars::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .icm-menu-toggle__bars::before {
    top: -6px
  }

  .icm-menu-toggle__bars::after {
    top: 6px
  }

  .icm-site-header .icm-header-inner,
  .icm-header.icm-site-header .icm-header__inner {
    flex-wrap: nowrap;
  }
}

/* FIX70 ? ICM Header widget: responsive content variants + glass buttons */
@media (min-width:1100px) {

  .icm-site-header .icm-header-inner,
  .icm-header.icm-site-header .icm-header__inner {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "actions nav logo";
    align-items: center;
    gap: 32px;
    min-height: var(--icm-header-height, 76px);
    direction: ltr;
  }

  .icm-site-header .icm-logo,
  .icm-site-header .icm-header-logo,
  .icm-header.icm-site-header .icm-logo,
  .icm-header .icm-header-logo {
    grid-area: logo;
    justify-self: end;
    order: unset !important;
    margin: 0 !important;
  }

  .icm-site-header .icm-main-nav,
  .icm-header.icm-site-header .icm-main-nav,
  .icm-header .icm-main-nav {
    grid-area: nav;
    justify-self: center;
    order: unset !important;
    position: static;
    display: block !important;
    padding: 0;
    background: transparent;
    box-shadow: none;
    direction: rtl;
  }

  .icm-site-header .icm-header-actions,
  .icm-site-header .icm-header__actions,
  .icm-header.icm-site-header .icm-header__actions,
  .icm-header .icm-header__actions {
    grid-area: actions;
    justify-self: start;
    order: unset !important;
    margin: 0 !important;
    direction: ltr;
  }

  .icm-site-header .icm-menu-toggle,
  .icm-header.icm-site-header .icm-menu-toggle {
    display: none !important;
  }
}

.icm-site-header .icm-header__inner,
.icm-header.icm-site-header .icm-header__inner {
  align-items: center;
}

.icm-site-header .icm-header-logo,
.icm-header .icm-header-logo {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

.icm-site-header .icm-header__actions,
.icm-header .icm-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  direction: ltr;
}

.icm-site-header .icm-header-btn,
.icm-header .icm-header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.icm-site-header .icm-btn--glass,
.icm-header .icm-btn--glass {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .28);
  color: #fff;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.icm-site-header .icm-btn--glass:hover,
.icm-site-header .icm-btn--glass:focus,
.icm-header .icm-btn--glass:hover,
.icm-header .icm-btn--glass:focus {
  background: rgba(255, 255, 255, .22);
  color: #fff;
}

.icm-site-header .icm-btn--outline,
.icm-header .icm-btn--outline {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .55);
  color: #fff;
}

.icm-site-header .icm-btn--ghost,
.icm-header .icm-btn--ghost {
  background: transparent;
  border: 1px solid transparent;
  color: #fff;
}

.icm-site-header .icm-btn--solid,
.icm-header .icm-btn--solid {
  background: #fff;
  border: 1px solid #fff;
  color: var(--icm-navy, #0D4778);
}

.icm-site-header .icm-btn--gold,
.icm-header .icm-btn--gold {
  background: var(--icm-gold, #C8922E);
  border: 1px solid var(--icm-gold, #C8922E);
  color: #fff;
}

@media (min-width:1100px) {

  .icm-site-header .icm-main-nav.icm-header-nav-hide-desktop,
  .icm-header .icm-main-nav.icm-header-nav-hide-desktop {
    display: none !important
  }

  .icm-site-header .icm-menu-toggle.icm-header-hamburger-hide-desktop,
  .icm-header .icm-menu-toggle.icm-header-hamburger-hide-desktop {
    display: none !important
  }

  .icm-site-header :is(.icm-header-btn, .icm-header-lang, .icm-lang-switcher).icm-header-item-hide-desktop,
  .icm-header :is(.icm-header-btn, .icm-header-lang, .icm-lang-switcher).icm-header-item-hide-desktop {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:1099px) {

  .icm-site-header .icm-main-nav.icm-header-nav-hide-tablet,
  .icm-header .icm-main-nav.icm-header-nav-hide-tablet {
    display: none !important
  }

  .icm-site-header .icm-menu-toggle.icm-header-hamburger-hide-tablet,
  .icm-header .icm-menu-toggle.icm-header-hamburger-hide-tablet {
    display: none !important
  }

  .icm-site-header :is(.icm-header-btn, .icm-header-lang, .icm-lang-switcher).icm-header-item-hide-tablet,
  .icm-header :is(.icm-header-btn, .icm-header-lang, .icm-lang-switcher).icm-header-item-hide-tablet {
    display: none !important
  }
}

@media (max-width:767px) {

  .icm-site-header .icm-main-nav.icm-header-nav-hide-mobile,
  .icm-header .icm-main-nav.icm-header-nav-hide-mobile {
    display: none !important
  }

  .icm-site-header .icm-menu-toggle.icm-header-hamburger-hide-mobile,
  .icm-header .icm-menu-toggle.icm-header-hamburger-hide-mobile {
    display: none !important
  }

  .icm-site-header :is(.icm-header-btn, .icm-header-lang, .icm-lang-switcher).icm-header-item-hide-mobile,
  .icm-header :is(.icm-header-btn, .icm-header-lang, .icm-lang-switcher).icm-header-item-hide-mobile {
    display: none !important
  }
}

/* FIX71 ? Custom header items + anchor zones */
.icm-header-zone {
  display: contents
}

.icm-header-custom-item {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.icm-header-custom-text {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, .92);
  white-space: nowrap;
}

.icm-header-custom-link {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.icm-header-custom-link:hover {
  color: var(--icm-gold, #C8922E)
}

.icm-header-custom-btn {
  white-space: nowrap
}

.icm-header__actions .icm-header-zone,
.icm-header__actions .icm-header-custom-item {
  flex: 0 0 auto;
}

/* FIX72 ? Language switcher (multilingual-ready dropdown) */
.icm-lang-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  direction: ltr;
}

.icm-lang-switcher__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  padding: 0 13px;
  min-height: 42px;
  border-radius: 12px;
}

.icm-lang-switcher__current {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .04em
}

.icm-lang-switcher__caret {
  font-size: 11px;
  opacity: .85;
  line-height: 1
}

.icm-lang-switcher__flag {
  width: 18px;
  height: auto;
  border-radius: 2px;
  object-fit: cover
}

.icm-lang-switcher__menu {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  min-width: 148px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: rgba(13, 71, 120, .98);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
  z-index: 1200;
}

.icm-lang-switcher__item {
  margin: 0;
  padding: 0
}

.icm-lang-switcher__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.icm-lang-switcher__link:hover,
.icm-lang-switcher__item.is-current .icm-lang-switcher__link--current {
  background: rgba(255, 255, 255, .10);
  color: #fff;
}

.icm-lang-switcher.is-open .icm-lang-switcher__toggle {
  background: rgba(255, 255, 255, .08);
}

.icm-lang-switcher--static {
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 12px;
  background: rgba(255, 255, 255, .08);
}

@media (max-width:767px) {
  .icm-lang-switcher__menu {
    inset-inline-end: auto;
    inset-inline-start: 0;
  }
}

/* FIX73 ? Mobile menu overlay + placement slots */
@media (min-width:1100px) {
  .icm-header-slot-hide-desktop {
    display: none !important
  }

  .icm-header-menu-extras,
  .icm-header-hamburger-slot {
    display: none !important
  }
}

@media (min-width:768px) and (max-width:1099px) {
  .icm-header-slot-hide-tablet {
    display: none !important
  }
}

@media (max-width:767px) {
  .icm-header-slot-hide-mobile {
    display: none !important
  }
}

@media (max-width:1099px) {

  .icm-site-header .icm-header-hamburger-slot,
  .icm-header.icm-site-header .icm-header-hamburger-slot {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
  }

  .icm-site-header .icm-header-hamburger-slot.icm-header-slot--before_hamburger,
  .icm-header.icm-site-header .icm-header-hamburger-slot.icm-header-slot--before_hamburger {
    order: 2;
  }

  .icm-site-header .icm-menu-toggle,
  .icm-header.icm-site-header .icm-menu-toggle {
    order: 3 !important;
  }

  .icm-site-header .icm-header-hamburger-slot.icm-header-slot--after_hamburger,
  .icm-header.icm-site-header .icm-header-hamburger-slot.icm-header-slot--after_hamburger {
    order: 4;
  }

  .icm-site-header .icm-header__actions .icm-header-slot,
  .icm-header.icm-site-header .icm-header__actions .icm-header-slot {
    display: inline-flex;
    align-items: center;
  }
}

/* FIX74 ? Articles page section 1: lock left/right gutters to .icm-container reference */
html body .elementor-widget-icm_articles_header .icm-articles-head .icm-container,
html body .icm-articles-head .icm-container {
  width: min(var(--icm-container), calc(100% - 64px));
  max-width: var(--icm-container);
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

@media (min-width:1200px) {

  html body .elementor-widget-icm_articles_header .icm-articles-head .icm-container,
  html body .icm-articles-head .icm-container {
    width: min(var(--icm-container), calc(100% - 68px));
  }
}

@media (max-width:720px) {

  html body .elementor-widget-icm_articles_header .icm-articles-head .icm-container,
  html body .icm-articles-head .icm-container {
    width: calc(100% - 28px);
  }
}

@media (min-width:769px) {
  html body .icm-articles-head__row {
    direction: ltr;
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    grid-template-areas: "search copy";
    align-items: end;
    gap: 28px;
  }

  html body .icm-articles-head__row>* {
    direction: rtl
  }

  html body .icm-articles-head__copy {
    grid-area: copy;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    text-align: right;
  }

  html body .icm-articles-head__copy .icm-intro,
  html body .icm-articles-head__copy p {
    max-width: none;
    width: 100%;
    margin-inline: 0;
  }

  html body .icm-search--archive {
    grid-area: search;
    justify-self: stretch;
    align-self: end;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-inline: 0;
    box-sizing: border-box;
  }
}

@media (max-width:1024px) {
  html body .icm-articles-head__row {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "search";
    gap: 14px;
  }

  html body .icm-search--archive {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-inline: 0;
  }
}

html body .icm-articles-head .icm-breadcrumb {
  width: 100%;
  margin-inline: 0;
  box-sizing: border-box;
}

html body .icm-articles-head__row {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html body .icm-articles-seo-intro {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  box-sizing: border-box;
  text-align: right;
}

html body .icm-articles-seo-intro .icm-articles-seo-title,
html body .icm-articles-seo-intro .icm-articles-seo-text,
html body .icm-articles-seo-intro h2,
html body .icm-articles-seo-intro p {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

html body .icm-articles-head .icm-category-tabs {
  width: 100%;
  margin-inline: 0;
  justify-content: flex-start;
}

/* FIX75 - Circular avatars: frame centers the photo; ring is on the frame, not the img. */
html body .icm-author,
html body .icm-authorline,
html body .icm-instructor {
  --icm-avatar-size: 40px;
}

html body .icm-author {
  --icm-avatar-size: 42px
}

html body .icm-authorline {
  --icm-avatar-size: 30px
}

html body .icm-author-card {
  --icm-avatar-size: 54px
}

html body .icm-webinar-slide .icm-instructor,
html body .icm-section--webinar-upcoming .icm-instructor,
html body .icm-section--webinar-replays .icm-instructor {
  --icm-avatar-size: 40px
}

html body .icm-single-hero .icm-author {
  --icm-avatar-size: 42px
}

html body.single-post .icm-author-card {
  --icm-avatar-size: 54px
}

html body .icm-avatar {
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  width: var(--icm-avatar-size, 40px) !important;
  height: var(--icm-avatar-size, 40px) !important;
  min-width: var(--icm-avatar-size, 40px) !important;
  min-height: var(--icm-avatar-size, 40px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 2px solid rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .06) !important;
  line-height: 0 !important;
  vertical-align: middle !important;
  float: none !important;
}

html body .icm-author-card .icm-avatar {
  display: block !important;
  margin: 0 auto 8px !important;
  border-color: rgba(13, 71, 120, .18) !important;
  background: #eef3f7 !important;
}

html body.single-post .icm-author-card .icm-avatar {
  float: right !important;
  display: inline-grid !important;
  margin: 0 0 8px 10px !important;
}

html body .icm-avatar img,
html body .icm-avatar img.avatar,
html body .icm-avatar img.photo,
html body .icm-author .icm-avatar img,
html body .icm-author-card .icm-avatar img,
html body .icm-authorline .icm-avatar img,
html body .icm-instructor .icm-avatar img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  box-shadow: none !important;
  transform: none !important;
  aspect-ratio: auto !important;
  float: none !important;
}

/* FIX76 - Footer brand/logo optical centering on Academy shell. */
html body .icm-site-footer .icm-footer-brand,
html body .icm-footer .icm-footer__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: right;
}

html body .icm-site-footer .icm-footer-logo,
html body .icm-footer .icm-footer__brand img,
html body .icm-footer__brand>img {
  display: block !important;
  width: auto !important;
  max-width: 160px !important;
  height: 48px !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

html body .icm-footer-socials,
html body .icm-socials {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

html body .icm-footer-socials a,
html body .icm-socials a {
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  line-height: 1 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Legacy direct img avatars (if any markup missed the wrapper). */
html body .icm-author>img,
html body .icm-author-card>img,
html body .icm-authorline>img,
html body .icm-instructor>img,
html body img.avatar {
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  clip-path: circle(50% at 50% 50%);
  -webkit-clip-path: circle(50% at 50% 50%);
}

/* Instructor / webinar avatars: fill the ring exactly (no 118% zoom ? that
   shifted the photo off-center in RTL and looked ?out of place?). */
html body .icm-section--webinar .icm-avatar img,
html body .icm-fix12-past-webinars .icm-avatar img,
html body .icm-webinar-slide .icm-avatar img,
html body .icm-instructor .icm-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Past webinars card: visibility base; desktop grid / mobile stack split by breakpoint. */
html body .icm-past-webinar-card,
html body .icm-fix12-past-webinars .icm-past-webinar-card,
html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card {
  position: relative !important;
  inset: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  height: auto;
  color: #fff;
}

@media (min-width: 1025px) {
  html body .icm-past-webinar-card,
  html body .icm-fix12-past-webinars .icm-past-webinar-card,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card {
    display: grid;
    min-height: 112px;
    background: #002b4d;
    border-radius: 10px;
  }
}

/* Kill legacy Elementor mobile min-height:310 and double-dot padding gap. */
html body .icm-completed-webinars.icm-fix12-past-webinars {
  padding-block: 10px 14px !important;
}

html body .icm-past-webinars-shell.icm-carousel--has-dots {
  padding-bottom: 0 !important;
}

html body .icm-past-webinars-swiper,
html body .icm-past-webinars-swiper .swiper-wrapper,
html body .icm-past-webinars-swiper .swiper-slide {
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 1024px) {

  /* Completed webinars widget: stacked card — image top, details below (tablet + mobile). */
  html body .icm-fix12-past-webinars .icm-past-webinar-card,
  html body .icm-fix12-past-webinars .icm-webinar-slide--past,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-webinar-slide--past,
  html body .icm-past-webinars-swiper .icm-past-webinar-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    direction: rtl !important;
    background: #021a30 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .icm-fix12-past-webinars .icm-past-webinar-card__image,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card__image,
  html body .icm-past-webinars-swiper .icm-past-webinar-card__image,
  html body .icm-past-webinar-card__image {
    order: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    margin: 0 !important;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }

  html body .icm-fix12-past-webinars .icm-past-webinar-card__image img,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card__image img,
  html body .icm-past-webinars-swiper .icm-past-webinar-card__image img,
  html body .icm-past-webinar-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  html body .icm-fix12-past-webinars .icm-past-webinar-card__meta,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card__meta,
  html body .icm-past-webinars-swiper .icm-past-webinar-card__meta,
  html body .icm-past-webinar-card__meta {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 14px 20px 0 !important;
    border: 0 !important;
    height: auto !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }

  html body .icm-fix12-past-webinars .icm-past-webinar-card__main,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card__main,
  html body .icm-past-webinars-swiper .icm-past-webinar-card__main,
  html body .icm-past-webinar-card__main {
    order: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
  }

  html body .icm-fix12-past-webinars .icm-past-webinar-card__cta,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card__cta,
  html body .icm-past-webinars-swiper .icm-past-webinar-card__cta,
  html body .icm-past-webinar-card__cta,
  html body .icm-past-webinars-swiper .icm-past-webinar-card > a.icm-btn,
  html body .elementor-widget-icm_academy_completed_webinar_banners .icm-past-webinar-card > a.icm-btn {
    order: 4 !important;
    position: static !important;
    margin: 0 20px 20px !important;
    width: calc(100% - 40px) !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

body.elementor-device-mobile .icm-past-webinar-card,
body.elementor-device-tablet .icm-past-webinar-card,
body[data-elementor-device-mode="mobile"] .icm-past-webinar-card,
body[data-elementor-device-mode="tablet"] .icm-past-webinar-card,
body[data-icm-el-device="mobile"] .icm-past-webinar-card,
body[data-icm-el-device="tablet"] .icm-past-webinar-card {
  min-height: 0 !important;
  height: auto !important;
}

html body.elementor-editor-active .elementor-widget-icm_academy_completed_webinar_banners,
html body.elementor-edit-area-active .elementor-widget-icm_academy_completed_webinar_banners {
  pointer-events: auto !important;
  min-height: 140px !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 3 !important;
}

html body.elementor-editor-active .elementor-widget-icm_academy_completed_webinar_banners>.elementor-widget-container,
html body.elementor-edit-area-active .elementor-widget-icm_academy_completed_webinar_banners>.elementor-widget-container {
  pointer-events: auto !important;
  min-height: 140px !important;
}

html body.elementor-editor-active .elementor-widget-icm_academy_completed_webinar_banners>.elementor-widget-container *,
html body.elementor-edit-area-active .elementor-widget-icm_academy_completed_webinar_banners>.elementor-widget-container * {
  pointer-events: none !important;
}

@media(max-width:767px) {
  html body .icm-past-webinars-swiper:not(.is-icm-ready):not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  html body .elementor-widget-icm_academy_completed_webinar_banners,
  html body .elementor-widget-icm_academy_completed_webinar_banners>.elementor-widget-container {
    min-height: 0 !important;
    height: auto !important;
  }
}

/* ========================================================================
   FIX78 ? Mobile empty side gutter on ALL pages
   Root cause: header hamburger-adjacent slot (language etc.) overflowed
   past the viewport (~49px), expanding body.scrollWidth in RTL and leaving
   a blank strip on the opposite edge. Also neutralize 100vw blowouts.
   ======================================================================== */
@media (max-width: 1099px) {
  html {
    scrollbar-gutter: auto;
    max-width: 100%;
  }

  body {
    max-width: 100%;
  }

  .icm-global-builder--header,
  .icm-global-builder--footer,
  .icm-site-header,
  .icm-header.icm-site-header,
  .icm-footer.icm-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    overflow-x: clip;
    box-sizing: border-box;
  }

  .icm-global-builder--header .icm-header.icm-site-header,
  .icm-global-builder--footer .icm-footer.icm-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  .icm-site-header .icm-header-inner,
  .icm-site-header .icm-header__inner,
  .icm-header.icm-site-header .icm-header-inner,
  .icm-header.icm-site-header .icm-header__inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: clip;
    gap: 8px;
    /* Match page gutters so logo / FA are not flush to the screen edge. */
    padding-inline: 14px;
  }

  .icm-site-header .icm-logo,
  .icm-header.icm-site-header .icm-logo {
    min-width: 0;
    max-width: min(120px, 38vw);
  }

  .icm-site-header .icm-header-actions,
  .icm-header.icm-site-header .icm-header__actions {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  .icm-site-header .icm-header-hamburger-slot,
  .icm-header.icm-site-header .icm-header-hamburger-slot {
    flex: 0 0 auto;
    max-width: none;
    position: relative;
    /* Keep slot inside the bar; never extend body scroll width. */
    margin: 0;
  }

  /* Login/CTA can shrink; FA + hamburger + logo must stay inside gutters. */
  .icm-site-header .icm-header-hamburger-slot.icm-header-slot--before_hamburger,
  .icm-header.icm-site-header .icm-header-hamburger-slot.icm-header-slot--before_hamburger {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    justify-content: flex-end;
  }

  .icm-site-header .icm-header-hamburger-slot.icm-header-slot--after_hamburger,
  .icm-header.icm-site-header .icm-header-hamburger-slot.icm-header-slot--after_hamburger {
    flex: 0 0 auto;
    flex-shrink: 0;
  }

  .icm-site-header .icm-menu-toggle,
  .icm-header.icm-site-header .icm-menu-toggle,
  .icm-site-header .icm-header-hamburger-slot,
  .icm-header.icm-site-header .icm-header-hamburger-slot {
    flex-shrink: 0;
  }

  /* Full-bleed mobile nav without 100vw (100vw + RTL = side gutter). */
  .icm-site-header .icm-main-nav,
  .icm-header.icm-site-header .icm-main-nav {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {

  /* Collapse Elementor wrappers that keep leftover empty height under widgets. */
  html body .elementor-widget-icm_academy_completed_webinar_banners,
  html body .elementor-widget-icm_academy_completed_webinar_banners>.elementor-widget-container,
  html body .elementor-widget-icm_articles_grid,
  html body .elementor-widget-icm_articles_grid>.elementor-widget-container,
  html body .elementor-widget-icm_articles_popular,
  html body .elementor-widget-icm_articles_popular>.elementor-widget-container,
  html body .e-con:has(> .elementor-widget-icm_academy_completed_webinar_banners),
  html body .e-con:has(> .elementor-widget-icm_articles_grid),
  html body .e-con:has(> .elementor-widget-icm_articles_popular) {
    height: fit-content !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  html body .icm-final-cta,
  html body .icm-final-cta>.icm-container,
  html body .icm-final-cta__inner {
    height: auto !important;
    min-height: 0 !important;
  }

  html body .icm-final-cta__inner {
    min-height: 0 !important;
  }
}

/* === FIX: Newsletter matches site content width (same gutters as final CTA) === */
html body.single-post .icm-newsletter-section,
html body.single-post .icm-newsletter-section--portable,
html body.single-post .icm-single-bottom-stack,
html body.single-post .elementor-location-single .icm-newsletter-section,
html body.single-post .elementor-location-single .icm-newsletter-section--portable,
html body.single-post .elementor-location-single .icm-single-bottom-stack,
body.single-post .elementor-location-single .icm-newsletter-section,
body.single-post .elementor-location-single .icm-newsletter-section--portable,
body.single-post .elementor-location-single .icm-single-bottom-stack,
body.single-post .elementor-location-single .icm-single-final-cta,
body.single-post .elementor-location-single .icm-final-cta {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* Outer content rail ? same formula as .icm-container / final CTA */
html body.single-post .icm-newsletter-section__container,
html body.single-post .icm-newsletter-section--portable .icm-newsletter-section__container,
html body.single-post .icm-single-bottom-stack>.icm-container,
body.single-post .elementor-location-single .icm-newsletter-section__container,
body.single-post .elementor-location-single .icm-single-bottom-stack>.icm-container {
  width: min(var(--icm-container, 1200px), calc(100% - 72px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-inline: 0 !important;
}

/* Dark newsletter card fills only its content rail (not the viewport). */
html body.single-post .icm-single-newsletter,
html body.single-post .icm-article-newsletter,
html body.single-post .icm-newsletter--portable,
body.single-post .elementor-location-single .icm-single-newsletter,
body.single-post .elementor-location-single .icm-article-newsletter,
body.single-post .elementor-widget-icm_article_newsletter .icm-single-newsletter,
body.single-post .elementor-widget-icm_single_newsletter .icm-single-newsletter {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Elementor widget wrapper: when newsletter has no outer section, constrain the widget itself. */
body.single-post .elementor-location-single .elementor-widget-icm_article_newsletter,
body.single-post .elementor-location-single .elementor-widget-icm_single_newsletter {
  width: min(var(--icm-container, 1200px), calc(100% - 72px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.single-post .elementor-location-single .elementor-widget-icm_article_newsletter>.elementor-widget-container,
body.single-post .elementor-location-single .elementor-widget-icm_single_newsletter>.elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nested inside main column: stay 100% of parent (parent already has gutters). */
body.single-post .elementor-location-single .icm-single-builder-grid .icm-newsletter-section,
body.single-post .elementor-location-single .icm-single-builder-grid .icm-single-bottom-stack,
body.single-post .elementor-location-single .icm-single-builder-main .icm-newsletter-section,
body.single-post .elementor-location-single .icm-single-builder-main .elementor-widget-icm_article_newsletter,
body.single-post .elementor-location-single .icm-single-builder-main .elementor-widget-icm_single_newsletter,
body.single-post .elementor-location-single .icm-single-builder-grid .elementor-widget-icm_article_newsletter,
body.single-post .elementor-location-single .icm-single-builder-grid .elementor-widget-icm_single_newsletter {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.single-post .elementor-location-single .icm-single-builder-grid .icm-newsletter-section__container,
body.single-post .elementor-location-single .icm-single-builder-main .icm-newsletter-section__container {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

@media (max-width: 1100px) {

  html body.single-post .icm-newsletter-section__container,
  html body.single-post .icm-newsletter-section--portable .icm-newsletter-section__container,
  html body.single-post .icm-single-bottom-stack>.icm-container,
  body.single-post .elementor-location-single .icm-newsletter-section__container,
  body.single-post .elementor-location-single .icm-single-bottom-stack>.icm-container,
  body.single-post .elementor-location-single .elementor-widget-icm_article_newsletter,
  body.single-post .elementor-location-single .elementor-widget-icm_single_newsletter {
    width: min(var(--icm-container, 1200px), calc(100% - 40px)) !important;
  }
}

@media (max-width: 767px) {

  html body.single-post .icm-newsletter-section__container,
  html body.single-post .icm-newsletter-section--portable .icm-newsletter-section__container,
  html body.single-post .icm-single-bottom-stack>.icm-container,
  body.single-post .elementor-location-single .icm-newsletter-section__container,
  body.single-post .elementor-location-single .icm-single-bottom-stack>.icm-container,
  body.single-post .elementor-location-single .elementor-widget-icm_article_newsletter,
  body.single-post .elementor-location-single .elementor-widget-icm_single_newsletter {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }
}

/* Do not apply viewport gutters twice to the dark card itself. */
body.single-post .elementor-location-single .icm-single-newsletter,
body.single-post .elementor-location-single .icm-article-newsletter {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 900px) {

  html body .icm-article-newsletter.icm-single-newsletter,
  html body .icm-newsletter--portable.icm-article-newsletter,
  html body .elementor-widget-icm_article_newsletter .icm-newsletter--portable,
  html body .elementor-widget-icm_single_newsletter .icm-newsletter--portable {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 16px !important;
    min-height: 0 !important;
  }

  html body .icm-article-newsletter .icm-newsletter__copy,
  html body .icm-article-newsletter .icm-single-newsletter__copy {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
  }

  html body .icm-article-newsletter .icm-newsletter__title {
    font-size: 17px;
    line-height: 1.55;
  }

  html body .icm-article-newsletter .icm-newsletter__text {
    font-size: 11px;
  }

  html body .icm-article-newsletter .icm-newsletter__form,
  html body .icm-newsletter--portable .icm-newsletter__form,
  html body .elementor-widget-icm_article_newsletter .icm-newsletter__form,
  html body .elementor-widget-icm_single_newsletter .icm-newsletter__form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .icm-article-newsletter .icm-newsletter__input,
  html body .elementor-widget-icm_article_newsletter .icm-newsletter__input,
  html body .elementor-widget-icm_single_newsletter .icm-newsletter__input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px;
    font-size: 12px;
    padding: 0 12px;
    box-sizing: border-box;
  }

  html body .icm-article-newsletter .icm-newsletter__submit,
  html body .icm-newsletter--portable .icm-newsletter__submit,
  html body .elementor-widget-icm_article_newsletter .icm-newsletter__submit,
  html body .elementor-widget-icm_single_newsletter .icm-newsletter__submit {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: 40%;
    margin-top: 0 !important;
    padding-inline: 14px;
    white-space: nowrap;
  }

  html body .icm-article-newsletter .icm-newsletter__feedback {
    position: static;
    margin-top: 2px;
  }
}

@media (max-width: 420px) {

  html body .icm-article-newsletter .icm-newsletter__form,
  html body .elementor-widget-icm_article_newsletter .icm-newsletter__form,
  html body .elementor-widget-icm_single_newsletter .icm-newsletter__form {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body .icm-article-newsletter .icm-newsletter__input,
  html body .icm-article-newsletter .icm-newsletter__submit,
  html body .elementor-widget-icm_article_newsletter .icm-newsletter__submit,
  html body .elementor-widget-icm_single_newsletter .icm-newsletter__submit {
    width: 100% !important;
    max-width: none !important;
  }
}


/* ========================================================================
   FIX80 ? Footer follow-us widget (brand column row 2) + standard logo size
   ======================================================================== */
html body .icm-site-footer,
html body .icm-footer.icm-site-footer {
  font-family: var(--icm-font-primary, var(--icm-font, "Vazirmatn", sans-serif));
}

html body .icm-site-footer .icm-footer-logo,
html body .icm-footer .icm-footer__brand img,
html body .icm-footer__brand>img {
  display: block !important;
  width: var(--icm-footer-logo-w, 140px) !important;
  max-width: min(var(--icm-footer-logo-w, 140px), 70vw) !important;
  height: auto !important;
  max-height: 52px !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

html body .icm-footer-socials__heading,
html body .icm-footer-brand__social .widget-title,
html body .icm-footer-follow-widget .widget-title,
html body .icm-footer-social-widget .widget-title {
  margin: 18px 0 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

html body .icm-footer-brand__social,
html body .icm-footer-follow-area,
html body .icm-footer-follow {
  width: 100% !important;
  display: block !important;
  margin-top: 22px !important;
  clear: both !important;
}

html body .icm-footer-brand__social .widget,
html body .icm-footer-follow-widget,
html body .icm-footer-social-widget {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .icm-footer-socials,
html body .icm-socials,
html body .icm-footer-follow .icm-footer-socials {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 0 !important;
}

html body .icm-footer-socials a,
html body .icm-socials a,
html body .icm-footer-socials__link {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden;
  text-decoration: none !important;
}

html body .icm-footer-socials__icon {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}

html body .icm-footer-socials__label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
}

/* ========================================================================
   FIX81 ? Footer brand column matches reference (logo size + follow block)
   ======================================================================== */
html body .icm-site-footer,
html body .icm-footer,
html body .icm-global-builder--footer,
html body .icm-global-builder.icm-global-builder--footer,
html body .elementor-widget-icm_site_footer {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  background: var(--icm-footer-bg, var(--icm-surface-navy, #001D36)) !important;
  color: #fff;
  font-family: var(--icm-font-primary, var(--icm-font, "Vazirmatn", sans-serif)) !important;
  box-sizing: border-box !important;
}

html body .icm-site-header,
html body .icm-header.icm-site-header,
html body .icm-global-builder--header,
html body .icm-global-builder.icm-global-builder--header,
html body .elementor-widget-icm_site_header {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-inline: calc(50% - 50vw) !important;
  background: var(--icm-header-bg, var(--icm-surface-navy, #001D36)) !important;
  box-sizing: border-box !important;
}

html body .icm-global-builder--footer>.elementor,
html body .icm-global-builder--footer .elementor-section,
html body .icm-global-builder--footer .e-con,
html body .icm-global-builder--header>.elementor,
html body .icm-global-builder--header .elementor-section,
html body .icm-global-builder--header .e-con {
  width: 100% !important;
  max-width: 100% !important;
}

html body .icm-site-footer .icm-footer__shell,
html body .icm-footer .icm-container.icm-footer__shell {
  width: min(var(--icm-container, 1200px), calc(100% - var(--icm-container-gutter, 36px) * 2)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-inline: auto !important;
  padding-block: 40px 28px;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

html body .icm-footer-grid,
html body .icm-footer__grid {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.55fr) repeat(4, minmax(0, 1fr)) !important;
  gap: 32px 36px !important;
  align-items: start !important;
}

html body .icm-footer-brand,
html body .icm-footer__brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: right !important;
  min-width: 0;
  padding-inline-end: 8px;
}

/* Standard footer logo: 118px wide, natural aspect (no forced 48px height). */
html body .icm-site-footer .icm-footer-logo,
html body .icm-footer .icm-footer__brand img,
html body .icm-footer__brand>img,
html body .icm-site-footer .icm-footer-brand img {
  display: block !important;
  width: var(--icm-footer-logo-w, 118px) !important;
  max-width: min(var(--icm-footer-logo-w, 118px), 55vw) !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: right center !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .icm-footer-brand__text,
html body .icm-footer-brand>p:not(.icm-footer-socials__heading),
html body .icm-footer__brand>p:not(.icm-footer-socials__heading) {
  max-width: min(280px, 100%) !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

html body .icm-footer-socials__heading,
html body .follow-title,
html body .icm-social-title,
html body .footer-social-title,
html body .icm-footer-brand__social .widget-title,
html body .icm-footer-follow-widget .widget-title,
html body .icm-footer-social-widget .widget-title,
html body .icm-footer-follow .icm-footer-socials__heading {
  width: 100% !important;
  margin: 18px 0 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  clear: both !important;
}

/* Icon slot in front of "Follow Us" text */
.icm-follow-icon-slot,
html body .icm-follow-icon-slot {
  display: inline-flex !important;
  align-items: center !important;
  margin-inline-end: 8px !important;
  vertical-align: middle !important;
}

.icm-follow-icon-slot svg,
.icm-follow-icon-slot i,
.icm-follow-icon-slot img {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  vertical-align: middle !important;
}

html body .icm-footer-brand__social,
html body .icm-footer-follow-area,
html body .icm-footer-follow,
html body .icm-footer-social,
html body .footer-social-section,
html body .icm-follow-us {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-top: 16px !important;
  clear: both !important;
}

html body .icm-footer-brand__social .widget,
html body .icm-footer-follow-widget,
html body .icm-footer-social-widget {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

/* Reference socials: rounded squares (not circles), ~34px, wrap on new line below heading. */
html body .icm-footer-socials,
html body .icm-socials,
html body .icm-social-links,
html body .social-icons,
html body .icm-footer-follow .icm-footer-socials,
html body .icm-footer-brand .icm-footer-socials,
html body .icm-footer-social .social-icons,
html body .footer-social-section .social-icons,
html body .icm-follow-us .social-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html body .icm-footer-socials a,
html body .icm-socials a,
html body .icm-footer-socials__link,
html body .icm-footer-brand .icm-footer-socials a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body .icm-footer-socials__icon {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
}

html body .icm-footer-socials__label {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: inherit !important;
}

html body .icm-footer-col__title,
html body .icm-footer-col .widget-title,
html body .icm-footer-col h3 {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

html body .icm-footer-col a,
html body .icm-footer__column a {
  display: block !important;
  padding: 4px 0 !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
}

html body .icm-footer-col a:hover {
  color: #fff !important;
}

/* 3. Footer widget bottom separator line (match image_e6e64d.png) */
html body .footer-main-widgets,
html body .icm-footer-widgets,
html body .icm-footer-main,
html body .icm-footer-main-grid,
html body .icm-footer-grid,
html body .icm-footer__grid,
html body .icm-site-footer .footer-main-widgets,
html body .icm-site-footer .icm-footer-widgets,
html body .icm-site-footer .icm-footer-main-grid,
html body .icm-site-footer .icm-footer-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin-top: 30px !important;
  padding-bottom: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .icm-footer-bottom,
html body .icm-footer__bottom,
html body .icm-footer-bottom--with-line {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 24px !important;
  padding-top: 20px !important;
  border-top: none !important;
  box-sizing: border-box !important;
}

/* Row 1: 2 columns ? lang (right) + copyright (left), like attachment 3. */
html body .icm-footer-bottom__row--meta {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl !important;
}

html body .icm-footer-bottom__col {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .icm-footer-bottom__col--lang {
  text-align: right !important;
}

html body .icm-footer-bottom__col--copy {
  text-align: left !important;
}

html body .icm-footer-bottom__col .widget,
html body .icm-footer-bottom-widget {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .icm-footer-bottom__bar {
  display: contents !important;
  /* legacy safety */
}

html body .icm-footer-bottom__copy {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.70) !important;
  direction: rtl !important;
  unicode-bidi: plaintext;
  white-space: normal !important;
}

html body .icm-footer-lang-pills {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: ltr !important;
}

html body .icm-footer-lang-pills__item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 0 !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: default;
}

html body a.icm-footer-lang-pills__item {
  cursor: pointer;
}

html body a.icm-footer-lang-pills__item:hover {
  color: #fff !important;
}

html body .icm-footer-lang-pills__item.is-current {
  background: #ffffff !important;
  color: #0a1524 !important;
  border: 0 !important;
  font-weight: 700 !important;
}

/* Row 2: full-width legal box */
html body .icm-footer-bottom__row--legal {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .icm-footer-legal {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 20px 22px !important;
  border-radius: 12px !important;
  background: #151c2c !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
  text-align: center !important;
  direction: rtl !important;
}

html body .icm-footer-legal__line {
  margin: 0 0 11px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.95 !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

html body .icm-footer-legal__line:last-child {
  margin-bottom: 0 !important;
}

html body .icm-footer-legal__warning {
  color: #c9a227 !important;
  font-weight: 700 !important;
}

html body .icm-footer-legal__em {
  color: #c9a227 !important;
  font-weight: 700 !important;
}

@media (max-width: 980px) {

  html body .icm-footer-grid,
  html body .icm-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 24px !important;
  }

  html body .icm-footer-brand,
  html body .icm-footer__brand {
    grid-column: 1 / -1 !important;
  }
}

/* Mobile: same Theme Settings gutters as the rest of the site (no fixed 14px). */
@media (max-width: 720px) {

  html body .icm-site-footer .icm-footer__shell,
  html body .icm-footer .icm-container.icm-footer__shell,
  html body .icm-site-footer .icm-container {
    width: min(var(--icm-container, 1200px), calc(100% - var(--icm-container-gutter-sm, 14px) * 2)) !important;
    max-width: var(--icm-container, 1200px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
    padding-block: 28px 20px !important;
    box-sizing: border-box !important;
  }

  html body .icm-footer-grid,
  html body .icm-footer__grid,
  html body .icm-footer-bottom,
  html body .icm-footer__bottom,
  html body .icm-footer-bottom__row,
  html body .icm-footer-bottom__row--meta,
  html body .icm-footer-bottom__row--legal,
  html body .icm-footer-legal {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }

  html body .icm-footer-brand,
  html body .icm-footer__brand {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
  }

  html body .icm-footer-grid,
  html body .icm-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
  }

  html body .icm-footer-col,
  html body .icm-footer__column {
    min-width: 0 !important;
  }

  html body .icm-site-footer .icm-footer-logo,
  html body .icm-footer .icm-footer__brand img {
    width: min(var(--icm-footer-logo-w, 118px), 42vw) !important;
  }

  html body .icm-footer-bottom__row--meta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html body .icm-footer-bottom__col,
  html body .icm-footer-bottom__col--lang,
  html body .icm-footer-bottom__col--copy {
    width: 100% !important;
    max-width: 100% !important;
    text-align: right !important;
  }

  html body .icm-footer-bottom__copy {
    text-align: right !important;
  }

  html body .icm-footer-lang-pills {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html body .icm-footer-legal {
    padding: 16px 14px !important;
    border-radius: 10px !important;
  }
}

/* === FIX: Single article CTA must match Articles page CTA exactly === */
html body.single-post .elementor-widget-icm_academy_cta,
html body.single-post .elementor-location-single .elementor-widget-icm_academy_cta {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.single-post .elementor-widget-icm_academy_cta>.elementor-widget-container,
html body.single-post .elementor-location-single .elementor-widget-icm_academy_cta>.elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

html body.single-post .icm-final-cta,
html body.single-post .elementor-location-single .icm-final-cta {
  background: #fff !important;
  padding: 8px 0 7px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

html body.single-post .icm-final-cta>.icm-container.icm-final-cta__inner,
html body.single-post .elementor-location-single .icm-final-cta>.icm-container {
  width: min(var(--icm-container, 1200px), calc(100% - 64px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) 86px !important;
  grid-template-areas: "button copy icon" !important;
  direction: ltr !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 88px !important;
  height: auto !important;
  padding: 8px 24px !important;
  background: #001f39 !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body.single-post .icm-final-cta__inner>.icm-btn {
  grid-area: button !important;
  justify-self: start !important;
  direction: rtl !important;
  white-space: nowrap !important;
}

html body.single-post .icm-final-cta__inner>div {
  grid-area: copy !important;
  direction: rtl !important;
  text-align: center !important;
  min-width: 0 !important;
}

html body.single-post .icm-final-cta__icon {
  grid-area: icon !important;
  justify-self: end !important;
  width: 62px !important;
  height: 58px !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

html body.single-post .icm-final-cta__title,
html body.single-post .icm-final-cta h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 19px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

html body.single-post .icm-final-cta__description,
html body.single-post .icm-final-cta p {
  margin: 2px 0 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 9px !important;
  line-height: 1.7 !important;
}

@media (max-width: 720px) {

  html body.single-post .icm-final-cta>.icm-container.icm-final-cta__inner,
  html body.single-post .elementor-location-single .icm-final-cta>.icm-container {
    width: calc(100% - 28px) !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-areas: "icon copy" "button button" !important;
    gap: 12px 15px !important;
    padding: 14px 16px !important;
  }

  html body.single-post .icm-final-cta__icon {
    justify-self: start !important;
  }

  html body.single-post .icm-final-cta__inner>div {
    text-align: right !important;
  }

  html body.single-post .icm-final-cta__inner>.icm-btn {
    justify-self: stretch !important;
    text-align: center !important;
  }
}

/* === FIX: Academy learning-path + selected cards ? restore readable RTL copy ===
   Outer card must NOT be a 2-col grid (that crushes the single <a> into one column).
   Copy column uses 1fr so text never collapses to a 1-character vertical stack. */
html body .icm-topic-card,
html body .elementor-widget-icm_academy_collections .icm-topic-card {
  display: block !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html body .icm-topic-card__link,
html body .elementor-widget-icm_academy_collections .icm-topic-card__link {
  display: grid !important;
  grid-template-columns: minmax(0, var(--icm-topic-image-width, 40%)) minmax(0, 1fr) !important;
  grid-template-areas: "image body" !important;
  direction: ltr !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

html body .icm-topic-card__image {
  grid-area: image !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .icm-topic-card__body {
  grid-area: body !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  direction: rtl !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
  overflow: hidden !important;
}

html body .icm-topic-card__title,
html body .icm-topic-card h3,
html body .icm-topic-card__description,
html body .icm-topic-card p {
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  max-width: 100% !important;
  width: auto !important;
}

html body .icm-selected-card,
html body .elementor-widget-icm_academy_selected .icm-selected-card {
  display: block !important;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html body .icm-selected-card__link,
html body .elementor-widget-icm_academy_selected .icm-selected-card__link {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--icm-selected-image-width, 44%)) !important;
  grid-template-areas: "copy image" !important;
  direction: ltr !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
}

html body .icm-selected-card__text {
  grid-area: copy !important;
  min-width: 0 !important;
  direction: rtl !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
}

html body .icm-selected-card__image {
  grid-area: image !important;
  min-width: 0 !important;
}

html body .icm-selected-card h3,
html body .icm-selected-card__excerpt {
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  max-width: 100% !important;
}

html body .icm-topic-card--no-image .icm-topic-card__link {
  grid-template-columns: 1fr !important;
  grid-template-areas: "body" !important;
  direction: rtl !important;
}


/* ========================================================================
   FIX84 ? Filter bar + learning-path cards match reference attachment
   ======================================================================== */

/* Filter bar: one row, pills, funnel label on the left (RTL end). */
html body .icm-filterbar {
  background: #f5f7f9 !important;
  padding: 10px 0 4px !important;
}

html body .icm-filterbar__inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 56px !important;
  padding-block: 10px !important;
  border-top: 1px solid #e6ebf0 !important;
  border-bottom: 1px solid #e6ebf0 !important;
  box-sizing: border-box !important;
  direction: rtl !important;
}

html body .icm-filterbar__inner--label-top {
  flex-direction: column !important;
  align-items: stretch !important;
}

html body .icm-filterbar__inner--label-top .icm-filterbar__label {
  order: 0 !important;
  width: auto !important;
}

html body .icm-filterbar__inner--label-right .icm-filterbar__label {
  order: 0 !important;
  /* first in RTL = visual right */
}

html body .icm-filterbar__inner--label-left .icm-filterbar__label {
  order: 2 !important;
  /* last in RTL = visual left ? attachment default */
}

html body .icm-filterbar__rail,
html body .icm-filter-slider {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-self: center !important;
  order: 1 !important;
}

html body .icm-filterbar__rail {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  direction: rtl !important;
}

/* Items row align (RTL: flex-start = right). */
html body .icm-filterbar__inner--items-right .icm-filterbar__rail {
  justify-content: flex-start !important;
}

html body .icm-filterbar__inner--items-center .icm-filterbar__rail {
  justify-content: center !important;
}

html body .icm-filterbar__inner--items-left .icm-filterbar__rail {
  justify-content: flex-end !important;
}

/* Text inside each category pill. */
html body .icm-filterbar__inner--pills-right .icm-filterbar__rail a {
  justify-content: flex-start !important;
  text-align: right !important;
}

html body .icm-filterbar__inner--pills-center .icm-filterbar__rail a {
  justify-content: center !important;
  text-align: center !important;
}

html body .icm-filterbar__inner--pills-left .icm-filterbar__rail a {
  justify-content: flex-end !important;
  text-align: left !important;
}

html body .icm-filterbar__label {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 1px solid #d7dee6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4a6073 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body .icm-filterbar__funnel {
  display: block !important;
  flex: 0 0 auto !important;
  color: #5b7285 !important;
}

html body .icm-filterbar__label b {
  font-weight: 600 !important;
}

html body .icm-filterbar__label--align-start {
  justify-content: flex-start !important;
}

html body .icm-filterbar__label--align-center {
  justify-content: center !important;
}

html body .icm-filterbar__label--align-end {
  justify-content: flex-end !important;
}

html body .icm-filterbar__inner--label-top .icm-filterbar__label--align-start {
  align-self: flex-start !important;
}

html body .icm-filterbar__inner--label-top .icm-filterbar__label--align-center {
  align-self: center !important;
}

html body .icm-filterbar__inner--label-top .icm-filterbar__label--align-end {
  align-self: flex-end !important;
}

html body .icm-filterbar__rail a {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  min-width: 0 !important;
  padding: 7px 16px !important;
  border: 1px solid #d7dee6 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #35516a !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

html body .icm-filterbar__rail a.is-active,
html body .icm-filterbar__rail a:hover {
  background: #001f39 !important;
  border-color: #001f39 !important;
  color: #fff !important;
}

/* Learning-path cards: horizontal image-left / text-right like reference. */
html body .icm-section--collections {
  background: #f5f7f9 !important;
}

html body .icm-topic-card,
html body .icm-topic-card--path,
html body .elementor-widget-icm_academy_collections .icm-topic-card {
  display: block !important;
  flex-direction: unset !important;
  min-height: 168px !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid #dde5ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .icm-topic-card__link,
html body .icm-topic-card--path .icm-topic-card__link {
  display: grid !important;
  grid-template-columns: var(--icm-topic-image-width, 40%) minmax(0, 1fr) !important;
  grid-template-areas: "image body" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: 168px !important;
  height: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
  direction: ltr !important;
  /* image left, body right */
}

html body .icm-topic-card__image {
  grid-area: image !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 168px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html body .icm-topic-card__image img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

html body .icm-topic-card__badge {
  display: none !important;
}

html body .icm-topic-card__body {
  grid-area: body !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px 16px 42px !important;
  background: #fff !important;
  direction: rtl !important;
  text-align: right !important;
  box-sizing: border-box !important;
}

html body .icm-topic-card__title,
html body .icm-topic-card h3 {
  margin: 0 0 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body .icm-topic-card--gold .icm-topic-card__title,
html body .icm-topic-card--gold h3 {
  color: #8C845E !important;
}

html body .icm-topic-card--navy .icm-topic-card__title,
html body .icm-topic-card--navy h3 {
  color: #1E6DC9 !important;
}

html body .icm-topic-card--green .icm-topic-card__title,
html body .icm-topic-card--green h3 {
  color: #0A7A2E !important;
}

html body .icm-topic-card__description,
html body .icm-topic-card p {
  margin: 0 !important;
  color: #5a6f82 !important;
  font-size: 11.5px !important;
  line-height: 1.85 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body .icm-topic-card .icm-topic-meta {
  position: absolute !important;
  right: 16px !important;
  left: 52px !important;
  bottom: 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #7a8b99 !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

html body .icm-topic-card__footer {
  display: none !important;
}

html body .icm-topic-card .icm-round-arrow {
  position: absolute !important;
  left: 14px !important;
  bottom: 12px !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  color: #fff !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  line-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

html body .icm-topic-card--gold .icm-round-arrow {
  background: #8C845E !important;
}

html body .icm-topic-card--navy .icm-round-arrow {
  background: #1E6DC9 !important;
}

html body .icm-topic-card--green .icm-round-arrow {
  background: #0A7A2E !important;
}

html body .icm-topic-card--no-image .icm-topic-card__link {
  grid-template-columns: 1fr !important;
  grid-template-areas: "body" !important;
}

html body .icm-topic-card--no-image .icm-topic-card__image {
  display: none !important;
}

html body .icm-topic-card:hover {
  transform: none;
  box-shadow: 0 6px 18px rgba(13, 71, 120, 0.06);
  border-color: #cfd9e3 !important;
}

/* Card inner content align (editable). Default = right like attachment. */
html body .icm-section--collections-align-right .icm-topic-card__body {
  text-align: right !important;
  align-items: flex-start !important;
}

html body .icm-section--collections-align-center .icm-topic-card__body {
  text-align: center !important;
  align-items: center !important;
}

html body .icm-section--collections-align-center .icm-topic-card .icm-topic-meta {
  justify-content: center !important;
  right: 52px !important;
  left: 52px !important;
}

html body .icm-section--collections-align-left .icm-topic-card__body {
  text-align: left !important;
  align-items: flex-end !important;
}

html body .icm-section--collections-align-left .icm-topic-card .icm-topic-meta {
  justify-content: flex-end !important;
  right: 52px !important;
  left: 16px !important;
}

@media (max-width: 720px) {
  html body .icm-filterbar__inner:not(.icm-filterbar__inner--label-top) {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  html body .icm-topic-card__link {
    grid-template-columns: 38% minmax(0, 1fr) !important;
    min-height: 150px !important;
  }

  html body .icm-topic-card__image {
    min-height: 150px !important;
  }

  html body .icm-topic-card__body {
    padding: 14px 14px 40px !important;
  }
}

/* ========================================================================
   FIX85 ? Single left arrow, content-sized filters, gutters, slider restore
   Match attachment 2 colors; do not restyle unrelated sections.
   ======================================================================== */

/* 1) One centered left chevron via CSS only (no glyph + ::before double). */
html body .icm-round-arrow,
html body .icm-topic-card .icm-round-arrow,
html body .icm-selected-card .icm-round-arrow,
html body .icm-single-related-card__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  color: #fff !important;
  overflow: hidden !important;
  text-indent: 0 !important;
}

html body .icm-round-arrow::before,
html body .icm-topic-card .icm-round-arrow::before,
html body .icm-selected-card .icm-round-arrow::before,
html body .icm-single-related-card__arrow::before {
  content: "" !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  border: 0 !important;
  border-left: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

/* Path cards: single RIGHT chevron to match attachment (selected cards keep left). */
html body .icm-topic-card .icm-round-arrow::before {
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
}

/* 2) Filter pills: natural width (beat Elementor equal-column stretch). */
html body .icm-filterbar__rail>a,
html body .icm-filterbar .icm-filterbar__rail>a,
html body .icm-filter-slider .icm-filterbar__rail>a,
html body .icm-filterbar__rail>* {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 7px 14px !important;
}

html body .icm-filterbar__inner:not(.icm-filterbar__inner--label-top) {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

html body .icm-filterbar__label {
  align-self: center !important;
  margin-block: 0 !important;
}

/* Attachment 2 palette lock for filter + learning paths only. */
html body .icm-filterbar,
html body .icm-section--collections {
  background: #f5f7f9 !important;
}

html body .icm-topic-card,
html body .icm-topic-card--path {
  background: #fff !important;
  border-color: #dde5ec !important;
  box-shadow: 0 2px 10px rgba(13, 71, 120, 0.04) !important;
}

html body .icm-filterbar__rail a.is-active,
html body .icm-filterbar__rail a:hover {
  background: #001f39 !important;
  border-color: #001f39 !important;
  color: #fff !important;
}

html body .icm-section--collections .icm-topic-card--gold .icm-topic-card__title,
html body .icm-section--collections .icm-topic-card--gold h3 {
  color: #8C845E !important;
}

html body .icm-section--collections .icm-topic-card--navy .icm-topic-card__title,
html body .icm-section--collections .icm-topic-card--navy h3 {
  color: #1E6DC9 !important;
}

html body .icm-section--collections .icm-topic-card--green .icm-topic-card__title,
html body .icm-section--collections .icm-topic-card--green h3 {
  color: #0A7A2E !important;
}

html body .icm-section--collections .icm-topic-card--gold .icm-round-arrow {
  background: #8C845E !important;
}

html body .icm-section--collections .icm-topic-card--navy .icm-round-arrow {
  background: #1E6DC9 !important;
}

html body .icm-section--collections .icm-topic-card--green .icm-round-arrow {
  background: #0A7A2E !important;
}

/* 3) Mobile empty gutter: kill remaining 100vw full-bleeds. */
@media (max-width: 1099px) {

  html,
  body {
    max-width: 100% !important;
    overflow-x: clip;
  }

  .icm-global-builder--header .icm-header.icm-site-header,
  .icm-global-builder--footer .icm-footer.icm-site-footer,
  .icm-site-header,
  .icm-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  .icm-site-header .icm-main-nav,
  .icm-header.icm-site-header .icm-main-nav {
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .icm-container,
  .elementor-section .elementor-container,
  .e-con>.e-con-inner {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* 4) Restore horizontal rails / sliders (do not force grid on scroll modes). */
@media (max-width: 1024px) {

  html body .icm-topic-row.icm-scroll-rail,
  html body .icm-topic-row[data-horizontal-scroll],
  html body .icm-selected-row.icm-scroll-rail,
  html body .icm-selected-row[data-horizontal-scroll],
  html body .icm-guide-row.icm-scroll-rail,
  html body .icm-guide-row[data-horizontal-scroll],
  html body .icm-filterbar__rail.icm-scroll-rail,
  html body .icm-filterbar__rail[data-horizontal-scroll],
  html body .icm-popular-row[data-horizontal-scroll],
  html body .icm-related-rail[data-horizontal-scroll],
  html body .icm-row-rail.icm-scroll-rail,
  html body .icm-row-rail[data-horizontal-scroll] {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }
}

@media (max-width: 767px) {

  html body .icm-topic-row.icm-scroll-rail>.icm-topic-card,
  html body .icm-topic-row[data-horizontal-scroll]>.icm-topic-card {
    flex: 0 0 min(88%, 320px) !important;
    width: min(88%, 320px) !important;
    max-width: min(88%, 320px) !important;
    scroll-snap-align: start !important;
  }

  html body .icm-selected-row.icm-scroll-rail>.icm-selected-card,
  html body .icm-selected-row[data-horizontal-scroll]>.icm-selected-card {
    flex: 0 0 min(88%, 320px) !important;
    width: min(88%, 320px) !important;
    max-width: min(88%, 320px) !important;
    scroll-snap-align: start !important;
  }
}

/* Section title + view-all stay one row (attachment 2). */
html body .icm-section--collections .icm-section-title {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

html body .icm-section--collections .icm-section-title a {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ========================================================================
   CANONICAL media fill ? fixed card frames always cover (no letterbox gaps).
   Do not reintroduce object-fit:contain on these selectors.
   ======================================================================== */
html body .icm-topic-card__image,
html body .elementor-widget-icm_academy_collections .icm-topic-card__image {
  padding: 0 !important;
  background: transparent !important;
}

html body .icm-topic-card__image img,
html body .elementor-widget-icm_academy_collections .icm-topic-card__image img,
html body .icm-selected-card__image img,
html body .elementor-widget-icm_academy_selected .icm-selected-card__image img,
html body .icm-article-card__image img,
html body .icm-section--articles-grid .icm-article-card__image img,
html body .icm-collection-card__visual img,
html body .icm-related-item .icm-article-card__image img,
html body .icm-sidebar-post img,
html body .icm-popular img,
html body .icm-webinar__image img,
html body .icm-webinar-slide__image img,
html body .icm-section--webinar-upcoming .icm-webinar-slide__image img,
html body .icm-section--webinar-replays .icm-webinar-slide__image img,
html body .icm-fix12-past-webinars .icm-webinar-slide__image img,
html body .icm-archive-feature__image img,
html body .icm-featured-banner__media img,
html body .icm-webinar-card__cover img,
html body .icm-archive-feature-slider .icm-archive-feature__image img {
  object-fit: cover !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* ========================================================================
   FIX: archive/webinar empty space
   Root cause: Elementor .e-con.e-flex + widget without definite width makes the
   flex item's intrinsic height explode (widget ~9k px while content ~1.9k).
   Fix: definite width:100% + height:auto on widget/container; kill SR clip inflate;
   compact featured banner on mobile.
   ======================================================================== */
html body .screen-reader-text,
html body .icm-sr-only,
html body .elementor-widget-icm_webinar_archive_library .screen-reader-text,
html body .elementor-widget-icm_articles_header .screen-reader-text,
html body .elementor-widget-icm_articles_grid .screen-reader-text,
html body .icm-webinars-library .screen-reader-text,
html body .icm-articles-head .screen-reader-text,
html body .icm-skip-link.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
  top: 0 !important;
  right: auto !important;
  left: 0 !important;
  bottom: auto !important;
  inset: auto !important;
}

html body .elementor-widget-icm_webinar_archive_library,
html body .elementor-widget-icm_articles_grid,
html body .elementor-widget-icm_articles_featured,
html body .elementor-widget-icm_articles_header,
html body .elementor-widget-icm_academy_hero,
html body .elementor-widget-icm_academy_collections,
html body .elementor-widget-icm_academy_selected,
html body .elementor-widget-icm_academy_guides,
html body .elementor-widget-icm_academy_webinar,
html body .elementor-widget-icm_academy_cta,
html body .e-con.e-flex>.elementor-widget-icm_webinar_archive_library,
html body .e-con.e-flex>.elementor-widget-icm_articles_grid,
html body .e-con.e-flex>.elementor-widget-icm_articles_featured,
html body .e-con.e-flex>.elementor-widget-icm_articles_header,
html body .e-con.e-flex>[class*="elementor-widget-icm_"]:not(.elementor-widget-icm_webinar_single_content):not(.elementor-widget-icm_webinar_single_info) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}

html body .elementor-widget-icm_webinar_archive_library>.elementor-widget-container,
html body .elementor-widget-icm_articles_grid>.elementor-widget-container,
html body .elementor-widget-icm_articles_featured>.elementor-widget-container,
html body .elementor-widget-icm_articles_header>.elementor-widget-container,
html body .e-con>.elementor-widget-icm_webinar_archive_library>.elementor-widget-container,
html body .e-con>.elementor-widget-icm_articles_grid>.elementor-widget-container,
html body .e-con>.elementor-widget-icm_articles_featured>.elementor-widget-container,
html body .e-con>.elementor-widget-icm_articles_header>.elementor-widget-container,
html body .e-con>[class*="elementor-widget-icm_"]>.elementor-widget-container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body .icm-webinar-grid,
html body .icm-article-grid,
html body .icm-topic-grid,
html body .icm-collections-grid,
html body .icm-webinar-card,
html body .icm-article-card,
html body .icm-topic-card,
html body .icm-selected-card {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Carousel: no double-counted white strip under flow dots */
html body .icm-selected-slider.icm-carousel--has-dots,
html body .icm-collections-slider.icm-carousel--has-dots,
html body .icm-filter-slider.icm-carousel--has-dots,
html body .icm-guide-slider.icm-carousel--has-dots,
html body .icm-popular-slider.icm-carousel--has-dots,
html body .icm-related-slider.icm-carousel--has-dots,
html body .icm-archive-feature-slider.icm-carousel--has-dots,
html body .icm-webinar-slider.icm-carousel--has-dots,
html body .icm-past-webinars-shell.icm-carousel--has-dots,
html body .icm-slider.icm-carousel--has-dots {
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {

  html body .icm-archive-feature,
  html body .icm-archive-feature-stage,
  html body .icm-archive-feature__link,
  html body .icm-featured-banner--archive .icm-archive-feature__link,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    height: auto !important;
    min-height: 0 !important;
  }

  html body .icm-archive-feature__image,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 220px !important;
  }

  html body .icm-archive-feature__copy,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 16px 18px !important;
    justify-content: flex-start !important;
    background: var(--icm-deeper, #001f39) !important;
  }

  html body .icm-archive-feature__copy .icm-btn,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy .icm-btn {
    margin-top: 10px !important;
  }

  html body .icm-webinars-upcoming {
    padding-bottom: 12px !important;
  }

  html body .icm-webinar-slider__viewport,
  html body .icm-webinar-slide {
    min-height: 0 !important;
    height: auto !important;
  }

  html body :where(.icm-article-grid, .icm-webinar-grid, .icm-topic-grid, .icm-collections-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body :where(.icm-article-grid, .icm-webinar-grid, .icm-topic-grid, .icm-collections-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ========================================================================
   Header natural flex flow — logo → nav → actions (dir from html/body)
   RTL: logo far-right, menu beside logo, actions far-left
   LTR: logo far-left, menu beside logo, actions far-right
   ======================================================================== */
html body .icm-site-header .icm-header-inner,
html body .icm-header.icm-site-header .icm-header-inner,
html body .icm-header.icm-site-header .icm-header__inner,
html body .elementor-widget-icm_site_header .icm-header-inner,
html body .elementor-widget-icm_site_header .icm-header__inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  direction: rtl !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}

body.rtl .icm-site-header .icm-header-inner,
body.icm-dir-rtl .icm-site-header .icm-header-inner,
html[dir="rtl"] body .icm-site-header .icm-header-inner,
body.icm-lang-fa .icm-site-header .icm-header-inner,
body.icm-lang-ar .icm-site-header .icm-header-inner,
body.rtl .elementor-widget-icm_site_header .icm-header-inner,
body.icm-dir-rtl .elementor-widget-icm_site_header .icm-header-inner {
  direction: rtl !important;
}

body.ltr .icm-site-header .icm-header-inner,
html[dir="ltr"] body .icm-site-header .icm-header-inner,
body.icm-dir-ltr .icm-site-header .icm-header-inner,
body.icm-lang-en .icm-site-header .icm-header-inner,
body.ltr .elementor-widget-icm_site_header .icm-header-inner,
html[dir="ltr"] body .elementor-widget-icm_site_header .icm-header-inner,
body.icm-dir-ltr .elementor-widget-icm_site_header .icm-header-inner {
  direction: ltr !important;
}

/* 1. Logo: far right in Persian RTL */
html body .icm-site-header .site-branding,
html body .icm-site-header .icm-logo {
  flex-shrink: 0 !important;
  flex: 0 0 auto !important;
  order: 1 !important;
  margin-inline-end: 1.5rem !important;
  margin-inline-start: 0 !important;
}

html body .elementor-widget-icm_site_header .icm-logo,
html body .elementor-widget-icm_site_header .icm-header-logo,
html body .elementor-widget-icm_site_header .site-branding {
  order: 1 !important;
  margin-inline-end: 1.5rem !important;
  margin-inline-start: 0 !important;
  align-self: var(--icm-logo-align, center) !important;
  justify-content: var(--icm-logo-align, center) !important;
}

/* 2. Menu: immediately after logo */
html body .icm-site-header .main-navigation,
html body .icm-site-header .icm-main-nav {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  order: 2 !important;
  margin-inline-end: auto !important;
  margin-inline-start: 0 !important;
  min-inline-size: 0;
}

html body .elementor-widget-icm_site_header .icm-main-nav,
html body .elementor-widget-icm_site_header .main-navigation {
  order: 2 !important;
  flex: 1 1 auto !important;
  margin-inline: 0 !important;
  justify-content: var(--icm-nav-align, flex-start) !important;
  direction: inherit !important;
}

body.ltr .icm-site-header .icm-main-nav,
html[dir="ltr"] body .icm-site-header .icm-main-nav {
  direction: ltr !important;
}

html body .icm-site-header .main-navigation ul.menu,
html body .icm-site-header .main-navigation ul.nav-menu,
html body .icm-site-header .icm-main-nav ul.menu,
html body .icm-site-header .icm-main-nav ul.nav-menu,
html body .icm-site-header .icm-main-nav .icm-main-nav__list,
html body .icm-site-header .icm-main-nav>ul {
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0.35rem !important;
  justify-content: flex-start !important;
  direction: inherit !important;
}

html body .elementor-widget-icm_site_header .icm-main-nav>ul,
html body .elementor-widget-icm_site_header .icm-main-nav .icm-main-nav__list {
  width: 100% !important;
  justify-content: var(--icm-nav-align, flex-start) !important;
}

/* 3. Actions: far left — FA → ورود → ایجاد حساب (RTL internal) */
html body .icm-site-header .header-actions,
html body .icm-site-header .icm-header-actions {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  flex: 0 0 auto !important;
  order: 3 !important;
  gap: 0.75rem !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  direction: rtl !important;
}

html body .elementor-widget-icm_site_header .icm-header-actions,
html body .elementor-widget-icm_site_header .icm-header__actions {
  order: 3 !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
  justify-content: var(--icm-actions-align, flex-start) !important;
  direction: rtl !important;
}

/* Legacy brand-nav wrapper (if present): unwrap to siblings */
html body .icm-site-header .icm-header-brand-nav {
  display: contents !important;
}

body:not(.ltr) .header-actions,
html[dir="rtl"] .header-actions,
body:not(.ltr) .icm-header-actions,
html[dir="rtl"] .icm-header-actions,
body.rtl .icm-site-header .icm-header-actions,
body.icm-dir-rtl .icm-site-header .icm-header-actions {
  direction: rtl !important;
}

body.ltr .header-actions,
html[dir="ltr"] .header-actions,
body.ltr .icm-header-actions,
html[dir="ltr"] .icm-header-actions,
body.icm-dir-ltr .icm-site-header .icm-header-actions,
body.ltr .elementor-widget-icm_site_header .icm-header-actions {
  direction: ltr !important;
}

.icm-main-nav,
.icm-site-header .icm-main-nav,
.icm-nav {
  contain: layout style;
}

.icm-main-nav .sub-menu,
.icm-nav .sub-menu {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-end: 0;
  inset-inline-start: auto;
  margin-block-start: 4px;
  min-inline-size: 200px;
  padding-block: 8px;
  padding-inline: 8px;
}

.icm-main-nav .menu-item-has-children>a::after,
.icm-nav .menu-item-has-children>a::after {
  content: "";
  display: inline-block;
  inline-size: 6px;
  block-size: 6px;
  margin-inline-start: 8px;
  border-block-start: 2px solid currentColor;
  border-inline-end: 2px solid currentColor;
  transform: rotate(135deg);
  vertical-align: middle;
}

/* body.ltr — English: inherit LTR; logo+nav start, actions end */
body.ltr,
body.icm-dir-ltr,
html[dir="ltr"] body {
  direction: ltr;
}

body.ltr .icm-site-header .icm-header-inner,
body.ltr .icm-site-header .icm-header__inner,
body.icm-dir-ltr .icm-site-header .icm-header-inner,
html[dir="ltr"] body .icm-site-header .icm-header-inner {
  direction: ltr !important;
}

body.ltr .icm-main-nav,
body.ltr .icm-site-header .icm-main-nav,
body.ltr .elementor-widget-icm_site_header .icm-main-nav,
body.icm-dir-ltr .icm-main-nav,
html[dir="ltr"] body .icm-main-nav {
  direction: ltr !important;
  text-align: left !important;
}

body.ltr .icm-main-nav>ul,
body.ltr .icm-main-nav .icm-main-nav__list,
body.ltr .icm-nav>ul,
body.icm-dir-ltr .icm-main-nav>ul,
html[dir="ltr"] body .icm-main-nav>ul {
  justify-content: flex-start !important;
  direction: ltr !important;
  text-align: left !important;
}

body.ltr .icm-main-nav .sub-menu,
body.ltr .icm-nav .sub-menu,
body.icm-dir-ltr .icm-main-nav .sub-menu,
html[dir="ltr"] body .icm-main-nav .sub-menu {
  left: 0 !important;
  right: auto !important;
  inset-inline-start: 0 !important;
  inset-inline-end: auto !important;
}

/* Section titles: RTL = heading right / «مشاهده همه» left; LTR flips */
html[dir="rtl"] .icm-section-title,
body.rtl .icm-section-title,
body.icm-dir-rtl .icm-section-title {
  direction: rtl !important;
  text-align: right !important;
  justify-content: space-between !important;
}

html[dir="rtl"] .icm-section-title h2,
body.rtl .icm-section-title h2 {
  text-align: right !important;
}

html[dir="ltr"] .icm-section-title,
body.ltr .icm-section-title,
body.icm-dir-ltr .icm-section-title {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .icm-section-title h2,
body.ltr .icm-section-title h2 {
  text-align: left !important;
}

@media(max-width:1180px) {
  html body .icm-site-header .icm-header-inner {
    display: flex !important;
    justify-content: space-between !important;
  }

  html body.rtl .icm-site-header .icm-header-inner,
  html body:not(.ltr) .icm-site-header .icm-header-inner {
    direction: rtl !important
  }

  body.ltr .icm-site-header .icm-header-inner,
  html[dir="ltr"] body .icm-site-header .icm-header-inner {
    direction: ltr !important
  }

  html body .icm-site-header .icm-main-nav,
  html body .icm-site-header .main-navigation {
    display: none !important;
    visibility: hidden !important;
    margin-inline-end: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
  }

  html body .icm-site-header .icm-main-nav.is-open,
  html body .icm-site-header .main-navigation.is-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    visibility: visible !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: min(70vh, 520px) !important;
  }

  html body .icm-site-header .icm-menu-toggle {
    display: inline-flex;
    margin-inline-start: 0.5rem
  }

  body.ltr .icm-site-header .icm-main-nav,
  body.icm-dir-ltr .icm-site-header .icm-main-nav,
  html[dir="ltr"] body .icm-site-header .icm-main-nav {
    text-align: left !important;
    direction: ltr !important;
  }

  body.ltr .icm-site-header .icm-main-nav>ul>li>a,
  body.icm-dir-ltr .icm-site-header .icm-main-nav>ul>li>a {
    justify-content: flex-start !important;
    text-align: left !important;
    padding-inline: 16px 0;
  }

  body.ltr .icm-site-header .icm-main-nav .sub-menu {
    padding-inline: 16px 0;
    margin-inline: 0;
  }
}

/* ========================================================================
   Academy Hero — slider LEFT-edge flush (do not touch header)
   ======================================================================== */

/* 1) Image flush to physical LEFT edge — zero navy gap opposite text */
.icm-academy-hero .icm-slide,
.icm-academy-hero .academy-hero-slide {
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding-inline-start: 0 !important;
  margin-inline-start: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 11px;
  /* Prevent navy strip showing beside the photo on the left */
  background: transparent !important;
  box-shadow: 0 10px 28px rgba(13, 71, 120, .12);
}

.icm-academy-hero .icm-slider,
.icm-academy-hero .academy-hero-slider {
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 0 !important;
  overflow: visible;
  isolation: isolate;
  background: transparent;
}

.icm-academy-hero .icm-slide-card-link {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  background: transparent !important;
}

.icm-academy-hero .icm-slide__visual,
.icm-academy-hero .icm-slide-media,
.icm-academy-hero .icm-slide-figure {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  overflow: hidden !important;
  border-radius: inherit;
  background-color: transparent !important;
  background-size: cover !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
}

.icm-academy-hero .icm-slide-media,
.icm-academy-hero .icm-slide-figure,
.icm-academy-hero .icm-slide img,
.icm-academy-hero .icm-slide__visual img,
.icm-academy-hero .icm-slide__visual .wp-post-image {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: left center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}

.icm-academy-hero .icm-slide img {
  max-width: none !important;
  height: 100% !important;
  width: 100% !important;
}

/* Text: keep Persian copy on the right over the media */
.icm-academy-hero .icm-slide__copy,
.icm-academy-hero .icm-slide-content {
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 48% !important;
  max-width: 52% !important;
  padding: 2.5rem 2rem !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: right !important;
  color: #fff;
  box-sizing: border-box;
}

.icm-academy-hero .icm-slider>.icm-slide {
  inset-block: 0 22px;
  inset-inline: 0 !important;
  left: 0 !important;
}

/* 2) Stats bar: 4 columns — from LEFT: icon → sign → number / label below */
.icm-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  direction: rtl !important;
  unicode-bidi: isolate;
  gap: 0 !important;
  align-items: stretch;
  max-width: 520px;
  flex-wrap: nowrap !important;
}

.icm-stat-item,
.academy-stat-box,
.icm-stats>.icm-stat-item {
  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-template-areas: "icon number" "label label" !important;
  align-items: center !important;
  justify-content: center !important;
  justify-items: center !important;
  column-gap: 3px;
  row-gap: 4px;
  /* LTR row so physical left = icon, then sign+digits (reverse of broken screenshot) */
  direction: ltr !important;
  text-align: center !important;
  min-width: 0;
  min-height: 58px;
  padding-block: 6px;
  padding-inline: 12px;
  border-inline-start: 1px solid var(--icm-border, #dfe6eb);
  border-left: 0;
  box-sizing: border-box;
  flex-wrap: nowrap !important;
}

.icm-stats>.icm-stat-item:first-child,
.icm-stats>.academy-stat-box:first-child {
  border-inline-start: 0 !important;
  padding-inline-start: 0 !important;
}

.icm-stat-item .stat-icon,
.icm-stat-item .icm-stat-icon,
.academy-stat-box .stat-icon {
  grid-area: icon;
  order: unset !important;
  flex-shrink: 0 !important;
  display: grid;
  place-items: center;
  margin: 0 !important;
  width: 28px;
  height: 28px;
}

.icm-stat-item .stat-icon img,
.icm-stat-item .icm-stat-icon img,
.icm-stat-item .stat-icon svg,
.icm-stat-item .icm-stat-icon svg {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain;
  display: block;
}

.icm-stat-item .stat-number,
.icm-stat-item .icm-stat-number,
.academy-stat-box .stat-number {
  grid-area: number;
  order: unset !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px;
  direction: ltr !important;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: var(--icm-deeper, #001f39);
  margin: 0 !important;
  font-feature-settings: inherit;
  font-variant-numeric: inherit;
}

body:not(.ltr) .icm-stat-item .stat-number,
body.rtl .icm-stat-item .stat-number,
body.icm-digits-eastern .icm-stat-item .stat-number,
html[dir="rtl"] .icm-stat-item .stat-number {
  font-feature-settings: "ss01" on;
}

body.ltr .icm-stat-item .stat-number,
body.icm-digits-latin .icm-stat-item .stat-number,
html[dir="ltr"] .icm-stat-item .stat-number {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: normal;
}

.icm-stat-item .icm-stat-sign {
  flex: 0 0 auto;
  unicode-bidi: isolate;
}

.icm-stat-item .icm-stat-digits {
  flex: 0 0 auto;
  unicode-bidi: isolate;
}

.icm-stat-item .stat-label,
.icm-stat-item .icm-stat-label,
.academy-stat-box .stat-label {
  grid-area: label;
  order: unset !important;
  font-weight: 500;
  font-size: 8.5px;
  line-height: 1.4;
  color: #536b7e;
  width: 100%;
  direction: rtl;
  text-align: center;
}

body.ltr .icm-stat-item .stat-label,
body.ltr .icm-stat-item .icm-stat-label,
html[dir="ltr"] .icm-stat-item .stat-label {
  direction: ltr;
}

.icm-stat-item .icm-stat-main-row,
.icm-stat-item .icm-stat-top {
  display: contents;
}

body.ltr .icm-stats,
html[dir="ltr"] .icm-stats {
  direction: ltr !important;
}

body.ltr .icm-stat-item,
body.ltr .academy-stat-box,
html[dir="ltr"] .icm-stat-item {
  direction: ltr !important;
  text-align: center !important;
}

@media (max-width:720px) {
  .icm-stats {
    grid-template-columns: repeat(4, minmax(110px, 1fr)) !important;
    overflow-x: auto;
    max-width: none;
  }
}


/* ==========================================================================
   ICM Academy Stats Card Layout (RTL & LTR Fix)
   ========================================================================== */
.icm-stat-top {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
}

/* Persian & Arabic (RTL): Icon -> Sign -> Number */
body:not(.ltr) .icm-stat-top,
html[dir="rtl"] .icm-stat-top {
  direction: rtl !important;
}

body:not(.ltr) .icm-stat-top .stat-icon,
html[dir="rtl"] .icm-stat-top .stat-icon {
  order: 1 !important;
  font-size: 1.35rem !important;
  color: #caa153 !important;
}

body:not(.ltr) .icm-stat-top .stat-sign,
html[dir="rtl"] .icm-stat-top .stat-sign {
  order: 2 !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: #002b49 !important;
}

body:not(.ltr) .icm-stat-top .stat-number,
html[dir="rtl"] .icm-stat-top .stat-number {
  order: 3 !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  color: #002b49 !important;
}

/* English (LTR): Number -> Sign -> Icon */
body.ltr .icm-stat-top,
html[dir="ltr"] .icm-stat-top {
  direction: ltr !important;
}

body.ltr .icm-stat-top .stat-number {
  order: 1 !important;
}

body.ltr .icm-stat-top .stat-sign {
  order: 2 !important;
}

body.ltr .icm-stat-top .stat-icon {
  order: 3 !important;
}

/* Subtext underneath */
.icm-stat-label,
.icm-stat-desc {
  margin-top: 0.35rem !important;
  font-size: 0.85rem !important;
  color: #4a6582 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* ========================================================================
   Footer architecture lock — Attachment 1/3 (main) + Attachment 2 (bottom)
   Persian RTL default. Widgets: icm_main_footer / icm_footer_bottom
   ======================================================================== */

/* Widget 1: flex — brand 32% + 4 nav columns */
.icm-footer-main-grid,
html body .icm-footer-main-grid,
html body .icm-footer-grid,
html body .icm-footer__grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  direction: rtl !important;
  gap: 2.5rem !important;
  width: 100% !important;
  grid-template-columns: none !important;
}

body.ltr .icm-footer-main-grid,
html[dir="ltr"] .icm-footer-main-grid,
body.ltr .icm-footer-grid,
html[dir="ltr"] .icm-footer-grid,
body.ltr .icm-footer__grid,
html[dir="ltr"] .icm-footer__grid {
  direction: ltr !important;
}

html body .icm-footer-brand-col,
html body .icm-footer-brand,
html body .icm-footer__brand {
  flex: 0 0 32% !important;
  max-width: 32% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: right !important;
  min-width: 0 !important;
}

body.ltr .icm-footer-brand-col,
html[dir="ltr"] .icm-footer-brand-col,
body.ltr .icm-footer-brand,
html[dir="ltr"] .icm-footer-brand {
  text-align: left !important;
}

html body .icm-footer-nav-cols {
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
  direction: rtl !important;
  gap: 1.5rem !important;
  min-width: 0 !important;
}

body.ltr .icm-footer-nav-cols,
html[dir="ltr"] .icm-footer-nav-cols {
  direction: ltr !important;
}

html body .icm-footer-logo,
html body .footer-logo,
html body .icm-footer-brand .footer-logo {
  display: block !important;
  width: var(--icm-footer-logo-w, 118px) !important;
  max-width: min(var(--icm-footer-logo-w, 118px), 55vw) !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: right center !important;
  margin: 0 0 14px !important;
}

body.ltr .icm-footer-logo,
html[dir="ltr"] .icm-footer-logo,
body.ltr .footer-logo,
html[dir="ltr"] .footer-logo {
  object-position: left center !important;
}

html body .icm-footer-col,
html body .icm-footer__column {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  text-align: right !important;
}

body.ltr .icm-footer-col,
html[dir="ltr"] .icm-footer-col {
  text-align: left !important;
}

html body .icm-footer-col__title,
html body .icm-footer-col h4,
html body .icm-footer-col h3 {
  margin: 0 0 1.25rem !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: inherit !important;
}

html body .icm-footer-col__links,
html body .icm-footer-col ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .icm-footer-col__links li,
html body .icm-footer-col ul li {
  margin: 0 0 0.75rem !important;
}

html body .icm-footer-col__links a,
html body .icm-footer-col a {
  display: block !important;
  padding: 0 !important;
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  text-decoration: none !important;
  text-align: inherit !important;
}

html body .icm-footer-col__links a:hover,
html body .icm-footer-col a:hover {
  color: #fff !important;
}

html body .icm-footer-socials,
html body .icm-footer-social-icons,
html body .icm-footer-follow .icm-footer-socials {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  direction: rtl !important;
  margin: 0.75rem 0 0 !important;
  padding: 0 !important;
}

html body .icm-footer-socials a,
html body .icm-footer-socials__link,
html body .icm-footer-social-icons a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .08) !important;
}

/* Widget 2: Languages RIGHT, Copyright LEFT */
html body .icm-footer-bottom,
html body .icm-footer__bottom {
  margin-top: 28px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, .14) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

html body .icm-footer--bottom-only .icm-footer-bottom,
html body .icm-footer--bottom-only .icm-footer__bottom {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body .icm-footer--main-only .icm-footer__shell {
  padding-bottom: 8px !important;
}

html body .icm-footer-bottom__row--meta {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  width: 100% !important;
  direction: rtl !important;
}

body.ltr .icm-footer-bottom__row--meta,
html[dir="ltr"] .icm-footer-bottom__row--meta {
  direction: ltr !important;
}

body.ltr .icm-footer-bottom__col--lang,
html[dir="ltr"] .icm-footer-bottom__col--lang {
  order: 2 !important;
  margin-inline-start: auto !important;
}

body.ltr .icm-footer-bottom__col--copy,
html[dir="ltr"] .icm-footer-bottom__col--copy {
  order: 1 !important;
}

html body .icm-footer-bottom__col--lang {
  flex: 0 0 auto !important;
}

html body .icm-footer-bottom__col--copy {
  flex: 1 1 auto !important;
  text-align: left !important;
}

html body .icm-footer-bottom__copy {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, .68) !important;
  text-align: left !important;
}

html body .icm-footer-lang-pills {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 2px !important;
  direction: ltr !important;
}

html body .icm-footer-legal,
html body .icm-footer-legal-container {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 22px 24px !important;
  border-radius: 16px !important;
  background: #151c2c !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
  text-align: right !important;
  direction: rtl !important;
  /* Never use OpenType "numr" here — it turns digits into tiny superscripts */
  font-variant-numeric: lining-nums !important;
}

body.ltr .icm-footer-legal,
html[dir="ltr"] .icm-footer-legal,
body.ltr .icm-footer-legal-container,
html[dir="ltr"] .icm-footer-legal-container {
  text-align: left !important;
  direction: ltr !important;
}

html body .icm-footer-legal__line,
html body .icm-footer-legal__rich {
  margin: 0 0 11px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.95 !important;
  color: rgba(255, 255, 255, .68) !important;
  text-align: inherit !important;
}

html body .icm-footer-legal__line:last-child {
  margin-bottom: 0 !important;
}

html body .icm-footer-legal__warning,
html body .icm-footer-legal__em {
  color: #e89b2d !important;
  font-weight: 700 !important;
}

@media (max-width:980px) {

  html body .icm-footer-main-grid,
  html body .icm-footer-grid,
  html body .icm-footer__grid {
    flex-wrap: wrap !important;
    gap: 28px 24px !important;
  }

  html body .icm-footer-brand-col,
  html body .icm-footer-brand,
  html body .icm-footer__brand {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }

  html body .icm-footer-nav-cols {
    flex: 1 1 100% !important;
    flex-wrap: wrap !important;
  }

  html body .icm-footer-col,
  html body .icm-footer__column {
    flex: 1 1 calc(50% - 0.75rem) !important;
  }
}

@media (max-width:720px) {
  html body .icm-footer-nav-cols {
    gap: 22px 16px !important;
  }

  html body .icm-footer-bottom__row--meta {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  html body .icm-footer-bottom__col--lang {
    display: flex !important;
    order: 1 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html body .icm-footer-bottom__col--copy {
    order: 2 !important;
    width: 100% !important;
  }

  html body .icm-footer-bottom__col--copy,
  html body .icm-footer-bottom__copy {
    text-align: right !important;
  }

  html body .icm-footer-lang-pills {
    justify-content: flex-start !important;
  }

  html body .icm-footer-legal,
  html body .icm-footer-legal-container {
    padding: 16px 14px !important;
    border-radius: 12px !important;
  }
}

/* ========================================================================
   Global Footer RTL Lock — fa/ar right-aligned; en mirrors left
   ======================================================================== */
body:not(.ltr) .site-footer,
body.rtl .site-footer,
body.icm-dir-rtl .site-footer,
html[dir="rtl"] .site-footer,
html[lang^="fa"] .site-footer,
html[lang^="ar"] .site-footer,
body:not(.ltr) .icm-site-footer,
body.rtl .icm-site-footer,
body.icm-dir-rtl .icm-site-footer,
html[dir="rtl"] .icm-site-footer,
html[lang^="fa"] .icm-site-footer,
html[lang^="ar"] .icm-site-footer,
body:not(.ltr) .icm-footer,
body.rtl .icm-footer,
body.icm-dir-rtl .icm-footer,
html[dir="rtl"] .icm-footer,
html[lang^="fa"] .icm-footer,
html[lang^="ar"] .icm-footer {
  direction: rtl !important;
  text-align: right !important;
}

body:not(.ltr) .icm-footer-main-grid,
body.rtl .icm-footer-main-grid,
body.icm-dir-rtl .icm-footer-main-grid,
html[dir="rtl"] .icm-footer-main-grid,
html[lang^="fa"] .icm-footer-main-grid,
html[lang^="ar"] .icm-footer-main-grid,
body:not(.ltr) .icm-footer-grid,
body.rtl .icm-footer-grid,
html[dir="rtl"] .icm-footer-grid,
body:not(.ltr) .icm-footer__grid,
body.rtl .icm-footer__grid,
html[dir="rtl"] .icm-footer__grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  direction: rtl !important;
  text-align: right !important;
}

body:not(.ltr) .icm-footer-brand-col,
body.rtl .icm-footer-brand-col,
body.icm-dir-rtl .icm-footer-brand-col,
html[dir="rtl"] .icm-footer-brand-col,
html[lang^="fa"] .icm-footer-brand-col,
html[lang^="ar"] .icm-footer-brand-col,
body:not(.ltr) .icm-footer-brand,
body.rtl .icm-footer-brand,
html[dir="rtl"] .icm-footer-brand,
body:not(.ltr) .icm-footer-nav-cols,
body.rtl .icm-footer-nav-cols,
html[dir="rtl"] .icm-footer-nav-cols {
  direction: rtl !important;
  text-align: right !important;
}

body:not(.ltr) .icm-footer-col,
body.rtl .icm-footer-col,
body.icm-dir-rtl .icm-footer-col,
html[dir="rtl"] .icm-footer-col,
html[lang^="fa"] .icm-footer-col,
html[lang^="ar"] .icm-footer-col,
body:not(.ltr) .icm-footer__column,
body.rtl .icm-footer__column,
html[dir="rtl"] .icm-footer__column {
  text-align: right !important;
  direction: rtl !important;
}

body:not(.ltr) .icm-footer-col h4,
body.rtl .icm-footer-col h4,
body.icm-dir-rtl .icm-footer-col h4,
html[dir="rtl"] .icm-footer-col h4,
html[lang^="fa"] .icm-footer-col h4,
html[lang^="ar"] .icm-footer-col h4,
body:not(.ltr) .icm-footer-col__title,
body.rtl .icm-footer-col__title,
html[dir="rtl"] .icm-footer-col__title,
body:not(.ltr) .icm-footer-col .widget-title,
body.rtl .icm-footer-col .widget-title,
html[dir="rtl"] .icm-footer-col .widget-title,
body:not(.ltr) .icm-footer-col h3,
body.rtl .icm-footer-col h3,
html[dir="rtl"] .icm-footer-col h3 {
  text-align: right !important;
  color: #fff !important;
}

body:not(.ltr) .icm-footer-col ul,
body.rtl .icm-footer-col ul,
body.icm-dir-rtl .icm-footer-col ul,
html[dir="rtl"] .icm-footer-col ul,
html[lang^="fa"] .icm-footer-col ul,
html[lang^="ar"] .icm-footer-col ul,
body:not(.ltr) .icm-footer-col__links,
body.rtl .icm-footer-col__links,
html[dir="rtl"] .icm-footer-col__links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: right !important;
  direction: rtl !important;
}

body:not(.ltr) .icm-footer-col ul li a,
body.rtl .icm-footer-col ul li a,
body.icm-dir-rtl .icm-footer-col ul li a,
html[dir="rtl"] .icm-footer-col ul li a,
html[lang^="fa"] .icm-footer-col ul li a,
html[lang^="ar"] .icm-footer-col ul li a,
body:not(.ltr) .icm-footer-col__links a,
body.rtl .icm-footer-col__links a,
html[dir="rtl"] .icm-footer-col__links a,
body:not(.ltr) .icm-footer-col a,
body.rtl .icm-footer-col a,
html[dir="rtl"] .icm-footer-col a {
  text-align: right !important;
}

body:not(.ltr) .icm-footer-disclaimer-box,
body.rtl .icm-footer-disclaimer-box,
body.icm-dir-rtl .icm-footer-disclaimer-box,
html[dir="rtl"] .icm-footer-disclaimer-box,
html[lang^="fa"] .icm-footer-disclaimer-box,
html[lang^="ar"] .icm-footer-disclaimer-box,
body:not(.ltr) .icm-footer-legal,
body.rtl .icm-footer-legal,
html[dir="rtl"] .icm-footer-legal,
body:not(.ltr) .icm-footer-legal-container,
body.rtl .icm-footer-legal-container,
html[dir="rtl"] .icm-footer-legal-container {
  text-align: right !important;
  direction: rtl !important;
}

/* English LTR mirror */
body.ltr .site-footer,
body.icm-dir-ltr .site-footer,
html[dir="ltr"] .site-footer,
body.ltr .icm-site-footer,
body.icm-dir-ltr .icm-site-footer,
html[dir="ltr"] .icm-site-footer,
body.ltr .icm-footer,
body.icm-dir-ltr .icm-footer,
html[dir="ltr"] .icm-footer {
  direction: ltr !important;
  text-align: left !important;
}

body.ltr .icm-footer-main-grid,
body.icm-dir-ltr .icm-footer-main-grid,
html[dir="ltr"] .icm-footer-main-grid,
body.ltr .icm-footer-grid,
html[dir="ltr"] .icm-footer-grid,
body.ltr .icm-footer__grid,
html[dir="ltr"] .icm-footer__grid,
body.ltr .icm-footer-nav-cols,
body.icm-dir-ltr .icm-footer-nav-cols,
html[dir="ltr"] .icm-footer-nav-cols {
  direction: ltr !important;
  text-align: left !important;
}

body.ltr .icm-footer-brand-col,
body.icm-dir-ltr .icm-footer-brand-col,
html[dir="ltr"] .icm-footer-brand-col,
body.ltr .icm-footer-brand,
html[dir="ltr"] .icm-footer-brand,
body.ltr .icm-footer-col,
body.icm-dir-ltr .icm-footer-col,
html[dir="ltr"] .icm-footer-col,
body.ltr .icm-footer-col h4,
body.ltr .icm-footer-col__title,
body.ltr .icm-footer-col .widget-title,
body.ltr .icm-footer-col ul,
body.ltr .icm-footer-col__links,
body.ltr .icm-footer-col ul li a,
body.ltr .icm-footer-col a {
  text-align: left !important;
  direction: ltr !important;
}

body.ltr .icm-footer-disclaimer-box,
body.icm-dir-ltr .icm-footer-disclaimer-box,
html[dir="ltr"] .icm-footer-disclaimer-box,
body.ltr .icm-footer-legal,
html[dir="ltr"] .icm-footer-legal,
body.ltr .icm-footer-legal-container,
html[dir="ltr"] .icm-footer-legal-container {
  text-align: left !important;
  direction: ltr !important;
}

/* Keep the two full-width ICM footer widgets stacked on every page,
   including pages that load Elementor's atomic flexbox base stylesheet. */
html body .icm-global-builder--footer .e-con:has(> .elementor-widget-icm_main_footer),
html body .icm-global-builder--footer .e-con:has(> .elementor-widget-icm_footer_bottom) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
}

html body .icm-global-builder--footer .elementor-widget-icm_main_footer,
html body .icm-global-builder--footer .elementor-widget-icm_footer_bottom {
  width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}

html body .icm-global-builder--footer .elementor-widget-icm_main_footer>.elementor-widget-container,
html body .icm-global-builder--footer .elementor-widget-icm_footer_bottom>.elementor-widget-container {
  width: 100% !important;
}

html body .icm-global-builder--footer .icm-site-footer.icm-shell-full {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}

/* Physical left copyright, physical right language selector, one shared row.
   Keep this desktop-only: the higher-specificity selector used to override the
   mobile column layout and squeeze the copyright into a few pixels. */
@media (min-width:981px) {
  html body .icm-site-footer .icm-footer-bottom .icm-footer-bottom__row--meta {
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    align-items: center !important;
    gap: 12px !important;
  }

  html body .icm-footer-bottom .icm-footer-bottom__col--copy {
    order: -1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    direction: ltr !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html body .icm-footer-bottom .icm-footer-bottom__col--lang {
    order: 1 !important;
    grid-row: 1 !important;
    margin-inline: 0 !important;
  }

  html body .icm-footer-bottom .icm-footer-bottom__copy {
    text-align: left !important;
    margin: 0 !important;
  }
}

@media (max-width:767px) {

  .icm-site-header .icm-header-mobile-prebar,
  .icm-header.icm-site-header .icm-header-mobile-prebar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    padding: 6px 14px 0;
    background: var(--icm-header-bg, var(--icm-surface-navy, #001D36));
    color: #fff;
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 1002;
  }

  .icm-site-header .icm-header-mobile-prebar:empty,
  .icm-header.icm-site-header .icm-header-mobile-prebar:empty {
    display: none;
  }

  .icm-site-header .icm-header-mobile-prebar .icm-header-lang,
  .icm-header.icm-site-header .icm-header-mobile-prebar .icm-header-lang,
  .icm-site-header .icm-header-mobile-prebar .icm-lang-switcher,
  .icm-header.icm-site-header .icm-header-mobile-prebar .icm-lang-switcher,
  .icm-site-header .icm-header-mobile-prebar .icm-lang,
  .icm-header.icm-site-header .icm-header-mobile-prebar .icm-lang {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100%;
    min-height: 32px;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
  }

  .icm-site-header .icm-header-mobile-prebar .icm-lang-switcher__toggle,
  .icm-header.icm-site-header .icm-header-mobile-prebar .icm-lang-switcher__toggle,
  .icm-site-header .icm-header-mobile-prebar .icm-lang-switcher--static,
  .icm-header.icm-site-header .icm-header-mobile-prebar .icm-lang-switcher--static {
    min-height: 32px;
    padding-inline: 12px;
    border-radius: 10px;
  }
}

@media (max-width:980px) {
  html body .icm-site-footer .icm-footer-bottom .icm-footer-bottom__row--meta {
    display: flex !important;
    flex-direction: column !important;
    direction: rtl !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html body .icm-footer-bottom .icm-footer-bottom__col--copy,
  html body .icm-footer-bottom .icm-footer-bottom__col--lang {
    order: initial !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }

  html body .icm-footer-bottom .icm-footer-bottom__col--copy {
    display: block !important;
    direction: rtl !important;
    text-align: right !important;
  }

  html body .icm-footer-bottom .icm-footer-bottom__copy {
    width: 100% !important;
    max-width: 100% !important;
    direction: rtl !important;
    text-align: right !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* Footer social controls: physical alignment plus configurable title/icon order. */
html body .icm-footer-follow .icm-footer-socials__heading {
  width: 100% !important;
}

html body .icm-footer-follow--align-right,
html body .icm-footer-follow--align-right .icm-footer-socials__heading {
  text-align: right !important;
}

html body .icm-footer-follow--align-right .icm-footer-socials {
  width: 100% !important;
  justify-content: flex-start !important;
}

html body .icm-footer-follow--align-center,
html body .icm-footer-follow--align-center .icm-footer-socials__heading {
  text-align: center !important;
}

html body .icm-footer-follow--align-center .icm-footer-socials {
  width: 100% !important;
  justify-content: center !important;
}

html body .icm-footer-follow--align-left,
html body .icm-footer-follow--align-left .icm-footer-socials__heading {
  text-align: left !important;
}

html body .icm-footer-follow--align-left .icm-footer-socials {
  width: 100% !important;
  justify-content: flex-end !important;
}



/* ========================================================================
   100% RESPONSIVE & MOBILE-FRIENDLY FINAL AUDIT ENHANCEMENT
   ======================================================================== */

/* 1. مهار اسکرول افقی روی کل صفحه در همه دیوایس‌ها */
html {
  overflow-x: clip !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  overflow-x: clip !important;
  max-width: 100% !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-overflow-scrolling: touch;
}

/* جلوگیری از بیرون‌زدگی 100vw در حالت راست‌چین */
@media (max-width: 1099px) {

  html body .icm-site-footer,
  html body .icm-footer,
  html body .icm-global-builder--footer,
  html body .icm-global-builder.icm-global-builder--footer,
  html body .elementor-widget-icm_site_footer,
  html body .icm-site-header,
  html body .icm-header.icm-site-header,
  html body .icm-global-builder--header,
  html body .icm-global-builder.icm-global-builder--header,
  html body .elementor-widget-icm_site_header {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .icm-global-builder--header .elementor-widget-icm_site_header,
  html body .icm-global-builder--footer .elementor-widget-icm_site_footer {
    margin: 0 !important;
  }
}

/* 2. ریسپانسیو کردن قطعی تمام رسانه‌ها، ویدئوها و جداول محتوایی */
img,
svg,
video,
canvas,
iframe,
embed,
object {
  max-width: 100% !important;
  height: auto;
  box-sizing: border-box !important;
}

.icm-prose table,
.entry-content table,
.icm-page-content table {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
}

.icm-prose pre,
.entry-content pre {
  max-width: 100% !important;
  overflow-x: auto !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

/* 3. رعایت حداقل ابعاد لمسی (Touch Targets: Min 44x44px) */
@media (max-width: 767px) {

  .icm-menu-toggle,
  .icm-slider__prev,
  .icm-slider__next,
  .icm-webinar-nav,
  .icm-archive-feature-prev,
  .icm-archive-feature-next,
  .icm-popular-controls button,
  .icm-related-controls button,
  .icm-round-arrow,
  .icm-single-actions button {
    min-width: 44px !important;
    min-height: 44px !important;
    touch-action: manipulation;
  }

  .icm-slider__dots button,
  .icm-webinar-dots button,
  .icm-popular-dots button,
  .icm-related-dots button {
    min-width: 12px !important;
    min-height: 12px !important;
    padding: 4px !important;
    margin: 2px !important;
  }

  .icm-main-nav>ul>li>a,
  .icm-mobile-nav a {
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
  }

  .icm-footer-col a,
  .icm-footer__column a {
    padding-block: 6px !important;
    min-height: 36px;
    display: flex;
    align-items: center;
  }

  /* 4. تک‌ستونه شدن تمام کاردهای مشبک بدون بیرون‌زدگی در عرض‌های زیر ۴۸۰ پیکسل */
  .icm-topic-card,
  .icm-selected-card,
  .icm-article-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ریسپانسیو شدن فرم جستجو و المان‌های ورودی */
  .icm-search,
  .icm-search--archive {
    max-width: 100% !important;
    width: 100% !important;
  }

  .icm-search input {
    font-size: 16px !important;
    /* جلوگیری از زوم ناخواسته در سافاری iOS */
  }
}

@media (max-width: 479px) {
  .icm-academy-hero__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .icm-academy-copy,
  .icm-academy-hero .icm-slider {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .icm-academy-hero .icm-stats {
    max-width: 100% !important;
    contain: inline-size paint;
  }
}

/* Scoped production lock: academy hero featured image + readable mobile copy. */
.icm-academy-hero .icm-slide__visual,
.icm-academy-hero .icm-slide-media,
.icm-academy-hero .icm-slide-figure {
  background-size: var(--icm-hero-image-size, contain) !important;
  background-position: var(--icm-hero-image-position, center center) !important;
  background-repeat: var(--icm-hero-image-repeat, no-repeat) !important;
  background-color: var(--icm-deeper, #001f39) !important;
}

.icm-academy-hero .icm-slide__visual img,
.icm-academy-hero .icm-slide__visual .wp-post-image {
  opacity: 0 !important;
  pointer-events: none !important;
}

.icm-academy-hero .icm-slide__copy,
.icm-academy-hero .icm-slide-content {
  width: var(--icm-hero-copy-width, 48%) !important;
  max-width: var(--icm-hero-copy-width, 48%) !important;
  padding: var(--icm-hero-copy-padding, 2.5rem 2rem) !important;
  justify-content: var(--icm-hero-copy-align, center) !important;
}

@media (max-width: 720px) {

  .icm-academy-hero .icm-slider>.icm-slide .icm-slide__copy,
  .icm-academy-hero .icm-slider>.icm-slide .icm-slide-content {
    top: 0 !important;
    right: 0 !important;
    bottom: 22px !important;
    left: 0 !important;
    width: var(--icm-hero-copy-width, 100%) !important;
    max-width: var(--icm-hero-copy-width, 100%) !important;
    min-width: 0 !important;
    padding: var(--icm-hero-copy-padding, 18px) !important;
    justify-content: var(--icm-hero-copy-align, flex-end) !important;
    box-sizing: border-box !important;
  }

  .icm-academy-hero .icm-slide__shade {
    background: linear-gradient(180deg, rgba(0, 24, 44, .10) 0%, rgba(0, 26, 47, .54) 50%, rgba(0, 24, 44, .96) 100%) !important;
  }

  .icm-academy-hero .icm-slide__copy .icm-slide__title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 3px !important;
    font-size: clamp(16px, 5vw, 19px) !important;
    line-height: 1.55 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
  }

  .icm-academy-hero .icm-slide__copy .icm-slide__excerpt {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 10px !important;
    line-height: 1.75 !important;
    -webkit-line-clamp: 2 !important;
  }

  .icm-academy-hero .icm-slide-meta {
    width: 100% !important;
    margin-top: 8px !important;
    flex-wrap: wrap !important;
  }
}

/* Scoped production fixes: logged-in header, popular carousel and article banner. */
@media (min-width:1100px) {

  body.admin-bar .icm-global-builder--header:has(.icm-site-header.is-sticky.icm-sticky-desktop),
  body.admin-bar>.icm-site-header.is-sticky.icm-sticky-desktop,
  body.admin-bar>.icm-header.icm-site-header.is-sticky.icm-sticky-desktop {
    top: 0 !important;
    inset-block-start: 0 !important;
  }
}

html body .elementor-widget-icm_articles_popular,
html body .elementor-widget-icm_articles_popular>.elementor-widget-container,
html body .elementor-widget-icm_articles_popular .icm-section--popular,
html body .elementor-widget-icm_articles_popular .icm-container,
html body .icm-popular-slider {
  overflow: visible !important;
}

html body .icm-popular-slider .icm-popular-row {
  padding-inline: 1px !important;
  box-sizing: border-box !important;
}

html body .icm-popular-slider .icm-popular {
  box-sizing: border-box !important;
}

html body .icm-popular-slider .icm-popular-dots,
html body .elementor .elementor-widget-icm_articles_popular .icm-popular-slider .icm-popular-dots {
  position: static !important;
  inset: auto !important;
  transform: translateX(var(--icm-carousel-dots-x, 0px)) !important;
  margin-top: var(--icm-carousel-dots-margin-top, 12px) !important;
  width: 100% !important;
  min-height: 10px !important;
  visibility: visible !important;
  overflow: visible !important;
}

.icm-single-bottom-banner-area,
.icm-single-bottom-banner-area .icm-article-banner-widget {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px) {
  body.single-icm_webinar .icm-single-body-wrap>.e-con {
    flex-direction: column !important;
    gap: 24px !important;
  }

  body.single-icm_webinar .icm-single-body-wrap>.e-con>.elementor-widget-icm_webinar_single_content,
  body.single-icm_webinar .icm-single-body-wrap>.e-con>.elementor-widget-icm_webinar_single_info {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
}

/* 5. رفع اسکرول افقی ناشی از کشیدگی تب‌های دسته‌بندی */
.icm-filterbar__rail,
.icm-category-tabs,
.icm-popular-row,
.icm-related-rail {
  max-width: 100% !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch;
}

/* === 2026.226 targeted widget/footer repairs === */
.icm-calendar-scroll,
.widget_calendar .wp-calendar-table,
.wp-block-calendar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box
}

.widget_calendar .wp-calendar-table,
.wp-block-calendar table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0
}

.widget_calendar caption,
.wp-block-calendar caption {
  caption-side: top;
  width: 100%;
  padding: 0 0 10px;
  font-weight: 700;
  text-align: center
}

.widget_calendar th,
.widget_calendar td,
.wp-block-calendar th,
.wp-block-calendar td {
  width: 14.285%;
  min-width: 0;
  padding: 6px 2px !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip
}

.widget_calendar .wp-calendar-nav,
.wp-block-calendar .wp-calendar-nav {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-top: 8px
}

.icm-calendar-scroll {
  overflow-x: auto;
  overscroll-behavior-inline: contain
}

.icm-article-banner-widget {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important
}

.icm-article-banner-widget .icm-final-cta {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important
}

.icm-article-banner-widget .icm-final-cta>.icm-final-cta__inner {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  grid-template-areas: "icon copy" "button button" !important;
  gap: 12px !important;
  border-radius: 10px !important
}

.icm-article-banner-widget .icm-final-cta__icon {
  grid-area: icon !important;
  width: 48px !important;
  height: 48px !important;
  justify-self: start !important
}

.icm-article-banner-widget .icm-final-cta__inner>div {
  grid-area: copy !important;
  text-align: start !important
}

.icm-article-banner-widget .icm-final-cta__inner>.icm-btn {
  grid-area: button !important;
  width: 100% !important;
  justify-self: stretch !important;
  text-align: center !important
}

.icm-article-banner-widget .icm-final-cta__title,
.icm-article-banner-widget .icm-final-cta h2 {
  font-size: 16px !important;
  line-height: 1.6 !important
}

.icm-article-banner-widget .icm-final-cta__description,
.icm-article-banner-widget .icm-final-cta p {
  font-size: 11px !important;
  line-height: 1.8 !important
}

.icm-article-banner-widget .icm-final-cta--no-image>.icm-final-cta__inner {
  grid-template-columns: 1fr !important;
  grid-template-areas: "copy" "button" !important
}

.icm-single-article-toc-widget>.icm-toc {
  margin: 0 !important;
  width: 100%;
  box-sizing: border-box
}

.icm-footer-lang-pills__item {
  gap: 6px
}

.icm-footer-lang-pills__flag {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px
}

.icm-footer-lang-pills__flag--emoji {
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 1
}

.icm-footer-mobile-language {
  display: none
}

@media(max-width:980px) {
  .icm-footer-mobile-language {
    display: none !important
  }

  .icm-site-footer .icm-footer-bottom__row--meta:has(.icm-footer-bottom__col--copy:empty) {
    display: none !important
  }

  html body .icm-site-footer .icm-footer-bottom .icm-footer-bottom__row--meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body .icm-site-footer .icm-footer-bottom .icm-footer-bottom__col--lang {
    order: 1 !important;
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html body .icm-site-footer .icm-footer-bottom .icm-footer-bottom__col--copy {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
  }
}

/* === 2026.227 decisive header/footer/widget repairs === */
@media (min-width:768px) and (max-width:1099px) {

  html body .icm-site-header .icm-header-btn--login,
  html body .icm-site-header .icm-header-btn--register,
  html body .elementor-widget-icm_site_header .icm-header-btn--login,
  html body .elementor-widget-icm_site_header .icm-header-btn--register {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    min-inline-size: max-content !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }

  /* Deduping: keep main header action buttons visible, only hide duplicated slots */
  html body .icm-site-header .icm-header-inner>.icm-header-actions~.icm-header-actions {
    display: none !important;
  }
}

.icm-footer-prebar {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 0 18px;
  color: inherit;
  background: transparent;
}

.icm-footer-prebar__content,
.icm-footer-prebar .widget {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.icm-footer-bottom--no-line {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.icm-footer-bottom--with-line {
  border-top: 1px solid rgba(255, 255, 255, .18) !important;
}

.icm-footer-socials__link[data-tooltip] {
  position: relative;
}

.icm-footer-socials__link[data-tooltip]:hover:after,
.icm-footer-socials__link[data-tooltip]:focus-visible:after {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 20;
  inset-inline-start: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  max-width: 180px;
  white-space: nowrap;
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(0, 18, 33, .95);
  color: #fff;
  font-size: 11px;
  line-height: 1.5;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
  pointer-events: none;
}

.icm-widget.icm-article-banner-widget .icm-final-cta__inner {
  container-type: inline-size;
}

.icm-sidebar .icm-article-banner-widget .icm-final-cta__inner,
aside .icm-article-banner-widget .icm-final-cta__inner,
.widget-area .icm-article-banner-widget .icm-final-cta__inner {
  min-height: 0 !important;
  grid-template-columns: 1fr !important;
  grid-template-areas: "icon" "copy" "button" !important;
  gap: 12px !important;
  padding: 18px !important;
  text-align: center !important;
}

.icm-sidebar .icm-article-banner-widget .icm-final-cta__icon,
aside .icm-article-banner-widget .icm-final-cta__icon,
.widget-area .icm-article-banner-widget .icm-final-cta__icon {
  grid-area: icon !important;
  justify-self: center !important;
  width: 52px !important;
  height: 52px !important;
}

.icm-sidebar .icm-article-banner-widget .icm-final-cta__inner>div,
aside .icm-article-banner-widget .icm-final-cta__inner>div,
.widget-area .icm-article-banner-widget .icm-final-cta__inner>div {
  grid-area: copy !important;
}

.icm-sidebar .icm-article-banner-widget .icm-final-cta__inner>.icm-btn,
aside .icm-article-banner-widget .icm-final-cta__inner>.icm-btn,
.widget-area .icm-article-banner-widget .icm-final-cta__inner>.icm-btn {
  grid-area: button !important;
  width: 100% !important;
  justify-self: stretch !important;
}

.icm-sidebar .icm-article-banner-widget .icm-final-cta__title,
aside .icm-article-banner-widget .icm-final-cta__title,
.widget-area .icm-article-banner-widget .icm-final-cta__title {
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.icm-sidebar .icm-article-banner-widget .icm-final-cta__description,
aside .icm-article-banner-widget .icm-final-cta__description,
.widget-area .icm-article-banner-widget .icm-final-cta__description {
  font-size: 11px !important;
  line-height: 1.9 !important;
}

.elementor-widget-icm_site_header .icm-header.icm-site-header,
.elementor-widget-icm_main_footer .icm-footer,
.elementor-widget-icm_footer_bottom .icm-footer,
.elementor-widget-icm_footer .icm-footer {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* === 2026.228 final responsive/sticky/single safety layer === */
.icm-single-mobile-native-fallback[hidden] {
  display: none !important
}

@media (max-width:767px) {
  body.single-post .icm-single-mobile-native-fallback:not([hidden]) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.single-post .icm-single-mobile-native-fallback .icm-container,
  body.single-post .icm-single-mobile-native-fallback .icm-single-layout,
  body.single-post .icm-single-mobile-native-fallback .icm-single-main,
  body.single-post .icm-single-mobile-native-fallback .icm-prose {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

body:not(.elementor-editor-active) .icm-site-header.is-sticky,
body:not(.elementor-editor-active) .icm-header.icm-site-header.is-sticky {
  position: fixed !important;
  top: 0 !important;
  inset-inline: 0 !important;
  width: 100% !important;
  z-index: 10020 !important;
}

body:not(.elementor-editor-active):has(.icm-site-header.is-sticky),
body:not(.elementor-editor-active):has(.icm-header.icm-site-header.is-sticky) {
  padding-top: var(--icm-header-height, 74px) !important;
}

body.admin-bar:not(.elementor-editor-active) .icm-site-header.is-sticky,
body.admin-bar:not(.elementor-editor-active) .icm-header.icm-site-header.is-sticky {
  top: 32px !important
}

@media (max-width:782px) {

  body.admin-bar:not(.elementor-editor-active) .icm-site-header.is-sticky,
  body.admin-bar:not(.elementor-editor-active) .icm-header.icm-site-header.is-sticky {
    top: 46px !important
  }
}

@media (max-width:767px) {

  body:not(.elementor-editor-active):has(.icm-site-header.is-sticky),
  body:not(.elementor-editor-active):has(.icm-header.icm-site-header.is-sticky) {
    padding-top: 64px !important;
  }
}

@media (max-width:1180px) {

  html body .icm-site-header .icm-header__inner,
  html body .icm-header.icm-site-header .icm-header__inner,
  html body .icm-site-header .icm-header-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body .icm-site-header .icm-logo,
  html body .icm-header.icm-site-header .icm-logo {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  html body .icm-site-header .icm-logo img,
  html body .icm-site-header .icm-logo-image,
  html body .icm-header.icm-site-header .icm-logo img {
    max-width: 92px !important;
    height: auto !important;
    max-height: 40px !important;
  }

  html body .icm-site-header .icm-menu-toggle,
  html body .icm-header.icm-site-header .icm-menu-toggle {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body .icm-site-header .icm-header-actions,
  html body .icm-header.icm-site-header .icm-header__actions {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    gap: 6px !important;
    margin-inline-start: auto !important;
    overflow: visible !important;
  }

  html body .icm-site-header .icm-header-btn,
  html body .icm-header.icm-site-header .icm-header-btn {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width:767px) {

  html body .icm-site-header:not(.is-scrolled),
  html body .icm-header.icm-site-header:not(.is-scrolled) {
    background: #0b1e3d !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  }

  html body .icm-site-header.is-scrolled,
  html body .icm-header.icm-site-header.is-scrolled {
    background: var(--icm-header-sticky-bg, #0b1e3d) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .22) !important;
  }

  html body .icm-site-header .icm-header-mobile-prebar,
  html body .icm-header.icm-site-header .icm-header-mobile-prebar {
    display: none !important;
  }

  html body .icm-site-header .icm-main-nav.is-open,
  html body .icm-header.icm-site-header .icm-main-nav.is-open {
    position: absolute !important;
    inset-inline: 0 !important;
    top: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    background: #fff !important;
    color: #10253c !important;
    border-radius: 0 0 18px 18px !important;
    padding: 10px 18px 18px !important;
    box-shadow: 0 18px 40px rgba(13, 71, 120, .12) !important;
    overflow: visible !important;
    z-index: 10010 !important;
  }

  html body .icm-site-header .icm-main-nav.is-open>ul,
  html body .icm-header.icm-site-header .icm-main-nav.is-open>ul,
  html body .icm-site-header .icm-main-nav.is-open .icm-main-nav__list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body .icm-site-header .icm-main-nav.is-open a,
  html body .icm-header.icm-site-header .icm-main-nav.is-open a {
    color: #10253c !important;
    min-height: 42px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    text-align: start !important;
  }

  html body .icm-site-header .icm-main-nav.is-open li.current-menu-item>a,
  html body .icm-site-header .icm-main-nav.is-open a.current,
  html body .icm-header.icm-site-header .icm-main-nav.is-open li.current-menu-item>a {
    background: #eef6ff !important;
    color: var(--icm-navy, #0D4778) !important;
  }
}

html body .icm-stats {
  grid-template-columns: repeat(var(--icm-hero-stats-cols, 4), minmax(0, 1fr)) !important;
}

@media(max-width:767px) {
  html body .icm-stats {
    --icm-hero-stats-cols: 2
  }
}

/* ==========================================================================
   Elementor LTR Support (Complementary Styles for html[dir="ltr"] & body.ltr)
   ========================================================================== */

/* 1. Sections, Containers, Columns, Flexbox & Grid */
html[dir="ltr"] .elementor,
html[dir="ltr"] .elementor-section,
html[dir="ltr"] .elementor-container,
html[dir="ltr"] .elementor-row,
html[dir="ltr"] .elementor-column,
html[dir="ltr"] .elementor-widget,
html[dir="ltr"] .elementor-widget-container,
html[dir="ltr"] .e-con,
html[dir="ltr"] .e-con-inner,
html[dir="ltr"] .e-con-boxed,
html[dir="ltr"] .e-con-full,
html[dir="ltr"] .e-container,
body.ltr .elementor,
body.ltr .elementor-section,
body.ltr .elementor-container,
body.ltr .elementor-row,
body.ltr .elementor-column,
body.ltr .elementor-widget,
body.ltr .elementor-widget-container,
body.ltr .e-con,
body.ltr .e-con-inner,
body.ltr .e-con-boxed,
body.ltr .e-con-full,
body.ltr .e-container {
  direction: ltr !important;
  text-align: left;
}

/* Generic container row-reversal removed: site layout, footer, and vertical cards remain untouched in natural LTR flow */

/* Header & Drawer Inner Layout Protection (Keep Standard LTR Direction) */
html[dir="ltr"] .icm-site-header .icm-header-inner,
html[dir="ltr"] .icm-header.icm-site-header .icm-header-inner,
html[dir="ltr"] .elementor-widget-icm_site_header .icm-header-inner,
body.ltr .icm-site-header .icm-header-inner,
body.ltr .icm-header.icm-site-header .icm-header-inner,
body.ltr .elementor-widget-icm_site_header .icm-header-inner {
  display: flex !important;
  flex-direction: row !important;
  direction: ltr !important;
}

/* CSS Grid Direction */
html[dir="ltr"] .elementor-grid,
html[dir="ltr"] .e-grid,
html[dir="ltr"] [class*="elementor-grid"],
body.ltr .elementor-grid,
body.ltr .e-grid,
body.ltr [class*="elementor-grid"] {
  direction: ltr !important;
}

/* Classic Elementor Column Floats & Wraps */
html[dir="ltr"] .elementor-column,
body.ltr .elementor-column {
  float: left !important;
  direction: ltr !important;
  text-align: left;
}

html[dir="ltr"] .elementor-column-wrap,
html[dir="ltr"] .elementor-widget-wrap,
body.ltr .elementor-column-wrap,
body.ltr .elementor-widget-wrap {
  direction: ltr !important;
  text-align: left;
}

/* 2. Text Alignments Across Elementor Widgets */
html[dir="ltr"] .elementor-widget:not(.elementor-align-center):not(.elementor-align-right) .elementor-heading-title,
html[dir="ltr"] .elementor-widget:not(.elementor-align-center):not(.elementor-align-right) .elementor-text-editor,
html[dir="ltr"] .elementor-widget-text-editor,
html[dir="ltr"] .elementor-widget-heading:not(.elementor-align-center):not(.elementor-align-right) .elementor-heading-title,
html[dir="ltr"] .elementor-widget-icon-box:not(.elementor-align-center):not(.elementor-align-right) .elementor-icon-box-wrapper,
html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-title,
html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-description,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-title,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-description,
html[dir="ltr"] .elementor-widget-testimonial .elementor-testimonial-content,
html[dir="ltr"] .elementor-widget-testimonial .elementor-testimonial-name,
html[dir="ltr"] .elementor-widget-testimonial .elementor-testimonial-job,
html[dir="ltr"] .elementor-accordion .elementor-tab-title,
html[dir="ltr"] .elementor-accordion .elementor-tab-content,
html[dir="ltr"] .elementor-toggle .elementor-tab-title,
html[dir="ltr"] .elementor-toggle .elementor-tab-content,
html[dir="ltr"] .elementor-tabs .elementor-tab-desktop-title,
html[dir="ltr"] .elementor-tabs .elementor-tab-content,
body.ltr .elementor-widget:not(.elementor-align-center):not(.elementor-align-right) .elementor-heading-title,
body.ltr .elementor-widget:not(.elementor-align-center):not(.elementor-align-right) .elementor-text-editor,
body.ltr .elementor-widget-text-editor,
body.ltr .elementor-widget-heading:not(.elementor-align-center):not(.elementor-align-right) .elementor-heading-title,
body.ltr .elementor-widget-icon-box:not(.elementor-align-center):not(.elementor-align-right) .elementor-icon-box-wrapper,
body.ltr .elementor-widget-icon-box .elementor-icon-box-title,
body.ltr .elementor-widget-icon-box .elementor-icon-box-description,
body.ltr .elementor-widget-image-box .elementor-image-box-title,
body.ltr .elementor-widget-image-box .elementor-image-box-description,
body.ltr .elementor-widget-testimonial .elementor-testimonial-content,
body.ltr .elementor-widget-testimonial .elementor-testimonial-name,
body.ltr .elementor-widget-testimonial .elementor-testimonial-job,
body.ltr .elementor-accordion .elementor-tab-title,
body.ltr .elementor-accordion .elementor-tab-content,
body.ltr .elementor-toggle .elementor-tab-title,
body.ltr .elementor-toggle .elementor-tab-content,
body.ltr .elementor-tabs .elementor-tab-desktop-title,
body.ltr .elementor-tabs .elementor-tab-content {
  text-align: left;
  direction: ltr;
}

/* 3. Margins, Paddings & Positioning Inversion */
/* Icon List Widget */
html[dir="ltr"] .elementor-icon-list-items,
body.ltr .elementor-icon-list-items {
  direction: ltr !important;
}

html[dir="ltr"] .elementor-icon-list-item,
body.ltr .elementor-icon-list-item {
  direction: ltr !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

html[dir="ltr"] .elementor-icon-list-icon,
body.ltr .elementor-icon-list-icon {
  margin-left: 0 !important;
  margin-right: 8px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Icon Box & Image Box side positions */
html[dir="ltr"] .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
html[dir="ltr"] .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper,
body.ltr .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
body.ltr .elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: row !important;
  text-align: left !important;
}

html[dir="ltr"] .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,
html[dir="ltr"] .elementor-widget-image-box.elementor-position-left .elementor-image-box-img,
body.ltr .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,
body.ltr .elementor-widget-image-box.elementor-position-left .elementor-image-box-img {
  margin-right: 15px !important;
  margin-left: 0 !important;
  float: left !important;
}

html[dir="ltr"] .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper,
html[dir="ltr"] .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper,
body.ltr .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper,
body.ltr .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: row-reverse !important;
  text-align: right !important;
}

html[dir="ltr"] .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon,
html[dir="ltr"] .elementor-widget-image-box.elementor-position-right .elementor-image-box-img,
body.ltr .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon,
body.ltr .elementor-widget-image-box.elementor-position-right .elementor-image-box-img {
  margin-left: 15px !important;
  margin-right: 0 !important;
  float: right !important;
}

/* Button with Icons */
html[dir="ltr"] .elementor-button,
body.ltr .elementor-button {
  direction: ltr !important;
}

html[dir="ltr"] .elementor-button .elementor-button-icon.elementor-align-icon-left,
body.ltr .elementor-button .elementor-button-icon.elementor-align-icon-left {
  margin-right: 8px !important;
  margin-left: 0 !important;
  float: left !important;
}

html[dir="ltr"] .elementor-button .elementor-button-icon.elementor-align-icon-right,
body.ltr .elementor-button .elementor-button-icon.elementor-align-icon-right {
  margin-left: 8px !important;
  margin-right: 0 !important;
  float: right !important;
}

/* Accordion & Toggle Icons */
html[dir="ltr"] .elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-left,
html[dir="ltr"] .elementor-toggle .elementor-toggle-icon.elementor-toggle-icon-left,
body.ltr .elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-left,
body.ltr .elementor-toggle .elementor-toggle-icon.elementor-toggle-icon-left {
  float: left !important;
  margin-right: 12px !important;
  margin-left: 0 !important;
}

html[dir="ltr"] .elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-right,
html[dir="ltr"] .elementor-toggle .elementor-toggle-icon.elementor-toggle-icon-right,
body.ltr .elementor-accordion .elementor-accordion-icon.elementor-accordion-icon-right,
body.ltr .elementor-toggle .elementor-toggle-icon.elementor-toggle-icon-right {
  float: right !important;
  margin-left: 12px !important;
  margin-right: 0 !important;
}

/* 4. Directional Floats and Symmetrical Icons */
/* Mirror directional arrows and chevrons in LTR */
html[dir="ltr"] .elementor-widget i[class*="chevron-left"],
html[dir="ltr"] .elementor-widget i[class*="angle-left"],
html[dir="ltr"] .elementor-widget i[class*="arrow-left"],
html[dir="ltr"] .elementor-widget svg[data-icon*="arrow-left"],
html[dir="ltr"] .elementor-widget svg[data-icon*="chevron-left"],
html[dir="ltr"] .elementor-widget svg[data-icon*="angle-left"],
html[dir="ltr"] .elementor-widget .eicon-chevron-left,
html[dir="ltr"] .elementor-widget .eicon-arrow-left,
html[dir="ltr"] .elementor-widget i[class*="chevron-right"],
html[dir="ltr"] .elementor-widget i[class*="angle-right"],
html[dir="ltr"] .elementor-widget i[class*="arrow-right"],
html[dir="ltr"] .elementor-widget svg[data-icon*="arrow-right"],
html[dir="ltr"] .elementor-widget svg[data-icon*="chevron-right"],
html[dir="ltr"] .elementor-widget svg[data-icon*="angle-right"],
html[dir="ltr"] .elementor-widget .eicon-chevron-right,
html[dir="ltr"] .elementor-widget .eicon-arrow-right,
html[dir="ltr"] .elementor-widget .elementor-icon--directional,
html[dir="ltr"] .elementor-widget .icm-icon-directional,
html[dir="ltr"] .elementor-post__read-more i,
html[dir="ltr"] .elementor-post__read-more svg,
body.ltr .elementor-widget i[class*="chevron-left"],
body.ltr .elementor-widget i[class*="angle-left"],
body.ltr .elementor-widget i[class*="arrow-left"],
body.ltr .elementor-widget svg[data-icon*="arrow-left"],
body.ltr .elementor-widget svg[data-icon*="chevron-left"],
body.ltr .elementor-widget svg[data-icon*="angle-left"],
body.ltr .elementor-widget .eicon-chevron-left,
body.ltr .elementor-widget .eicon-arrow-left,
body.ltr .elementor-widget i[class*="chevron-right"],
body.ltr .elementor-widget i[class*="angle-right"],
body.ltr .elementor-widget i[class*="arrow-right"],
body.ltr .elementor-widget svg[data-icon*="arrow-right"],
body.ltr .elementor-widget svg[data-icon*="chevron-right"],
body.ltr .elementor-widget svg[data-icon*="angle-right"],
body.ltr .elementor-widget .eicon-chevron-right,
body.ltr .elementor-widget .eicon-arrow-right,
body.ltr .elementor-widget .elementor-icon--directional,
body.ltr .elementor-widget .icm-icon-directional,
body.ltr .elementor-post__read-more i,
body.ltr .elementor-post__read-more svg {
  transform: scaleX(-1);
  display: inline-block;
}

/* Slider / Swiper navigation in Elementor */
html[dir="ltr"] .elementor-swiper-button-prev,
body.ltr .elementor-swiper-button-prev {
  left: 10px !important;
  right: auto !important;
}

html[dir="ltr"] .elementor-swiper-button-next,
body.ltr .elementor-swiper-button-next {
  right: 10px !important;
  left: auto !important;
}

/* Theme Cards & Widgets Inside Elementor */
html[dir="ltr"] .elementor-widget .icm-card,
html[dir="ltr"] .elementor-widget .icm-card-content,
html[dir="ltr"] .elementor-widget .icm-card-title,
html[dir="ltr"] .elementor-widget .icm-card-meta,
html[dir="ltr"] .elementor-widget .icm-slide__copy,
html[dir="ltr"] .elementor-widget .icm-popular-card,
body.ltr .elementor-widget .icm-card,
body.ltr .elementor-widget .icm-card-content,
body.ltr .elementor-widget .icm-card-title,
body.ltr .elementor-widget .icm-card-meta,
body.ltr .elementor-widget .icm-slide__copy,
body.ltr .elementor-widget .icm-popular-card {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .elementor-widget .icm-card-meta,
body.ltr .elementor-widget .icm-card-meta {
  justify-content: flex-start !important;
}

/* ==========================================================================
   ELEMENTOR & THEME HIGH-PRIORITY LTR OVERRIDES
   Forces all headings, text, inputs, iconboxes, search, and banner cards
   to be left-aligned and swap direction properly in LTR mode (?lang=en).
   ========================================================================== */

/* 1. Force Left Align on All Texts & Headings */
html[dir="ltr"],
html[dir="ltr"] body,
body.ltr,
body.icm-dir-ltr {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .elementor,
html[dir="ltr"] .elementor-section,
html[dir="ltr"] .elementor-container,
html[dir="ltr"] .elementor-column,
html[dir="ltr"] .elementor-widget,
html[dir="ltr"] .elementor-widget-container,
html[dir="ltr"] .elementor-widget-heading,
html[dir="ltr"] .elementor-heading-title,
html[dir="ltr"] .elementor-text-editor,
html[dir="ltr"] .e-con,
html[dir="ltr"] .e-con-inner,
html[dir="ltr"] .e-con-boxed,
html[dir="ltr"] .e-con-full,
html[dir="ltr"] .e-container,
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] p,
html[dir="ltr"] span:not(.screen-reader-text),
html[dir="ltr"] a,
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] button,
body.ltr .elementor,
body.ltr .elementor-section,
body.ltr .elementor-container,
body.ltr .elementor-column,
body.ltr .elementor-widget,
body.ltr .elementor-widget-container,
body.ltr .elementor-widget-heading,
body.ltr .elementor-heading-title,
body.ltr .elementor-text-editor,
body.ltr .e-con,
body.ltr .e-con-inner,
body.ltr .e-con-boxed,
body.ltr .e-con-full,
body.ltr .e-container,
body.ltr h1,
body.ltr h2,
body.ltr h3,
body.ltr h4,
body.ltr h5,
body.ltr h6,
body.ltr p,
body.ltr span:not(.screen-reader-text),
body.ltr a,
body.ltr input,
body.ltr textarea,
body.ltr button {
  text-align: left !important;
  direction: ltr !important;
}

/* Academy Hero Copy & Headings */
html[dir="ltr"] .icm-academy-copy,
html[dir="ltr"] .icm-academy-copy h1,
html[dir="ltr"] .icm-academy-copy h2,
html[dir="ltr"] .icm-academy-copy p,
html[dir="ltr"] .icm-academy-title,
html[dir="ltr"] .icm-academy-subtitle,
html[dir="ltr"] .icm-academy-intro,
html[dir="ltr"] .icm-breadcrumb,
body.ltr .icm-academy-copy,
body.ltr .icm-academy-copy h1,
body.ltr .icm-academy-copy h2,
body.ltr .icm-academy-copy p,
body.ltr .icm-academy-title,
body.ltr .icm-academy-subtitle,
body.ltr .icm-academy-intro,
body.ltr .icm-breadcrumb {
  text-align: left !important;
  direction: ltr !important;
  justify-content: flex-start !important;
}

/* 2. Hero Section Grid Swap */

html[dir="ltr"] .icm-academy-hero__grid,
body.ltr .icm-academy-hero__grid {
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
  gap: 40px !important;
  align-items: center !important;
}

html[dir="ltr"] .icm-academy-hero__grid>.icm-academy-copy,
body.ltr .icm-academy-hero__grid>.icm-academy-copy {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .icm-academy-hero__grid>.icm-slider,
body.ltr .icm-academy-hero__grid>.icm-slider {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 260px !important;
  min-height: 260px !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
  border-radius: 10px !important;
  background: var(--icm-deeper, #001f39) !important;
}

@media (max-width: 1024px) {

  html[dir="ltr"] .icm-academy-hero__grid,
  body.ltr .icm-academy-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

/* 3. Slider Banner Card LTR Refinement */
html[dir="ltr"] .icm-hero-slider,
html[dir="ltr"] .icm-slider,
html[dir="ltr"] .icm-slide,
html[dir="ltr"] .academy-hero-slide,
body.ltr .icm-hero-slider,
body.ltr .icm-slider,
body.ltr .icm-slide,
body.ltr .academy-hero-slide {
  direction: ltr !important;
}

html[dir="ltr"] .icm-slider--professional .icm-slider__track,
body.ltr .icm-slider--professional .icm-slider__track {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  direction: ltr !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

html[dir="ltr"] .icm-slider--professional .icm-slider__track>[data-slide],
body.ltr .icm-slider--professional .icm-slider__track>[data-slide] {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

html[dir="ltr"] .icm-slide-card-link,
body.ltr .icm-slide-card-link {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

html[dir="ltr"] .icm-academy-hero .icm-slide__copy,
html[dir="ltr"] .icm-academy-hero .icm-slide-content,
body.ltr .icm-academy-hero .icm-slide__copy,
body.ltr .icm-academy-hero .icm-slide-content {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 24px !important;
  right: auto !important;
  width: 48% !important;
  max-width: 48% !important;
  min-width: 0 !important;
  padding: 2.2rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
  direction: ltr !important;
  z-index: 3 !important;
}

html[dir="ltr"] .icm-slide__copy .icm-badge,
html[dir="ltr"] .icm-slide-content .icm-badge,
body.ltr .icm-slide__copy .icm-badge,
body.ltr .icm-slide-content .icm-badge {
  align-self: flex-start !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  text-align: left !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-slide__copy .icm-slide__title,
html[dir="ltr"] .icm-slide__copy .icm-slide__excerpt,
html[dir="ltr"] .icm-slide__copy h2,
html[dir="ltr"] .icm-slide__copy p,
body.ltr .icm-slide__copy .icm-slide__title,
body.ltr .icm-slide__copy .icm-slide__excerpt,
body.ltr .icm-slide__copy h2,
body.ltr .icm-slide__copy p {
  text-align: left !important;
  direction: ltr !important;
  align-self: flex-start !important;
  width: 100% !important;
}

html[dir="ltr"] .icm-slide-meta,
body.ltr .icm-slide-meta {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  direction: ltr !important;
  text-align: left !important;
  gap: 14px !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  align-self: flex-start !important;
}

html[dir="ltr"] .icm-slide-meta span,
body.ltr .icm-slide-meta span {
  display: inline-flex !important;
  align-items: center !important;
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .icm-slide__shade,
body.ltr .icm-slide__shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(0, 26, 47, .98) 0%, rgba(0, 26, 47, .84) 38%, rgba(0, 26, 47, .32) 70%, rgba(0, 26, 47, 0) 100%) !important;
}

html[dir="ltr"] .icm-academy-hero .icm-slide__visual,
html[dir="ltr"] .icm-academy-hero .icm-slide-media,
body.ltr .icm-academy-hero .icm-slide__visual,
body.ltr .icm-academy-hero .icm-slide-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background-position: right center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-color: var(--icm-deeper, #001f39) !important;
}

html[dir="ltr"] .icm-academy-hero .icm-slide__visual img,
html[dir="ltr"] .icm-academy-hero .icm-slide img,
body.ltr .icm-academy-hero .icm-slide__visual img,
body.ltr .icm-academy-hero .icm-slide img {
  object-position: right center !important;
}

/* 4. Search Form & Icon Boxes */
html[dir="ltr"] .icm-search,
body.ltr .icm-search {
  direction: ltr !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

html[dir="ltr"] .icm-search button,
body.ltr .icm-search button {
  order: 2 !important;
  border: none !important;
  background: transparent !important;
  margin-right: 4px !important;
  margin-left: 0 !important;
}

html[dir="ltr"] .icm-search input,
body.ltr .icm-search input {
  order: 1 !important;
  direction: ltr !important;
  text-align: left !important;
  padding-left: 14px !important;
  padding-right: 8px !important;
}

html[dir="ltr"] .icm-search input::placeholder,
body.ltr .icm-search input::placeholder {
  direction: ltr !important;
  text-align: left !important;
}

/* Stat items / Counter boxes */
html[dir="ltr"] .icm-stats,
body.ltr .icm-stats {
  direction: ltr !important;
  text-align: left !important;
  margin-right: auto !important;
  margin-left: 0 !important;
}

html[dir="ltr"] .icm-stat-item,
html[dir="ltr"] .academy-stat-box,
body.ltr .icm-stat-item,
body.ltr .academy-stat-box {
  direction: ltr !important;
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  justify-items: start !important;
  border-left: 0 !important;
  border-right: 1px solid var(--icm-border, #dfe6eb) !important;
}

html[dir="ltr"] .icm-stat-item:last-child,
html[dir="ltr"] .academy-stat-box:last-child,
body.ltr .icm-stat-item:last-child,
body.ltr .academy-stat-box:last-child {
  border-right: 0 !important;
}

html[dir="ltr"] .icm-stat-number,
html[dir="ltr"] .stat-number,
body.ltr .icm-stat-number,
body.ltr .stat-number {
  direction: ltr !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

html[dir="ltr"] .icm-stat-number .icm-stat-sign,
body.ltr .icm-stat-number .icm-stat-sign {
  order: 1 !important;
}

html[dir="ltr"] .icm-stat-number .icm-stat-digits,
body.ltr .icm-stat-number .icm-stat-digits {
  order: 2 !important;
}

html[dir="ltr"] .icm-stat-label,
html[dir="ltr"] .stat-label,
body.ltr .icm-stat-label,
body.ltr .stat-label {
  direction: ltr !important;
  text-align: left !important;
}

/* Elementor icon box widget LTR layout */
html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-wrapper,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-wrapper,
body.ltr .elementor-widget-icon-box .elementor-icon-box-wrapper,
body.ltr .elementor-widget-image-box .elementor-image-box-wrapper {
  display: flex !important;
  flex-direction: row !important;
  text-align: left !important;
  direction: ltr !important;
  align-items: flex-start !important;
}

html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-icon,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-img,
body.ltr .elementor-widget-icon-box .elementor-icon-box-icon,
body.ltr .elementor-widget-image-box .elementor-image-box-img {
  order: 1 !important;
  margin-right: 14px !important;
  margin-left: 0 !important;
  float: left !important;
}

html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-content,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-content,
body.ltr .elementor-widget-icon-box .elementor-icon-box-content,
body.ltr .elementor-widget-image-box .elementor-image-box-content {
  order: 2 !important;
  text-align: left !important;
  direction: ltr !important;
}

html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-title,
html[dir="ltr"] .elementor-widget-icon-box .elementor-icon-box-description,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-title,
html[dir="ltr"] .elementor-widget-image-box .elementor-image-box-description,
body.ltr .elementor-widget-icon-box .elementor-icon-box-title,
body.ltr .elementor-widget-icon-box .elementor-icon-box-description,
body.ltr .elementor-widget-image-box .elementor-image-box-title,
body.ltr .elementor-widget-image-box .elementor-image-box-description {
  text-align: left !important;
  direction: ltr !important;
}

/* ==========================================================================
   SURGICAL LTR RULES: HORIZONTAL CARDS ONLY (NO GENERIC .E-CON / FLEX REVERSAL)
   Horizontal cards (.icm-topic-card, .icm-path-card, .icm-selected-card, etc.) swap image & text.
   Vertical cards (.icm-article-card, .icm-webinar-card, etc.) and footer remain untouched.
   Gradient fade overlay mirrored (270deg, right: 0).
   Round arrow button relocated and flipped.
   ========================================================================== */

/* 1. Surgical Horizontal Cards Only: Swap Image and Content in LTR */
html[dir="ltr"] .icm-topic-card__link,
html[dir="ltr"] .icm-selected-card__link,
html[dir="ltr"] .icm-path-card__link,
html[dir="ltr"] .icm-collection-card__link,
html[dir="ltr"] .icm-card--horizontal,
html[dir="ltr"] .icm-card[class*="horizontal"],
html[dir="ltr"] .elementor-widget-icm_academy_collections .icm-topic-card__link,
html[dir="ltr"] .elementor-widget-icm_academy_selected .icm-selected-card__link,
body.ltr .icm-topic-card__link,
body.ltr .icm-selected-card__link,
body.ltr .icm-path-card__link,
body.ltr .icm-collection-card__link,
body.ltr .icm-card--horizontal,
body.ltr .icm-card[class*="horizontal"],
body.ltr .elementor-widget-icm_academy_collections .icm-topic-card__link,
body.ltr .elementor-widget-icm_academy_selected .icm-selected-card__link {
  display: flex !important;
  flex-direction: row-reverse !important;
  direction: ltr !important;
  text-align: left !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
}

html[dir="ltr"] .icm-topic-card__image,
html[dir="ltr"] .icm-path-card__image,
html[dir="ltr"] .icm-collection-card__visual,
body.ltr .icm-topic-card__image,
body.ltr .icm-path-card__image,
body.ltr .icm-collection-card__visual {
  flex: 0 0 var(--icm-topic-image-width, 42%) !important;
  width: var(--icm-topic-image-width, 42%) !important;
  max-width: var(--icm-topic-image-width, 42%) !important;
  min-width: 0 !important;
}

html[dir="ltr"] .icm-selected-card__image,
body.ltr .icm-selected-card__image {
  flex: 0 0 var(--icm-selected-image-width, 44%) !important;
  width: var(--icm-selected-image-width, 44%) !important;
  max-width: var(--icm-selected-image-width, 44%) !important;
  min-width: 0 !important;
}

html[dir="ltr"] .icm-topic-card__body,
html[dir="ltr"] .icm-path-card__body,
html[dir="ltr"] .icm-collection-card__body,
html[dir="ltr"] .icm-selected-card__text,
body.ltr .icm-topic-card__body,
body.ltr .icm-path-card__body,
body.ltr .icm-collection-card__body,
body.ltr .icm-selected-card__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
  direction: ltr !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {

  html[dir="ltr"] .icm-topic-card__link,
  html[dir="ltr"] .icm-selected-card__link,
  html[dir="ltr"] .icm-path-card__link,
  html[dir="ltr"] .icm-collection-card__link,
  body.ltr .icm-topic-card__link,
  body.ltr .icm-selected-card__link,
  body.ltr .icm-path-card__link,
  body.ltr .icm-collection-card__link {
    display: flex !important;
    flex-direction: row-reverse !important;
    direction: ltr !important;
    align-items: stretch !important;
    min-height: 140px !important;
    max-height: 165px !important;
    height: auto !important;
    overflow: hidden !important;
  }

  html[dir="ltr"] .icm-topic-card__image,
  html[dir="ltr"] .icm-selected-card__image,
  html[dir="ltr"] .icm-collection-card__visual,
  html[dir="ltr"] .icm-path-card__image,
  body.ltr .icm-topic-card__image,
  body.ltr .icm-selected-card__image,
  body.ltr .icm-collection-card__visual,
  body.ltr .icm-path-card__image {
    flex: 0 0 36% !important;
    width: 36% !important;
    max-width: 36% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 140px !important;
    max-height: 165px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[dir="ltr"] .icm-topic-card__image img,
  html[dir="ltr"] .icm-selected-card__image img,
  body.ltr .icm-topic-card__image img,
  body.ltr .icm-selected-card__image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 165px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    padding: 6px !important;
    box-sizing: border-box !important;
  }

  html[dir="ltr"] .icm-topic-card__body,
  html[dir="ltr"] .icm-selected-card__text,
  html[dir="ltr"] .icm-collection-card__body,
  html[dir="ltr"] .icm-path-card__body,
  body.ltr .icm-topic-card__body,
  body.ltr .icm-selected-card__text,
  body.ltr .icm-collection-card__body,
  body.ltr .icm-path-card__body {
    flex: 0 0 64% !important;
    width: 64% !important;
    min-width: 0 !important;
    direction: ltr !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 12px 14px 34px !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  /* Mobile LTR: Topic card arrow smaller & proportional in front of course level, pointing right */
  html[dir="ltr"] body .icm-topic-card .icm-round-arrow,
  body.ltr .icm-topic-card .icm-round-arrow,
  html[dir="ltr"] body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow,
  body.ltr .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow,
  html[dir="ltr"] body .icm-section--collections .icm-topic-card .icm-round-arrow,
  body.ltr .icm-section--collections .icm-topic-card .icm-round-arrow {
    position: absolute !important;
    right: 12px !important;
    left: auto !important;
    bottom: 8px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    box-shadow: none !important;
    z-index: 3 !important;
  }

  html[dir="ltr"] body .icm-topic-card .icm-round-arrow::before,
  body.ltr .icm-topic-card .icm-round-arrow::before,
  html[dir="ltr"] body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow::before,
  body.ltr .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow::before,
  html[dir="ltr"] body .icm-section--collections .icm-topic-card .icm-round-arrow::before,
  body.ltr .icm-section--collections .icm-topic-card .icm-round-arrow::before {
    content: "" !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    border-top: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  html[dir="ltr"] body .icm-topic-card .icm-topic-meta,
  body.ltr .icm-topic-card .icm-topic-meta,
  html[dir="ltr"] body .elementor-widget-icm_academy_collections .icm-topic-card .icm-topic-meta,
  body.ltr .elementor-widget-icm_academy_collections .icm-topic-card .icm-topic-meta,
  html[dir="ltr"] body .icm-section--collections .icm-topic-card .icm-topic-meta,
  body.ltr .icm-section--collections .icm-topic-card .icm-topic-meta {
    right: 36px !important;
    left: 14px !important;
    bottom: 9px !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 10px !important;
    direction: ltr !important;
    text-align: left !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
  }
}

/* 2. Text, Headings & Metadata Left Alignment Inside All Cards */
html[dir="ltr"] .icm-topic-card,
html[dir="ltr"] .icm-topic-card__body,
html[dir="ltr"] .icm-topic-card__title,
html[dir="ltr"] .icm-topic-card__description,
html[dir="ltr"] .icm-selected-card,
html[dir="ltr"] .icm-selected-card__text,
html[dir="ltr"] .icm-selected-card__title,
html[dir="ltr"] .icm-selected-card__excerpt,
html[dir="ltr"] .icm-path-card,
html[dir="ltr"] .icm-path-card__body,
html[dir="ltr"] .icm-collection-card,
html[dir="ltr"] .icm-collection-card__body,
html[dir="ltr"] .icm-article-card,
html[dir="ltr"] .icm-article-card__body,
html[dir="ltr"] .icm-popular-card,
html[dir="ltr"] .icm-webinar-card,
html[dir="ltr"] .icm-past-webinar-card,
body.ltr .icm-topic-card,
body.ltr .icm-topic-card__body,
body.ltr .icm-topic-card__title,
body.ltr .icm-topic-card__description,
body.ltr .icm-selected-card,
body.ltr .icm-selected-card__text,
body.ltr .icm-selected-card__title,
body.ltr .icm-selected-card__excerpt,
body.ltr .icm-path-card,
body.ltr .icm-path-card__body,
body.ltr .icm-collection-card,
body.ltr .icm-collection-card__body,
body.ltr .icm-article-card,
body.ltr .icm-article-card__body,
body.ltr .icm-popular-card,
body.ltr .icm-webinar-card,
body.ltr .icm-past-webinar-card {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .icm-topic-card h1,
html[dir="ltr"] .icm-topic-card h2,
html[dir="ltr"] .icm-topic-card h3,
html[dir="ltr"] .icm-topic-card h4,
html[dir="ltr"] .icm-topic-card p,
html[dir="ltr"] .icm-topic-card span,
html[dir="ltr"] .icm-selected-card h1,
html[dir="ltr"] .icm-selected-card h2,
html[dir="ltr"] .icm-selected-card h3,
html[dir="ltr"] .icm-selected-card h4,
html[dir="ltr"] .icm-selected-card p,
html[dir="ltr"] .icm-selected-card span,
html[dir="ltr"] .icm-path-card h1,
html[dir="ltr"] .icm-path-card h2,
html[dir="ltr"] .icm-path-card h3,
html[dir="ltr"] .icm-path-card h4,
html[dir="ltr"] .icm-path-card p,
html[dir="ltr"] .icm-path-card span,
html[dir="ltr"] .icm-collection-card h1,
html[dir="ltr"] .icm-collection-card h2,
html[dir="ltr"] .icm-collection-card h3,
html[dir="ltr"] .icm-collection-card h4,
html[dir="ltr"] .icm-collection-card p,
html[dir="ltr"] .icm-collection-card span,
html[dir="ltr"] .icm-article-card h1,
html[dir="ltr"] .icm-article-card h2,
html[dir="ltr"] .icm-article-card h3,
html[dir="ltr"] .icm-article-card h4,
html[dir="ltr"] .icm-article-card p,
html[dir="ltr"] .icm-article-card span,
body.ltr .icm-topic-card h1,
body.ltr .icm-topic-card h2,
body.ltr .icm-topic-card h3,
body.ltr .icm-topic-card h4,
body.ltr .icm-topic-card p,
body.ltr .icm-topic-card span,
body.ltr .icm-selected-card h1,
body.ltr .icm-selected-card h2,
body.ltr .icm-selected-card h3,
body.ltr .icm-selected-card h4,
body.ltr .icm-selected-card p,
body.ltr .icm-selected-card span,
body.ltr .icm-path-card h1,
body.ltr .icm-path-card h2,
body.ltr .icm-path-card h3,
body.ltr .icm-path-card h4,
body.ltr .icm-path-card p,
body.ltr .icm-path-card span,
body.ltr .icm-collection-card h1,
body.ltr .icm-collection-card h2,
body.ltr .icm-collection-card h3,
body.ltr .icm-collection-card h4,
body.ltr .icm-collection-card p,
body.ltr .icm-collection-card span,
body.ltr .icm-article-card h1,
body.ltr .icm-article-card h2,
body.ltr .icm-article-card h3,
body.ltr .icm-article-card h4,
body.ltr .icm-article-card p,
body.ltr .icm-article-card span {
  text-align: left !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-badge,
html[dir="ltr"] .icm-level,
html[dir="ltr"] .icm-card-meta,
html[dir="ltr"] .icm-topic-meta,
body.ltr .icm-badge,
body.ltr .icm-level,
body.ltr .icm-card-meta,
body.ltr .icm-topic-meta {
  text-align: left !important;
  direction: ltr !important;
  justify-content: flex-start !important;
}

html[dir="ltr"] .icm-topic-meta,
body.ltr .icm-topic-meta {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  align-items: center !important;
  direction: ltr !important;
  text-align: left !important;
}

/* 3. Horizontal Cards Round Arrow Button Relocation & Mirror */
html[dir="ltr"] .icm-topic-card .icm-round-arrow,
body.ltr .icm-topic-card .icm-round-arrow {
  left: auto !important;
  right: 12px !important;
  transform: none !important;
}

html[dir="ltr"] .icm-topic-card .icm-round-arrow::before,
body.ltr .icm-topic-card .icm-round-arrow::before {
  transform: rotate(45deg) !important;
}

html[dir="ltr"] .icm-selected-card .icm-round-arrow,
html[dir="ltr"] .icm-selected-card__arrow,
body.ltr .icm-selected-card .icm-round-arrow,
body.ltr .icm-selected-card__arrow {
  left: auto !important;
  right: 12px !important;
  transform: scaleX(-1) !important;
}

html[dir="ltr"] .icm-selected-card .icm-round-arrow::before,
body.ltr .icm-selected-card .icm-round-arrow::before {
  transform: rotate(45deg) scaleX(-1) !important;
}

/* Directional chevrons and arrow icons mirror in LTR */
html[dir="ltr"] .elementor-button-icon i,
html[dir="ltr"] .elementor-button-icon svg,
html[dir="ltr"] .elementor-post__read-more i,
html[dir="ltr"] .elementor-post__read-more svg,
html[dir="ltr"] i[class*="chevron-left"],
html[dir="ltr"] i[class*="chevron-right"],
html[dir="ltr"] i[class*="arrow-left"],
html[dir="ltr"] i[class*="arrow-right"],
html[dir="ltr"] svg[data-icon*="arrow-left"],
html[dir="ltr"] svg[data-icon*="arrow-right"],
html[dir="ltr"] svg[data-icon*="chevron-left"],
html[dir="ltr"] svg[data-icon*="chevron-right"],
html[dir="ltr"] .eicon-chevron-left,
html[dir="ltr"] .eicon-chevron-right,
body.ltr .elementor-button-icon i,
body.ltr .elementor-button-icon svg,
body.ltr .elementor-post__read-more i,
body.ltr .elementor-post__read-more svg,
body.ltr i[class*="chevron-left"],
body.ltr i[class*="chevron-right"],
body.ltr i[class*="arrow-left"],
body.ltr i[class*="arrow-right"],
body.ltr svg[data-icon*="arrow-left"],
body.ltr svg[data-icon*="arrow-right"],
body.ltr svg[data-icon*="chevron-left"],
body.ltr svg[data-icon*="chevron-right"],
body.ltr .eicon-chevron-left,
body.ltr .eicon-chevron-right {
  transform: scaleX(-1) !important;
  display: inline-flex !important;
}

/* 4. Mirror Gradient Overlay / Fade Effect on Horizontal Cards in LTR */
html[dir="ltr"] .icm-selected-card__image::before,
body.ltr .icm-selected-card__image::before {
  inset: 0 0 0 auto !important;
  left: auto !important;
  right: 0 !important;
  --icm-selected-fade-direction: 270deg !important;
  background: linear-gradient(270deg, var(--icm-selected-fade-color, #fff) 0%, var(--icm-selected-fade-color, #fff) 18%, color-mix(in srgb, var(--icm-selected-fade-color, #fff) 92%, transparent) 34%, color-mix(in srgb, var(--icm-selected-fade-color, #fff) var(--icm-selected-fade-soft, 58%), transparent) 58%, transparent 100%) !important;
}

html[dir="ltr"] .icm-selected-card__text::after,
body.ltr .icm-selected-card__text::after {
  left: auto !important;
  right: -76px !important;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), #fff 72%) !important;
}

html[dir="ltr"] .icm-selected-card__text,
body.ltr .icm-selected-card__text {
  padding-left: var(--icm-selected-text-start-gap, 0) !important;
  padding-right: 0 !important;
}

html[dir="ltr"] .icm-topic-card__image img,
html[dir="ltr"] .icm-selected-card__image img,
html[dir="ltr"] .icm-path-card__image img,
body.ltr .icm-topic-card__image img,
body.ltr .icm-selected-card__image img,
body.ltr .icm-path-card__image img {
  object-position: center !important;
}

/* 5. Vertical Cards Lock (Archive & Single Pages) — excludes academy past-webinar banner cards (own layout). */
html body .icm-article-card,
html body .icm-webinar-card,
html body .icm-course-card,
html body .icm-popular-card,
html body .elementor-post,
html body .elementor-grid .elementor-post,
html body .icm-article-card__link,
html body .icm-webinar-card__link,
html body .icm-course-card__link {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .icm-article-card__image,
html body .icm-webinar-card__image,
html body .icm-webinar-card__media,
html body .icm-course-card__image,
html body .icm-popular-card__image,
html body .elementor-post__thumbnail__link,
html body .elementor-post__thumbnail {
  order: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  position: relative !important;
}

html body .icm-article-card__body,
html body .icm-article-card__content,
html body .icm-webinar-card__body,
html body .icm-webinar-card__content,
html body .icm-course-card__body,
html body .icm-popular-card__body,
html body .elementor-post__text,
html body .elementor-post__card {
  order: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-article-card .icm-badge,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-card .icm-badge,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .elementor-post .elementor-post__badge,
body.rtl .icm-article-card .icm-badge,
body.rtl .icm-webinar-card .icm-badge,
body.rtl .elementor-post .elementor-post__badge {
  right: 12px !important;
  left: auto !important;
  text-align: right !important;
}

html[dir="ltr"] .icm-article-card .icm-badge,
html[dir="ltr"] .icm-webinar-card .icm-badge,
html[dir="ltr"] .elementor-post .elementor-post__badge,
html[dir="ltr"] .elementor-post .elementor-post-badge,
body.ltr .icm-article-card .icm-badge,
body.ltr .icm-webinar-card .icm-badge,
body.ltr .elementor-post .elementor-post__badge,
body.ltr .elementor-post .elementor-post-badge {
  left: 12px !important;
  right: auto !important;
  text-align: left !important;
  direction: ltr !important;
  align-self: flex-start !important;
}

/* 6. Search Bar, Title Row & Header Grid Mirroring (LTR) */
html[dir="ltr"] .icm-articles-head__row,
body.ltr .icm-articles-head__row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  grid-template-areas: "copy search" !important;
  gap: 60px !important;
  align-items: end !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-articles-head__row>*,
body.ltr .icm-articles-head__row>* {
  direction: ltr !important;
}

html[dir="ltr"] .icm-articles-head__copy,
body.ltr .icm-articles-head__copy {
  grid-area: copy !important;
  text-align: left !important;
  max-width: 650px !important;
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}

html[dir="ltr"] .icm-search--archive,
body.ltr .icm-search--archive {
  grid-area: search !important;
  align-self: end !important;
  width: 100% !important;
  max-width: 330px !important;
}

html[dir="ltr"] .icm-single-hero,
body.ltr .icm-single-hero {
  grid-template-columns: calc(100% - var(--icm-single-image-width, 50%)) var(--icm-single-image-width, 50%) !important;
  grid-template-areas: "copy image" !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-single-hero>*,
body.ltr .icm-single-hero>* {
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .icm-single-hero__image:after,
body.ltr .icm-single-hero__image:after {
  background: linear-gradient(270deg, transparent 0%, rgba(0, 29, 54, .12) 48%, rgba(0, 29, 54, .72) calc(100% - var(--icm-single-fade-width, 95px)), var(--icm-ref-navy, #0D4778) 100%) !important;
}

html[dir="ltr"] .icm-single-layout,
body.ltr .icm-single-layout {
  direction: ltr !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
}

html[dir="ltr"] .icm-single-layout>*,
body.ltr .icm-single-layout>* {
  direction: ltr !important;
}

@media (max-width: 900px) {

  html[dir="ltr"] .icm-articles-head__row,
  body.ltr .icm-articles-head__row {
    grid-template-columns: 1fr !important;
    grid-template-areas: "copy" "search" !important;
    gap: 16px !important;
  }

  html[dir="ltr"] .icm-single-hero,
  body.ltr .icm-single-hero {
    grid-template-columns: 1fr !important;
    grid-template-areas: "image" "copy" !important;
  }
}

/* 7. Hero Slider LTR Mirroring (.icm-hero-slider, .icm-slider, Swiper/Elementor Hero) */
html[dir="ltr"] .icm-hero-slider,
html[dir="ltr"] .icm-hero-slider .swiper-wrapper,
html[dir="ltr"] .icm-hero-slider .swiper-slide,
html[dir="ltr"] .icm-slider,
html[dir="ltr"] .icm-slide,
html[dir="ltr"] .academy-hero-slide,
body.ltr .icm-hero-slider,
body.ltr .icm-hero-slider .swiper-wrapper,
body.ltr .icm-hero-slider .swiper-slide,
body.ltr .icm-slider,
body.ltr .icm-slide,
body.ltr .academy-hero-slide {
  direction: ltr !important;
}

html[dir="ltr"] .icm-hero-slider .swiper-slide,
html[dir="ltr"] .icm-slide-card-link,
body.ltr .icm-hero-slider .swiper-slide,
body.ltr .icm-slide-card-link {
  display: flex !important;
  flex-direction: row-reverse !important;
}

html[dir="ltr"] .icm-slide__copy,
html[dir="ltr"] .icm-slide-content,
body.ltr .icm-slide__copy,
body.ltr .icm-slide-content {
  left: 24px !important;
  right: auto !important;
  text-align: left !important;
  direction: ltr !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

html[dir="ltr"] .icm-slide__copy .icm-badge,
html[dir="ltr"] .icm-slide-content .icm-badge,
body.ltr .icm-slide__copy .icm-badge,
body.ltr .icm-slide-content .icm-badge {
  align-self: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-slide__title,
html[dir="ltr"] .icm-slide__copy h2,
html[dir="ltr"] .icm-slide__copy p,
html[dir="ltr"] .icm-slide__excerpt,
body.ltr .icm-slide__title,
body.ltr .icm-slide__copy h2,
body.ltr .icm-slide__copy p,
body.ltr .icm-slide__excerpt {
  text-align: left !important;
  direction: ltr !important;
  align-self: flex-start !important;
}

html[dir="ltr"] .icm-slide-meta,
body.ltr .icm-slide-meta {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  direction: ltr !important;
  text-align: left !important;
  align-self: flex-start !important;
  gap: 14px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

html[dir="ltr"] .icm-slide-meta span,
body.ltr .icm-slide-meta span {
  display: inline-flex !important;
  align-items: center !important;
  direction: ltr !important;
  text-align: left !important;
}

html[dir="ltr"] .icm-slide__shade,
body.ltr .icm-slide__shade {
  background: linear-gradient(90deg, rgba(0, 26, 47, .98) 0%, rgba(0, 26, 47, .84) 28%, rgba(0, 26, 47, .28) 65%, rgba(0, 26, 47, .08) 100%) !important;
}

html[dir="ltr"] .icm-slide__visual,
html[dir="ltr"] .icm-slide-media,
html[dir="ltr"] .icm-slide-figure,
body.ltr .icm-slide__visual,
body.ltr .icm-slide-media,
body.ltr .icm-slide-figure {
  background-position: right center !important;
}

html[dir="ltr"] .icm-slide__visual img,
html[dir="ltr"] .icm-slide-media img,
body.ltr .icm-slide__visual img,
body.ltr .icm-slide-media img {
  object-position: right center !important;
}

/* Mirror Slider & Swiper Navigation Arrows */
html[dir="ltr"] .icm-slider__prev,
html[dir="ltr"] .swiper-button-prev,
html[dir="ltr"] .elementor-swiper-button-prev,
html[dir="ltr"] .icm-slider-arrow--left,
body.ltr .icm-slider__prev,
body.ltr .swiper-button-prev,
body.ltr .elementor-swiper-button-prev,
body.ltr .icm-slider-arrow--left {
  left: 14px !important;
  right: auto !important;
  transform: translateY(-50%) scaleX(-1) !important;
}

html[dir="ltr"] .icm-slider__next,
html[dir="ltr"] .swiper-button-next,
html[dir="ltr"] .elementor-swiper-button-next,
html[dir="ltr"] .icm-slider-arrow--right,
body.ltr .icm-slider__next,
body.ltr .swiper-button-next,
body.ltr .elementor-swiper-button-next,
body.ltr .icm-slider-arrow--right {
  right: 14px !important;
  left: auto !important;
  transform: translateY(-50%) scaleX(-1) !important;
}

html[dir="ltr"] .swiper-button-prev svg,
html[dir="ltr"] .swiper-button-next svg,
html[dir="ltr"] .icm-carousel__arrow svg,
html[dir="ltr"] .icm-slider-arrow svg,
body.ltr .swiper-button-prev svg,
body.ltr .swiper-button-next svg,
body.ltr .icm-carousel__arrow svg,
body.ltr .icm-slider-arrow svg {
  transform: scaleX(-1) !important;
}

@media (max-width: 720px) {

  html[dir="ltr"] .icm-slide__copy,
  html[dir="ltr"] .icm-slide-content,
  body.ltr .icm-slide__copy,
  body.ltr .icm-slide-content {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
  }

  html[dir="ltr"] .icm-slide__shade,
  body.ltr .icm-slide__shade {
    background: linear-gradient(180deg, rgba(0, 24, 44, .10) 0%, rgba(0, 26, 47, .54) 50%, rgba(0, 24, 44, .96) 100%) !important;
  }
}

/* ==================================================
   MOBILE DRAWER VERTICAL LAYOUT, CLOSED HEADER BUTTONS & HAMBURGER
   ================================================== */
html body .icm-mobile-drawer .icm-drawer-menu,
html body .icm-mobile-drawer .icm-fallback-menu,
html body .icm-mobile-drawer .icm-main-nav__list,
html body .icm-mobile-drawer .icm-drawer-nav ul,
html body .icm-mobile-drawer .icm-drawer-body ul,
html body .icm-mobile-drawer ul {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  writing-mode: horizontal-tb !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}

html body .icm-mobile-drawer .icm-drawer-menu li,
html body .icm-mobile-drawer .icm-fallback-menu li,
html body .icm-mobile-drawer .icm-main-nav__list li,
html body .icm-mobile-drawer .icm-drawer-nav ul li,
html body .icm-mobile-drawer .icm-drawer-body ul li,
html body .icm-mobile-drawer ul li,
html body .icm-mobile-drawer li {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  flex: 0 0 100% !important;
  list-style: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: start !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}

html body .icm-mobile-drawer .icm-drawer-menu li a,
html body .icm-mobile-drawer .icm-fallback-menu li a,
html body .icm-mobile-drawer .icm-main-nav__list li a,
html body .icm-mobile-drawer .icm-drawer-nav a,
html body .icm-mobile-drawer .icm-drawer-body a,
html body .icm-mobile-drawer ul li a,
html body .icm-mobile-drawer li a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  text-align: start !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  padding-top: var(--icm-drawer-item-gap, 10px) !important;
  padding-bottom: var(--icm-drawer-item-gap, 10px) !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 10px !important;
  color: #1e293b !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: background .18s ease, color .18s ease !important;
}

/* Dynamic Multi-Language Alignment: LTR / English view */
html[dir="ltr"] .icm-mobile-drawer .icm-drawer-menu li,
html[dir="ltr"] .icm-mobile-drawer .icm-drawer-menu li a,
html[dir="ltr"] .icm-mobile-drawer .icm-fallback-menu li,
html[dir="ltr"] .icm-mobile-drawer .icm-fallback-menu li a,
html[dir="ltr"] .icm-mobile-drawer ul li,
html[dir="ltr"] .icm-mobile-drawer ul li a,
html[dir="ltr"] .icm-mobile-drawer li,
html[dir="ltr"] .icm-mobile-drawer li a,
body.ltr .icm-mobile-drawer .icm-drawer-menu li,
body.ltr .icm-mobile-drawer .icm-drawer-menu li a,
body.ltr .icm-mobile-drawer .icm-fallback-menu li,
body.ltr .icm-mobile-drawer .icm-fallback-menu li a,
body.ltr .icm-mobile-drawer ul li,
body.ltr .icm-mobile-drawer ul li a,
body.ltr .icm-mobile-drawer li,
body.ltr .icm-mobile-drawer li a,
body.icm-lang-en .icm-mobile-drawer .icm-drawer-menu li,
body.icm-lang-en .icm-mobile-drawer .icm-drawer-menu li a,
body.lang-en .icm-mobile-drawer .icm-drawer-menu li,
body.lang-en .icm-mobile-drawer .icm-drawer-menu li a,
.lang-en .icm-mobile-drawer .icm-drawer-menu li a {
  text-align: left !important;
  direction: ltr !important;
}

/* Dynamic Multi-Language Alignment: RTL / Persian view */
html[dir="rtl"] .icm-mobile-drawer .icm-drawer-menu li,
html[dir="rtl"] .icm-mobile-drawer .icm-drawer-menu li a,
html[dir="rtl"] .icm-mobile-drawer .icm-fallback-menu li,
html[dir="rtl"] .icm-mobile-drawer .icm-fallback-menu li a,
html[dir="rtl"] .icm-mobile-drawer ul li,
html[dir="rtl"] .icm-mobile-drawer ul li a,
html[dir="rtl"] .icm-mobile-drawer li,
html[dir="rtl"] .icm-mobile-drawer li a,
body.rtl .icm-mobile-drawer .icm-drawer-menu li,
body.rtl .icm-mobile-drawer .icm-drawer-menu li a,
body.rtl .icm-mobile-drawer .icm-fallback-menu li,
body.rtl .icm-mobile-drawer .icm-fallback-menu li a,
body.rtl .icm-mobile-drawer ul li,
body.rtl .icm-mobile-drawer ul li a,
body.rtl .icm-mobile-drawer li,
body.rtl .icm-mobile-drawer li a,
body.icm-lang-fa .icm-mobile-drawer .icm-drawer-menu li,
body.icm-lang-fa .icm-mobile-drawer .icm-drawer-menu li a,
body.lang-fa .icm-mobile-drawer .icm-drawer-menu li,
body.lang-fa .icm-mobile-drawer .icm-drawer-menu li a,
.lang-fa .icm-mobile-drawer .icm-drawer-menu li a {
  text-align: right !important;
  direction: rtl !important;
}

/* Center-aligned elements: strictly centered in both RTL and LTR modes */
.text-center,
.has-text-align-center,
.elementor-align-center,
.icm-text-center,
[class*="text-center"],
[class*="align-center"],
html[dir="ltr"] .text-center,
html[dir="ltr"] .has-text-align-center,
html[dir="ltr"] .elementor-align-center,
html[dir="ltr"] [class*="text-center"],
html[dir="ltr"] [class*="align-center"],
html[dir="rtl"] .text-center,
html[dir="rtl"] .has-text-align-center,
html[dir="rtl"] .elementor-align-center,
html[dir="rtl"] [class*="text-center"],
html[dir="rtl"] [class*="align-center"],
body.ltr .text-center,
body.ltr .has-text-align-center,
body.ltr .elementor-align-center,
body.rtl .text-center,
body.rtl .has-text-align-center,
body.rtl .elementor-align-center {
  text-align: center !important;
}

/* Default Header & Drawer Topbar Gradient Background (match image_69f333.png) */
html body header.icm-site-header,
html body .icm-site-header,
html body .site-header,
html body .icm-header,
html body .icm-site-header.is-sticky,
html body .icm-site-header.is-scrolled,
html body .icm-site-header.icm-scroll-bg-solid,
html body .icm-site-header.icm-scroll-bg-semi,
html body .icm-drawer-topbar,
body.icm-drawer-open .icm-site-header,
body.icm-drawer-open .icm-site-header .icm-header-inner {
  background: linear-gradient(90deg, #091322 0%, #0b1e3d 40%, #15386f 80%, #1d488f 100%) !important;
  background-color: transparent !important;
}

@media (max-width: 1024px) {

  html body header.icm-site-header,
  html body .icm-site-header {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 100000 !important;
    height: 64px !important;
    min-height: 64px !important;
    background: linear-gradient(90deg, #091322 0%, #0b1e3d 40%, #15386f 80%, #1d488f 100%) !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  html body .icm-site-header .icm-header-inner {
    height: 64px !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  /* Hide duplicate drawer topbar completely in Single Unified Header mode */
  html body .icm-drawer-topbar,
  html body .icm-mobile-drawer .icm-drawer-topbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body header .icm-header-actions,
  html body .icm-site-header .icm-header-actions,
  html body .icm-site-header .icm-mobile-actions,
  html body header .icm-mobile-actions,
  html body .icm-header-actions {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }

  /* RTL Layout: Logo on Right | Actions on Left (Strict visual order: Hamburger -> ایجاد حساب -> ورود) */
  html[dir="rtl"] .icm-site-header .icm-header-inner,
  body.rtl .icm-site-header .icm-header-inner {
    direction: rtl !important;
  }

  html[dir="rtl"] .icm-site-header .site-branding,
  html[dir="rtl"] .icm-site-header .icm-logo,
  body.rtl .icm-site-header .site-branding,
  body.rtl .icm-site-header .icm-logo,
  .lang-fa .icm-site-header .site-branding,
  .lang-fa .icm-site-header .icm-logo {
    order: 1 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html[dir="rtl"] .icm-site-header .icm-header-actions,
  body.rtl .icm-site-header .icm-header-actions,
  .lang-fa .icm-site-header .icm-header-actions {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    direction: ltr !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[dir="rtl"] .icm-site-header .icm-menu-toggle,
  body.rtl .icm-site-header .icm-menu-toggle,
  .lang-fa .icm-site-header .icm-menu-toggle {
    order: 1 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .icm-site-header .icm-header-btn--register,
  body.rtl .icm-site-header .icm-header-btn--register,
  .lang-fa .icm-site-header .icm-header-btn--register {
    order: 2 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .icm-site-header .icm-header-btn--login,
  body.rtl .icm-site-header .icm-header-btn--login,
  .lang-fa .icm-site-header .icm-header-btn--login {
    order: 3 !important;
    margin: 0 !important;
    color: #ffffff !important;
    opacity: 0.95 !important;
  }

  /* LTR Layout: Logo on Left | Actions on Right */
  html[dir="ltr"] .icm-site-header .icm-header-inner,
  body.ltr .icm-site-header .icm-header-inner {
    direction: ltr !important;
  }

  html[dir="ltr"] .icm-site-header .site-branding,
  body.ltr .icm-site-header .site-branding {
    order: 1 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  html[dir="ltr"] .icm-site-header .icm-header-actions,
  body.ltr .icm-site-header .icm-header-actions {
    order: 2 !important;
    direction: ltr !important;
    justify-content: flex-end !important;
    gap: 16px !important;
  }

  html[dir="ltr"] .icm-site-header .icm-header-btn--login,
  body.ltr .icm-site-header .icm-header-btn--login {
    order: 1 !important;
    margin: 0 !important;
  }

  html[dir="ltr"] .icm-site-header .icm-header-btn--register,
  body.ltr .icm-site-header .icm-header-btn--register {
    order: 2 !important;
    margin: 0 !important;
  }

  html[dir="ltr"] .icm-site-header .icm-menu-toggle,
  body.ltr .icm-site-header .icm-menu-toggle {
    order: 3 !important;
    margin: 0 !important;
  }

  /* Plain text "ورود": color #ffffff, opacity 0.95, font-weight 500, font-size 14px */
  html body .icm-site-header .icm-header-actions .icm-header-btn--login,
  html body header .icm-header-actions .icm-header-btn--login,
  html body .icm-header-actions .icm-header-btn--login,
  html body .icm-drawer-topbar .icm-drawer-top-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    opacity: 0.95 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: auto !important;
    height: auto !important;
    line-height: normal !important;
    white-space: nowrap !important;
    visibility: visible !important;
    transition: opacity .18s ease !important;
  }

  html body .icm-site-header .icm-header-actions .icm-header-btn--login:hover,
  html body .icm-drawer-topbar .icm-drawer-top-login:hover {
    opacity: 1 !important;
  }

  /* Hide ALL duplicate, dark, SVG, or secondary logo instances */
  html body .icm-site-header .icm-logo-image--dark,
  html body .icm-site-header .site-branding img.icm-logo-image--dark,
  html body .icm-site-header .site-branding img:not(.icm-logo-image--white),
  html body .icm-site-header .icm-logo-image:not(.icm-logo-image--white),
  html body .icm-site-header .icm-logo svg,
  html body .icm-site-header svg.custom-logo,
  html body .icm-site-header .site-branding svg,
  html body .icm-site-header .site-branding a+a,
  html body .icm-site-header .icm-logo~.icm-logo,
  html body .icm-site-header .site-branding~.site-branding {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Single White Logo instance on the far right */
  html body .icm-site-header .icm-logo-image--white,
  html body .icm-site-header .site-branding img.icm-logo-image--white,
  html body .icm-drawer-topbar .icm-drawer-logo,
  html body .icm-drawer-logo,
  html body .icm-mobile-drawer .icm-drawer-logo,
  html body .icm-drawer-logo-link img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 36px !important;
    max-height: 36px !important;
    min-height: 36px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  /* White Pill Button "ایجاد حساب": EXACT MATCH (image_6b462d.png) */
  html body header.icm-site-header .icm-header-btn--register,
  html body .icm-site-header .icm-header-actions .icm-header-btn--register,
  html body header .icm-header-actions .icm-header-btn--register,
  html body .icm-header-actions .icm-header-btn--register,
  html body .icm-site-header .icm-header-actions a.icm-header-btn--register,
  html body .icm-site-header a.icm-header-btn--register,
  html body .icm-drawer-topbar .icm-drawer-top-register,
  html body .icm-drawer-top-register {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #0b1e3d !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 6px 18px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    transition: all .18s ease !important;
  }

  html body .icm-site-header .icm-header-actions .icm-header-btn--register:hover,
  html body header .icm-header-actions .icm-header-btn--register:hover,
  html body .icm-drawer-topbar .icm-drawer-top-register:hover,
  html body .icm-drawer-top-register:hover {
    background: #f1f5f9 !important;
    transform: translateY(-1px) !important;
  }

  /* Clean Hamburger Button: Transparent in closed state, soft glass on hover */
  html body .icm-site-header .icm-menu-toggle,
  html body header .icm-menu-toggle,
  html body .icm-menu-toggle,
  html body .icm-drawer-close {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 8px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: all .2s ease !important;
  }

  html body .icm-site-header .icm-menu-toggle:hover,
  html body header .icm-menu-toggle:hover,
  html body .icm-menu-toggle:hover,
  html body .icm-drawer-close:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 8px !important;
  }

  html body .icm-site-header .icm-menu-toggle svg,
  html body .icm-menu-toggle svg,
  html body .icm-drawer-close svg {
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    color: #ffffff !important;
    width: 22px !important;
    height: 22px !important;
  }

  html body .icm-site-header .icm-menu-toggle line,
  html body .icm-menu-toggle line,
  html body .icm-drawer-close line {
    stroke: #ffffff !important;
    stroke-width: 2 !important;
  }

  /* Icon Toggle: Bars when closed, Close Cross (✕) when open */
  html body .icm-menu-toggle .icm-menu-toggle__icon--bars {
    display: block !important;
  }

  html body .icm-menu-toggle .icm-menu-toggle__icon--close {
    display: none !important;
  }

  html body .icm-menu-toggle[aria-expanded="true"] .icm-menu-toggle__icon--bars,
  body.icm-drawer-open .icm-menu-toggle .icm-menu-toggle__icon--bars,
  html body .icm-menu-toggle.is-active .icm-menu-toggle__icon--bars {
    display: none !important;
  }

  html body .icm-menu-toggle[aria-expanded="true"] .icm-menu-toggle__icon--close,
  body.icm-drawer-open .icm-menu-toggle .icm-menu-toggle__icon--close,
  html body .icm-menu-toggle.is-active .icm-menu-toggle__icon--close {
    display: block !important;
    stroke: #ffffff !important;
    stroke-width: 2.2 !important;
    color: #ffffff !important;
  }

  /* Single Unified Header: Drawer opens below the stationary header */
  html body .icm-mobile-drawer {
    position: fixed !important;
    top: 64px !important;
    bottom: 0 !important;
    height: calc(100vh - 64px) !important;
    height: calc(100dvh - 64px) !important;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 99995 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.32) !important;
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html[dir="rtl"] body .icm-mobile-drawer,
  body.rtl .icm-mobile-drawer {
    right: 0 !important;
    left: 0 !important;
    transform: translateX(100%) !important;
  }

  html[dir="ltr"] body .icm-mobile-drawer,
  body.ltr .icm-mobile-drawer {
    left: 0 !important;
    right: 0 !important;
    transform: translateX(-100%) !important;
  }

  html body .icm-mobile-drawer.is-open,
  body.icm-drawer-open .icm-mobile-drawer {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  html body .icm-drawer-backdrop {
    position: fixed !important;
    top: 64px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 99990 !important;
  }
}

/* ==================================================
   WEBINAR ARCHIVE PAGE — LTR / RTL TEXT ALIGNMENT FIX
   Ensures intro and subtext blocks strictly respect
   the active language direction (en → left, fa/ar → right).
   ================================================== */

/* LTR (English) mode: force left alignment on webinar intro/description text */
html[dir="ltr"] .academy-webinars-intro,
html[dir="ltr"] .icm-webinars-subtext,
html[dir="ltr"] .elementor-widget-text-editor .elementor-text-editor,
body.ltr .academy-webinars-intro,
body.ltr .icm-webinars-subtext,
body.ltr .elementor-widget-text-editor .elementor-text-editor,
.lang-en .academy-webinars-intro,
.lang-en .icm-webinars-subtext,
.lang-en .elementor-widget-text-editor .elementor-text-editor,
body.lang-en .academy-webinars-intro,
body.lang-en .icm-webinars-subtext,
body.lang-en .elementor-widget-text-editor .elementor-text-editor,
html[dir="ltr"] .icm-webinars-header p,
html[dir="ltr"] .icm-webinar-archive-desc,
html[dir="ltr"] .icm-webinar-archive__subtext,
html[dir="ltr"] .icm-webinars-intro,
html[dir="ltr"] .icm-webinar-section__intro,
html[dir="ltr"] .icm-webinar-page-desc,
html[dir="ltr"] .icm-webinar-page__subheading,
body.ltr .icm-webinars-header p,
body.icm-dir-ltr .academy-webinars-intro,
body.icm-dir-ltr .icm-webinars-subtext,
body.lang-en .icm-webinars-header p,
body.icm-lang-en .academy-webinars-intro,
body.icm-lang-en .icm-webinars-subtext {
  text-align: left !important;
  direction: ltr !important;
}

/* RTL (Persian / Arabic) mode: force right alignment */
html[dir="rtl"] .academy-webinars-intro,
html[dir="rtl"] .icm-webinars-subtext,
html[dir="rtl"] .icm-webinars-header p,
html[dir="rtl"] .icm-webinar-archive-desc,
html[dir="rtl"] .icm-webinar-archive__subtext,
html[dir="rtl"] .icm-webinars-intro,
html[dir="rtl"] .icm-webinar-section__intro,
html[dir="rtl"] .icm-webinar-page-desc,
html[dir="rtl"] .icm-webinar-page__subheading,
body.rtl .academy-webinars-intro,
body.rtl .icm-webinars-subtext,
body.rtl .icm-webinars-header p,
body.icm-dir-rtl .academy-webinars-intro,
body.icm-dir-rtl .icm-webinars-subtext,
body.lang-fa .academy-webinars-intro,
body.lang-fa .icm-webinars-subtext,
body.lang-ar .academy-webinars-intro,
body.lang-ar .icm-webinars-subtext,
body.icm-lang-fa .academy-webinars-intro,
body.icm-lang-fa .icm-webinars-subtext,
body.icm-lang-ar .academy-webinars-intro,
body.icm-lang-ar .icm-webinars-subtext {
  text-align: right !important;
  direction: rtl !important;
}

/* ==================================================
   WEBINAR PAGE — ELEMENTOR WIDGET TEXT ALIGNMENT FIX
   Targets .elementor-widget-text-editor blocks inside
   the webinar archive/page for strict LTR/RTL control.
   High specificity (body + html[dir] + class) ensures
   these rules override Elementor's own widget CSS.
   ================================================== */

/* ── LTR / English: force left alignment on Elementor text editors ── */
html[dir="ltr"] .academy-webinars .elementor-widget-text-editor,
html[dir="ltr"] .academy-webinars .elementor-text-editor,
html[dir="ltr"] .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
html[dir="ltr"] .academy-webinars .elementor-widget-text-editor .elementor-text-editor p,
html[dir="ltr"] .page-id-webinars .elementor-widget-text-editor,
html[dir="ltr"] .page-id-webinars .elementor-text-editor,
html[dir="ltr"] .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
html[dir="ltr"] .page-id-webinars .elementor-widget-text-editor .elementor-text-editor p,
html[dir="ltr"] .icm-webinars-header .elementor-widget-text-editor,
html[dir="ltr"] .icm-webinars-header .elementor-text-editor,
html[dir="ltr"] .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
html[dir="ltr"] .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor p,
html[dir="ltr"] .academy-webinars .elementor-widget-heading .elementor-heading-title,
html[dir="ltr"] .icm-webinars-page .elementor-widget-text-editor,
html[dir="ltr"] .icm-webinars-page .elementor-text-editor,
html[dir="ltr"] .icm-webinars-page .elementor-widget-text-editor .elementor-text-editor,
html[dir="ltr"] .page-template-webinars .elementor-widget-text-editor,
html[dir="ltr"] .page-template-webinars .elementor-text-editor,
html[dir="ltr"] .page-template-webinars .elementor-widget-text-editor .elementor-text-editor,
body.ltr .academy-webinars .elementor-widget-text-editor,
body.ltr .academy-webinars .elementor-text-editor,
body.ltr .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.ltr .page-id-webinars .elementor-widget-text-editor,
body.ltr .page-id-webinars .elementor-text-editor,
body.ltr .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.ltr .icm-webinars-header .elementor-widget-text-editor,
body.ltr .icm-webinars-header .elementor-text-editor,
body.ltr .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
body.ltr .academy-webinars .elementor-widget-heading .elementor-heading-title,
body.lang-en .academy-webinars .elementor-widget-text-editor,
body.lang-en .academy-webinars .elementor-text-editor,
body.lang-en .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.lang-en .page-id-webinars .elementor-widget-text-editor,
body.lang-en .page-id-webinars .elementor-text-editor,
body.lang-en .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.lang-en .icm-webinars-header .elementor-widget-text-editor,
body.lang-en .icm-webinars-header .elementor-text-editor,
body.lang-en .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
.lang-en .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
.lang-en .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
.lang-en .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-en .academy-webinars .elementor-widget-text-editor,
body.icm-lang-en .academy-webinars .elementor-text-editor,
body.icm-lang-en .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-en .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-en .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor {
  text-align: left !important;
  direction: ltr !important;
}

/* ==================================================
   OVERRIDE INLINE ELEMENTOR STYLES & NON-LTR BODY TAGS
   Target by URL/Lang body markers, cookies, and active lang classes
   ================================================== */
body.lang-en .elementor-widget-text-editor,
body.lang-en .elementor-widget-text-editor *,
body.icm-lang-en .elementor-widget-text-editor,
body.icm-lang-en .elementor-widget-text-editor *,
html:not([lang="fa-IR"]) .elementor-widget-text-editor .elementor-text-editor,
.academy-webinars-intro,
.icm-webinars-subtext {
  text-align: left !important;
  direction: ltr !important;
}

body.lang-en .academy-webinars .elementor-widget-text-editor,
body.lang-en .academy-webinars .elementor-widget-text-editor *,
body.lang-en .page-id-webinars .elementor-widget-text-editor,
body.lang-en .page-id-webinars .elementor-widget-text-editor *,
body.lang-en .icm-webinars-header .elementor-widget-text-editor,
body.lang-en .icm-webinars-header .elementor-widget-text-editor *,
body.lang-en .icm-webinars-page .elementor-widget-text-editor,
body.lang-en .icm-webinars-page .elementor-widget-text-editor *,
body.lang-en .page-template-webinars .elementor-widget-text-editor,
body.lang-en .page-template-webinars .elementor-widget-text-editor *,
body.icm-lang-en .academy-webinars .elementor-widget-text-editor,
body.icm-lang-en .academy-webinars .elementor-widget-text-editor *,
body.icm-lang-en .page-id-webinars .elementor-widget-text-editor,
body.icm-lang-en .page-id-webinars .elementor-widget-text-editor *,
body.icm-lang-en .icm-webinars-header .elementor-widget-text-editor,
body.icm-lang-en .icm-webinars-header .elementor-widget-text-editor *,
body.icm-lang-en .icm-webinars-page .elementor-widget-text-editor,
body.icm-lang-en .icm-webinars-page .elementor-widget-text-editor *,
body.icm-lang-en .page-template-webinars .elementor-widget-text-editor,
body.icm-lang-en .page-template-webinars .elementor-widget-text-editor *,
html:not([lang="fa-IR"]) .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
html:not([lang="fa-IR"]) .academy-webinars .elementor-widget-text-editor .elementor-text-editor *,
html:not([lang="fa-IR"]) .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
html:not([lang="fa-IR"]) .page-id-webinars .elementor-widget-text-editor .elementor-text-editor *,
html:not([lang="fa-IR"]) .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
html:not([lang="fa-IR"]) .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor * {
  text-align: left !important;
  direction: ltr !important;
}

/* ── RTL / Persian–Arabic: force right alignment ────────────────────── */
html[dir="rtl"] .academy-webinars .elementor-widget-text-editor,
html[dir="rtl"] .academy-webinars .elementor-text-editor,
html[dir="rtl"] .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
html[dir="rtl"] .academy-webinars .elementor-widget-text-editor .elementor-text-editor p,
html[dir="rtl"] .page-id-webinars .elementor-widget-text-editor,
html[dir="rtl"] .page-id-webinars .elementor-text-editor,
html[dir="rtl"] .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
html[dir="rtl"] .page-id-webinars .elementor-widget-text-editor .elementor-text-editor p,
html[dir="rtl"] .icm-webinars-header .elementor-widget-text-editor,
html[dir="rtl"] .icm-webinars-header .elementor-text-editor,
html[dir="rtl"] .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
html[dir="rtl"] .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor p,
html[dir="rtl"] .academy-webinars .elementor-widget-heading .elementor-heading-title,
html[dir="rtl"] .icm-webinars-page .elementor-widget-text-editor,
html[dir="rtl"] .icm-webinars-page .elementor-text-editor,
html[dir="rtl"] .icm-webinars-page .elementor-widget-text-editor .elementor-text-editor,
html[dir="rtl"] .page-template-webinars .elementor-widget-text-editor,
html[dir="rtl"] .page-template-webinars .elementor-text-editor,
html[dir="rtl"] .page-template-webinars .elementor-widget-text-editor .elementor-text-editor,
body.rtl .academy-webinars .elementor-widget-text-editor,
body.rtl .academy-webinars .elementor-text-editor,
body.rtl .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.rtl .page-id-webinars .elementor-widget-text-editor,
body.rtl .page-id-webinars .elementor-text-editor,
body.rtl .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.rtl .icm-webinars-header .elementor-widget-text-editor,
body.rtl .icm-webinars-header .elementor-text-editor,
body.rtl .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
body.rtl .academy-webinars .elementor-widget-heading .elementor-heading-title,
body.lang-fa .academy-webinars .elementor-widget-text-editor,
body.lang-fa .academy-webinars .elementor-text-editor,
body.lang-fa .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.lang-fa .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.lang-fa .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
body.lang-ar .academy-webinars .elementor-widget-text-editor,
body.lang-ar .academy-webinars .elementor-text-editor,
body.lang-ar .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.lang-ar .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.lang-ar .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-fa .academy-webinars .elementor-widget-text-editor,
body.icm-lang-fa .academy-webinars .elementor-text-editor,
body.icm-lang-fa .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-fa .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-fa .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-ar .academy-webinars .elementor-widget-text-editor,
body.icm-lang-ar .academy-webinars .elementor-text-editor,
body.icm-lang-ar .academy-webinars .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-ar .page-id-webinars .elementor-widget-text-editor .elementor-text-editor,
body.icm-lang-ar .icm-webinars-header .elementor-widget-text-editor .elementor-text-editor {
  text-align: right !important;
  direction: rtl !important;
}

/* ==================================================
   EXACT LANGUAGE SWITCHER & FLAG CONTAINER STYLING
   Forces exact 24x16 crisp container dimensions
   to eliminate stretching, squishing, or blur.
   ================================================== */
.icm-lang-switcher img,
.icm-lang-switcher svg,
.icm-flag-icon,
.icm-flag-svg,
.icm-flag-wrap,
.icm-flag-wrap svg,
.icm-lang-switcher__flag,
.icm-lang-switcher__flag img,
.icm-lang-switcher__flag svg,
.icm-footer-lang-pills__flag,
.icm-footer-lang-pills__flag img,
.icm-footer-lang-pills__flag svg,
.icm-header-lang-switcher .icm-flag-wrap,
.icm-header-lang-switcher .icm-flag-wrap svg {
  width: 24px !important;
  height: 16px !important;
  min-width: 24px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ==================================================
   SINGLE POST LTR REVERSAL, SEARCH WIDGET REDESIGN,
   AND LTR SOCIAL ICONS LEFT ALIGNMENT
   ================================================== */

/* 1. LTR SOCIAL MEDIA ICONS LEFT ALIGNMENT (ENGLISH MODE) */
html[dir="ltr"] .social-share,
html[dir="ltr"] .icm-social-links,
html[dir="ltr"] .post-social-icons,
html[dir="ltr"] .entry-share,
html[dir="ltr"] .icm-single-actions,
body.ltr .social-share,
body.ltr .icm-social-links,
body.ltr .post-social-icons,
body.ltr .entry-share,
body.ltr .icm-single-actions,
body.lang-en .social-share,
body.lang-en .icm-social-links,
body.lang-en .post-social-icons,
body.lang-en .entry-share,
body.lang-en .icm-single-actions,
body.icm-lang-en .social-share,
body.icm-lang-en .icm-social-links,
body.icm-lang-en .post-social-icons,
body.icm-lang-en .entry-share,
body.icm-lang-en .icm-single-actions,
.lang-en .social-share,
.lang-en .icm-social-links,
.lang-en .post-social-icons,
.lang-en .entry-share {
  justify-content: flex-start !important;
  text-align: left !important;
  flex-direction: row !important;
}

/* 2. REVERSE HERO COVER GRADIENT FADE IN LTR / ENGLISH (DESKTOP ONLY) */
@media (min-width: 1025px) {
  html[dir="ltr"] .single-post-hero::before,
  html[dir="ltr"] .single-post-hero::after,
  html[dir="ltr"] .single-post-hero .post-cover-overlay,
  html[dir="ltr"] .single-post-hero .post-cover-overlay::after,
  html[dir="ltr"] .article-hero-banner::before,
  html[dir="ltr"] .article-hero-banner::after,
  html[dir="ltr"] .post-cover-overlay,
  html[dir="ltr"] .post-cover-overlay::after,
  html[dir="ltr"] .icm-single-hero::before,
  html[dir="ltr"] .icm-single-hero::after,
  html[dir="ltr"] .icm-single-hero__image:after,
  html[dir="ltr"] .icm-single-hero__image::after,
  body.ltr .single-post-hero::before,
  body.ltr .single-post-hero::after,
  body.ltr .single-post-hero .post-cover-overlay,
  body.ltr .single-post-hero .post-cover-overlay::after,
  body.ltr .article-hero-banner::before,
  body.ltr .article-hero-banner::after,
  body.ltr .post-cover-overlay,
  body.ltr .post-cover-overlay::after,
  body.ltr .icm-single-hero::before,
  body.ltr .icm-single-hero::after,
  body.ltr .icm-single-hero__image:after,
  body.ltr .icm-single-hero__image::after,
  body.lang-en .single-post-hero::before,
  body.lang-en .single-post-hero::after,
  body.lang-en .single-post-hero .post-cover-overlay,
  body.lang-en .single-post-hero .post-cover-overlay::after,
  body.lang-en .article-hero-banner::before,
  body.lang-en .article-hero-banner::after,
  body.lang-en .post-cover-overlay,
  body.lang-en .post-cover-overlay::after,
  body.lang-en .icm-single-hero::before,
  body.lang-en .icm-single-hero::after,
  body.lang-en .icm-single-hero__image:after,
  body.lang-en .icm-single-hero__image::after,
  body.icm-lang-en .single-post-hero::before,
  body.icm-lang-en .single-post-hero::after,
  body.icm-lang-en .single-post-hero .post-cover-overlay,
  body.icm-lang-en .single-post-hero .post-cover-overlay::after,
  body.icm-lang-en .article-hero-banner::before,
  body.icm-lang-en .article-hero-banner::after,
  body.icm-lang-en .post-cover-overlay,
  body.icm-lang-en .post-cover-overlay::after,
  body.icm-lang-en .icm-single-hero::before,
  body.icm-lang-en .icm-single-hero::after,
  body.icm-lang-en .icm-single-hero__image:after,
  body.icm-lang-en .icm-single-hero__image::after,
  .lang-en .single-post-hero::before,
  .lang-en .single-post-hero::after,
  .lang-en .single-post-hero .post-cover-overlay,
  .lang-en .single-post-hero .post-cover-overlay::after,
  .lang-en .article-hero-banner::before,
  .lang-en .article-hero-banner::after,
  .lang-en .post-cover-overlay,
  .lang-en .post-cover-overlay::after,
  .lang-en .icm-single-hero::before,
  .lang-en .icm-single-hero::after,
  .lang-en .icm-single-hero__image:after,
  .lang-en .icm-single-hero__image::after {
    background: linear-gradient(90deg, #031b33 0%, #031b33 8%, rgba(3, 27, 51, 0.95) 14%, rgba(3, 27, 51, 0.8) 20%, rgba(3, 27, 51, 0.5) 28%, rgba(3, 27, 51, 0.2) 35%, transparent 42%, transparent 100%) !important;
  }
}

/* Articles Archive Featured Widget in LTR */
@media (min-width: 768px) {
  html[dir="ltr"] .icm-archive-feature,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature,
  html[dir="ltr"] .icm-featured-banner--archive,
  html[dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature,
  body.ltr .icm-archive-feature,
  body.ltr .icm-section--archive-feature .icm-archive-feature,
  body.ltr .icm-featured-banner--archive,
  body.ltr .elementor-widget-icm_articles_featured .icm-archive-feature,
  body.lang-en .icm-archive-feature,
  body.lang-en .icm-section--archive-feature .icm-archive-feature,
  body.lang-en .icm-featured-banner--archive,
  body.lang-en .elementor-widget-icm_articles_featured .icm-archive-feature,
  [dir="ltr"] .icm-archive-feature,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature,
  [dir="ltr"] .icm-featured-banner--archive,
  [dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature {
    display: block !important;
    position: relative !important;
    background-color: #001D36 !important;
    background: #001D36 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 29, 54, 0.15) !important;
  }

  html[dir="ltr"] .icm-archive-feature__link,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__link,
  html[dir="ltr"] .icm-featured-banner--archive .icm-archive-feature__link,
  html[dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__link,
  body.ltr .icm-archive-feature__link,
  body.ltr .icm-section--archive-feature .icm-archive-feature__link,
  body.ltr .icm-featured-banner--archive .icm-archive-feature__link,
  body.ltr .elementor-widget-icm_articles_featured .icm-archive-feature__link,
  body.lang-en .icm-archive-feature__link,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__link,
  body.lang-en .icm-featured-banner--archive .icm-archive-feature__link,
  body.lang-en .elementor-widget-icm_articles_featured .icm-archive-feature__link,
  [dir="ltr"] .icm-archive-feature__link,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__link,
  [dir="ltr"] .icm-featured-banner--archive .icm-archive-feature__link,
  [dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    width: 100% !important;
    min-height: 330px !important;
    height: auto !important;
    background-color: #001D36 !important;
    background: #001D36 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }

  /* ستون محتوای متنی در سمت چپ به صورت چپ‌چین */
  html[dir="ltr"] .icm-archive-feature__copy,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy,
  html[dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__content,
  html[dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__copy,
  body.ltr .icm-archive-feature__copy,
  body.ltr .icm-section--archive-feature .icm-archive-feature__copy,
  body.ltr .icm-featured-banner--archive .icm-featured-banner__content,
  body.ltr .elementor-widget-icm_articles_featured .icm-archive-feature__copy,
  body.lang-en .icm-archive-feature__copy,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__copy,
  body.lang-en .icm-featured-banner--archive .icm-featured-banner__content,
  body.lang-en .elementor-widget-icm_articles_featured .icm-archive-feature__copy,
  [dir="ltr"] .icm-archive-feature__copy,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy,
  [dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__content,
  [dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    order: 1 !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 36px 42px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    direction: ltr !important;
    background-color: #001D36 !important;
    background: #001D36 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  html[dir="ltr"] .icm-archive-feature__copy .icm-badge,
  body.ltr .icm-archive-feature__copy .icm-badge,
  body.lang-en .icm-archive-feature__copy .icm-badge,
  [dir="ltr"] .icm-archive-feature__copy .icm-badge {
    align-self: flex-start !important;
    margin: 0 0 8px 0 !important;
    font-size: 12px !important;
    padding: 4px 14px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    width: fit-content !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    text-align: left !important;
    direction: ltr !important;
  }

  /* عنوان در یک خط دیده شود */
  html[dir="ltr"] .icm-archive-feature__copy h2,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy h2,
  html[dir="ltr"] .icm-featured-banner--archive h2,
  body.ltr .icm-archive-feature__copy h2,
  body.ltr .icm-section--archive-feature .icm-archive-feature__copy h2,
  body.ltr .icm-featured-banner--archive h2,
  body.lang-en .icm-archive-feature__copy h2,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__copy h2,
  body.lang-en .icm-featured-banner--archive h2,
  [dir="ltr"] .icm-archive-feature__copy h2,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy h2,
  [dir="ltr"] .icm-featured-banner--archive h2 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    max-width: 100% !important;
    word-break: keep-all !important;
    font-size: clamp(20px, 1.85vw, 24px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    margin: 8px 0 10px 0 !important;
    direction: ltr !important;
    text-align: left !important;
    display: block !important;
  }

  /* طول محتوا کل ستون دوم باشد */
  html[dir="ltr"] .icm-archive-feature__copy p,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy p,
  html[dir="ltr"] .icm-featured-banner--archive p,
  body.ltr .icm-archive-feature__copy p,
  body.ltr .icm-section--archive-feature .icm-archive-feature__copy p,
  body.ltr .icm-featured-banner--archive p,
  body.lang-en .icm-archive-feature__copy p,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__copy p,
  body.lang-en .icm-featured-banner--archive p,
  [dir="ltr"] .icm-archive-feature__copy p,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy p,
  [dir="ltr"] .icm-featured-banner--archive p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 13.5px !important;
    line-height: 1.75 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 0 16px 0 !important;
    direction: ltr !important;
    text-align: left !important;
    display: block !important;
  }

  html[dir="ltr"] .icm-archive-feature__copy .icm-authorline,
  body.ltr .icm-archive-feature__copy .icm-authorline,
  body.lang-en .icm-archive-feature__copy .icm-authorline,
  [dir="ltr"] .icm-archive-feature__copy .icm-authorline {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 11px !important;
    direction: ltr !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 12px !important;
  }

  /* نکته: فقط دکمه در سمت راست */
  html[dir="ltr"] .icm-archive-feature__copy .icm-btn,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy .icm-btn,
  html[dir="ltr"] .icm-featured-banner--archive .icm-btn,
  body.ltr .icm-archive-feature__copy .icm-btn,
  body.ltr .icm-section--archive-feature .icm-archive-feature__copy .icm-btn,
  body.ltr .icm-featured-banner--archive .icm-btn,
  body.lang-en .icm-archive-feature__copy .icm-btn,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__copy .icm-btn,
  body.lang-en .icm-featured-banner--archive .icm-btn,
  [dir="ltr"] .icm-archive-feature__copy .icm-btn,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__copy .icm-btn,
  [dir="ltr"] .icm-featured-banner--archive .icm-btn {
    align-self: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    margin-top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    padding: 10px 24px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    text-decoration: none !important;
    height: 40px !important;
    box-sizing: border-box !important;
  }

  /* ستون تصویر در سمت راست */
  html[dir="ltr"] .icm-archive-feature__image,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__image,
  html[dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__media,
  html[dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__image,
  body.ltr .icm-archive-feature__image,
  body.ltr .icm-section--archive-feature .icm-archive-feature__image,
  body.ltr .icm-featured-banner--archive .icm-featured-banner__media,
  body.ltr .elementor-widget-icm_articles_featured .icm-archive-feature__image,
  body.lang-en .icm-archive-feature__image,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__image,
  body.lang-en .icm-featured-banner--archive .icm-featured-banner__media,
  body.lang-en .elementor-widget-icm_articles_featured .icm-archive-feature__image,
  [dir="ltr"] .icm-archive-feature__image,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__image,
  [dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__media,
  [dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    order: 2 !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: 0 !important;
    overflow: hidden !important;
    background-color: #001D36 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
  }

  html[dir="ltr"] .icm-archive-feature__image::before,
  body.ltr .icm-archive-feature__image::before,
  body.lang-en .icm-archive-feature__image::before,
  [dir="ltr"] .icm-archive-feature__image::before {
    display: none !important;
    content: none !important;
  }

  html[dir="ltr"] .icm-archive-feature__image img,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__image img,
  html[dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__media img,
  body.ltr .icm-archive-feature__image img,
  body.ltr .icm-section--archive-feature .icm-archive-feature__image img,
  body.ltr .icm-featured-banner--archive .icm-featured-banner__media img,
  body.lang-en .icm-archive-feature__image img,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__image img,
  body.lang-en .icm-featured-banner--archive .icm-featured-banner__media img,
  [dir="ltr"] .icm-archive-feature__image img,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__image img,
  [dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__media img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* محوشدگی از سمت چپ تصویر تا یک پنجم آن (20%) */
  html[dir="ltr"] .icm-archive-feature__image::after,
  html[dir="ltr"] .icm-section--archive-feature .icm-archive-feature__image::after,
  html[dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__media::after,
  html[dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__image::after,
  body.ltr .icm-archive-feature__image::after,
  body.ltr .icm-section--archive-feature .icm-archive-feature__image::after,
  body.ltr .icm-featured-banner--archive .icm-featured-banner__media::after,
  body.ltr .elementor-widget-icm_articles_featured .icm-archive-feature__image::after,
  body.lang-en .icm-archive-feature__image::after,
  body.lang-en .icm-section--archive-feature .icm-archive-feature__image::after,
  body.lang-en .icm-featured-banner--archive .icm-featured-banner__media::after,
  body.lang-en .elementor-widget-icm_articles_featured .icm-archive-feature__image::after,
  [dir="ltr"] .icm-archive-feature__image::after,
  [dir="ltr"] .icm-section--archive-feature .icm-archive-feature__image::after,
  [dir="ltr"] .icm-featured-banner--archive .icm-featured-banner__media::after,
  [dir="ltr"] .elementor-widget-icm_articles_featured .icm-archive-feature__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: -4px !important;
    right: 0 !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(90deg,
        #001D36 0%,
        #001D36 2%,
        rgba(0, 29, 54, 0.98) 4%,
        rgba(0, 29, 54, 0.90) 7%,
        rgba(0, 29, 54, 0.76) 10%,
        rgba(0, 29, 54, 0.56) 13%,
        rgba(0, 29, 54, 0.35) 16%,
        rgba(0, 29, 54, 0.16) 18%,
        rgba(0, 29, 54, 0.04) 19.5%,
        transparent 20%,
        transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 2 !important;
  }
}

/* 3. REDESIGN SEARCH WIDGET MATCHING ATTACHMENT 2 (IMAGE_E7D34C.PNG) */
.widget_search .search-form,
.widget_search form,
.search-form,
.icm-search-box,
.widget.widget_search form,
.widget_search .icm-search,
.icm-sidebar .widget_search form,
.icm-sidebar .search-form {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
}

.widget_search input[type="search"],
.widget_search input[type="text"],
.widget_search .search-field,
.search-form input[type="search"],
.search-form input[type="text"],
.search-form .search-field,
.icm-search-box input[type="search"],
.icm-search-box input[type="text"],
.icm-search-box .search-field {
  border: none !important;
  outline: none !important;
  padding: 12px 16px !important;
  width: 100% !important;
  background: transparent !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.widget_search button[type="submit"],
.widget_search input[type="submit"],
.widget_search .search-submit,
.widget_search .search-icon-btn,
.search-form button[type="submit"],
.search-form input[type="submit"],
.search-form .search-submit,
.search-form .search-icon-btn,
.icm-search-box button[type="submit"],
.icm-search-box button,
.icm-search-box .search-submit,
.icm-search-box .search-icon-btn {
  border: none !important;
  border-inline-end: 1px solid #e4e7ed !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  min-width: 48px !important;
  height: 100% !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* 4. PERFECT CENTER ALIGNMENT FOR SEARCH MAGNIFYING GLASS ICON (SITE-WIDE) */
.widget_search .search-submit,
.search-form button[type="submit"],
.icm-search-box button,
.search-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget_search .search-submit svg,
.search-form button[type="submit"] svg,
.search-form button i,
.icm-search-box svg,
.search-form svg,
.search-submit svg,
.search-submit i,
.search-icon-btn svg,
.search-icon-btn i,
.widget_search svg,
.widget_search button i,
.icm-search-box svg,
.icm-search-box button i,
.icm-search svg,
.icm-search button i {
  display: block !important;
  margin: auto !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
  width: 18px !important;
  height: 18px !important;
}

/* 5. FULL MOBILE RESPONSIVENESS (1:1 DESKTOP PARITY) */
@media (max-width: 768px) {

  .single-post-hero,
  .article-hero-banner,
  .icm-single-hero {
    min-height: auto !important;
    height: auto !important;
  }

  .single-post-hero .icm-single-hero__image,
  .article-hero-banner .icm-single-hero__image,
  .icm-single-hero__image {
    min-height: 220px !important;
    height: 220px !important;
  }

  .single-post-hero .icm-single-hero__copy,
  .article-hero-banner .icm-single-hero__copy,
  .icm-single-hero__copy {
    padding: 20px 18px !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .single-post-hero h1,
  .article-hero-banner h1,
  .icm-single-hero h1 {
    font-size: 22px !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
  }

  .icm-single-excerpt {
    font-size: 13px !important;
    line-height: 1.8 !important;
  }

  .icm-single-meta {
    font-size: 11px !important;
    gap: 8px 14px !important;
  }

  .icm-single-builder-grid,
  .icm-single-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .icm-single-builder-main,
  .icm-main-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .icm-single-builder-sidebar,
  .icm-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    top: auto !important;
    margin-top: 24px !important;
  }

  .icm-single-builder-grid[data-icm-sidebar-position="none"] .icm-single-builder-sidebar,
  .icm-single-builder-grid.no-sidebar .icm-single-builder-sidebar {
    display: none !important;
  }

  /* Guarantee 1:1 Responsive Parity: No single post content elements hidden */
  .entry-content,
  .post-content,
  .icm-single-content,
  .single-post-builder,
  .icm-single-content-only,
  .icm-prose {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: visible !important;
  }

  .entry-content>*,
  .post-content>*,
  .icm-single-content>*,
  .single-post-builder>*,
  .icm-single-content-only>*,
  .icm-prose>* {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: visible !important;
  }

  .entry-content img,
  .post-content img,
  .icm-single-content img,
  .single-post-builder img,
  .icm-single-content-only img,
  .icm-prose img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
  }
}

/* ==================================================
   CRITICAL FOUC PREVENTION: MOBILE MENU HARD-HIDE BY DEFAULT
   ================================================== */
.mobile-nav,
.icm-mobile-menu,
.offcanvas-menu,
.mobile-navigation,
.elementor-menu-cart--hidden-mobile,
.icm-mobile-drawer:not(.is-open):not(.show):not(.opened) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[dir="rtl"] .mobile-nav:not(.is-active):not(.show):not(.opened),
html[dir="rtl"] .icm-mobile-menu:not(.is-active):not(.show):not(.opened),
html[dir="rtl"] .offcanvas-menu:not(.is-active):not(.show):not(.opened),
html[dir="rtl"] .mobile-navigation:not(.is-active):not(.show):not(.opened),
body.rtl .mobile-nav:not(.is-active):not(.show):not(.opened),
body.rtl .icm-mobile-menu:not(.is-active):not(.show):not(.opened),
body.rtl .offcanvas-menu:not(.is-active):not(.show):not(.opened),
body.rtl .mobile-navigation:not(.is-active):not(.show):not(.opened) {
  transform: translateX(100%) !important;
}

html[dir="ltr"] .mobile-nav:not(.is-active):not(.show):not(.opened),
html[dir="ltr"] .icm-mobile-menu:not(.is-active):not(.show):not(.opened),
html[dir="ltr"] .offcanvas-menu:not(.is-active):not(.show):not(.opened),
html[dir="ltr"] .mobile-navigation:not(.is-active):not(.show):not(.opened),
body.ltr .mobile-nav:not(.is-active):not(.show):not(.opened),
body.ltr .icm-mobile-menu:not(.is-active):not(.show):not(.opened),
body.ltr .offcanvas-menu:not(.is-active):not(.show):not(.opened),
body.ltr .mobile-navigation:not(.is-active):not(.show):not(.opened) {
  transform: translateX(-100%) !important;
}

body.mobile-menu-active .mobile-nav,
body.mobile-menu-active .icm-mobile-menu,
body.mobile-menu-active .offcanvas-menu,
body.mobile-menu-active .mobile-navigation,
body.icm-drawer-open .icm-mobile-drawer,
.mobile-nav.is-active,
.mobile-nav.show,
.mobile-nav.opened,
.icm-mobile-menu.is-active,
.icm-mobile-menu.show,
.icm-mobile-menu.opened,
.offcanvas-menu.is-active,
.offcanvas-menu.show,
.offcanvas-menu.opened,
.mobile-navigation.is-active,
.mobile-navigation.show,
.mobile-navigation.opened,
.icm-mobile-drawer.is-open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

/* ==========================================================================
   MOBILE & TABLET: FORCE 100% SINGLE COLUMN STACK (max-width: 1024px)
   ========================================================================== */
@media (max-width: 1024px) {

  /* FORCE SINGLE COLUMN VERTICAL STACK FOR ALL OUTER WRAPPERS */
  html body.single-post .icm-single-builder-grid,
  html body.single-post .e-con.icm-single-builder-grid,
  html body.single-post .e-con.icm-single-builder-grid>.e-con-inner,
  html body.single-post .icm-single-body-wrap .icm-single-builder-grid,
  html body.single-post .icm-single-body-wrap>.e-con>.e-con-inner,
  html body.single-icm_webinar .icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-webinar--elementor .icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-webinar--elementor .e-con.icm-single-webinar__content-grid>.e-con-inner,
  html body.single-icm_webinar .icm-single-webinar__content>.icm-container.icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-body-wrap .icm-single-webinar__content-grid,
  html body.single-icm_webinar .icm-single-body-wrap>.e-con>.e-con-inner,
  body.single-post.icm-layout-sidebar-right .icm-single-builder-grid,
  body.single-post.has-sidebar-right .icm-single-builder-grid,
  body.single-post.icm-layout-sidebar-left .icm-single-builder-grid,
  body.single-post.has-sidebar-left .icm-single-builder-grid,
  body.single-icm_webinar.icm-layout-sidebar-right .icm-single-webinar__content-grid,
  body.single-icm_webinar.has-sidebar-right .icm-single-webinar__content-grid,
  body.single-icm_webinar.icm-layout-sidebar-left .icm-single-webinar__content-grid,
  body.single-icm_webinar.has-sidebar-left .icm-single-webinar__content-grid,
  .icm-single-builder-grid,
  .webinar-single-grid,
  .single-post-builder-grid,
  .icm-single-layout,
  .elementor-grid,
  .elementor-row {
    display: flex !important;
    flex-direction: column !important;
    flex-flow: column nowrap !important;
    grid-template-columns: 100% !important;
    grid-template-areas: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  /* 1. MAIN ARTICLE CONTAINER: MUST TAKE 100% FULL SCREEN WIDTH */
  html body.single-post .icm-single-builder-main,
  html body.single-post .icm-single-body-wrap .icm-single-builder-main,
  html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_content,
  html body.single-icm_webinar .icm-single-webinar__content-grid .icm-main-content,
  html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_webinar_single_content,
  .icm-single-builder-main,
  .icm-single-content,
  .entry-content,
  .article-body,
  .webinar-single-content,
  .elementor-widget-theme-post-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
    --width: 100% !important;
    --flex-basis: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 35px !important;
    box-sizing: border-box !important;
    order: 1 !important;
  }

  /* OVERRIDE ELEMENTOR HIDDEN CLASSES ON TABLET AND MOBILE */
  .elementor-hidden-mobile,
  .elementor-hidden-tablet,
  .elementor-element-hidden-mobile,
  .elementor-element-hidden-tablet {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Prevent text truncation or clipping inside content wrappers */
  .entry-content *,
  .icm-single-content *,
  .article-body *,
  .webinar-single-content * {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Article inner typography & spacing reset */
  .entry-content p,
  .icm-single-content p,
  .article-body p,
  .webinar-single-content p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: #1a202c !important;
    margin-bottom: 18px !important;
    word-break: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  /* Reset inner Elementor sections/columns to single column */
  .entry-content .elementor-section,
  .entry-content .elementor-container,
  .entry-content .elementor-column,
  .entry-content .elementor-widget-wrap,
  .icm-single-content .elementor-section,
  .icm-single-content .elementor-container,
  .icm-single-content .elementor-column,
  .icm-single-content .elementor-widget-wrap,
  .article-body .elementor-section,
  .article-body .elementor-container,
  .article-body .elementor-column,
  .article-body .elementor-widget-wrap,
  .webinar-single-content .elementor-section,
  .webinar-single-content .elementor-container,
  .webinar-single-content .elementor-column {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Text wrapping & responsive sizing */
  .entry-content h1,
  .icm-single-content h1,
  .article-body h1,
  .webinar-single-content h1 {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  .entry-content h2,
  .icm-single-content h2,
  .article-body h2,
  .webinar-single-content h2 {
    font-size: 18px !important;
    line-height: 1.4 !important;
  }

  .entry-content h3,
  .icm-single-content h3,
  .article-body h3,
  .webinar-single-content h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  .entry-content li,
  .icm-single-content li,
  .article-body li,
  .webinar-single-content li {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #1a202c !important;
  }

  /* Preserve natural inline flow for text elements inside article content */
  .entry-content a,
  .entry-content span,
  .entry-content strong,
  .entry-content b,
  .entry-content em,
  .entry-content i,
  .entry-content mark,
  .entry-content code,
  .entry-content time,
  .post-content a,
  .post-content span,
  .post-content strong,
  .post-content b,
  .post-content em,
  .post-content i,
  .post-content mark,
  .post-content code,
  .post-content time,
  .icm-single-content a,
  .icm-single-content span,
  .icm-single-content strong,
  .icm-single-content b,
  .icm-single-content em,
  .icm-single-content i,
  .article-body a,
  .article-body span,
  .article-body strong,
  .article-body b,
  .article-body em,
  .article-body i,
  .webinar-single-content a,
  .webinar-single-content span,
  .webinar-single-content strong,
  .webinar-single-content b,
  .webinar-single-content em,
  .webinar-single-content i {
    display: inline !important;
  }

  /* Responsive images and media within content */
  .entry-content img,
  .entry-content figure,
  .entry-content iframe,
  .entry-content video,
  .icm-single-content img,
  .icm-single-content figure,
  .icm-single-content iframe,
  .icm-single-content video,
  .article-body img,
  .article-body figure,
  .article-body iframe,
  .article-body video,
  .webinar-single-content img,
  .webinar-single-content figure,
  .webinar-single-content iframe,
  .webinar-single-content video {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
  }

  /* 2. SIDEBAR CONTAINER: MUST DROP BELOW THE ARTICLE & TAKE 100% WIDTH */
  html body.single-post .icm-single-builder-sidebar,
  html body.single-post .elementor-widget-icm_dynamic_sidebar,
  html body.single-post .icm-single-body-wrap .icm-single-builder-sidebar,
  html body.single-post .icm-single-body-wrap .elementor-widget-icm_dynamic_sidebar,
  html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_webinar_single_info,
  html body.single-icm_webinar .icm-single-webinar--elementor .elementor-widget-icm_dynamic_sidebar,
  html body.single-icm_webinar .icm-single-webinar__content-grid .icm-single-webinar__aside,
  html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_webinar_single_info,
  html body.single-icm_webinar .icm-single-body-wrap .elementor-widget-icm_dynamic_sidebar,
  .icm-single-builder-sidebar,
  .icm-sidebar,
  .widget-area,
  .webinar-sidebar,
  .icm-single-webinar__aside {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
    --width: 100% !important;
    --flex-basis: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    float: none !important;
    clear: both !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
    order: 2 !important;
  }

  /* Hide sidebar wrapper cleanly if empty, without affecting main content height */
  .icm-single-builder-sidebar:empty,
  .icm-sidebar:empty,
  .widget-area:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Article symmetric side padding matching site container spacing */
  .icm-single-builder-main,
  .icm-single-content,
  .entry-content,
  .article-body,
  .webinar-single-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ==========================================================================
     CARD COVER & CONTENT OVERLAY STRUCTURE (IMAGE BACKGROUND) (<= 1024PX)
     ========================================================================== */
  /* Main Hero Outer Card Wrapper */
  html body.single-post .icm-single-hero,
  html body.single-icm_webinar .icm-single-webinar__hero-grid,
  html body.single-icm_webinar .webinar-single-hero .icm-single-webinar__hero-grid,
  html body .icm-single-hero,
  html body .icm-single-webinar__hero-grid,
  html body .icm-single-card,
  html body .entry-header-card,
  body.single-post .icm-single-hero,
  body.single-icm_webinar .icm-single-webinar__hero-grid,
  .icm-single-webinar__hero-grid,
  .webinar-single-hero,
  .icm-single-hero,
  .icm-single-card,
  .entry-header-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 20px 16px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    background-color: #0b1329 !important;
    min-height: auto !important;
    height: auto !important;
    gap: 12px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
  }

  section.webinar-single-hero,
  section.icm-single-webinar__hero,
  section.icm-single-head {
    background: transparent !important;
    border: none !important;
    padding: 18px 0 24px !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  section.webinar-single-hero::before,
  section.icm-single-webinar__hero::before,
  section.icm-single-head::before {
    display: none !important;
    content: none !important;
  }

  /* Force the featured image to stretch behind the entire card */
  html body.single-post .icm-single-hero__image,
  html body.single-icm_webinar .icm-single-webinar__image,
  html body.single-icm_webinar .webinar-single-media,
  html body .icm-single-hero__image,
  html body .icm-single-webinar__image,
  html body .webinar-single-media,
  body.single-post .icm-single-hero__image,
  body.single-icm_webinar .icm-single-webinar__image,
  body.single-icm_webinar .webinar-single-media,
  .icm-single-hero__image,
  .icm-single-webinar__image,
  .webinar-single-media {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    z-index: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 20px !important;
    pointer-events: none !important;
    grid-area: unset !important;
    order: unset !important;
  }

  html body.single-post .icm-single-hero__image img,
  html body.single-icm_webinar .icm-single-webinar__image img,
  html body.single-icm_webinar .webinar-single-media img,
  html body .icm-single-hero__image img,
  html body .icm-single-webinar__image img,
  html body .webinar-single-media img,
  body.single-post .icm-single-hero__image img,
  body.single-icm_webinar .icm-single-webinar__image img,
  body.single-icm_webinar .webinar-single-media img,
  .icm-single-hero__image img,
  .icm-single-webinar__image img,
  .webinar-single-media img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    z-index: 0 !important;
  }

  /* Remove any conflicting pseudo overlays on image wrapper itself */
  html body.single-post .icm-single-hero__image::before,
  html body.single-post .icm-single-hero__image::after,
  html body.single-icm_webinar .icm-single-webinar__image::before,
  html body.single-icm_webinar .icm-single-webinar__image::after,
  html body .icm-single-hero__image::before,
  html body .icm-single-hero__image::after,
  html body .icm-single-webinar__image::before,
  html body .icm-single-webinar__image::after,
  .icm-single-hero__image::before,
  .icm-single-hero__image::after,
  .icm-single-webinar__image::before,
  .icm-single-webinar__image::after,
  .webinar-single-media::before,
  .webinar-single-media::after {
    display: none !important;
    content: none !important;
  }

  /* Soft Dark Overlay for mobile/tablet so background image remains subtly visible while white text pops */
  html body.single-post .icm-single-hero::before,
  html body.single-icm_webinar .icm-single-webinar__hero-grid::before,
  html body .icm-single-hero::before,
  html body .icm-single-webinar__hero-grid::before,
  html body .icm-single-card::before,
  html body .entry-header-card::before,
  body.single-post .icm-single-hero::before,
  body.single-icm_webinar .icm-single-webinar__hero-grid::before,
  .icm-single-hero::before,
  .icm-single-webinar__hero-grid::before,
  .icm-single-card::before,
  .entry-header-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(11, 19, 41, 0.35) 0%, rgba(11, 19, 41, 0.82) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    border-radius: 20px !important;
  }

  /* Bring all content blocks above the image & overlay */
  html body.single-post .icm-single-hero>*:not(.icm-single-hero__image),
  html body.single-icm_webinar .icm-single-webinar__hero-grid>*:not(.icm-single-webinar__image),
  html body .icm-single-hero__copy,
  html body .icm-single-hero_info,
  html body .icm-single-webinar__copy,
  .icm-single-hero>*:not(.icm-single-hero__image),
  .icm-single-webinar__hero-grid>*:not(.icm-single-webinar__image),
  .icm-single-hero__copy,
  .icm-single-hero_info,
  .icm-single-webinar__copy,
  .webinar-single-copy,
  .webinar-single-content-wrapper {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-area: unset !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    min-height: auto !important;
    height: auto !important;
    gap: 10px !important;
  }

  /* Hero card elements order on mobile & tablet */
  .icm-single-hero__category,
  .category-label,
  .icm-single-cat,
  .webinar-cat {
    order: 1 !important;
    display: inline-flex !important;
    margin-bottom: 12px !important;
  }

  .icm-single-hero__copy h1,
  .icm-single-hero_info h1,
  .icm-single-webinar__copy h1 {
    order: 2 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    font-size: 22px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }

  .icm-single-excerpt,
  .icm-single-webinar__excerpt {
    order: 3 !important;
    margin-bottom: 14px !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    opacity: 0.95 !important;
  }

  .icm-author,
  .icm-instructor {
    order: 4 !important;
    margin-top: auto !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .icm-author b,
  .icm-author span,
  .icm-instructor span,
  .icm-instructor b {
    color: #ffffff !important;
    font-size: 14px !important;
  }

  .icm-author small,
  .icm-instructor small {
    color: #ffffff !important;
    opacity: 0.85 !important;
    font-size: 12px !important;
  }

  .icm-author img,
  .icm-instructor img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
  }

  .icm-single-meta,
  .icm-single-webinar__meta,
  .icm-hero-meta-bottom,
  .entry-meta-bottom {
    order: 5 !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-top: 14px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
    font-size: 13px !important;
    width: 100% !important;
  }

  .icm-share-btn-wrapper {
    flex-shrink: 0 !important;
  }

  .icm-meta-info-group {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    color: #ffffff !important;
  }

  .icm-meta-info-group .meta-item,
  .icm-meta-info-group .icm-meta-item {
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  .icm-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #ffffff !important;
    font-size: 13px !important;
  }

  .icm-meta-label {
    color: rgba(255, 255, 255, 0.88) !important;
    font-weight: 500 !important;
  }

  .icm-meta-item time,
  .icm-meta-item span {
    color: #ffffff !important;
  }

  .icm-single-hero__image .icm-single-hero__badge,
  .icm-single-hero__image .category-badge,
  .webinar-single-media .category-badge,
  .icm-single-webinar__image .category-badge {
    display: none !important;
  }

  /* Compact Circular Share Icon Button on Mobile & Tablet */
  .icm-share-btn-bottom,
  .icm-share-post,
  .icm-share-btn--meta {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: rgba(0, 25, 46, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
  }

  .icm-share-btn-bottom .share-btn-text,
  .icm-share-btn-bottom .icm-share-text,
  .icm-share-post .share-btn-text,
  .icm-share-post .icm-share-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
  }

  .icm-share-btn-bottom svg,
  .icm-share-btn-bottom .icm-custom-share-svg,
  .icm-share-post svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 2 !important;
    display: block !important;
    margin: auto !important;
  }

  /* Suppress old share wrapper & image share button on mobile */
  .icm-single-actions--image,
  .icm-single-hero__image .icm-single-actions,
  .icm-single-webinar__image .icm-single-actions,
  .icm-single-hero__image .icm-share-btn-bottom,
  .icm-single-hero__image .icm-share-btn--image,
  .icm-single-webinar__image .icm-share-btn-bottom,
  .webinar-single-media .icm-share-btn-bottom,
  .post-cover-overlay .icm-share-btn-bottom {
    display: none !important;
  }

  /* Force pure white font on all hero text and meta on mobile/tablet */
  .icm-single-hero h1,
  .icm-single-hero__copy h1,
  .webinar-single-hero h1,
  .icm-single-webinar__copy h1 {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
  }

  .icm-single-excerpt,
  .icm-single-webinar__excerpt {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    opacity: 0.95 !important;
  }

  .icm-author b,
  .icm-author span,
  .icm-instructor span,
  .icm-instructor b {
    color: #ffffff !important;
  }

  .icm-author small,
  .icm-instructor small {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .icm-single-meta,
  .icm-single-webinar__meta,
  .icm-hero-meta-bottom,
  .entry-meta-bottom {
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding-top: 14px !important;
  }

  .icm-meta-item {
    color: #ffffff !important;
  }

  .icm-meta-label {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .icm-meta-item time,
  .icm-meta-item span {
    color: #ffffff !important;
  }

  .icm-meta-item svg {
    stroke: #ffffff !important;
  }

  /* Related posts section full visibility */
  .icm-related-section,
  .related-posts-section,
  .icm-featured-articles-slider,
  .icm-single-webinar__related,
  .icm-single-bottom-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    clear: both !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    box-sizing: border-box !important;
  }

  .icm-related-section .icm-container,
  .related-posts-section .icm-container,
  .icm-single-webinar__related .icm-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .icm-related-slider,
  .icm-related-rail {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* ==========================================================================
   HEADER & HERO CARD RTL/LTR STRUCTURE & RELATED POSTS LTR FIXES
   ========================================================================== */
/* RTL locales: Card content strictly right-aligned */
html[dir="rtl"] .icm-single-hero__copy,
body:not(.ltr) .icm-single-hero__copy,
html[dir="rtl"] .icm-single-hero_info,
body:not(.ltr) .icm-single-hero_info,
html[dir="rtl"] .icm-single-webinar__copy,
body:not(.ltr) .icm-single-webinar__copy {
  text-align: right !important;
  direction: rtl !important;
  align-items: flex-start !important;
}

html[dir="rtl"] .icm-single-hero__copy h1,
body:not(.ltr) .icm-single-hero__copy h1,
html[dir="rtl"] .icm-single-webinar__copy h1,
body:not(.ltr) .icm-single-webinar__copy h1 {
  text-align: right !important;
  direction: rtl !important;
  width: 100% !important;
}

html[dir="rtl"] .icm-single-hero__category,
body:not(.ltr) .icm-single-hero__category,
html[dir="rtl"] .category-label,
body:not(.ltr) .category-label,
html[dir="rtl"] .icm-single-cat,
body:not(.ltr) .icm-single-cat,
html[dir="rtl"] .webinar-cat,
body:not(.ltr) .webinar-cat {
  text-align: right !important;
  direction: rtl !important;
  align-self: flex-start !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[dir="rtl"] .icm-single-excerpt,
body:not(.ltr) .icm-single-excerpt,
html[dir="rtl"] .icm-single-webinar__excerpt,
body:not(.ltr) .icm-single-webinar__excerpt {
  text-align: right !important;
  direction: rtl !important;
  width: 100% !important;
}

html[dir="rtl"] .icm-author,
body:not(.ltr) .icm-author,
html[dir="rtl"] .icm-instructor,
body:not(.ltr) .icm-instructor {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  direction: rtl !important;
  text-align: right !important;
  width: 100% !important;
}

html[dir="rtl"] .icm-author span,
body:not(.ltr) .icm-author span,
html[dir="rtl"] .icm-instructor span,
body:not(.ltr) .icm-instructor span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: right !important;
  direction: rtl !important;
}

html[dir="rtl"] .icm-single-meta,
body:not(.ltr) .icm-single-meta,
html[dir="rtl"] .icm-single-webinar__meta,
body:not(.ltr) .icm-single-webinar__meta,
html[dir="rtl"] .icm-hero-meta-bottom,
body:not(.ltr) .icm-hero-meta-bottom,
html[dir="rtl"] .entry-meta-bottom,
body:not(.ltr) .entry-meta-bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  direction: rtl !important;
  text-align: right !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
}

/* LTR locales: Card content strictly left-aligned */
html[dir="ltr"] .icm-single-hero__copy,
body.ltr .icm-single-hero__copy,
html[dir="ltr"] .icm-single-hero_info,
body.ltr .icm-single-hero_info,
html[dir="ltr"] .icm-single-webinar__copy,
body.ltr .icm-single-webinar__copy {
  text-align: left !important;
  direction: ltr !important;
  align-items: flex-start !important;
}

html[dir="ltr"] .icm-single-hero__copy h1,
body.ltr .icm-single-hero__copy h1,
html[dir="ltr"] .icm-single-webinar__copy h1,
body.ltr .icm-single-webinar__copy h1 {
  text-align: left !important;
  direction: ltr !important;
  width: 100% !important;
}

html[dir="ltr"] .icm-single-hero__category,
body.ltr .icm-single-hero__category,
html[dir="ltr"] .category-label,
body.ltr .category-label,
html[dir="ltr"] .icm-single-cat,
body.ltr .icm-single-cat,
html[dir="ltr"] .webinar-cat,
body.ltr .webinar-cat {
  text-align: left !important;
  direction: ltr !important;
  align-self: flex-start !important;
  margin-right: auto !important;
  margin-left: 0 !important;
}

html[dir="ltr"] .icm-single-excerpt,
body.ltr .icm-single-excerpt,
html[dir="ltr"] .icm-single-webinar__excerpt,
body.ltr .icm-single-webinar__excerpt {
  text-align: left !important;
  direction: ltr !important;
  width: 100% !important;
}

html[dir="ltr"] .icm-author,
body.ltr .icm-author,
html[dir="ltr"] .icm-instructor,
body.ltr .icm-instructor {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  direction: ltr !important;
  text-align: left !important;
  width: 100% !important;
}

html[dir="ltr"] .icm-author span,
body.ltr .icm-author span,
html[dir="ltr"] .icm-instructor span,
body.ltr .icm-instructor span {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-single-meta,
body.ltr .icm-single-meta,
html[dir="ltr"] .icm-single-webinar__meta,
body.ltr .icm-single-webinar__meta,
html[dir="ltr"] .icm-hero-meta-bottom,
body.ltr .icm-hero-meta-bottom,
html[dir="ltr"] .entry-meta-bottom,
body.ltr .entry-meta-bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  direction: ltr !important;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
}

/* LTR Related Posts: Buttons on the right, arrow points to the left */
html[dir="ltr"] .icm-related-section .icm-section-title--with-controls,
body.ltr .icm-related-section .icm-section-title--with-controls,
.lang-en .icm-related-section .icm-section-title--with-controls,
body.lang-en .icm-related-section .icm-section-title--with-controls,
body.icm-lang-en .icm-related-section .icm-section-title--with-controls {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-related-section .icm-related-controls,
body.ltr .icm-related-section .icm-related-controls,
.lang-en .icm-related-section .icm-related-controls,
body.lang-en .icm-related-section .icm-related-controls,
body.icm-lang-en .icm-related-section .icm-related-controls {
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-related-section .icm-single-related-card__arrow,
body.ltr .icm-related-section .icm-single-related-card__arrow,
.lang-en .icm-related-section .icm-single-related-card__arrow,
html[dir="ltr"] .icm-related-section .icm-round-arrow,
body.ltr .icm-related-section .icm-round-arrow,
.lang-en .icm-related-section .icm-round-arrow,
html[dir="ltr"] .related-posts-section .icm-round-arrow,
body.ltr .related-posts-section .icm-round-arrow,
.lang-en .related-posts-section .icm-round-arrow {
  right: 14px !important;
  left: auto !important;
}

html[dir="ltr"] .icm-related-section .icm-round-arrow::before,
body.ltr .icm-related-section .icm-round-arrow::before,
.lang-en .icm-related-section .icm-round-arrow::before,
html[dir="ltr"] .icm-related-section .icm-single-related-card__arrow::before,
body.ltr .icm-related-section .icm-single-related-card__arrow::before,
.lang-en .icm-related-section .icm-single-related-card__arrow::before,
html[dir="ltr"] .related-posts-section .icm-round-arrow::before,
body.ltr .related-posts-section .icm-round-arrow::before,
.lang-en .related-posts-section .icm-round-arrow::before {
  transform: rotate(45deg) scaleX(1) !important;
}

html[dir="ltr"] .icm-related-section .icm-btn .icm-arrow,
body.ltr .icm-related-section .icm-btn .icm-arrow,
.lang-en .icm-related-section .icm-btn .icm-arrow,
html[dir="ltr"] .related-posts-section .icm-btn .icm-arrow,
body.ltr .related-posts-section .icm-btn .icm-arrow,
.lang-en .related-posts-section .icm-btn .icm-arrow,
html[dir="ltr"] .icm-related-section svg.icm-arrow,
body.ltr .icm-related-section svg.icm-arrow,
.lang-en .icm-related-section svg.icm-arrow {
  /* transform: rotate(180deg) !important; */
}

html[dir="ltr"] .icm-single-webinar__related .icm-webinar-card__body,
body.ltr .icm-single-webinar__related .icm-webinar-card__body,
.lang-en .icm-single-webinar__related .icm-webinar-card__body {
  text-align: right !important;
}

html[dir="ltr"] .icm-single-webinar__related .icm-btn,
body.ltr .icm-single-webinar__related .icm-btn,
.lang-en .icm-single-webinar__related .icm-btn {
  float: right !important;
  text-align: right !important;
}

/* ==========================================================================
   DESKTOP (> 1024px) DIRECTIONAL HERO OVERLAY & BOTTOM META / SHARE BUTTON
   ========================================================================== */
@media (min-width: 1025px) {

  /* Force relative container and smooth image mask */
  .icm-single-hero,
  .single-post-hero,
  .article-hero-banner,
  .icm-single-card,
  .entry-header-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background-color: #0b1329 !important;
    background: #0b1329 !important;
  }

  /* Suppress conflicting old inner image pseudo-elements */
  .icm-single-hero__image::after,
  .icm-single-hero__image::before,
  .post-cover-overlay::after,
  .post-cover-overlay::before {
    display: none !important;
    content: none !important;
  }

  .icm-single-hero__image,
  .post-cover-overlay {
    z-index: auto !important;
    isolation: auto !important;
  }

  .icm-single-hero__image img,
  .post-cover-overlay img {
    z-index: 0 !important;
  }

  /* Smooth gradient overlay covering the boundary line - RTL (Persian / Arabic) */
  [dir="rtl"] .icm-single-hero::after,
  [dir="rtl"] .single-post-hero::after,
  [dir="rtl"] .article-hero-banner::after,
  [dir="rtl"] .icm-single-card::after,
  [dir="rtl"] .entry-header-card::after,
  html:lang(fa-IR) .icm-single-hero::after,
  html[dir="rtl"] .icm-single-hero::after,
  body:not(.ltr) .icm-single-hero::after,
  body:not(.ltr) .single-post-hero::after,
  body:not(.ltr) .article-hero-banner::after,
  body:not(.ltr) .icm-single-card::after,
  body:not(.ltr) .entry-header-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(270deg, #0b1329 35%, rgba(11, 19, 41, 0.75) 60%, rgba(11, 19, 41, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  /* Smooth gradient overlay covering the boundary line - LTR (English) */
  [dir="ltr"] .icm-single-hero::after,
  [dir="ltr"] .single-post-hero::after,
  [dir="ltr"] .article-hero-banner::after,
  [dir="ltr"] .icm-single-card::after,
  [dir="ltr"] .entry-header-card::after,
  html[dir="ltr"] .icm-single-hero::after,
  body.ltr .icm-single-hero::after,
  .lang-en .icm-single-hero::after,
  body.lang-en .icm-single-hero::after,
  body.icm-lang-en .icm-single-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, #0b1329 35%, rgba(11, 19, 41, 0.75) 60%, rgba(11, 19, 41, 0) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  /* Keep text layer above overlay */
  .icm-single-hero__copy,
  .icm-single-hero_info {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
  }

  /* Desktop Share Button (Text + Icon) */
  .icm-share-btn-bottom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    vertical-align: middle !important;
  }

  .icm-share-btn-bottom:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    color: #ffffff !important;
  }

  .icm-share-btn-bottom .share-btn-text,
  .icm-share-btn-bottom .icm-share-text {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  .icm-share-btn-bottom svg,
  .icm-share-btn-bottom .icm-custom-share-svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 2 !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* Desktop Bottom Meta Row */
  .icm-hero-meta-bottom,
  .entry-meta-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-top: 14px !important;
    margin-top: 14px !important;
    font-size: 13px !important;
  }

  .icm-share-btn-wrapper {
    flex-shrink: 0 !important;
  }

  .icm-meta-info-group {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    color: #ffffff !important;
  }

  .icm-meta-info-group .meta-item,
  .icm-meta-info-group .icm-meta-item {
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  .icm-hero-meta-bottom .icm-meta-item,
  .entry-meta-bottom .icm-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
  }

  .icm-hero-meta-bottom .icm-meta-label,
  .entry-meta-bottom .icm-meta-label {
    color: rgba(255, 255, 255, 0.75) !important;
    font-weight: 500 !important;
  }

  .icm-hero-meta-bottom .icm-meta-item time,
  .icm-hero-meta-bottom .icm-meta-item span,
  .entry-meta-bottom .icm-meta-item time,
  .entry-meta-bottom .icm-meta-item span {
    color: #ffffff !important;
  }

  /* Hide duplicate category badges rendered inside the text copy/content container above the title on desktop */
  .icm-single-hero__copy>.category-badge,
  .icm-single-hero__copy>.icm-single-cat,
  .icm-single-hero__copy>.icm-single-hero__category,
  .icm-single-hero__copy>.category-label,
  .icm-single-hero__copy>.webinar-category-top,
  .icm-single-hero__copy>.entry-category,
  .icm-single-hero__copy>.entry-category-top,
  .icm-single-hero__copy>.icm-hero-cat,
  .icm-single-webinar__copy>.webinar-category,
  .icm-single-webinar__copy>.webinar-category-top,
  .icm-single-webinar__copy>.category-badge,
  .icm-single-webinar__copy>.category-label,
  .icm-single-webinar__copy>.webinar-cat,
  .icm-single-webinar__copy>.icm-single-cat,
  .icm-single-webinar__copy>.entry-category,
  .icm-single-webinar__copy>.entry-category-top,
  .icm-single-webinar__copy>.icm-hero-cat,
  .entry-header-card .entry-category-top,
  .entry-header-card .entry-category,
  .entry-header-card .icm-hero-cat {
    display: none !important;
  }

  /* Ensure the image badge remains clearly visible on top of the featured image */
  .icm-single-hero__image .category-badge,
  .icm-single-hero__image .icm-single-hero__badge,
  .webinar-single-media .category-badge,
  .icm-single-webinar__image .category-badge {
    display: inline-block !important;
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 5 !important;
  }

  [dir="ltr"] .icm-single-hero__image .category-badge,
  [dir="ltr"] .icm-single-hero__image .icm-single-hero__badge,
  [dir="ltr"] .webinar-single-media .category-badge,
  [dir="ltr"] .icm-single-webinar__image .category-badge,
  html[dir="ltr"] .icm-single-hero__image .category-badge,
  body.ltr .icm-single-hero__image .category-badge,
  .lang-en .icm-single-hero__image .category-badge,
  body.lang-en .icm-single-hero__image .category-badge,
  body.icm-lang-en .icm-single-hero__image .category-badge,
  html[dir="ltr"] .webinar-single-media .category-badge,
  body.ltr .webinar-single-media .category-badge,
  html[dir="ltr"] .icm-single-webinar__image .category-badge,
  body.ltr .icm-single-webinar__image .category-badge {
    right: auto !important;
    left: 20px !important;
  }
}

html[dir="ltr"] .icm-single-hero,
html[dir="ltr"] .single-post-hero,
html[dir="ltr"] .article-hero-banner,
body.ltr .icm-single-hero,
body.ltr .single-post-hero,
body.ltr .article-hero-banner,
.lang-en .icm-single-hero,
.lang-en .single-post-hero,
body.lang-en .icm-single-hero,
body.lang-en .single-post-hero,
body.icm-lang-en .icm-single-hero,
body.icm-lang-en .single-post-hero {
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: hidden !important;
}

html[dir="ltr"] .icm-single-hero__copy,
html[dir="ltr"] .icm-single-hero_info,
body.ltr .icm-single-hero__copy,
body.ltr .icm-single-hero_info,
.lang-en .icm-single-hero__copy,
.lang-en .icm-single-hero_info,
body.lang-en .icm-single-hero__copy,
body.lang-en .icm-single-hero_info,
body.icm-lang-en .icm-single-hero__copy,
body.icm-lang-en .icm-single-hero_info {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
  border: none !important;
}

html[dir="ltr"] .icm-single-hero__copy::before,
body.ltr .icm-single-hero__copy::before,
.lang-en .icm-single-hero__copy::before,
body.lang-en .icm-single-hero__copy::before,
body.icm-lang-en .icm-single-hero__copy::before {
  display: none !important;
  content: none !important;
}

/* ==========================================================================
   UNIVERSAL SEARCH REDESIGN (EXACT MATCH TO ATTACHMENT)
   ========================================================================== */
.icm-search,
.icm-search--archive,
.icm-search-box,
.widget_search .search-form,
.widget_search form,
.search-form,
.widget.widget_search form,
.widget_search .icm-search,
.icm-sidebar .widget_search form,
.icm-sidebar .search-form,
.icm-webinar-search {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.icm-search:focus-within,
.icm-search--archive:focus-within,
.icm-search-box:focus-within,
.widget_search form:focus-within,
.search-form:focus-within,
.icm-sidebar .search-form:focus-within {
  border-color: #0b3153 !important;
  box-shadow: 0 0 0 3px rgba(11, 49, 83, 0.08) !important;
}

.icm-search input,
.icm-search--archive input,
.icm-search-box input,
.widget_search input[type="search"],
.widget_search input[type="text"],
.widget_search .search-field,
.search-form input[type="search"],
.search-form input[type="text"],
.search-form .search-field,
.icm-search-box input[type="search"],
.icm-search-box input[type="text"],
.icm-search-box .search-field {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 16px 0 8px !important;
  height: 100% !important;
  flex: 1 !important;
  background: transparent !important;
  font-size: 13px !important;
  color: #1e293b !important;
  box-sizing: border-box !important;
}

.icm-search input::placeholder,
.icm-search--archive input::placeholder,
.icm-search-box input::placeholder,
.search-form input::placeholder,
.widget_search input::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
  font-size: 13px !important;
}

.icm-search button,
.icm-search--archive button,
.widget_search button[type="submit"],
.widget_search input[type="submit"],
.widget_search .search-submit,
.widget_search .search-icon-btn,
.search-form button[type="submit"],
.search-form input[type="submit"],
.search-form .search-submit,
.search-form .search-icon-btn,
.icm-search-box button[type="submit"],
.icm-search-box button,
.icm-search-box .search-submit,
.icm-search-box .search-icon-btn {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 100% !important;
  line-height: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  color: #0b3153 !important;
}

html[dir="rtl"] .icm-search input,
body:not(.ltr) .icm-search input,
html[dir="rtl"] .icm-search-box input,
body:not(.ltr) .icm-search-box input,
html[dir="rtl"] .search-form input,
body:not(.ltr) .search-form input {
  order: 1 !important;
  text-align: right !important;
  direction: rtl !important;
  padding-right: 16px !important;
  padding-left: 8px !important;
}

html[dir="rtl"] .icm-search input::placeholder,
body:not(.ltr) .icm-search input::placeholder,
html[dir="rtl"] .icm-search-box input::placeholder,
body:not(.ltr) .icm-search-box input::placeholder {
  text-align: right !important;
  direction: rtl !important;
}

html[dir="rtl"] .icm-search button,
body:not(.ltr) .icm-search button,
html[dir="rtl"] .icm-search-box button,
body:not(.ltr) .icm-search-box button,
html[dir="rtl"] .search-form button,
body:not(.ltr) .search-form button {
  order: 2 !important;
  margin-left: 4px !important;
  margin-right: 0 !important;
}

html[dir="ltr"] .icm-search input,
body.ltr .icm-search input,
html[dir="ltr"] .icm-search-box input,
body.ltr .icm-search-box input,
html[dir="ltr"] .search-form input,
body.ltr .search-form input {
  order: 1 !important;
  text-align: left !important;
  direction: ltr !important;
  padding-left: 16px !important;
  padding-right: 8px !important;
}

html[dir="ltr"] .icm-search input::placeholder,
body.ltr .icm-search input::placeholder,
html[dir="ltr"] .icm-search-box input::placeholder,
body.ltr .icm-search-box input::placeholder {
  text-align: left !important;
  direction: ltr !important;
}

html[dir="ltr"] .icm-search button,
body.ltr .icm-search button,
html[dir="ltr"] .icm-search-box button,
body.ltr .icm-search-box button,
html[dir="ltr"] .search-form button,
body.ltr .search-form button {
  order: 2 !important;
  margin-right: 4px !important;
  margin-left: 0 !important;
}

.widget_search .search-submit svg,
.search-form button[type="submit"] svg,
.search-form button i,
.icm-search-box svg,
.search-form svg,
.search-submit svg,
.search-submit i,
.search-icon-btn svg,
.search-icon-btn i,
.widget_search svg,
.widget_search button i,
.icm-search-box svg,
.icm-search-box button i,
.icm-search svg,
.icm-search button i,
.icm-search button span {
  display: block !important;
  margin: auto !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  vertical-align: middle !important;
  width: 18px !important;
  height: 18px !important;
  stroke: #0b3153 !important;
  color: #0b3153 !important;
}

/* ==================================================
   WEBINAR SINGLE PAGE: RTL TIME FIX
   ================================================== */
/* 2. RTL Time Digit Order Fix */
[dir="rtl"] .webinar-time-value,
[dir="rtl"] .icm-time-num,
[dir="rtl"] .icm-meta-item--webinar-time span:not(.icm-meta-label),
[dir="rtl"] .icm-meta-item--webinar-time time,
html:lang(fa-IR) .webinar-time-value,
html:lang(fa-IR) .icm-time-num,
html:lang(fa-IR) .icm-meta-item--webinar-time span:not(.icm-meta-label),
html:lang(fa-IR) .icm-meta-item--webinar-time time,
html[dir="rtl"] .webinar-time-value,
html[dir="rtl"] .icm-time-num,
html[dir="rtl"] .icm-meta-item--webinar-time span:not(.icm-meta-label),
html[dir="rtl"] .icm-meta-item--webinar-time time,
body:not(.ltr) .webinar-time-value,
body:not(.ltr) .icm-time-num,
body:not(.ltr) .icm-meta-item--webinar-time span:not(.icm-meta-label),
body:not(.ltr) .icm-meta-item--webinar-time time {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
}

/* ==================================================
   ACADEMY WEBINAR SINGLE-LINE BANNER LAYOUT (MATCH ATTACHMENT 2 BENCHMARK)
   ================================================== */
@media (min-width: 1025px) {

  /* Swiper Container Outer Height */
  .page-template-page-academy .swiper-container:not(:has(.icm-live-webinar-v3)),
  .page-template-page-academy .swiper-wrapper:not(:has(.icm-live-webinar-v3)),
  .page-template-page-academy .swiper-slide:not(:has(.icm-live-webinar-v3)),
  .page-template-page-academy .icm-webinar-slider:not(:has(.icm-live-webinar-v3)),
  .page-template-page-academy .icm-webinar-slider__viewport:not(:has(.icm-live-webinar-v3)),
  .page-template-academy .swiper-container:not(:has(.icm-live-webinar-v3)),
  .page-template-academy .swiper-wrapper:not(:has(.icm-live-webinar-v3)),
  .page-template-academy .swiper-slide:not(:has(.icm-live-webinar-v3)),
  .page-template-academy .icm-webinar-slider:not(:has(.icm-live-webinar-v3)),
  .page-template-academy .icm-webinar-slider__viewport:not(:has(.icm-live-webinar-v3)),
  .academy-webinar-section .swiper-container:not(:has(.icm-live-webinar-v3)),
  .academy-webinar-section .swiper-wrapper:not(:has(.icm-live-webinar-v3)),
  .academy-webinar-section .swiper-slide:not(:has(.icm-live-webinar-v3)),
  .academy-webinar-section .icm-webinar-slider:not(:has(.icm-live-webinar-v3)),
  .academy-webinar-section .icm-webinar-slider__viewport:not(:has(.icm-live-webinar-v3)),
  .icm-section--webinar-upcoming .icm-webinar-slider:not(:has(.icm-live-webinar-v3)),
  .icm-section--webinar-upcoming .icm-webinar-slider__viewport:not(:has(.icm-live-webinar-v3)),
  .icm-section--webinar-replays .icm-webinar-slider:not(:has(.icm-live-webinar-v3)),
  .icm-section--webinar-replays .icm-webinar-slider__viewport:not(:has(.icm-live-webinar-v3)) {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
  }

  /* Main Slide Container Layout */
  .page-template-page-academy .swiper-slide>div:not(.icm-live-webinar-v3),
  .page-template-page-academy .icm-webinar-slide:not(.icm-live-webinar-v3),
  .page-template-academy .swiper-slide>div:not(.icm-live-webinar-v3),
  .page-template-academy .icm-webinar-slide:not(.icm-live-webinar-v3),
  .page-template-academy-elementor .swiper-slide>div:not(.icm-live-webinar-v3),
  .page-template-academy-elementor .icm-webinar-slide:not(.icm-live-webinar-v3),
  .page-slug-academy .swiper-slide>div:not(.icm-live-webinar-v3),
  .page-slug-academy .icm-webinar-slide:not(.icm-live-webinar-v3),
  .academy-webinar-section .swiper-slide>div:not(.icm-live-webinar-v3),
  .academy-webinar-section .icm-webinar-slide:not(.icm-live-webinar-v3),
  .academy-webinars-widget .icm-webinar-slide:not(.icm-live-webinar-v3),
  .icm-section--webinar-upcoming .icm-webinar-slide:not(.icm-live-webinar-v3),
  .icm-section--webinar-replays .icm-webinar-slide:not(.icm-live-webinar-v3) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    background-color: #031b33 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
  }

  /* Inner Row Layout Wrapper */
  .page-template-page-academy .icm-webinar-slide__main,
  .page-template-academy .icm-webinar-slide__main,
  .academy-webinar-section .icm-webinar-slide__main,
  .icm-webinar-card__main {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 24px !important;
    gap: 16px !important;
    box-sizing: border-box !important;
  }

  /* --------------------------------------------------
       4-COLUMN RTL STRUCTURE (MATCHING ATTACHMENT 1)
       -------------------------------------------------- */

  /* COLUMN 1 (Leftmost in RTL): Action Button */
  .page-template-page-academy .icm-webinar-slide__action,
  .page-template-academy .icm-webinar-slide__action,
  .academy-webinar-section .icm-webinar-slide__action,
  .icm-section--webinar-upcoming .icm-webinar-slide__action,
  .icm-section--webinar-replays .icm-webinar-slide__action,
  .icm-webinar-card__action {
    order: 1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  .page-template-page-academy .icm-webinar-slide .icm-btn,
  .page-template-academy .icm-webinar-slide .icm-btn,
  .academy-webinar-section .icm-webinar-slide .icm-btn,
  .icm-section--webinar-upcoming .icm-webinar-slide .icm-btn,
  .icm-section--webinar-replays .icm-webinar-slide .icm-btn,
  .icm-webinar-slide .webinar-card__btn,
  .icm-webinar-card .icm-btn {
    order: 1 !important;
    margin: 0 !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    height: 42px !important;
    line-height: 42px !important;
    box-sizing: border-box !important;
    z-index: 3 !important;
  }

  /* COLUMN 2: Status & Date Meta Block (Vertical Divider Borders) */
  .page-template-page-academy .icm-webinar-slide__meta,
  .page-template-academy .icm-webinar-slide__meta,
  .academy-webinar-section .icm-webinar-slide__meta,
  .icm-section--webinar-upcoming .icm-webinar-slide__meta,
  .icm-section--webinar-replays .icm-webinar-slide__meta,
  .page-template-page-academy .icm-webinar-slide__time,
  .page-template-academy .icm-webinar-slide__time,
  .academy-webinar-section .icm-webinar-slide__time,
  .icm-section--webinar-upcoming .icm-webinar-slide__time,
  .icm-section--webinar-replays .icm-webinar-slide__time,
  .icm-webinar-card__meta {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 28px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    z-index: 3 !important;
  }

  /* COLUMN 3: Title & Instructor Information */
  .page-template-page-academy .icm-webinar-slide__info,
  .page-template-academy .icm-webinar-slide__info,
  .academy-webinar-section .icm-webinar-slide__info,
  .page-template-page-academy .icm-webinar-slide__header,
  .page-template-academy .icm-webinar-slide__header,
  .academy-webinar-section .icm-webinar-slide__header,
  .page-template-page-academy .icm-webinar-slide__main,
  .page-template-academy .icm-webinar-slide__main,
  .page-template-academy-elementor .icm-webinar-slide__main,
  .page-slug-academy .icm-webinar-slide__main,
  .academy-webinar-section .icm-webinar-slide__main,
  .academy-webinars-widget .icm-webinar-slide__main,
  .icm-section--webinar-upcoming .icm-webinar-slide__main,
  .icm-section--webinar-replays .icm-webinar-slide__main,
  .icm-webinar-card__info {
    order: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    flex: 1 !important;
    text-align: right !important;
    z-index: 3 !important;
  }

  .page-template-page-academy .icm-webinar-slide__title,
  .page-template-academy .icm-webinar-slide__title,
  .academy-webinar-section .icm-webinar-slide__title,
  .icm-section--webinar-upcoming .icm-webinar-slide__title,
  .icm-section--webinar-replays .icm-webinar-slide__title,
  .icm-upcoming-webinar-card__title,
  .icm-webinar-slide__title,
  .icm-webinar-card__title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .page-template-page-academy .icm-webinar-slide__title a,
  .page-template-academy .icm-webinar-slide__title a,
  .academy-webinar-section .icm-webinar-slide__title a,
  .icm-section--webinar-upcoming .icm-webinar-slide__title a,
  .icm-section--webinar-replays .icm-webinar-slide__title a,
  .icm-upcoming-webinar-card__title a,
  .icm-webinar-slide__title a,
  .icm-webinar-card__title a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .page-template-page-academy .icm-instructor,
  .page-template-academy .icm-instructor,
  .academy-webinar-section .icm-instructor,
  .icm-section--webinar-upcoming .icm-instructor,
  .icm-section--webinar-replays .icm-instructor {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.85) !important;
  }

  /* COLUMN 4 (Rightmost in RTL): Thumbnail Image with Seamless Fade Overlay */
  .page-template-page-academy .icm-webinar-slide__image,
  .page-template-academy .icm-webinar-slide__image,
  .page-template-academy-elementor .icm-webinar-slide__image,
  .page-slug-academy .icm-webinar-slide__image,
  .academy-webinar-section .icm-webinar-slide__image,
  .academy-webinars-widget .icm-webinar-slide__image,
  .icm-section--webinar-upcoming .icm-webinar-slide__image,
  .icm-section--webinar-replays .icm-webinar-slide__image,
  .icm-webinar-card__image {
    order: 4 !important;
    width: 320px !important;
    height: 100% !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin: 0 -24px 0 0 !important;
    z-index: 1 !important;
  }

  .page-template-page-academy .icm-webinar-slide__image img,
  .page-template-academy .icm-webinar-slide__image img,
  .page-template-academy-elementor .icm-webinar-slide__image img,
  .page-slug-academy .icm-webinar-slide__image img,
  .academy-webinar-section .icm-webinar-slide__image img,
  .academy-webinars-widget .icm-webinar-slide__image img,
  .icm-section--webinar-upcoming .icm-webinar-slide__image img,
  .icm-section--webinar-replays .icm-webinar-slide__image img,
  .icm-webinar-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Linear Gradient Overlay for Thumbnail Image Edge */
  [dir="rtl"] .icm-webinar-slide__image::after,
  html:lang(fa-IR) .icm-webinar-slide__image::after,
  body:not(.ltr) .icm-webinar-slide__image::after,
  body.rtl .icm-webinar-slide__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(270deg,
        rgba(3, 27, 51, 0) 30%,
        #031b33 100%) !important;
    pointer-events: none !important;
  }

  [dir="ltr"] .icm-webinar-slide__image::after,
  body.ltr .icm-webinar-slide__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg,
        rgba(3, 27, 51, 0) 30%,
        #031b33 100%) !important;
    pointer-events: none !important;
  }
}


/* Academy Webinar Card Clickable Link & Hover Effect */
.page-template-page-academy .icm-webinar-slide,
.page-template-academy .icm-webinar-slide,
.page-template-academy-elementor .icm-webinar-slide,
.page-slug-academy .icm-webinar-slide,
.academy-webinar-section .icm-webinar-slide,
.academy-webinars-widget .icm-webinar-slide,
.icm-webinar-slide {
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.page-template-page-academy .icm-webinar-slide:hover,
.page-template-academy .icm-webinar-slide:hover,
.academy-webinar-section .icm-webinar-slide:hover,
.icm-webinar-slide:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}

.page-template-page-academy .icm-webinar-slide a,
.page-template-academy .icm-webinar-slide a,
.academy-webinar-section .icm-webinar-slide a,
.icm-webinar-slide a {
  text-decoration: none !important;
}

/* ========================================================================
   SINGLE WEBINAR & SINGLE POST HERO BANNER (ATTACHMENT MATCHING & DIRECTIONAL OVERLAY)
   ======================================================================== */
@media (min-width: 1025px) {

  .single-icm_webinar .icm-hero-banner,
  .single-webinar .icm-hero-banner,
  .single-post .icm-hero-banner,
  .icm-hero-banner,
  .icm-single-webinar__hero-grid,
  .webinar-single-hero .icm-single-card,
  .single-post-hero,
  .article-hero-banner,
  .icm-single-card,
  .entry-header-card {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    background-color: #031b33 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    min-height: 380px !important;
    height: auto !important;
  }

  .icm-hero-banner__content,
  .icm-single-webinar__copy,
  .icm-single-hero__copy,
  .icm-single-hero_info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 40px 48px !important;
    z-index: 3 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  .icm-hero-banner__badge,
  .icm-single-webinar__copy .icm-badge,
  .icm-single-hero__copy .icm-badge,
  .icm-single-hero__category .icm-badge {
    display: inline-block !important;
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
    border: none !important;
    line-height: 1.4 !important;
  }

  .icm-hero-banner__title,
  .icm-single-webinar__copy h1,
  .icm-single-hero__copy h1,
  .icm-single-hero h1 {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-bottom: 12px !important;
    line-height: 1.3 !important;
  }

  .icm-hero-banner__excerpt,
  .icm-single-webinar__excerpt,
  .icm-single-excerpt {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin-bottom: 20px !important;
  }

  .icm-hero-banner__author,
  .icm-instructor,
  .icm-author {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    color: #ffffff !important;
  }

  .icm-hero-banner__meta,
  .icm-hero-meta-bottom,
  .icm-single-webinar__meta,
  .icm-single-meta {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: auto !important;
    padding-top: 0 !important;
    border-top: none !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 13px !important;
  }

  .icm-hero-banner__image,
  .icm-single-webinar__image,
  .icm-single-hero__image,
  .webinar-single-media,
  .post-cover-overlay {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    z-index: 1 !important;
  }

  .icm-hero-banner__image img,
  .icm-single-webinar__image img,
  .icm-single-hero__image img,
  .webinar-single-media img,
  .post-cover-overlay img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* --------------------------------------------------
       DIRECTIONAL GRADIENT FADE (RTL VS LTR)
       -------------------------------------------------- */

  /* Disable whole-card ::before / ::after overlays on desktop */
  .icm-hero-banner::before,
  .icm-single-webinar__hero-grid::before,
  .icm-single-hero::before,
  .single-post-hero::before,
  .icm-hero-banner::after,
  .icm-single-webinar__hero-grid::after,
  .icm-single-hero::after,
  .single-post-hero::after,
  .icm-hero-banner__image::before,
  .icm-single-webinar__image::before,
  .icm-single-hero__image::before {
    display: none !important;
    content: none !important;
  }

  /* 1. RTL Layout (Fade on the RIGHT edge of image towards center, entering exactly ~16.5% of image) */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-hero-banner__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-single-hero__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-single-webinar__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .webinar-single-media::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .post-cover-overlay::after,
  body.rtl .single-post-hero .icm-hero-banner__image::after,
  body.rtl .icm-single-hero__image::after,
  body.rtl .icm-single-webinar__image::after,
  body.rtl .webinar-single-media::after,
  body.rtl .post-cover-overlay::after,
  [dir="rtl"] .single-post-hero .icm-hero-banner__image::after,
  [dir="rtl"] .icm-single-hero__image::after,
  [dir="rtl"] .icm-single-webinar__image::after,
  [dir="rtl"] .webinar-single-media::after,
  [dir="rtl"] .post-cover-overlay::after,
  .single-icm_webinar .icm-hero-banner__image:last-child::after,
  .single-icm_webinar .icm-single-webinar__image:last-child::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(270deg, #031b33 0%, #031b33 1.5%, rgba(3, 27, 51, 0.98) 3%, rgba(3, 27, 51, 0.88) 5%, rgba(3, 27, 51, 0.72) 7.5%, rgba(3, 27, 51, 0.50) 10%, rgba(3, 27, 51, 0.28) 12%, rgba(3, 27, 51, 0.10) 14%, rgba(3, 27, 51, 0.02) 15.5%, transparent 16.5%, transparent 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
  }

  /* 2. LTR Layout (Fade on the LEFT edge of image towards center) */
  html[dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  html[dir="ltr"] .icm-single-hero__image::after,
  html[dir="ltr"] .icm-single-webinar__image::after,
  html[dir="ltr"] .webinar-single-media::after,
  html[dir="ltr"] .post-cover-overlay::after,
  body.ltr .single-post-hero .icm-hero-banner__image::after,
  body.ltr .icm-single-hero__image::after,
  body.ltr .icm-single-webinar__image::after,
  body.ltr .webinar-single-media::after,
  body.ltr .post-cover-overlay::after,
  .lang-en .single-post-hero .icm-hero-banner__image::after,
  .lang-en .icm-single-hero__image::after,
  .lang-en .icm-single-webinar__image::after,
  .lang-en .webinar-single-media::after,
  .lang-en .post-cover-overlay::after,
  [dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  [dir="ltr"] .icm-single-hero__image::after,
  [dir="ltr"] .icm-single-webinar__image::after,
  [dir="ltr"] .webinar-single-media::after,
  [dir="ltr"] .post-cover-overlay::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(90deg, #031b33 0%, #031b33 1.5%, rgba(3, 27, 51, 0.98) 3%, rgba(3, 27, 51, 0.88) 5%, rgba(3, 27, 51, 0.72) 7.5%, rgba(3, 27, 51, 0.50) 10%, rgba(3, 27, 51, 0.28) 12%, rgba(3, 27, 51, 0.10) 14%, rgba(3, 27, 51, 0.02) 15.5%, transparent 16.5%, transparent 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
  }
}


/* ========================================================================
   CRITICAL FIX: OVERRIDE ELEMENTOR INLINE STYLES & FORCE 120PX HORIZONTAL BANNER LAYOUT
   ======================================================================== */

/* FORCE WEBINAR SLIDER HEIGHT & FLEX DIRECTION */
body .swiper-container-initialized:not(:has(.icm-live-webinar-v3)),
body .swiper-container:not(:has(.icm-live-webinar-v3)),
body .swiper-wrapper:not(:has(.icm-live-webinar-v3)),
body .elementor-widget-icm-academy-webinar .swiper-slide:not(:has(.icm-live-webinar-v3)),
body .swiper-slide:not(:has(.icm-live-webinar-v3)) {
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  overflow: hidden !important;
}

/* MAIN CARD CONTAINER */
body .swiper-slide>div:not(.icm-live-webinar-v3),
body .icm-webinar-slide:not(.icm-live-webinar-v3),
body .icm-webinar-card:not(.icm-live-webinar-v3),
body .elementor-widget-icm-academy-webinar .swiper-slide>div:not(.icm-live-webinar-v3) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  background-color: #031b33 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
}

/* INNER CONTAINER FORCE ROW */
body .icm-webinar-slide__main,
body .icm-webinar-card__main,
body .swiper-slide .elementor-widget-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 24px !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

/* --------------------------------------------------
   4-COLUMN RTL ORDER & POSITIONS
   -------------------------------------------------- */

/* Column 1 (Far Left): Action Button */
body .icm-webinar-slide__action,
body .icm-webinar-card__action,
body .swiper-slide a.icm-btn,
body .swiper-slide .icm-btn {
  order: 1 !important;
  flex-shrink: 0 !important;
  z-index: 5 !important;
  margin: 0 !important;
}

body .swiper-slide .icm-btn {
  background-color: #8c7a4b !important;
  color: #ffffff !important;
  padding: 10px 24px !important;
  border-radius: 10px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

/* Column 2: Date & Status Block with Vertical Dividers */
body .icm-webinar-slide__meta,
body .icm-webinar-card__meta {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 28px !important;
  border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
  height: 60px !important;
  flex-shrink: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  z-index: 5 !important;
}

/* Column 3: Title & Instructor */
body .icm-webinar-slide__info,
body .icm-webinar-card__info {
  order: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  flex: 1 !important;
  text-align: right !important;
  z-index: 5 !important;
}

/* Column 4 (Far Right): Featured Image */
body .icm-webinar-slide__image,
body .icm-webinar-card__image {
  order: 4 !important;
  width: 320px !important;
  height: 100% !important;
  position: relative !important;
  flex-shrink: 0 !important;
  margin: 0 -24px 0 0 !important;
  z-index: 1 !important;
}

body .icm-webinar-slide__image img,
body .icm-webinar-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


/* ========================================================================
   COMPLETE OVERHAUL: WEBINAR SLIDER DESKTOP LAYOUT (EXACT ATTACHMENT 2 BENCHMARK)
   ======================================================================== */
@media (min-width: 1025px) {

  /* 1. Swiper Slide Container & Card Overrides */
  body .swiper-container-initialized:not(:has(.icm-live-webinar-v3)),
  body .swiper-container:not(:has(.icm-live-webinar-v3)),
  body .swiper-wrapper:not(:has(.icm-live-webinar-v3)),
  body .icm-webinar-slider__viewport:not(:has(.icm-live-webinar-v3)),
  body .swiper-slide:not(:has(.icm-live-webinar-v3)) {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    overflow: hidden !important;
  }

  body .icm-webinar-card:not(.icm-live-webinar-v3),
  body .icm-webinar-slide:not(.icm-live-webinar-v3) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    background-color: #031b33 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 0 0 24px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* 2. COLUMN 1 (Far Left in RTL): Action Button */
  body .icm-webinar-card__col-btn {
    order: 1 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

  body .icm-btn-action,
  body .icm-webinar-card__col-btn .icm-btn {
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    padding: 10px 24px !important;
    border-radius: 10px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
  }

  body .icm-btn-action:hover,
  body .icm-webinar-card__col-btn .icm-btn:hover {
    background-color: #a38f59 !important;
    color: #ffffff !important;
  }

  /* 3. COLUMN 2: Status & Date Meta Block */
  body .icm-webinar-card__col-meta {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 28px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    color: #ffffff !important;
    z-index: 5 !important;
    gap: 4px !important;
  }

  body .icm-webinar-card__col-meta .meta-status {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
  }

  body .icm-webinar-card__col-meta .meta-date {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    line-height: 1.2 !important;
  }

  /* 4. COLUMN 3: Title & Instructor Info */
  body .icm-webinar-card__col-info {
    order: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex: 1 !important;
    text-align: right !important;
    z-index: 5 !important;
    padding: 0 16px !important;
  }

  body .icm-webinar-card__col-info .webinar-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body .icm-webinar-card__col-info .webinar-title a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  body .instructor-details {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
  }

  body .instructor-text {
    display: flex !important;
    flex-direction: column !important;
    text-align: right !important;
    gap: 2px !important;
  }

  body .instructor-name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  body .instructor-role {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    white-space: nowrap !important;
  }

  body .instructor-avatar,
  body .instructor-avatar img,
  body .instructor-avatar .icm-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    flex-shrink: 0 !important;
  }

  /* 5. COLUMN 4 (Far Right in RTL): Featured Image Banner */
  body .icm-webinar-card__col-image {
    order: 4 !important;
    width: 320px !important;
    height: 100% !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  body .icm-webinar-card__col-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body .badge-status-on-img {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background-color: rgba(140, 122, 75, 0.9) !important;
    color: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    z-index: 3 !important;
    backdrop-filter: blur(4px) !important;
    white-space: nowrap !important;
  }

  /* Linear Gradient Overlay for Image Edge */
  [dir="rtl"] .icm-webinar-card__col-image::after,
  body.rtl .icm-webinar-card__col-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(270deg,
        rgba(3, 27, 51, 0) 30%,
        #031b33 100%) !important;
    pointer-events: none !important;
  }

  [dir="ltr"] .icm-webinar-card__col-image::after,
  body.ltr .icm-webinar-card__col-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg,
        rgba(3, 27, 51, 0) 30%,
        #031b33 100%) !important;
    pointer-events: none !important;
  }
}

/* ==================================================
   STRICT DESKTOP LAYOUT FOR WEBINAR LIST WIDGETS ONLY
   ================================================== */
@media (min-width: 1025px) {

  /* Ensure Full Width for Live/Upcoming & Past Webinars Containers */
  .icm-upcoming-webinars-swiper:not(:has(.icm-live-webinar-v3)),
  .icm-upcoming-webinars-swiper:not(:has(.icm-live-webinar-v3)) .swiper-wrapper,
  .icm-upcoming-webinars-swiper .swiper-slide:not(:has(.icm-live-webinar-v3)),
  .icm-upcoming-webinar-card:not(.icm-live-webinar-v3),
  .icm-past-webinars-swiper:not(:has(.icm-live-webinar-v3)),
  .icm-past-webinars-swiper:not(:has(.icm-live-webinar-v3)) .swiper-wrapper,
  .icm-past-webinars-swiper .swiper-slide:not(:has(.icm-live-webinar-v3)),
  .icm-past-webinar-card:not(.icm-live-webinar-v3),
  .icm-webinar-slider:not(:has(.icm-live-webinar-v3)),
  .icm-webinar-slider:not(:has(.icm-live-webinar-v3)) .swiper-wrapper,
  .icm-webinar-slider:not(:has(.icm-live-webinar-v3)) .swiper-slide,
  .icm-section--webinar-upcoming .swiper-slide:not(:has(.icm-live-webinar-v3)),
  .icm-section--webinar-replays .swiper-slide:not(:has(.icm-live-webinar-v3)) {
    width: 100% !important;
    max-width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
  }

  /* Force Horizontal Flex Row for Cards inside these widgets */
  .icm-past-webinars-swiper .icm-past-webinar-card,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card,
  .icm-past-webinars-swiper .icm-webinar-banner-card,
  .icm-upcoming-webinars-swiper .icm-webinar-banner-card,
  .icm-webinar-slider .icm-upcoming-webinar-card,
  .icm-webinar-slider .icm-past-webinar-card,
  .icm-webinar-slider .icm-webinar-banner-card,
  .icm-section--webinar .icm-webinar-banner-card,
  .icm-section--webinar-upcoming .icm-webinar-banner-card,
  .icm-section--webinar-replays .icm-webinar-banner-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 120px !important;
    background-color: #021a30 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative !important;
    padding-left: 45px !important;
    /* Move CTA button away from the far left rounded border and navigation arrows */
    padding-right: 0 !important;
    box-sizing: border-box !important;
    direction: rtl !important;
  }

  /* Reset legacy absolute positionings inside these cards to allow natural flex flow */
  .icm-past-webinars-swiper .icm-past-webinar-card *,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card *,
  .icm-webinar-slider .icm-upcoming-webinar-card *,
  .icm-webinar-slider .icm-past-webinar-card *,
  .icm-section--webinar .icm-webinar-banner-card *,
  .icm-section--webinar-upcoming .icm-webinar-banner-card *,
  .icm-section--webinar-replays .icm-webinar-banner-card * {
    position: static;
  }

  /* COL 1 (FAR RIGHT IN RTL): FEATURED BANNER IMAGE */
  .icm-past-webinars-swiper .icm-past-webinar-card__image,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image,
  .icm-webinar-slider .icm-past-webinar-card__image,
  .icm-webinar-slider .icm-upcoming-webinar-card__image,
  .icm-section--webinar .icm-webinar-card__image,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image,
  .icm-section--webinar-replays .icm-past-webinar-card__image {
    order: 1 !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    height: 120px !important;
    position: relative !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    display: block !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__image img,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image img,
  .icm-webinar-slider .icm-past-webinar-card__image img,
  .icm-webinar-slider .icm-upcoming-webinar-card__image img,
  .icm-section--webinar .icm-webinar-card__image img,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image img,
  .icm-section--webinar-replays .icm-past-webinar-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Gradient Blend Overlay on Image Left Edge (RTL Mode) */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-past-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar .icm-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  body.rtl .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  body.rtl .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  body.rtl .icm-webinar-slider .icm-past-webinar-card__image::after,
  body.rtl .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  body.rtl .icm-section--webinar .icm-webinar-card__image::after,
  body.rtl .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  body.rtl .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  [dir="rtl"] .icm-past-webinar-card__image::after,
  [dir="rtl"] .icm-upcoming-webinar-card__image::after,
  [dir="rtl"] .icm-webinar-slide__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 120px !important;
    height: 100% !important;
    background: linear-gradient(to right, #021a30 0%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
  }

  /* Gradient Blend Overlay on Image Right Edge (LTR Mirrored Mode) */
  html[dir="ltr"] .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  html[dir="ltr"] .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  html[dir="ltr"] .icm-webinar-slider .icm-past-webinar-card__image::after,
  html[dir="ltr"] .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  html[dir="ltr"] .icm-section--webinar .icm-webinar-card__image::after,
  html[dir="ltr"] .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  html[dir="ltr"] .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  body.ltr .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  body.ltr .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  body.ltr .icm-webinar-slider .icm-past-webinar-card__image::after,
  body.ltr .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  body.ltr .icm-section--webinar .icm-webinar-card__image::after,
  body.ltr .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  body.ltr .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  .lang-en .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  .lang-en .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  .lang-en .icm-webinar-slider .icm-past-webinar-card__image::after,
  .lang-en .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  [dir="ltr"] .icm-past-webinar-card__image::after,
  [dir="ltr"] .icm-upcoming-webinar-card__image::after,
  [dir="ltr"] .icm-webinar-slide__image::after,
  [dir="ltr"] .icm-webinar-card__col-image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 120px !important;
    height: 100% !important;
    background: linear-gradient(to left, #021a30 0%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
  }

  /* Badge on Top Right of Image in RTL */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-past-webinars-swiper .icm-past-webinar-card__image .icm-live,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image .icm-live,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-past-webinar-card__image .icm-live,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-upcoming-webinar-card__image .icm-live,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar .icm-webinar-card__image .icm-live,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image .icm-live,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar-replays .icm-past-webinar-card__image .icm-live,
  body.rtl .icm-past-webinars-swiper .icm-past-webinar-card__image .icm-live,
  body.rtl .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image .icm-live,
  body.rtl .icm-webinar-slider .icm-past-webinar-card__image .icm-live,
  body.rtl .icm-webinar-slider .icm-upcoming-webinar-card__image .icm-live,
  body.rtl .icm-section--webinar .icm-webinar-card__image .icm-live,
  body.rtl .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image .icm-live,
  body.rtl .icm-section--webinar-replays .icm-past-webinar-card__image .icm-live,
  [dir="rtl"] .icm-past-webinar-card__image .icm-live,
  [dir="rtl"] .icm-upcoming-webinar-card__image .icm-live,
  [dir="rtl"] .icm-webinar-slide__image .icm-live {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    background: rgba(140, 122, 75, 0.9) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    z-index: 10 !important;
  }

  /* Badge on Top Left of Image in LTR */
  html[dir="ltr"] .icm-past-webinars-swiper .icm-past-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-webinar-slider .icm-past-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-webinar-slider .icm-upcoming-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-section--webinar .icm-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-section--webinar-replays .icm-past-webinar-card__image .icm-live,
  body.ltr .icm-past-webinars-swiper .icm-past-webinar-card__image .icm-live,
  body.ltr .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image .icm-live,
  body.ltr .icm-webinar-slider .icm-past-webinar-card__image .icm-live,
  body.ltr .icm-webinar-slider .icm-upcoming-webinar-card__image .icm-live,
  body.ltr .icm-section--webinar .icm-webinar-card__image .icm-live,
  body.ltr .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image .icm-live,
  body.ltr .icm-section--webinar-replays .icm-past-webinar-card__image .icm-live,
  [dir="ltr"] .icm-past-webinar-card__image .icm-live,
  [dir="ltr"] .icm-upcoming-webinar-card__image .icm-live,
  [dir="ltr"] .icm-webinar-slide__image .icm-live {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    background: rgba(140, 122, 75, 0.9) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    z-index: 10 !important;
  }

  /* COL 2 (CENTER RIGHT): TITLE & INSTRUCTOR DETAILS (STACKED VERTICALLY) */
  .icm-past-webinars-swiper .icm-past-webinar-card__main,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  .icm-webinar-slider .icm-past-webinar-card__main,
  .icm-webinar-slider .icm-upcoming-webinar-card__main,
  .icm-section--webinar .icm-webinar-card__main,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__main,
  .icm-section--webinar-replays .icm-past-webinar-card__main {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
    padding: 0 20px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-past-webinars-swiper .icm-past-webinar-card__main,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-past-webinar-card__main,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-upcoming-webinar-card__main,
  body.rtl .icm-past-webinars-swiper .icm-past-webinar-card__main,
  body.rtl .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  body.rtl .icm-webinar-slider .icm-past-webinar-card__main,
  body.rtl .icm-webinar-slider .icm-upcoming-webinar-card__main,
  [dir="rtl"] .icm-past-webinar-card__main,
  [dir="rtl"] .icm-upcoming-webinar-card__main,
  [dir="rtl"] .icm-webinar-card__main {
    text-align: right !important;
    direction: rtl !important;
    align-items: flex-start !important;
  }

  html[dir="ltr"] .icm-past-webinars-swiper .icm-past-webinar-card__main,
  html[dir="ltr"] .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  html[dir="ltr"] .icm-webinar-slider .icm-past-webinar-card__main,
  html[dir="ltr"] .icm-webinar-slider .icm-upcoming-webinar-card__main,
  html[dir="ltr"] .icm-section--webinar .icm-webinar-card__main,
  html[dir="ltr"] .icm-section--webinar-upcoming .icm-upcoming-webinar-card__main,
  html[dir="ltr"] .icm-section--webinar-replays .icm-past-webinar-card__main,
  body.ltr .icm-past-webinars-swiper .icm-past-webinar-card__main,
  body.ltr .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  body.ltr .icm-webinar-slider .icm-past-webinar-card__main,
  body.ltr .icm-webinar-slider .icm-upcoming-webinar-card__main,
  body.ltr .icm-section--webinar .icm-webinar-card__main,
  body.ltr .icm-section--webinar-upcoming .icm-upcoming-webinar-card__main,
  body.ltr .icm-section--webinar-replays .icm-past-webinar-card__main,
  .lang-en .icm-past-webinars-swiper .icm-past-webinar-card__main,
  .lang-en .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  .lang-en .icm-webinar-slider .icm-past-webinar-card__main,
  .lang-en .icm-webinar-slider .icm-upcoming-webinar-card__main,
  [dir="ltr"] .icm-past-webinar-card__main,
  [dir="ltr"] .icm-upcoming-webinar-card__main,
  [dir="ltr"] .icm-webinar-card__main {
    text-align: left !important;
    direction: ltr !important;
    align-items: flex-start !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__title,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  .icm-upcoming-webinar-card__title,
  .icm-webinar-slider .icm-past-webinar-card__title,
  .icm-webinar-slider .icm-upcoming-webinar-card__title,
  .icm-section--webinar .icm-webinar-card__title,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title,
  .icm-section--webinar-replays .icm-past-webinar-card__title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    display: block !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-past-webinars-swiper .icm-past-webinar-card__title,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-past-webinar-card__title,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-upcoming-webinar-card__title,
  body.rtl .icm-past-webinars-swiper .icm-past-webinar-card__title,
  body.rtl .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  body.rtl .icm-webinar-slider .icm-past-webinar-card__title,
  body.rtl .icm-webinar-slider .icm-upcoming-webinar-card__title,
  [dir="rtl"] .icm-past-webinar-card__title,
  [dir="rtl"] .icm-upcoming-webinar-card__title,
  [dir="rtl"] .icm-webinar-card__title {
    text-align: right !important;
    direction: rtl !important;
  }

  html[dir="ltr"] .icm-past-webinars-swiper .icm-past-webinar-card__title,
  html[dir="ltr"] .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  html[dir="ltr"] .icm-webinar-slider .icm-past-webinar-card__title,
  html[dir="ltr"] .icm-webinar-slider .icm-upcoming-webinar-card__title,
  html[dir="ltr"] .icm-section--webinar .icm-webinar-card__title,
  html[dir="ltr"] .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title,
  html[dir="ltr"] .icm-section--webinar-replays .icm-past-webinar-card__title,
  body.ltr .icm-past-webinars-swiper .icm-past-webinar-card__title,
  body.ltr .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  body.ltr .icm-webinar-slider .icm-past-webinar-card__title,
  body.ltr .icm-webinar-slider .icm-upcoming-webinar-card__title,
  body.ltr .icm-section--webinar .icm-webinar-card__title,
  body.ltr .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title,
  body.ltr .icm-section--webinar-replays .icm-past-webinar-card__title,
  .lang-en .icm-past-webinars-swiper .icm-past-webinar-card__title,
  .lang-en .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  .lang-en .icm-webinar-slider .icm-past-webinar-card__title,
  .lang-en .icm-webinar-slider .icm-upcoming-webinar-card__title,
  [dir="ltr"] .icm-past-webinar-card__title,
  [dir="ltr"] .icm-upcoming-webinar-card__title,
  [dir="ltr"] .icm-webinar-card__title {
    text-align: left !important;
    direction: ltr !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__title a,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title a,
  .icm-upcoming-webinar-card__title a,
  .icm-webinar-slider .icm-past-webinar-card__title a,
  .icm-webinar-slider .icm-upcoming-webinar-card__title a,
  .icm-section--webinar .icm-webinar-card__title a,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title a,
  .icm-section--webinar-replays .icm-past-webinar-card__title a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .icm-past-webinars-swiper .icm-instructor,
  .icm-upcoming-webinars-swiper .icm-instructor,
  .icm-webinar-slider .icm-instructor,
  .icm-section--webinar .icm-instructor,
  .icm-section--webinar-upcoming .icm-instructor,
  .icm-section--webinar-replays .icm-instructor {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
  }

  .icm-past-webinars-swiper .icm-instructor img,
  .icm-upcoming-webinars-swiper .icm-instructor img,
  .icm-past-webinars-swiper .icm-avatar img,
  .icm-upcoming-webinars-swiper .icm-avatar img,
  .icm-webinar-slider .icm-instructor img,
  .icm-webinar-slider .icm-avatar img,
  .icm-section--webinar .icm-instructor img,
  .icm-section--webinar-upcoming .icm-instructor img,
  .icm-section--webinar-replays .icm-instructor img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
  }

  .icm-past-webinars-swiper .icm-instructor-info,
  .icm-upcoming-webinars-swiper .icm-instructor-info,
  .icm-webinar-slider .icm-instructor-info,
  .icm-section--webinar .icm-instructor-info,
  .icm-section--webinar-upcoming .icm-instructor-info,
  .icm-section--webinar-replays .icm-instructor-info {
    display: flex !important;
    flex-direction: column !important;
    color: #ffffff !important;
    white-space: nowrap !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-past-webinars-swiper .icm-instructor-info,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-upcoming-webinars-swiper .icm-instructor-info,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-instructor-info,
  body.rtl .icm-past-webinars-swiper .icm-instructor-info,
  body.rtl .icm-upcoming-webinars-swiper .icm-instructor-info,
  body.rtl .icm-webinar-slider .icm-instructor-info,
  [dir="rtl"] .icm-instructor-info {
    text-align: right !important;
    direction: rtl !important;
    align-items: flex-start !important;
  }

  html[dir="ltr"] .icm-instructor-info,
  body.ltr .icm-instructor-info,
  .lang-en .icm-instructor-info,
  [dir="ltr"] .icm-instructor-info,
  html[dir="ltr"] .icm-past-webinars-swiper .icm-instructor-info,
  html[dir="ltr"] .icm-upcoming-webinars-swiper .icm-instructor-info,
  html[dir="ltr"] .icm-webinar-slider .icm-instructor-info,
  body.ltr .icm-past-webinars-swiper .icm-instructor-info,
  body.ltr .icm-upcoming-webinars-swiper .icm-instructor-info,
  body.ltr .icm-webinar-slider .icm-instructor-info {
    text-align: left !important;
    direction: ltr !important;
    align-items: flex-start !important;
  }

  .icm-instructor-info .instructor-name {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  .icm-instructor-info .instructor-role {
    font-size: 10px !important;
    color: rgba(255, 255, 255, 0.7) !important;
  }

  html[dir="ltr"] .instructor-name,
  html[dir="ltr"] .instructor-role,
  body.ltr .instructor-name,
  body.ltr .instructor-role,
  .lang-en .instructor-name,
  .lang-en .instructor-role,
  [dir="ltr"] .instructor-name,
  [dir="ltr"] .instructor-role {
    text-align: left !important;
    direction: ltr !important;
    align-self: flex-start !important;
  }

  /* COL 3 (CENTER LEFT): DATE & STATUS META BLOCK WITH DIVIDERS */
  .icm-past-webinar-card__meta,
  .icm-upcoming-webinar-card__meta,
  .icm-past-webinars-swiper .icm-past-webinar-card__meta,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__meta,
  .icm-webinar-slider .icm-past-webinar-card__meta,
  .icm-webinar-slider .icm-upcoming-webinar-card__meta,
  .icm-section--webinar .icm-webinar-card__meta,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__meta,
  .icm-section--webinar-replays .icm-past-webinar-card__meta {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 28px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    margin: 0 10px !important;
    text-align: center !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__meta strong,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__meta strong,
  .icm-webinar-slider .icm-past-webinar-card__meta strong,
  .icm-webinar-slider .icm-upcoming-webinar-card__meta strong,
  .icm-section--webinar .icm-webinar-card__meta strong,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__meta strong,
  .icm-section--webinar-replays .icm-past-webinar-card__meta strong {
    font-size: 14px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 2px !important;
    color: #ffffff !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__meta span,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__meta span,
  .icm-webinar-slider .icm-past-webinar-card__meta span,
  .icm-webinar-slider .icm-upcoming-webinar-card__meta span,
  .icm-section--webinar .icm-webinar-card__meta span,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__meta span,
  .icm-section--webinar-replays .icm-past-webinar-card__meta span {
    font-size: 12px !important;
    opacity: 0.85 !important;
    display: block !important;
    color: #ffffff !important;
  }

  /* COL 4 (FAR LEFT IN RTL): GOLD CTA BUTTON */
  .icm-past-webinar-card__cta,
  .icm-upcoming-webinar-card__cta,
  .icm-past-webinars-swiper .icm-past-webinar-card__cta,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__cta,
  .icm-past-webinars-swiper .icm-past-webinar-card>a.icm-btn,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card>a.icm-btn,
  .icm-webinar-slider .icm-past-webinar-card__cta,
  .icm-webinar-slider .icm-upcoming-webinar-card__cta,
  .icm-webinar-slider .icm-past-webinar-card>a.icm-btn,
  .icm-webinar-slider .icm-upcoming-webinar-card>a.icm-btn,
  .icm-section--webinar .icm-webinar-card__cta,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__cta,
  .icm-section--webinar-replays .icm-past-webinar-card__cta {
    order: 4 !important;
    position: static !important;
    margin-left: 10px !important;
    margin-right: 25px !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    border: none !important;
  }
}

/* ==================================================
   TABLET/MOBILE CONTAINER RESET FOR WEBINAR LIST WIDGETS (< 1025px)
   ================================================== */
@media (max-width: 1024px) {

  /* 1. Containers & Viewport height reset */
  .icm-upcoming-webinars-swiper,
  .icm-upcoming-webinars-swiper .swiper-wrapper,
  .icm-upcoming-webinars-swiper .swiper-slide,
  .icm-past-webinars-swiper,
  .icm-past-webinars-swiper .swiper-wrapper,
  .icm-past-webinars-swiper .swiper-slide,
  .icm-webinar-slider,
  .icm-webinar-slider .swiper-wrapper,
  .icm-webinar-slider .swiper-slide,
  .icm-webinar-slider .icm-webinar-slider__viewport,
  .icm-section--webinar-upcoming .swiper-slide,
  .icm-section--webinar-replays .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
}

/* ==================================================
   MOBILE-ONLY LAYOUT FOR WEBINAR LIST WIDGETS (<= 768px)
   Image Top with Bottom-to-Top Fade, Content Stack Below, CTA Last
   Tablet (769-1024px) intentionally keeps its own compact layout.
   ================================================== */
@media (max-width: 768px) {

  /* 2. Main Card Container */
  .icm-past-webinars-swiper .icm-past-webinar-card,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card,
  .icm-past-webinars-swiper .icm-webinar-banner-card,
  .icm-upcoming-webinars-swiper .icm-webinar-banner-card,
  .icm-webinar-slider .icm-upcoming-webinar-card,
  .icm-webinar-slider .icm-past-webinar-card,
  .icm-webinar-slider .icm-webinar-banner-card,
  .icm-webinar-slider .icm-webinar-slide,
  .icm-webinar-banner-card,
  .icm-upcoming-webinar-card,
  .icm-past-webinar-card,
  .icm-section--webinar .icm-webinar-banner-card,
  .icm-section--webinar-upcoming .icm-webinar-banner-card,
  .icm-section--webinar-replays .icm-webinar-banner-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    background-color: #021a30 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  /* 3. FEATURED IMAGE ON TOP (تصویر شاخص بالا) */
  .icm-past-webinars-swiper .icm-past-webinar-card__image,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image,
  .icm-webinar-slider .icm-past-webinar-card__image,
  .icm-webinar-slider .icm-upcoming-webinar-card__image,
  .icm-section--webinar .icm-webinar-card__image,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image,
  .icm-section--webinar-replays .icm-past-webinar-card__image,
  .icm-webinar-slide__image,
  .icm-past-webinar-card__image,
  .icm-upcoming-webinar-card__image {
    order: 1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    position: relative !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    display: block !important;
    background-color: #011324 !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__image img,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image img,
  .icm-webinar-slider .icm-past-webinar-card__image img,
  .icm-webinar-slider .icm-upcoming-webinar-card__image img,
  .icm-section--webinar .icm-webinar-card__image img,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image img,
  .icm-section--webinar-replays .icm-past-webinar-card__image img,
  .icm-webinar-slide__image img,
  .icm-past-webinar-card__image img,
  .icm-upcoming-webinar-card__image img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* 4. FADE GRADIENT FROM BOTTOM TO TOP (محوشدگی از پایین به بالا) */
  .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  .icm-webinar-slider .icm-past-webinar-card__image::after,
  .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  .icm-section--webinar .icm-webinar-card__image::after,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  .icm-past-webinar-card__image::after,
  .icm-upcoming-webinar-card__image::after,
  .icm-webinar-slide__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(0deg, #021a30 0%, rgba(2, 26, 48, 0.85) 28%, rgba(2, 26, 48, 0.4) 55%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 2 !important;
  }

  /* 5. BADGE ON IMAGE TOP CORNER */
  .icm-past-webinars-swiper .icm-past-webinar-card__image .icm-live,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image .icm-live,
  .icm-webinar-slider .icm-past-webinar-card__image .icm-live,
  .icm-webinar-slider .icm-upcoming-webinar-card__image .icm-live,
  .icm-section--webinar .icm-webinar-card__image .icm-live,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image .icm-live,
  .icm-section--webinar-replays .icm-past-webinar-card__image .icm-live,
  .icm-past-webinar-card__image .icm-live,
  .icm-upcoming-webinar-card__image .icm-live,
  .icm-webinar-slide__image .icm-live {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    z-index: 5 !important;
    background: rgba(140, 122, 75, 0.95) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    display: inline-block !important;
    line-height: 1.4 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  }

  html[dir="ltr"] .icm-past-webinar-card__image .icm-live,
  html[dir="ltr"] .icm-upcoming-webinar-card__image .icm-live,
  body.ltr .icm-past-webinar-card__image .icm-live,
  body.ltr .icm-upcoming-webinar-card__image .icm-live,
  [dir="ltr"] .icm-past-webinar-card__image .icm-live,
  [dir="ltr"] .icm-upcoming-webinar-card__image .icm-live {
    right: auto !important;
    left: 12px !important;
  }

  /* 6. CONTENT COLUMN AFTER THE IMAGE AND FADE (ستون محتوا بعد تصویر و محوشدگی) */

  /* 6a. META (STATUS & DATE) */
  .icm-past-webinar-card__meta,
  .icm-upcoming-webinar-card__meta,
  .icm-past-webinars-swiper .icm-past-webinar-card__meta,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__meta,
  .icm-webinar-slider .icm-past-webinar-card__meta,
  .icm-webinar-slider .icm-upcoming-webinar-card__meta,
  .icm-section--webinar .icm-webinar-card__meta,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__meta,
  .icm-section--webinar-replays .icm-past-webinar-card__meta {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 14px 20px 0 20px !important;
    border-right: none !important;
    border-left: none !important;
    height: auto !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__meta strong,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__meta strong,
  .icm-webinar-slider .icm-past-webinar-card__meta strong,
  .icm-webinar-slider .icm-upcoming-webinar-card__meta strong,
  .icm-section--webinar .icm-webinar-card__meta strong,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__meta strong,
  .icm-section--webinar-replays .icm-past-webinar-card__meta strong,
  .icm-past-webinar-card__meta strong,
  .icm-upcoming-webinar-card__meta strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #d4af37 !important;
    display: inline-block !important;
    margin: 0 !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__meta span,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__meta span,
  .icm-webinar-slider .icm-past-webinar-card__meta span,
  .icm-webinar-slider .icm-upcoming-webinar-card__meta span,
  .icm-section--webinar .icm-webinar-card__meta span,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__meta span,
  .icm-section--webinar-replays .icm-past-webinar-card__meta span,
  .icm-past-webinar-card__meta span,
  .icm-upcoming-webinar-card__meta span {
    font-size: 12px !important;
    opacity: 0.85 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    display: inline-block !important;
    margin: 0 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }

  /* 6b. MAIN CONTENT (TITLE & INSTRUCTOR) */
  .icm-past-webinars-swiper .icm-past-webinar-card__main,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  .icm-webinar-slider .icm-past-webinar-card__main,
  .icm-webinar-slider .icm-upcoming-webinar-card__main,
  .icm-section--webinar .icm-webinar-card__main,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__main,
  .icm-section--webinar-replays .icm-past-webinar-card__main,
  .icm-past-webinar-card__main,
  .icm-upcoming-webinar-card__main {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 10px 20px 16px 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 3 !important;
    min-width: 0 !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__title,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  .icm-webinar-slider .icm-past-webinar-card__title,
  .icm-webinar-slider .icm-upcoming-webinar-card__title,
  .icm-section--webinar .icm-webinar-card__title,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title,
  .icm-section--webinar-replays .icm-past-webinar-card__title,
  .icm-past-webinar-card__title,
  .icm-upcoming-webinar-card__title {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    margin: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    text-align: right !important;
  }

  html[dir="ltr"] .icm-past-webinar-card__title,
  html[dir="ltr"] .icm-upcoming-webinar-card__title,
  body.ltr .icm-past-webinar-card__title,
  body.ltr .icm-upcoming-webinar-card__title,
  [dir="ltr"] .icm-past-webinar-card__title,
  [dir="ltr"] .icm-upcoming-webinar-card__title {
    text-align: left !important;
  }

  .icm-past-webinars-swiper .icm-past-webinar-card__title a,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title a,
  .icm-webinar-slider .icm-past-webinar-card__title a,
  .icm-webinar-slider .icm-upcoming-webinar-card__title a,
  .icm-section--webinar .icm-webinar-card__title a,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title a,
  .icm-section--webinar-replays .icm-past-webinar-card__title a,
  .icm-past-webinar-card__title a,
  .icm-upcoming-webinar-card__title a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .icm-past-webinars-swiper .icm-instructor,
  .icm-upcoming-webinars-swiper .icm-instructor,
  .icm-webinar-slider .icm-instructor,
  .icm-section--webinar .icm-instructor,
  .icm-section--webinar-upcoming .icm-instructor,
  .icm-section--webinar-replays .icm-instructor,
  .icm-upcoming-webinar-card .icm-instructor,
  .icm-past-webinar-card .icm-instructor {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .icm-past-webinars-swiper .icm-instructor img,
  .icm-upcoming-webinars-swiper .icm-instructor img,
  .icm-past-webinars-swiper .icm-avatar img,
  .icm-upcoming-webinars-swiper .icm-avatar img,
  .icm-webinar-slider .icm-instructor img,
  .icm-webinar-slider .icm-avatar img,
  .icm-section--webinar .icm-instructor img,
  .icm-section--webinar-upcoming .icm-instructor img,
  .icm-section--webinar-replays .icm-instructor img,
  .icm-upcoming-webinar-card .icm-instructor img,
  .icm-past-webinar-card .icm-instructor img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
  }

  .icm-past-webinars-swiper .icm-instructor-info,
  .icm-upcoming-webinars-swiper .icm-instructor-info,
  .icm-webinar-slider .icm-instructor-info,
  .icm-section--webinar .icm-instructor-info,
  .icm-section--webinar-upcoming .icm-instructor-info,
  .icm-section--webinar-replays .icm-instructor-info,
  .icm-upcoming-webinar-card .icm-instructor-info,
  .icm-past-webinar-card .icm-instructor-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: right !important;
    color: #ffffff !important;
  }

  html[dir="ltr"] .icm-instructor-info,
  body.ltr .icm-instructor-info,
  [dir="ltr"] .icm-instructor-info {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .icm-instructor-info .instructor-name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  .icm-instructor-info .instructor-role {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.7) !important;
  }

  /* 6c. CTA BUTTON */
  .icm-past-webinar-card__cta,
  .icm-upcoming-webinar-card__cta,
  .icm-past-webinars-swiper .icm-past-webinar-card__cta,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__cta,
  .icm-past-webinars-swiper .icm-past-webinar-card>a.icm-btn,
  .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card>a.icm-btn,
  .icm-webinar-slider .icm-past-webinar-card__cta,
  .icm-webinar-slider .icm-upcoming-webinar-card__cta,
  .icm-webinar-slider .icm-past-webinar-card>a.icm-btn,
  .icm-webinar-slider .icm-upcoming-webinar-card>a.icm-btn,
  .icm-section--webinar .icm-webinar-card__cta,
  .icm-section--webinar-upcoming .icm-upcoming-webinar-card__cta,
  .icm-section--webinar-replays .icm-past-webinar-card__cta {
    order: 4 !important;
    position: static !important;
    margin: 0 20px 20px 20px !important;
    width: calc(100% - 40px) !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    padding: 12px 20px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease !important;
  }

  .icm-past-webinar-card__cta:hover,
  .icm-upcoming-webinar-card__cta:hover {
    background-color: #a38f59 !important;
    color: #ffffff !important;
  }
}

@media (max-width: 1024px) {

  /* 7. SLIDER NAVIGATION ARROWS OVER FEATURED IMAGE BANNER */
  .icm-webinar-slider .icm-webinar-nav,
  .icm-webinar-slider .icm-carousel__arrow {
    position: absolute !important;
    top: 95px !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(2, 26, 48, 0.8) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    cursor: pointer !important;
    padding: 0 !important;
  }

  .icm-webinar-slider .icm-webinar-nav svg,
  .icm-webinar-slider .icm-carousel__arrow svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    fill: none !important;
  }

  .icm-webinar-slider .icm-slider-arrow--right,
  .icm-webinar-slider [data-webinar-right] {
    right: 12px !important;
    left: auto !important;
  }

  .icm-webinar-slider .icm-slider-arrow--left,
  .icm-webinar-slider [data-webinar-left] {
    left: 12px !important;
    right: auto !important;
  }

  .icm-webinar-slider .icm-webinar-dots,
  .icm-webinar-slider .icm-carousel__dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 0 !important;
    position: relative !important;
  }

  .icm-webinar-slider .icm-webinar-dots button,
  .icm-webinar-slider .icm-carousel__dots button {
    width: 8px !important;
    height: 8px !important;
    border-radius: 4px !important;
    border: none !important;
    background: rgba(140, 122, 75, 0.35) !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
  }

  .icm-webinar-slider .icm-webinar-dots button.is-active,
  .icm-webinar-slider .icm-carousel__dots button.is-active {
    width: 22px !important;
    background: #8c7a4b !important;
    border-radius: 4px !important;
  }
}

/* ==================================================
   FIX SELECTED ACADEMY CARDS (EXACT HTML MATCH)
   ================================================== */
@media (min-width: 1025px) {

  /* Card Wrapper */
  .icm-selected-card {
    background: #ffffff !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    height: 180px !important;
    display: block !important;
  }

  /* Link Container - Grid/Flex RTL Layout */
  .icm-selected-card__link {
    display: flex !important;
    flex-direction: row-reverse !important;
    /* Image Right, Text Left */
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    position: relative !important;
    direction: rtl !important;
  }

  /* RIGHT SIDE: Image Block (~48% width) */
  .icm-selected-card__image {
    width: 48% !important;
    height: 100% !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .icm-selected-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Smooth White Gradient Blend on Image Left Edge */
  .icm-selected-card__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    /* Left in RTL visual / start of image overlay */
    width: 70px !important;
    height: 100% !important;
    background: linear-gradient(to left, transparent 0%, #ffffff 100%) !important;
    pointer-events: none !important;
  }

  /* LEFT SIDE: Text Content Block (~52% width) */
  .icm-selected-card__text {
    width: 52% !important;
    height: 100% !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    position: relative !important;
    align-items: flex-start !important;
  }

  /* Badge Style */
  .icm-selected-card__text .icm-badge {
    display: inline-block !important;
    background-color: #0b2545 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
  }

  /* Title Style */
  .icm-selected-card__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-align: right !important;
  }

  /* Card Meta & Arrow Bottom Row */
  .icm-selected-card__text .icm-card-meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 11px !important;
    color: #64748b !important;
    margin-top: auto !important;
  }

  /* Arrow Button Positioned Bottom Left */
  .icm-selected-card__arrow {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
    background-color: #0b2545 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
  }
}

/* ==================================================
   ICM ACADEMY WIDGET - 100% BULLETPROOF LTR & RTL FIX
   ================================================== */
@media (min-width: 1025px) {
  #icm-selected-rail-6 .icm-selected-card {
    height: 175px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  #icm-selected-rail-6 .icm-selected-card__link {
    display: flex !important;
    height: 100% !important;
    width: 100% !important;
    text-decoration: none !important;
  }

  /* --------------------------------------------------
     1. حالت راستچین (RTL - فارسی): متن در راست، تصویر در چپ
     -------------------------------------------------- */
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__link,
  body:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__link,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__link {
    flex-direction: row !important;
    /* متن راست، تصویر چپ */
  }

  /* ستون متن راستچین */
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__text,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__text {
    order: 1 !important;
    width: 50% !important;
    height: 100% !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    text-align: right !important;
    background: #fff !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    position: relative !important;
    direction: rtl !important;
  }

  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__title,
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-card-meta {
    text-align: right !important;
    direction: rtl !important;
  }

  /* ستون تصویر راستچین */
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__image,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__image {
    order: 2 !important;
    width: 50% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
  }

  #icm-selected-rail-6 .icm-selected-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* محوشدگی RTL: از لبه چپ تصویر (مرز مشترک با متن) به سمت داخل (راست) */
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__image::after,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 25%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  /* فلش کارت راستچین (فلش به سمت چپ <) */
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__arrow,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__arrow {
    position: absolute !important;
    bottom: 12px !important;
    right: auto !important;
    left: 12px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
    background: #0b2545 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    z-index: 4 !important;
  }

  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__arrow::before,
  html:not([dir="ltr"]) #icm-selected-rail-6 .icm-selected-card__arrow svg,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__arrow::before,
  #icm-selected-rail-6:not([dir="ltr"]) .icm-selected-card__arrow svg {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border: 0 !important;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }


  /* --------------------------------------------------
     2. حالت چپچین (LTR): متن در چپ، تصویر در راست
     -------------------------------------------------- */
  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__link,
  body.ltr #icm-selected-rail-6 .icm-selected-card__link,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__link {
    flex-direction: row-reverse !important;
    /* متن چپ، تصویر راست */
  }

  /* ستون متن چپچین */
  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__text,
  body.ltr #icm-selected-rail-6 .icm-selected-card__text,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__text {
    order: 1 !important;
    width: 50% !important;
    height: 100% !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    text-align: left !important;
    background: #fff !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    position: relative !important;
    direction: ltr !important;
  }

  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__title,
  body.ltr #icm-selected-rail-6 .icm-selected-card__title,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__title,
  html[dir="ltr"] #icm-selected-rail-6 .icm-card-meta,
  body.ltr #icm-selected-rail-6 .icm-card-meta,
  [dir="ltr"] #icm-selected-rail-6 .icm-card-meta {
    text-align: left !important;
    direction: ltr !important;
  }

  /* ستون تصویر چپچین */
  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__image,
  body.ltr #icm-selected-rail-6 .icm-selected-card__image,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__image {
    order: 2 !important;
    width: 50% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* محوشدگی LTR: از لبه راست تصویر (مرز مشترک با متن) به سمت داخل (چپ) */
  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__image::after,
  body.ltr #icm-selected-rail-6 .icm-selected-card__image::after,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 25%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  /* فلش کارت چپچین (فلش به سمت راست >) */
  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__arrow,
  body.ltr #icm-selected-rail-6 .icm-selected-card__arrow,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__arrow {
    position: absolute !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
    background: #0b2545 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    z-index: 4 !important;
  }

  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__arrow::before,
  html[dir="ltr"] #icm-selected-rail-6 .icm-selected-card__arrow svg,
  body.ltr #icm-selected-rail-6 .icm-selected-card__arrow::before,
  body.ltr #icm-selected-rail-6 .icm-selected-card__arrow svg,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__arrow::before,
  [dir="ltr"] #icm-selected-rail-6 .icm-selected-card__arrow svg {
    content: "" !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border: 0 !important;
    border-top: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}

/* --------------------------------------------------
   3. کنترلهای اسلایدر (وسطچین دقیق در ارتفاع)
   -------------------------------------------------- */
@media (min-width: 1025px) {
  .icm-container:has(#icm-selected-rail-6) {
    position: relative !important;
  }

  .icm-container:has(#icm-selected-rail-6) .icm-selected-controls,
  .icm-container:has(#icm-selected-rail-6) .icm-carousel__arrows {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    pointer-events: none !important;
    z-index: 10 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  .icm-container:has(#icm-selected-rail-6) .icm-selected-controls button,
  .icm-container:has(#icm-selected-rail-6) .icm-carousel__arrows button {
    pointer-events: auto !important;
  }
}

/* Mobile View */
@media (max-width: 1024px) {
  #icm-selected-rail-6 .icm-selected-card {
    position: relative !important;
    height: 220px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  #icm-selected-rail-6 .icm-selected-card__link {
    display: block !important;
    height: 100% !important;
    position: relative !important;
  }

  #icm-selected-rail-6 .icm-selected-card__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
  }

  #icm-selected-rail-6 .icm-selected-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  #icm-selected-rail-6 .icm-selected-card__text {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;
    color: #fff !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
  }

  #icm-selected-rail-6 .icm-selected-card__title {
    color: #fff !important;
    text-align: right !important;
  }

  #icm-selected-rail-6 .icm-card-meta {
    color: #cbd5e1 !important;
  }
}

/* ==================================================
   ICM SINGLE WEBINAR - 100% PIXEL PERFECT HERO & CONTAINER FIX
   ================================================== */

/* 1. کانتینر اصلی و عرض استاندارد قالب (خواندن از --icm-container) */
body.single-icm_webinar .icm-single-webinar__hero,
body.single-webinar .icm-single-webinar__hero,
.single-icm_webinar .webinar-single-hero,
.single-webinar .webinar-single-hero,
.single-icm_webinar .elementor-section,
.single-webinar .elementor-section,
.single-icm_webinar .e-con,
.single-webinar .e-con {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

body.single-icm_webinar .icm-single-webinar__hero,
body.single-webinar .icm-single-webinar__hero,
.single-icm_webinar .webinar-single-hero,
.single-webinar .webinar-single-hero {
  padding: 16px 0 24px !important;
  width: 100% !important;
}

body.single-icm_webinar .icm-single-webinar__hero>.icm-container,
body.single-webinar .icm-single-webinar__hero>.icm-container,
.single-icm_webinar .icm-container,
.single-webinar .icm-container,
.single-icm_webinar .elementor-container,
.single-webinar .elementor-container,
.icm-single-webinar .icm-container {
  width: min(var(--icm-container, 1200px), calc(100% - 32px)) !important;
  max-width: var(--icm-container, 1200px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* 2. بردکرامب (مسیر راهنما بالای هیرو) */
.icm-webinar-breadcrumb,
.webinar-breadcrumb,
.icm-breadcrumb,
.icm-single-webinar__hero .icm-webinar-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #64748b !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
}

.icm-webinar-breadcrumb a,
.webinar-breadcrumb a,
.icm-breadcrumb a {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.icm-webinar-breadcrumb a:hover,
.webinar-breadcrumb a:hover,
.icm-breadcrumb a:hover {
  color: #0b3153 !important;
}

.icm-webinar-breadcrumb .separator,
.webinar-breadcrumb .separator,
.icm-breadcrumb .separator {
  color: #94a3b8 !important;
  margin: 0 4px !important;
}

/* 3. کارت هیرو سرمه‌ای گرد - دسکتاپ (> 1024px) */
@media (min-width: 1025px) {

  body.single-icm_webinar .icm-single-webinar__hero-grid,
  body.single-webinar .icm-single-webinar__hero-grid,
  .icm-single-webinar__hero-grid,
  .webinar-single-hero .icm-single-card,
  .icm-single-webinar .icm-hero-banner {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    min-height: 380px !important;
    height: auto !important;
    background-color: #031b33 !important;
    background-image: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 10px 30px rgba(3, 27, 51, 0.15) !important;
    border: none !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  /* غیرفعال کردن شبه‌عنصرها روی کانتینر در دسکتاپ تا فقط لایه اختصاصی تصویر گرادیان داشته باشد */
  .icm-single-webinar__hero-grid::before,
  .icm-single-webinar__hero-grid::after,
  .webinar-single-hero .icm-single-card::before,
  .webinar-single-hero .icm-single-card::after {
    display: none !important;
    content: none !important;
  }

  /* ---------- 3.1 حالت راستچین (RTL - فارسی / عربی): متن در راست (ستون ۱)، عکس در چپ (ستون ۲) ---------- */
  html:not([dir="ltr"]) .icm-single-webinar__hero-grid,
  body:not([dir="ltr"]) .icm-single-webinar__hero-grid,
  .icm-single-webinar:not([dir="ltr"]) .icm-single-webinar__hero-grid {
    direction: rtl !important;
  }

  html:not([dir="ltr"]) .icm-single-webinar__copy,
  body:not([dir="ltr"]) .icm-single-webinar__copy {
    grid-column: 1 !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 40px 48px !important;
    background: transparent !important;
    z-index: 3 !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  html:not([dir="ltr"]) .icm-single-webinar__image,
  body:not([dir="ltr"]) .icm-single-webinar__image,
  html:not([dir="ltr"]) .webinar-single-media,
  body:not([dir="ltr"]) .webinar-single-media {
    grid-column: 2 !important;
    order: 2 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    display: block !important;
    align-self: stretch !important;
    z-index: 1 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* محوشدگی نرم لبه عکس در RTL از مرز وسط هیرو به سمت ۱ پنجم (~۱۶.۵٪) تصویر */
  html:not([dir="ltr"]) .icm-single-webinar__image::after,
  body:not([dir="ltr"]) .icm-single-webinar__image::after,
  html:not([dir="ltr"]) .webinar-single-media::after,
  body:not([dir="ltr"]) .webinar-single-media::after,
  .icm-single-webinar__image::after,
  .webinar-single-media::after,
  .single-icm_webinar .icm-hero-banner__image:last-child::after,
  .single-icm_webinar .icm-single-webinar__image:last-child::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(270deg, #031b33 0%, #031b33 1.5%, rgba(3, 27, 51, 0.98) 3%, rgba(3, 27, 51, 0.88) 5%, rgba(3, 27, 51, 0.72) 7.5%, rgba(3, 27, 51, 0.50) 10%, rgba(3, 27, 51, 0.28) 12%, rgba(3, 27, 51, 0.10) 14%, rgba(3, 27, 51, 0.02) 15.5%, transparent 16.5%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 5 !important;
    display: block !important;
  }

  /* ---------- 3.2 حالت چپچین (LTR - انگلیسی): متن در چپ (ستون ۱)، عکس در راست (ستون ۲) ---------- */
  html[dir="ltr"] .icm-single-webinar__hero-grid,
  body.ltr .icm-single-webinar__hero-grid,
  [dir="ltr"] .icm-single-webinar__hero-grid,
  .lang-en .icm-single-webinar__hero-grid,
  body.lang-en .icm-single-webinar__hero-grid,
  body.icm-lang-en .icm-single-webinar__hero-grid {
    direction: ltr !important;
  }

  html[dir="ltr"] .icm-single-webinar__copy,
  body.ltr .icm-single-webinar__copy,
  [dir="ltr"] .icm-single-webinar__copy,
  .lang-en .icm-single-webinar__copy,
  body.lang-en .icm-single-webinar__copy,
  body.icm-lang-en .icm-single-webinar__copy {
    grid-column: 1 !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 40px 48px !important;
    background: transparent !important;
    z-index: 3 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  html[dir="ltr"] .icm-single-webinar__image,
  body.ltr .icm-single-webinar__image,
  [dir="ltr"] .icm-single-webinar__image,
  .lang-en .icm-single-webinar__image,
  body.lang-en .icm-single-webinar__image,
  body.icm-lang-en .icm-single-webinar__image {
    grid-column: 2 !important;
    order: 2 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    display: block !important;
    align-self: stretch !important;
    z-index: 1 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* محوشدگی نرم لبه عکس در LTR از مرز وسط هیرو (لبه چپ عکس) به سمت ۱ پنجم (~۱۶.۵٪) تصویر */
  html[dir="ltr"] .icm-single-webinar__image::after,
  body.ltr .icm-single-webinar__image::after,
  [dir="ltr"] .icm-single-webinar__image::after,
  html[dir="ltr"] .webinar-single-media::after,
  body.ltr .webinar-single-media::after,
  [dir="ltr"] .webinar-single-media::after,
  .lang-en .icm-single-webinar__image::after,
  body.lang-en .icm-single-webinar__image::after,
  body.icm-lang-en .icm-single-webinar__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(90deg, #031b33 0%, #031b33 1.5%, rgba(3, 27, 51, 0.98) 3%, rgba(3, 27, 51, 0.88) 5%, rgba(3, 27, 51, 0.72) 7.5%, rgba(3, 27, 51, 0.50) 10%, rgba(3, 27, 51, 0.28) 12%, rgba(3, 27, 51, 0.10) 14%, rgba(3, 27, 51, 0.02) 15.5%, transparent 16.5%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 5 !important;
    display: block !important;
  }

  /* حذف برچسب تکراری روی تصویر در حالت دسکتاپ */
  .icm-single-webinar__image .category-badge,
  .webinar-single-media .category-badge,
  .icm-single-webinar__image .icm-badge,
  .webinar-single-media .icm-badge {
    display: none !important;
  }
}

/* 4. استایل عناصر متنی و اطلاعات داخلی هیرو */
.icm-single-webinar__copy .icm-badge,
.icm-single-webinar__copy .category-badge,
.icm-single-webinar__copy .webinar-cat {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #1b4975 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  margin-bottom: 16px !important;
  border: none !important;
  box-shadow: none !important;
}

.icm-single-webinar__copy h1 {
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  margin: 0 0 14px 0 !important;
}

.icm-single-webinar__copy .icm-single-webinar__excerpt {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  margin: 0 0 20px 0 !important;
}

.icm-single-webinar__copy .icm-instructor {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

.icm-single-webinar__copy .icm-instructor img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

.icm-single-webinar__copy .icm-instructor span {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.4 !important;
}

.icm-single-webinar__copy .icm-instructor span b {
  color: #d4af37 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.icm-single-webinar__copy .icm-instructor span small {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 11px !important;
}

.icm-single-webinar__copy .icm-single-webinar__meta,
.icm-single-webinar__copy .icm-hero-meta-bottom {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  width: 100% !important;
}

/* جایگاه کامل و تمام‌ارتفاع تصویر در ستون تصویر بدون هیچ حاشیه بالا یا پایین */
.icm-single-webinar__image img,
.webinar-single-media img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* 5. نمایش موبایل (هاله تیره روی تصویر برای خوانایی کامل متن) */
@media (max-width: 1024px) {

  body.single-icm_webinar .icm-single-webinar__hero-grid,
  body.single-webinar .icm-single-webinar__hero-grid,
  .icm-single-webinar__hero-grid,
  .webinar-single-hero .icm-single-card,
  .icm-single-webinar .icm-hero-banner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    position: relative !important;
    min-height: 380px !important;
    height: auto !important;
    background-color: #031b33 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .icm-single-webinar__image,
  .webinar-single-media {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .icm-single-webinar__image img,
  .webinar-single-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    z-index: 1 !important;
  }

  /* هاله تیره روی تصویر در موبایل برای وضوح و خوانایی عالی متن */
  html:not([dir="ltr"]) .icm-single-webinar__image::after,
  body:not([dir="ltr"]) .icm-single-webinar__image::after,
  html[dir="ltr"] .icm-single-webinar__image::after,
  body.ltr .icm-single-webinar__image::after,
  [dir="ltr"] .icm-single-webinar__image::after,
  .icm-single-webinar__image::after,
  .webinar-single-media::after,
  .icm-single-webinar__hero-grid::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(3, 27, 51, 0.65) 0%, rgba(3, 27, 51, 0.85) 45%, rgba(3, 27, 51, 0.96) 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
    border-radius: 16px !important;
  }

  .icm-single-webinar__copy {
    position: relative !important;
    z-index: 3 !important;
    padding: 28px 20px 20px !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .icm-single-webinar__copy h1 {
    font-size: 22px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  }

  .icm-single-webinar__copy .icm-single-webinar__excerpt {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  }

  .icm-single-webinar__copy .icm-instructor {
    margin-bottom: 14px !important;
  }

  .icm-single-webinar__copy .icm-single-webinar__meta,
  .icm-single-webinar__copy .icm-hero-meta-bottom {
    font-size: 12px !important;
    gap: 12px !important;
    padding-top: 12px !important;
  }
}

/* ==================================================
   WEBINAR ARCHIVE & RELATED CARDS - EXACT DESIGN FIX
   ================================================== */
.icm-webinar-grid,
.icm-webinars-library .icm-webinar-grid,
.icm-single-webinar__related .icm-webinar-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {

  .icm-webinar-grid,
  .icm-webinars-library .icm-webinar-grid,
  .icm-single-webinar__related .icm-webinar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {

  .icm-webinar-grid,
  .icm-webinars-library .icm-webinar-grid,
  .icm-single-webinar__related .icm-webinar-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

.icm-webinar-grid .icm-webinar-card,
.icm-webinars-library .icm-webinar-card,
.icm-single-webinar__related .icm-webinar-card,
article.icm-webinar-card:not(.icm-webinar-slide) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.icm-webinar-grid .icm-webinar-card:hover,
.icm-webinars-library .icm-webinar-card:hover,
.icm-single-webinar__related .icm-webinar-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

.icm-webinar-grid .icm-webinar-card__cover,
.icm-webinars-library .icm-webinar-card__cover,
.icm-single-webinar__related .icm-webinar-card__cover,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 205px !important;
  min-height: 205px !important;
  max-height: 205px !important;
  overflow: hidden !important;
  background-color: #0b1f38 !important;
  border-radius: 16px 16px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  order: 1 !important;
}

.icm-webinar-grid .icm-webinar-card__cover img,
.icm-webinars-library .icm-webinar-card__cover img,
.icm-single-webinar__related .icm-webinar-card__cover img,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform 0.35s ease !important;
}

.icm-webinar-card:not(.icm-webinar-slide):hover .icm-webinar-card__cover img {
  transform: scale(1.04) !important;
}

.icm-webinar-grid .icm-webinar-card__cover .icm-badge,
.icm-webinar-grid .icm-webinar-card__cover span,
.icm-webinar-grid .icm-webinar-card .icm-badge,
.icm-webinars-library .icm-webinar-card__cover span,
.icm-webinars-library .icm-webinar-card .icm-badge,
.icm-single-webinar__related .icm-webinar-card__cover span,
.icm-single-webinar__related .icm-webinar-card .icm-badge {
  position: absolute !important;
  top: 14px !important;
  background-color: rgba(140, 122, 75, 0.88) !important;
  background: rgba(140, 122, 75, 0.88) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  padding: 4px 12px !important;
  border-radius: 8px !important;
  border: none !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  z-index: 3 !important;
  display: inline-block !important;
}

html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover .icm-badge,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover span,
body.rtl .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover .icm-badge,
body.rtl .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover span,
.icm-webinar-grid .icm-webinar-card__cover span,
.icm-webinar-grid .icm-webinar-card__cover .icm-badge {
  right: 14px !important;
  left: auto !important;
}

html[dir="ltr"] .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover .icm-badge,
html[dir="ltr"] .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover span,
body.ltr .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover .icm-badge,
body.ltr .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__cover span {
  left: 14px !important;
  right: auto !important;
}

.icm-webinar-grid .icm-webinar-card__body,
.icm-webinars-library .icm-webinar-card__body,
.icm-single-webinar__related .icm-webinar-card__body,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body {
  padding: 20px 22px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  order: 2 !important;
  gap: 0 !important;
}

html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body,
body.rtl .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body {
  text-align: right !important;
}

html[dir="ltr"] .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body,
body.ltr .icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body {
  text-align: left !important;
}

.icm-webinar-grid .icm-webinar-card__body h3,
.icm-webinars-library .icm-webinar-card__body h3,
.icm-single-webinar__related .icm-webinar-card__body h3,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__title,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body h3 {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  color: #0b3b64 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.icm-webinar-grid .icm-webinar-card__body h3 a,
.icm-webinars-library .icm-webinar-card__body h3 a,
.icm-single-webinar__related .icm-webinar-card__body h3 a,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__title a,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body h3 a {
  color: #0b3b64 !important;
  text-decoration: none !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  transition: color 0.2s ease !important;
}

.icm-webinar-grid .icm-webinar-card__body h3 a:hover,
.icm-webinars-library .icm-webinar-card__body h3 a:hover,
.icm-single-webinar__related .icm-webinar-card__body h3 a:hover,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__title a:hover,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body h3 a:hover {
  color: #1d4ed8 !important;
}

.icm-webinar-grid .icm-webinar-card__excerpt,
.icm-webinars-library .icm-webinar-card__excerpt,
.icm-single-webinar__related .icm-webinar-card__excerpt,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__body p,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__excerpt {
  color: #8fa0b2 !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.icm-webinar-grid .icm-webinar-card__meta,
.icm-webinars-library .icm-webinar-card__meta,
.icm-single-webinar__related .icm-webinar-card__meta,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__meta {
  order: 3 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  border-top: 1px solid #edf2f7 !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 16px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  font-size: 13px !important;
  color: #718096 !important;
  background: transparent !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__meta span,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__instructor,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__date {
  color: #718096 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.icm-webinar-grid .icm-webinar-card .icm-btn,
.icm-webinars-library .icm-webinar-card .icm-btn,
.icm-single-webinar__related .icm-webinar-card .icm-btn,
.icm-webinar-card:not(.icm-webinar-slide) .icm-btn,
.icm-webinar-card:not(.icm-webinar-slide) .icm-btn--navy,
.icm-webinar-card:not(.icm-webinar-slide) .icm-webinar-card__btn {
  order: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background-color: #0b3b64 !important;
  background: #0b3b64 !important;
  color: #ffffff !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  border: none !important;
  margin: 0 !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  flex-shrink: 0 !important;
}

.icm-webinar-grid .icm-webinar-card .icm-btn:hover,
.icm-webinars-library .icm-webinar-card .icm-btn:hover,
.icm-single-webinar__related .icm-webinar-card .icm-btn:hover,
.icm-webinar-card:not(.icm-webinar-slide) .icm-btn:hover {
  background-color: #072b4a !important;
  background: #072b4a !important;
  color: #ffffff !important;
}

.icm-single-webinar__related {
  padding: 40px 0 60px !important;
  margin: 0 !important;
  width: 100% !important;
}

.icm-single-webinar__related .icm-section-title h2 {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #031b33 !important;
  margin-bottom: 24px !important;
}

/* ==================================================
   WEBINAR SLIDER BANNER - EXACT LTR / RTL FADE MIRROR
   ================================================== */
@media (min-width: 1025px) {

  /* RTL Mode: Fade on the LEFT edge of image (blending into navy body on left) */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-past-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar .icm-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  body.rtl .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  body.rtl .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  body.rtl .icm-webinar-slider .icm-past-webinar-card__image::after,
  body.rtl .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  [dir="rtl"] .icm-past-webinar-card__image::after,
  [dir="rtl"] .icm-upcoming-webinar-card__image::after,
  [dir="rtl"] .icm-webinar-slide__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 120px !important;
    height: 100% !important;
    background: linear-gradient(to right, #021a30 0%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 2 !important;
  }

  /* LTR Mode: Fade on the RIGHT edge of image (blending into navy body on right) */
  html[dir="ltr"] .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  html[dir="ltr"] .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  html[dir="ltr"] .icm-webinar-slider .icm-past-webinar-card__image::after,
  html[dir="ltr"] .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  html[dir="ltr"] .icm-section--webinar .icm-webinar-card__image::after,
  html[dir="ltr"] .icm-section--webinar-upcoming .icm-upcoming-webinar-card__image::after,
  html[dir="ltr"] .icm-section--webinar-replays .icm-past-webinar-card__image::after,
  body.ltr .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  body.ltr .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  body.ltr .icm-webinar-slider .icm-past-webinar-card__image::after,
  body.ltr .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  .lang-en .icm-past-webinars-swiper .icm-past-webinar-card__image::after,
  .lang-en .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__image::after,
  .lang-en .icm-webinar-slider .icm-past-webinar-card__image::after,
  .lang-en .icm-webinar-slider .icm-upcoming-webinar-card__image::after,
  [dir="ltr"] .icm-past-webinar-card__image::after,
  [dir="ltr"] .icm-upcoming-webinar-card__image::after,
  [dir="ltr"] .icm-webinar-slide__image::after,
  [dir="ltr"] .icm-webinar-card__col-image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 120px !important;
    height: 100% !important;
    background: linear-gradient(to left, #021a30 0%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 2 !important;
  }

  /* Badge alignment on horizontal slide image */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-webinar-slide__image .icm-live,
  body.rtl .icm-webinar-slide__image .icm-live,
  [dir="rtl"] .icm-webinar-slide__image .icm-live {
    right: 12px !important;
    left: auto !important;
  }

  html[dir="ltr"] .icm-webinar-slide__image .icm-live,
  body.ltr .icm-webinar-slide__image .icm-live,
  [dir="ltr"] .icm-webinar-slide__image .icm-live {
    left: 12px !important;
    right: auto !important;
  }
}

/* ==================================================
   UNIVERSAL INSTRUCTOR & AUTHOR LTR LEFT-ALIGNMENT
   ================================================== */
html[dir="ltr"] .icm-instructor,
body.ltr .icm-instructor,
.lang-en .icm-instructor,
body.lang-en .icm-instructor,
body.icm-lang-en .icm-instructor,
[dir="ltr"] .icm-instructor,
html[dir="ltr"] .icm-author,
body.ltr .icm-author,
.lang-en .icm-author,
body.lang-en .icm-author,
body.icm-lang-en .icm-author,
[dir="ltr"] .icm-author,
html[dir="ltr"] .icm-hero-banner__author,
body.ltr .icm-hero-banner__author,
.lang-en .icm-hero-banner__author,
[dir="ltr"] .icm-hero-banner__author {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  direction: ltr !important;
  text-align: left !important;
  width: auto !important;
}

html[dir="ltr"] .icm-instructor .icm-avatar,
html[dir="ltr"] .icm-instructor>img,
html[dir="ltr"] .icm-instructor img.icm-instructor-photo,
body.ltr .icm-instructor .icm-avatar,
body.ltr .icm-instructor>img,
body.ltr .icm-instructor img.icm-instructor-photo,
.lang-en .icm-instructor .icm-avatar,
.lang-en .icm-instructor>img,
[dir="ltr"] .icm-instructor .icm-avatar,
[dir="ltr"] .icm-instructor>img,
html[dir="ltr"] .icm-author img,
body.ltr .icm-author img,
.lang-en .icm-author img,
[dir="ltr"] .icm-author img {
  order: 1 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

html[dir="ltr"] .icm-instructor-info,
html[dir="ltr"] .icm-instructor span,
body.ltr .icm-instructor-info,
body.ltr .icm-instructor span,
.lang-en .icm-instructor-info,
.lang-en .icm-instructor span,
[dir="ltr"] .icm-instructor-info,
[dir="ltr"] .icm-instructor span,
html[dir="ltr"] .icm-author span,
body.ltr .icm-author span,
.lang-en .icm-author span,
[dir="ltr"] .icm-author span {
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  direction: ltr !important;
  margin: 0 !important;
}

html[dir="ltr"] .instructor-name,
html[dir="ltr"] .instructor-role,
body.ltr .instructor-name,
body.ltr .instructor-role,
.lang-en .instructor-name,
.lang-en .instructor-role,
[dir="ltr"] .instructor-name,
[dir="ltr"] .instructor-role,
html[dir="ltr"] .icm-instructor b,
html[dir="ltr"] .icm-instructor small,
body.ltr .icm-instructor b,
body.ltr .icm-instructor small,
html[dir="ltr"] .icm-author b,
html[dir="ltr"] .icm-author small,
body.ltr .icm-author b,
body.ltr .icm-author small {
  text-align: left !important;
  direction: ltr !important;
  align-self: flex-start !important;
  display: block !important;
}

/* ==================================================
   SINGLE ARTICLE HERO & CLEAN DESKTOP LAYOUT
   ================================================== */
@media (min-width: 1025px) {

  /* Hide any extraneous titles, old breadcrumbs, duplicate headers on single post */
  body.single-post .entry-header:not(.entry-header-card),
  body.single-post .page-header,
  body.single-post .icm-page-header,
  body.single-post .elementor-page-title,
  body.single-post>.icm-breadcrumb,
  body.single-post #main-content>.icm-breadcrumb,
  body.single-post .post-thumbnail:not(.icm-single-hero__image),
  body.single-post .single-post-title,
  body.single-post .icm-hero-banner__content>.category-badge,
  body.single-post .icm-hero-banner__content>.icm-badge {
    display: none !important;
  }

  /* Single Head wrapper */
  .single-post .icm-single-head,
  section.icm-single-head {
    background: transparent !important;
    padding: 20px 0 20px 0 !important;
    width: 100% !important;
  }

  .single-post .icm-single-head .icm-container,
  section.icm-single-head .icm-container {
    width: min(var(--icm-container, 1200px), calc(100% - 40px)) !important;
    max-width: var(--icm-container, 1200px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Breadcrumb */
  .icm-single-head .icm-breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #718096 !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
  }

  .icm-single-head .icm-breadcrumb a {
    color: #4a5568 !important;
    text-decoration: none !important;
  }

  .icm-single-head .icm-breadcrumb a:hover {
    color: #8c7a4b !important;
  }

  .icm-single-head .icm-breadcrumb span[aria-current="page"] {
    color: #8c7a4b !important;
    font-weight: 600 !important;
  }

  /* Hero Card */
  .icm-hero-banner.single-post-hero,
  .single-post .icm-single-hero,
  .single-post-hero {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    min-height: 380px !important;
    height: auto !important;
    background-color: #031b33 !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 10px 30px rgba(3, 27, 51, 0.15) !important;
    margin-bottom: 0 !important;
  }

  /* Content (Text) Column */
  .single-post-hero .icm-hero-banner__content,
  .single-post-hero .icm-single-hero__copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 40px 48px !important;
    z-index: 3 !important;
    background: transparent !important;
    min-width: 0 !important;
  }

  .single-post-hero .icm-hero-banner__title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.4 !important;
  }

  .single-post-hero .icm-hero-banner__excerpt {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 0 20px 0 !important;
  }

  .single-post-hero .icm-author {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  .single-post-hero .icm-author img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
  }

  .single-post-hero .icm-author span {
    display: flex !important;
    flex-direction: column !important;
  }

  .single-post-hero .icm-author b {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
  }

  .single-post-hero .icm-author small {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 11px !important;
  }

  .single-post-hero .icm-hero-meta-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding-top: 14px !important;
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    width: 100% !important;
  }

  /* Image Column */
  .single-post-hero .icm-hero-banner__image,
  .single-post-hero .icm-single-hero__image {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .single-post-hero .icm-hero-banner__image img,
  .single-post-hero .icm-single-hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  /* Soft fade overlay */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-hero-banner__image::after,
  body.rtl .single-post-hero .icm-hero-banner__image::after,
  [dir="rtl"] .single-post-hero .icm-hero-banner__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(270deg, #031b33 0%, #031b33 8%, rgba(3, 27, 51, 0.95) 14%, rgba(3, 27, 51, 0.8) 20%, rgba(3, 27, 51, 0.5) 28%, rgba(3, 27, 51, 0.2) 35%, transparent 42%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    display: block !important;
  }

  html[dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  body.ltr .single-post-hero .icm-hero-banner__image::after,
  [dir="ltr"] .single-post-hero .icm-hero-banner__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(90deg, #031b33 0%, #031b33 8%, rgba(3, 27, 51, 0.95) 14%, rgba(3, 27, 51, 0.8) 20%, rgba(3, 27, 51, 0.5) 28%, rgba(3, 27, 51, 0.2) 35%, transparent 42%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    display: block !important;
  }

  /* Category Badge */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-hero-banner__image .category-badge,
  body.rtl .single-post-hero .icm-hero-banner__image .category-badge,
  [dir="rtl"] .single-post-hero .icm-hero-banner__image .category-badge,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-hero-banner__image .icm-single-hero__badge,
  body.rtl .single-post-hero .icm-hero-banner__image .icm-single-hero__badge,
  [dir="rtl"] .single-post-hero .icm-hero-banner__image .icm-single-hero__badge {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    right: auto !important;
    z-index: 5 !important;
    background: #8c7a4b !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    border: none !important;
  }

  html[dir="ltr"] .single-post-hero .icm-hero-banner__image .category-badge,
  body.ltr .single-post-hero .icm-hero-banner__image .category-badge,
  [dir="ltr"] .single-post-hero .icm-hero-banner__image .category-badge,
  html[dir="ltr"] .single-post-hero .icm-hero-banner__image .icm-single-hero__badge,
  body.ltr .single-post-hero .icm-hero-banner__image .icm-single-hero__badge,
  [dir="ltr"] .single-post-hero .icm-hero-banner__image .icm-single-hero__badge {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 5 !important;
    background: #8c7a4b !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    border: none !important;
  }

  /* Desktop Share Button in Image (Pill with text and icon) */
  .single-post-hero .icm-hero-banner__content .icm-share-btn-bottom,
  .single-post-hero .icm-hero-banner__content .icm-share-btn--meta {
    display: none !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-single-hero__image .icm-share-btn-bottom,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-single-hero__image .icm-share-btn--image,
  body.rtl .single-post-hero .icm-single-hero__image .icm-share-btn-bottom,
  body.rtl .single-post-hero .icm-single-hero__image .icm-share-btn--image,
  [dir="rtl"] .single-post-hero .icm-single-hero__image .icm-share-btn-bottom,
  [dir="rtl"] .single-post-hero .icm-single-hero__image .icm-share-btn--image {
    position: absolute !important;
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;
    z-index: 5 !important;
    background: rgba(3, 27, 51, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 9999px !important;
    padding: 6px 16px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
  }

  html[dir="ltr"] .single-post-hero .icm-single-hero__image .icm-share-btn-bottom,
  html[dir="ltr"] .single-post-hero .icm-single-hero__image .icm-share-btn--image,
  body.ltr .single-post-hero .icm-single-hero__image .icm-share-btn-bottom,
  body.ltr .single-post-hero .icm-single-hero__image .icm-share-btn--image,
  [dir="ltr"] .single-post-hero .icm-single-hero__image .icm-share-btn-bottom,
  [dir="ltr"] .single-post-hero .icm-single-hero__image .icm-share-btn--image {
    position: absolute !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 5 !important;
    background: rgba(3, 27, 51, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 9999px !important;
    padding: 6px 16px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
  }

  /* Article Content + Sidebar Layout immediately after hero */
  html body.single-post .icm-single-builder-grid,
  body.single-post .icm-single-builder-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 32px !important;
    width: min(var(--icm-container, 1200px), calc(100% - 40px)) !important;
    max-width: var(--icm-container, 1200px) !important;
    margin: 30px auto 40px auto !important;
    box-sizing: border-box !important;
  }

  html body.single-post .icm-single-builder-main,
  body.single-post .icm-single-builder-main {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  html body.single-post .icm-single-builder-sidebar,
  body.single-post .icm-single-builder-sidebar {
    width: 300px !important;
    min-width: 300px !important;
    flex: 0 0 300px !important;
  }

  /* Single Webinar Hero - Full Stretch & Zero Top/Bottom Margins */
  body.single-icm_webinar .icm-single-webinar__hero-grid,
  body.single-webinar .icm-single-webinar__hero-grid,
  body.single-icm_webinar .icm-hero-banner,
  .single-icm_webinar .icm-hero-banner,
  .single-webinar .icm-hero-banner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    min-height: 380px !important;
    height: auto !important;
    align-items: stretch !important;
    background-color: #031b33 !important;
    background-image: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 auto 30px auto !important;
    padding: 0 !important;
  }

  body.single-icm_webinar .icm-single-webinar__image,
  body.single-webinar .icm-single-webinar__image,
  body.single-icm_webinar .webinar-single-media,
  body.single-webinar .webinar-single-media,
  body.single-icm_webinar .icm-hero-banner__image {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  body.single-icm_webinar .icm-single-webinar__image img,
  body.single-webinar .icm-single-webinar__image img,
  body.single-icm_webinar .webinar-single-media img,
  body.single-webinar .webinar-single-media img,
  body.single-icm_webinar .icm-hero-banner__image img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Fade Overlays on Image for Single Webinar and Single Post Heroes (enters exactly ~16.5% of image with ultra-soft fade) */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-single-webinar__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .webinar-single-media::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-hero-banner__image::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-single-hero__image::after,
  body.rtl .icm-single-webinar__image::after,
  body.rtl .webinar-single-media::after,
  body.rtl .single-post-hero .icm-hero-banner__image::after,
  [dir="rtl"] .icm-single-webinar__image::after,
  [dir="rtl"] .webinar-single-media::after,
  [dir="rtl"] .single-post-hero .icm-hero-banner__image::after,
  .single-icm_webinar .icm-hero-banner__image:last-child::after,
  .single-icm_webinar .icm-single-webinar__image:last-child::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(270deg, #031b33 0%, #031b33 1.5%, rgba(3, 27, 51, 0.98) 3%, rgba(3, 27, 51, 0.88) 5%, rgba(3, 27, 51, 0.72) 7.5%, rgba(3, 27, 51, 0.50) 10%, rgba(3, 27, 51, 0.28) 12%, rgba(3, 27, 51, 0.10) 14%, rgba(3, 27, 51, 0.02) 15.5%, transparent 16.5%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    display: block !important;
  }

  html[dir="ltr"] .icm-single-webinar__image::after,
  html[dir="ltr"] .webinar-single-media::after,
  html[dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  html[dir="ltr"] .single-post-hero .icm-single-hero__image::after,
  body.ltr .icm-single-webinar__image::after,
  body.ltr .webinar-single-media::after,
  body.ltr .single-post-hero .icm-hero-banner__image::after,
  [dir="ltr"] .icm-single-webinar__image::after,
  [dir="ltr"] .webinar-single-media::after,
  [dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  .lang-en .icm-single-webinar__image::after,
  .lang-en .webinar-single-media::after,
  .lang-en .single-post-hero .icm-hero-banner__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(90deg, #031b33 0%, #031b33 1.5%, rgba(3, 27, 51, 0.98) 3%, rgba(3, 27, 51, 0.88) 5%, rgba(3, 27, 51, 0.72) 7.5%, rgba(3, 27, 51, 0.50) 10%, rgba(3, 27, 51, 0.28) 12%, rgba(3, 27, 51, 0.10) 14%, rgba(3, 27, 51, 0.02) 15.5%, transparent 16.5%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    display: block !important;
  }

  html[dir="ltr"] .icm-single-webinar__image::after,
  html[dir="ltr"] .webinar-single-media::after,
  html[dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  html[dir="ltr"] .single-post-hero .icm-single-hero__image::after,
  body.ltr .icm-single-webinar__image::after,
  body.ltr .webinar-single-media::after,
  body.ltr .single-post-hero .icm-hero-banner__image::after,
  [dir="ltr"] .icm-single-webinar__image::after,
  [dir="ltr"] .webinar-single-media::after,
  [dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
  .lang-en .icm-single-webinar__image::after,
  .lang-en .webinar-single-media::after,
  .lang-en .single-post-hero .icm-hero-banner__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(90deg, #031b33 0%, #031b33 6%, rgba(3, 27, 51, 0.98) 12%, rgba(3, 27, 51, 0.92) 18%, rgba(3, 27, 51, 0.83) 24%, rgba(3, 27, 51, 0.72) 30%, rgba(3, 27, 51, 0.58) 36%, rgba(3, 27, 51, 0.44) 42%, rgba(3, 27, 51, 0.30) 48%, rgba(3, 27, 51, 0.18) 54%, rgba(3, 27, 51, 0.09) 60%, rgba(3, 27, 51, 0.03) 66%, rgba(3, 27, 51, 0.005) 72%, transparent 78%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    display: block !important;
  }
}

/* ==========================================================================
   UNIVERSAL FINAL CTA BANNER WIDGET - STRICT DEFAULT CENTER ALIGNMENT
   ========================================================================== */
html body .icm-final-cta,
html body .icm-final-cta__inner,
html body .icm-final-cta__inner>div,
html body .icm-final-cta__copy,
html body .icm-final-cta__title,
html body .icm-final-cta__description,
html body .icm-final-cta h2,
html body .icm-final-cta h3,
html body .icm-final-cta h4,
html body .icm-final-cta p,
html body .icm-cta,
html body .icm-cta__inner,
html body .icm-cta__copy,
html body .icm-cta__title,
html body .icm-cta__text,
html body .icm-cta h2,
html body .icm-cta p,
html body .elementor-widget-icm_academy_cta,
html body .elementor-widget-icm_academy_cta .icm-final-cta,
html body .elementor-widget-icm_academy_cta .icm-final-cta__inner,
html body .elementor-widget-icm_academy_cta .icm-final-cta__inner>div,
html body .elementor-widget-icm_academy_cta .icm-final-cta__title,
html body .elementor-widget-icm_academy_cta .icm-final-cta__description,
html body .elementor-widget-icm_academy_cta h2,
html body .elementor-widget-icm_academy_cta p,
html body .icm-article-banner-widget .icm-final-cta,
html body .icm-article-banner-widget .icm-final-cta__inner,
html body .icm-article-banner-widget .icm-final-cta__inner>div,
html body .icm-article-banner-widget .icm-final-cta__title,
html body .icm-article-banner-widget .icm-final-cta__description,
html body .icm-article-banner-widget h2,
html body .icm-article-banner-widget p,
html body.single-post .icm-final-cta__inner>div,
html body.single-post .icm-final-cta__title,
html body.single-post .icm-final-cta__description,
html body.single-post .icm-final-cta h2,
html body.single-post .icm-final-cta p,
html[dir="rtl"] .icm-final-cta__inner>div,
html[dir="rtl"] .icm-final-cta__title,
html[dir="rtl"] .icm-final-cta__description,
html[dir="rtl"] .icm-final-cta h2,
html[dir="rtl"] .icm-final-cta p,
body.rtl .icm-final-cta__inner>div,
body.rtl .icm-final-cta__title,
body.rtl .icm-final-cta__description,
body.rtl .icm-final-cta h2,
body.rtl .icm-final-cta p,
body:not(.ltr) .icm-final-cta__inner>div,
body:not(.ltr) .icm-final-cta__title,
body:not(.ltr) .icm-final-cta__description,
body:not(.ltr) .icm-final-cta h2,
body:not(.ltr) .icm-final-cta p,
html[dir="ltr"] .icm-final-cta__inner>div,
html[dir="ltr"] .icm-final-cta__title,
html[dir="ltr"] .icm-final-cta__description,
html[dir="ltr"] .icm-final-cta h2,
html[dir="ltr"] .icm-final-cta p,
body.ltr .icm-final-cta__inner>div,
body.ltr .icm-final-cta__title,
body.ltr .icm-final-cta__description,
body.ltr .icm-final-cta h2,
body.ltr .icm-final-cta p,
.lang-en .icm-final-cta__inner>div,
.lang-en .icm-final-cta__title,
.lang-en .icm-final-cta__description,
.lang-en .icm-final-cta h2,
.lang-en .icm-final-cta p {
  text-align: center !important;
}

html body .icm-final-cta__inner>div,
html body .icm-cta__copy,
html body .elementor-widget-icm_academy_cta .icm-final-cta__inner>div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}

html body .icm-final-cta__title,
html body .icm-final-cta h2,
html body .icm-final-cta h3,
html body .icm-final-cta h4,
html body .icm-cta__title,
html body .icm-cta h2,
html body .elementor-widget-icm_academy_cta .icm-final-cta__title,
html body .elementor-widget-icm_academy_cta h2 {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

html body .icm-final-cta__description,
html body .icm-final-cta p,
html body .icm-cta__text,
html body .icm-cta p,
html body .elementor-widget-icm_academy_cta .icm-final-cta__description,
html body .elementor-widget-icm_academy_cta p {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* ==========================================================================
   UNIVERSAL ARTICLES FEATURED SLIDER - 50% BALANCED TEXT/IMAGE & SEAMLESS FADE
   ========================================================================== */
html body .icm-archive-feature-slider,
html body .elementor-widget-icm_articles_featured .icm-archive-feature-slider,
html body .icm-section--archive-feature .icm-archive-feature-slider {
  --icm-archive-image-width: 50% !important;
  --icm-archive-content-width: 50% !important;
  --icm-webinar-copy-width: 50% !important;
  --icm-el-image-width: 50% !important;
  --icm-el-content-weight: 50% !important;
}

@media (min-width: 768px) {

  html body .icm-archive-feature,
  html body .icm-archive-feature-slide,
  html body .icm-featured-banner--archive,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature {
    background-color: #001D36 !important;
    background: #001D36 !important;
  }

  html body .icm-archive-feature__copy,
  html body .icm-featured-banner__content,
  html body .icm-section--archive-feature .icm-archive-feature__copy,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy,
  html body .icm-featured-banner--archive .icm-archive-feature__copy {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    background-color: #001D36 !important;
    background: #001D36 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  html body .icm-archive-feature__image,
  html body .icm-featured-banner__media,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: relative !important;
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
  }

  html body .icm-archive-feature__image img,
  html body .icm-featured-banner__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  html body .icm-archive-feature__link,
  html body .icm-featured-banner--archive .icm-archive-feature__link,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    grid-template-columns: 50% 50% !important;
    background-color: #001D36 !important;
    background: #001D36 !important;
  }

  /* Fade on Image: Content is on LEFT, Image is on RIGHT -> Fade from LEFT (0%) into 1/5th (20%) */
  html body .icm-archive-feature__image::after,
  html body .icm-featured-banner__media::after,
  html body .icm-featured-banner--archive .icm-archive-feature__image::after,
  html body .icm-featured-banner--content-left .icm-archive-feature__image::after,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(90deg,
        #001D36 0%,
        #001D36 2%,
        rgba(0, 29, 54, 0.98) 4%,
        rgba(0, 29, 54, 0.90) 7%,
        rgba(0, 29, 54, 0.76) 10%,
        rgba(0, 29, 54, 0.56) 13%,
        rgba(0, 29, 54, 0.35) 16%,
        rgba(0, 29, 54, 0.16) 18%,
        rgba(0, 29, 54, 0.04) 20%,
        transparent 22%,
        transparent 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
  }

  /* Fade on Image: Content is on RIGHT, Image is on LEFT -> Fade from RIGHT (0%) into 1/5th (20%) */
  html body .icm-featured-banner--content-right .icm-archive-feature__image::after,
  html body .icm-featured-banner--image-left .icm-archive-feature__image::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(270deg,
        #001D36 0%,
        #001D36 2%,
        rgba(0, 29, 54, 0.98) 4%,
        rgba(0, 29, 54, 0.90) 7%,
        rgba(0, 29, 54, 0.76) 10%,
        rgba(0, 29, 54, 0.56) 13%,
        rgba(0, 29, 54, 0.35) 16%,
        rgba(0, 29, 54, 0.16) 18%,
        rgba(0, 29, 54, 0.04) 20%,
        transparent 22%,
        transparent 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
  }
}

/* ==========================================================================
   MOBILE ARTICLES FEATURED SLIDER (< 768px) - CONTENT ON TOP OF IMAGE OVERLAY
   ========================================================================== */
@media (max-width: 767px) {

  html body .icm-archive-feature-slider,
  html body .icm-section--archive-feature,
  html body .elementor-widget-icm_articles_featured {
    width: 100% !important;
  }

  html body .icm-archive-feature,
  html body .icm-archive-feature-slide,
  html body .icm-featured-banner--archive,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    min-height: 280px !important;
    height: auto !important;
    background-color: #001D36 !important;
  }

  html body .icm-archive-feature__link,
  html body .icm-featured-banner--archive .icm-archive-feature__link,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 280px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    grid-template-columns: 1fr !important;
    background: transparent !important;
  }

  html body .icm-archive-feature__image,
  html body .icm-featured-banner__media,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
  }

  html body .icm-archive-feature__image img,
  html body .icm-featured-banner__media img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .icm-archive-feature__image::after,
  html body .icm-featured-banner__media::after,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: linear-gradient(180deg,
        rgba(0, 29, 54, 0.40) 0%,
        rgba(0, 29, 54, 0.72) 45%,
        rgba(0, 29, 54, 0.94) 85%,
        #001D36 100%) !important;
    pointer-events: none !important;
    display: block !important;
  }

  html body .icm-archive-feature__copy,
  html body .icm-featured-banner__content,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 280px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    padding: 24px 20px 24px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  html body .icm-archive-feature__copy h2 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 8px 0 6px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
  }

  html body .icm-archive-feature__copy p {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body .icm-archive-feature__copy .icm-authorline {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 12px !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
    margin-bottom: 8px !important;
  }

  html body .icm-archive-feature__copy .icm-badge {
    display: inline-block !important;
    margin-bottom: 6px !important;
  }

  html body .icm-archive-feature__copy .icm-btn {
    display: inline-flex !important;
    margin-top: 4px !important;
  }
}

/* ==========================================================================
   UNIVERSAL SINGLE POST & SINGLE WEBINAR HERO - 1/5TH SOFT FADE & DARK BACKING
   ========================================================================== */
html body .icm-hero-banner,
html body .icm-single-webinar__hero-grid,
html body .webinar-single-hero,
html body .icm-single-hero,
html body .single-post-hero,
html body .article-hero-banner,
html body .icm-single-card,
html body .entry-header-card {
  background-color: #031b33 !important;
  background: #031b33 !important;
}

/* Dark backing under text content in both RTL & LTR */
html body .icm-hero-banner__content,
html body .icm-single-webinar__copy,
html body .icm-single-hero__copy,
html body .icm-single-hero_info,
html body .webinar-single-content-wrapper,
html body .webinar-single-copy,
html body.single-post .icm-hero-banner__content,
html body.single-post .icm-single-hero__copy,
html body.single-icm_webinar .icm-hero-banner__content,
html body.single-icm_webinar .icm-single-webinar__copy {
  background-color: #031b33 !important;
  background: #031b33 !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Crisp text contrast and legibility */
html body .icm-hero-banner__title,
html body .icm-single-webinar__copy h1,
html body .icm-single-hero__copy h1,
html body .icm-single-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

html body .icm-hero-banner__excerpt,
html body .icm-single-webinar__excerpt,
html body .icm-single-excerpt {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

@media (max-width: 767px) {

  html body .icm-archive-feature-slider,
  html body .icm-section--archive-feature,
  html body .elementor-widget-icm_articles_featured {
    width: 100% !important;
  }

  html body .icm-archive-feature,
  html body .icm-archive-feature-slide,
  html body .icm-featured-banner--archive,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    min-height: 280px !important;
    height: auto !important;
    background-color: #001D36 !important;
  }

  html body .icm-archive-feature__link,
  html body .icm-featured-banner--archive .icm-archive-feature__link,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__link {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 280px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    grid-template-columns: 1fr !important;
    background: transparent !important;
  }

  html body .icm-archive-feature__image,
  html body .icm-featured-banner__media,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
  }

  html body .icm-archive-feature__image img,
  html body .icm-featured-banner__media img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .icm-archive-feature__image::after,
  html body .icm-featured-banner__media::after,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: linear-gradient(180deg,
        rgba(0, 29, 54, 0.40) 0%,
        rgba(0, 29, 54, 0.72) 45%,
        rgba(0, 29, 54, 0.94) 85%,
        #001D36 100%) !important;
    pointer-events: none !important;
    display: block !important;
  }

  html body .icm-archive-feature__copy,
  html body .icm-featured-banner__content,
  html body .elementor-widget-icm_articles_featured .icm-archive-feature__copy {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 280px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    padding: 24px 20px 24px !important;
    background: transparent !important;
    background-color: transparent !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  html body .icm-archive-feature__copy h2 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 8px 0 6px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
  }

  html body .icm-archive-feature__copy p {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body .icm-archive-feature__copy .icm-authorline {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 12px !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
    margin-bottom: 8px !important;
  }

  html body .icm-archive-feature__copy .icm-badge {
    display: inline-block !important;
    margin-bottom: 6px !important;
  }

  html body .icm-archive-feature__copy .icm-btn {
    display: inline-flex !important;
    margin-top: 4px !important;
  }
}

/* ==========================================================================
   UNIVERSAL SINGLE POST & SINGLE WEBINAR HERO - 1/5TH SOFT FADE & DARK BACKING
   ========================================================================== */
html body .icm-hero-banner,
html body .icm-single-webinar__hero-grid,
html body .webinar-single-hero,
html body .icm-single-hero,
html body .single-post-hero,
html body .article-hero-banner,
html body .icm-single-card,
html body .entry-header-card {
  background-color: #031b33 !important;
  background: #031b33 !important;
}

/* Dark backing under text content in both RTL & LTR */
html body .icm-hero-banner__content,
html body .icm-single-webinar__copy,
html body .icm-single-hero__copy,
html body .icm-single-hero_info,
html body .webinar-single-content-wrapper,
html body .webinar-single-copy,
html body.single-post .icm-hero-banner__content,
html body.single-post .icm-single-hero__copy,
html body.single-icm_webinar .icm-hero-banner__content,
html body.single-icm_webinar .icm-single-webinar__copy {
  background-color: #031b33 !important;
  background: #031b33 !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Crisp text contrast and legibility */
html body .icm-hero-banner__title,
html body .icm-single-webinar__copy h1,
html body .icm-single-hero__copy h1,
html body .icm-single-hero h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

html body .icm-hero-banner__excerpt,
html body .icm-single-webinar__excerpt,
html body .icm-single-excerpt {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

/* RTL Hero Image: Ultra-soft fade extending exactly 1/5th (20%) into image */
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-hero-banner__image::after,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-single-webinar__image::after,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .webinar-single-media::after,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-single-hero__image::after,
html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .single-post-hero .icm-hero-banner__image::after,
body.rtl .icm-hero-banner__image::after,
body.rtl .icm-single-webinar__image::after,
body.rtl .webinar-single-media::after,
body.rtl .single-post-hero .icm-single-hero__image::after,
body.rtl .single-post-hero .icm-hero-banner__image::after,
[dir="rtl"] .icm-hero-banner__image::after,
[dir="rtl"] .icm-single-webinar__image::after,
[dir="rtl"] .webinar-single-media::after,
[dir="rtl"] .single-post-hero .icm-single-hero__image::after,
[dir="rtl"] .single-post-hero .icm-hero-banner__image::after,
.single-icm_webinar .icm-hero-banner__image:last-child::after,
.single-icm_webinar .icm-single-webinar__image:last-child::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: -4px !important;
  width: calc(100% + 4px) !important;
  height: 100% !important;
  background: linear-gradient(270deg,
      #031b33 0%,
      #031b33 1.5%,
      rgba(3, 27, 51, 0.98) 3%,
      rgba(3, 27, 51, 0.88) 5%,
      rgba(3, 27, 51, 0.72) 7.5%,
      rgba(3, 27, 51, 0.50) 10%,
      rgba(3, 27, 51, 0.28) 12%,
      rgba(3, 27, 51, 0.10) 14%,
      rgba(3, 27, 51, 0.02) 15.5%,
      transparent 16.5%,
      transparent 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  display: block !important;
}

/* LTR Hero Image: Ultra-soft seamless fade */
html[dir="ltr"] .icm-hero-banner__image::after,
html[dir="ltr"] .icm-single-webinar__image::after,
html[dir="ltr"] .webinar-single-media::after,
html[dir="ltr"] .single-post-hero .icm-single-hero__image::after,
html[dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
body.ltr .icm-hero-banner__image::after,
body.ltr .icm-single-webinar__image::after,
body.ltr .webinar-single-media::after,
body.ltr .single-post-hero .icm-single-hero__image::after,
body.ltr .single-post-hero .icm-hero-banner__image::after,
[dir="ltr"] .icm-hero-banner__image::after,
[dir="ltr"] .icm-single-webinar__image::after,
[dir="ltr"] .webinar-single-media::after,
[dir="ltr"] .single-post-hero .icm-single-hero__image::after,
[dir="ltr"] .single-post-hero .icm-hero-banner__image::after,
.lang-en .icm-hero-banner__image::after,
.lang-en .icm-single-webinar__image::after,
.lang-en .webinar-single-media::after,
.lang-en .single-post-hero .icm-single-hero__image::after,
.lang-en .single-post-hero .icm-hero-banner__image::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: -4px !important;
  width: calc(100% + 4px) !important;
  height: 100% !important;
  background: linear-gradient(90deg,
      #031b33 0%,
      #031b33 1.5%,
      rgba(3, 27, 51, 0.98) 3%,
      rgba(3, 27, 51, 0.88) 5%,
      rgba(3, 27, 51, 0.72) 7.5%,
      rgba(3, 27, 51, 0.50) 10%,
      rgba(3, 27, 51, 0.28) 12%,
      rgba(3, 27, 51, 0.10) 14%,
      rgba(3, 27, 51, 0.02) 15.5%,
      transparent 16.5%,
      transparent 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  display: block !important;
}

/* ==========================================================================
   SINGLE POST HERO: 1-LINE TITLE ON DESKTOP & SOFT DARK TINT ON MOBILE
   ========================================================================== */
@media (min-width: 1025px) {

  html body .single-post-hero,
  html body .icm-hero-banner.single-post-hero,
  html body .single-post .icm-single-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  }

  html body .single-post-hero .icm-hero-banner__content,
  html body .single-post-hero .icm-single-hero__copy,
  html body .single-post .icm-hero-banner__content,
  html body .single-post .icm-single-hero__copy {
    padding: 34px 38px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body .single-post-hero .icm-hero-banner__title,
  html body .single-post-hero .icm-single-hero__copy h1,
  html body .single-post-hero h1,
  html body.single-post .icm-hero-banner__title,
  html body.single-post .icm-single-hero__copy h1,
  html body.single-post .icm-single-hero h1,
  html body.single-post h1.icm-hero-banner__title {
    font-size: clamp(20px, 1.85vw, 24px) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    word-break: keep-all !important;
    margin: 0 0 14px 0 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  }
}

@media (max-width: 1024px) {

  html body.single-post .single-post-hero,
  html body.single-post .icm-single-hero,
  html body.single-post .icm-hero-banner,
  html body .single-post-hero,
  html body .icm-single-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background-color: #031b33 !important;
  }

  /* هاله تیره روی تصویر در موبایل برای وضوح و خوانایی فوق‌العاده متن در هر دو حالت RTL و LTR */
  html body.single-post .single-post-hero::before,
  html body.single-post .icm-single-hero::before,
  html body.single-post .icm-single-hero__image::after,
  html body.single-post .post-cover-overlay::after,
  html body .single-post-hero::before,
  html body .icm-single-hero::before,
  html body .icm-single-hero__image::after,
  html body .post-cover-overlay::after,
  html[dir="ltr"] .single-post-hero::before,
  html[dir="ltr"] .icm-single-hero::before,
  html[dir="ltr"] .post-cover-overlay::after,
  html[dir="ltr"] .icm-single-hero__image::after,
  body.ltr .single-post-hero::before,
  body.ltr .icm-single-hero::before,
  body.ltr .post-cover-overlay::after,
  body.ltr .icm-single-hero__image::after,
  [dir="ltr"] .single-post-hero::before,
  [dir="ltr"] .icm-single-hero::before,
  [dir="ltr"] .post-cover-overlay::after,
  [dir="ltr"] .icm-single-hero__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg,
        rgba(3, 27, 51, 0.65) 0%,
        rgba(3, 27, 51, 0.75) 40%,
        rgba(3, 27, 51, 0.90) 80%,
        #031b33 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
    border-radius: 18px !important;
    opacity: 1 !important;
  }

  html body.single-post .single-post-hero .icm-hero-banner__content,
  html body.single-post .single-post-hero .icm-single-hero__copy,
  html body.single-post .icm-hero-banner__content,
  html body.single-post .icm-single-hero__copy {
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    padding: 24px 20px 22px !important;
  }

  html body.single-post .single-post-hero .icm-hero-banner__title,
  html body.single-post .single-post-hero .icm-single-hero__copy h1,
  html body.single-post .single-post-hero h1,
  html body.single-post .icm-hero-banner__title,
  html body.single-post .icm-single-hero__copy h1,
  html body.single-post .icm-single-hero h1 {
    white-space: normal !important;
    font-size: clamp(17px, 4.8vw, 21px) !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85) !important;
    color: #ffffff !important;
    margin: 0 0 10px 0 !important;
  }
}

/* ==========================================================================
   DEFAULT STICKY HEADER REINFORCEMENT ACROSS ALL DEVICES
   ========================================================================== */
html body header.icm-site-header,
html body .icm-site-header,
html body .site-header,
html body .icm-header,
html body .elementor-widget-icm_site_header,
html body .elementor-widget-icm_site_header>.elementor-widget-container {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100000 !important;
}

html body.admin-bar header.icm-site-header,
html body.admin-bar .icm-site-header {
  top: 32px !important;
}

@media (max-width: 782px) {

  html body.admin-bar header.icm-site-header,
  html body.admin-bar .icm-site-header {
    top: 46px !important;
  }
}

/* ==========================================================================
   MOBILE ACADEMY FILTERS HORIZONTAL SCROLL & LEARNING PATH HORIZONTAL SLIDER
   ========================================================================== */
@media (max-width: 1024px) {

  html body .icm-filterbar,
  html body .elementor-widget-icm_academy_filters .icm-filterbar {
    overflow: hidden !important;
    width: 100% !important;
  }

  html body .icm-filterbar__inner,
  html body .elementor-widget-icm_academy_filters .icm-filterbar__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow: hidden !important;
    width: 100% !important;
    gap: 10px !important;
  }

  html body .icm-filterbar__label,
  html body .elementor-widget-icm_academy_filters .icm-filterbar__label {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html body .icm-filterbar__rail,
  html body .elementor-widget-icm_academy_filters .icm-filterbar__rail {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 8px !important;
    touch-action: pan-x !important;
  }

  html body .icm-filterbar__rail::-webkit-scrollbar,
  html body .elementor-widget-icm_academy_filters .icm-filterbar__rail::-webkit-scrollbar {
    display: none !important;
  }

  html body .icm-filterbar__rail>a,
  html body .elementor-widget-icm_academy_filters .icm-filterbar__rail>a {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 767px) {

  html body .icm-topic-row,
  html body .elementor-widget-icm_academy_collections .icm-topic-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    gap: 14px !important;
    padding: 2px 2px 6px 2px !important;
    scrollbar-width: none !important;
  }

  html body .icm-topic-row::-webkit-scrollbar,
  html body .elementor-widget-icm_academy_collections .icm-topic-row::-webkit-scrollbar {
    display: none !important;
  }

  html body .icm-topic-card,
  html body .icm-topic-row>.icm-topic-card,
  html body .elementor-widget-icm_academy_collections .icm-topic-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    display: block !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  html body .icm-topic-card__link,
  html body .elementor-widget-icm_academy_collections .icm-topic-card__link {
    display: grid !important;
    grid-template-columns: minmax(0, 36%) minmax(0, 64%) !important;
    grid-template-areas: "image body" !important;
    width: 100% !important;
    min-height: 140px !important;
    max-height: 165px !important;
    height: auto !important;
    direction: ltr !important;
    text-decoration: none !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  html body .icm-topic-card__image,
  html body .elementor-widget-icm_academy_collections .icm-topic-card__image {
    grid-area: image !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 140px !important;
    max-height: 165px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body .icm-topic-card__image img,
  html body .elementor-widget-icm_academy_collections .icm-topic-card__image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 165px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    padding: 6px !important;
    box-sizing: border-box !important;
  }

  html body .icm-topic-card__body,
  html body .elementor-widget-icm_academy_collections .icm-topic-card__body {
    grid-area: body !important;
    direction: rtl !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 12px 14px 34px !important;
    min-width: 0 !important;
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  html body .icm-topic-card__title,
  html body .elementor-widget-icm_academy_collections .icm-topic-card__title,
  html body .icm-topic-card h3 {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin: 0 0 4px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  html body .icm-topic-card__description,
  html body .elementor-widget-icm_academy_collections .icm-topic-card__description,
  html body .icm-topic-card p {
    font-size: 11px !important;
    line-height: 1.45 !important;
    margin: 0 0 6px !important;
    color: #64748b !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body .icm-topic-card .icm-topic-meta,
  html body .elementor-widget-icm_academy_collections .icm-topic-card .icm-topic-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 10px !important;
    color: #94a3b8 !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 14px !important;
    margin: 0 !important;
  }

  html body .icm-topic-card .icm-round-arrow,
  html body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow {
    position: absolute !important;
    bottom: 8px !important;
    left: 10px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
  }

  html[dir="ltr"] body .icm-topic-card .icm-round-arrow,
  body.ltr .icm-topic-card .icm-round-arrow,
  html[dir="ltr"] body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow,
  body.ltr .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow {
    right: 12px !important;
    left: auto !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    transform: none !important;
  }

  html[dir="ltr"] body .icm-topic-card .icm-round-arrow::before,
  body.ltr .icm-topic-card .icm-round-arrow::before,
  html[dir="ltr"] body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow::before,
  body.ltr .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow::before {
    transform: rotate(45deg) !important;
    width: 5px !important;
    height: 5px !important;
  }

  html[dir="ltr"] body .icm-topic-card .icm-topic-meta,
  body.ltr .icm-topic-card .icm-topic-meta,
  html[dir="ltr"] body .elementor-widget-icm_academy_collections .icm-topic-card .icm-topic-meta,
  body.ltr .elementor-widget-icm_academy_collections .icm-topic-card .icm-topic-meta {
    right: 36px !important;
    left: 14px !important;
  }

  html body .icm-collections-dots,
  html body .elementor-widget-icm_academy_collections .icm-collections-dots {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 14px !important;
    visibility: visible !important;
  }
}

/* ==========================================================================
   DEFAULT STICKY HEADER & ZERO GAP LOCK
   ========================================================================== */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
}

html body header.icm-site-header,
html body .icm-site-header,
html body .site-header,
html body .icm-header,
html body .elementor-widget-icm_site_header,
html body .icm-global-builder--header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
  z-index: 100000 !important;
  background: linear-gradient(90deg, #091322 0%, #0b1e3d 40%, #15386f 80%, #1d488f 100%) !important;
  background-color: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: background 0.25s ease, box-shadow 0.25s ease !important;
}

html body.admin-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.admin-bar:has(#wpadminbar) header.icm-site-header,
html body.admin-bar:has(#wpadminbar) .icm-site-header {
  top: 32px !important;
}

@media (max-width: 782px) {

  html body.admin-bar:has(#wpadminbar) header.icm-site-header,
  html body.admin-bar:has(#wpadminbar) .icm-site-header {
    top: 46px !important;
  }
}

/* ==================================================
   ACADEMY FEATURE BANNER: DESKTOP LAYOUT (LTR & RTL)
   User Request:
   در حالت چپ چین از راست تصویر بعد محو کننده به سمت تصویر و ستون بعد سطر اول لیبل
   سطر بعد عنوان در زیر ان متن توضیح و در سطر بعد دکمه نمایش داده شود در حالت پیش فرض تمام این محتوا باید چپ چین با بشد و برای حالت راست چین همین برعکس جای دیگه ایی عوض نشود
   ================================================== */
@media (min-width: 768px) {
  .icm-featured-banner--academy,
  .icm-section--feature .icm-featured-banner--academy,
  .icm-section--feature .icm-feature-banner,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy,
  .elementor-widget-icm_academy_feature .icm-feature-banner,
  .icm-feature-banner.icm-featured-banner,
  .icm-feature-banner {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    direction: ltr !important;
    min-height: 280px !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background-color: #001D36 !important;
    background: #001D36 !important;
    position: relative !important;
    box-sizing: border-box !important;
    box-shadow: 0 10px 30px rgba(0, 29, 54, 0.15) !important;
  }

  /* Media Container & Image */
  .icm-featured-banner--academy .icm-featured-banner__media,
  .icm-section--feature .icm-featured-banner--academy .icm-featured-banner__media,
  .icm-section--feature .icm-feature-banner .icm-feature-banner__image,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-featured-banner__media,
  .elementor-widget-icm_academy_feature .icm-feature-banner .icm-feature-banner__image,
  .icm-featured-banner--academy .icm-feature-banner__image,
  .icm-feature-banner .icm-feature-banner__image {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: none !important;
    height: 100% !important;
    min-height: 280px !important;
    overflow: hidden !important;
    background-color: #001D36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .icm-featured-banner--academy .icm-featured-banner__media img,
  .icm-section--feature .icm-featured-banner--academy .icm-featured-banner__media img,
  .icm-section--feature .icm-feature-banner .icm-feature-banner__image img,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-featured-banner__media img,
  .elementor-widget-icm_academy_feature .icm-feature-banner .icm-feature-banner__image img,
  .icm-featured-banner--academy .icm-feature-banner__image img,
  .icm-feature-banner .icm-feature-banner__image img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Content Container: Vertical Column Layout */
  .icm-featured-banner--academy .icm-featured-banner__content,
  .icm-section--feature .icm-featured-banner--academy .icm-featured-banner__content,
  .icm-section--feature .icm-feature-banner .icm-feature-banner__copy,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-featured-banner__content,
  .elementor-widget-icm_academy_feature .icm-feature-banner .icm-feature-banner__copy,
  .icm-featured-banner--academy .icm-feature-banner__copy,
  .icm-feature-banner .icm-feature-banner__copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 280px !important;
    padding: 40px 48px !important;
    gap: 12px !important;
    background: #001D36 !important;
    background-color: #001D36 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 3 !important;
  }

  /* Text Wrapper: Stack rows vertically */
  .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  .icm-section--feature .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-featured-banner__text-wrap {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  /* Row 1: Label / Badge */
  .icm-featured-banner--academy .icm-badge,
  .icm-section--feature .icm-featured-banner--academy .icm-badge,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-badge {
    margin: 0 0 4px 0 !important;
    font-size: 12px !important;
    padding: 4px 14px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    width: fit-content !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
  }

  /* Row 2: Title */
  .icm-featured-banner--academy .icm-feature-banner__title,
  .icm-featured-banner--academy .icm-featured-banner__content h2,
  .icm-section--feature .icm-featured-banner--academy .icm-feature-banner__title,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-feature-banner__title,
  .icm-feature-banner__copy h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 100% !important;
    line-height: 1.4 !important;
  }

  /* Row 3: Description */
  .icm-featured-banner--academy .icm-feature-banner__description,
  .icm-featured-banner--academy .icm-featured-banner__content p,
  .icm-section--feature .icm-featured-banner--academy .icm-feature-banner__description,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-feature-banner__description,
  .icm-feature-banner__copy p {
    font-size: 13.5px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: 520px !important;
    width: 100% !important;
    line-height: 1.7 !important;
  }

  /* Row 4: Action Button */
  .icm-featured-banner--academy .icm-featured-banner__action,
  .icm-section--feature .icm-featured-banner--academy .icm-featured-banner__action,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-featured-banner__action,
  .icm-feature-banner .icm-feature-banner__action {
    display: flex !important;
    align-items: center !important;
    margin-top: 8px !important;
    flex-shrink: 0 !important;
    z-index: 4 !important;
  }

  .icm-featured-banner--academy .icm-btn,
  .icm-section--feature .icm-featured-banner--academy .icm-btn,
  .elementor-widget-icm_academy_feature .icm-featured-banner--academy .icm-btn,
  .icm-feature-banner .icm-btn {
    white-space: nowrap !important;
    padding: 10px 26px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background-color: #8c7a4b !important;
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    box-sizing: border-box !important;
  }

  /* --------------------------------------------------
     LTR (حالت چپ‌چین):
     ستون اول سمت راست محتوای متنی و دکمه (دکمه در سمت راست سطر خود)
     ستون دوم در سمت چپ تصویر
     -------------------------------------------------- */
  html[dir="ltr"] .icm-featured-banner--academy,
  body.ltr .icm-featured-banner--academy,
  body.lang-en .icm-featured-banner--academy,
  [dir="ltr"] .icm-featured-banner--academy {
    direction: ltr !important;
    grid-template-columns: 50% 50% !important;
  }

  /* ستون تصویر در سمت چپ (ستون دوم) */
  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__media,
  html[dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__image,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__media,
  body.ltr .icm-featured-banner--academy .icm-feature-banner__image,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__media,
  body.lang-en .icm-featured-banner--academy .icm-feature-banner__image,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__media,
  [dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__image {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: none !important;
    height: 100% !important;
    min-height: 280px !important;
    position: relative !important;
    overflow: hidden !important;
    background-color: #001D36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ستون محتوای متنی و دکمه در سمت راست (ستون اول سمت راست) */
  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__content,
  html[dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__copy,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__content,
  body.ltr .icm-featured-banner--academy .icm-feature-banner__copy,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__content,
  body.lang-en .icm-featured-banner--academy .icm-feature-banner__copy,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__content,
  [dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__copy {
    order: 2 !important;
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 40px 48px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 280px !important;
    box-sizing: border-box !important;
    background: #001D36 !important;
    background-color: #001D36 !important;
  }

  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__text-wrap {
    align-items: flex-start !important;
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
  }

  html[dir="ltr"] .icm-featured-banner--academy .icm-badge,
  body.ltr .icm-featured-banner--academy .icm-badge,
  body.lang-en .icm-featured-banner--academy .icm-badge,
  [dir="ltr"] .icm-featured-banner--academy .icm-badge {
    align-self: flex-start !important;
  }

  html[dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__title,
  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__content h2,
  body.ltr .icm-featured-banner--academy .icm-feature-banner__title,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__content h2,
  body.lang-en .icm-featured-banner--academy .icm-feature-banner__title,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__content h2,
  [dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__title,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__content h2 {
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
  }

  html[dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__description,
  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__content p,
  body.ltr .icm-featured-banner--academy .icm-feature-banner__description,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__content p,
  body.lang-en .icm-featured-banner--academy .icm-feature-banner__description,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__content p,
  [dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__description,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__content p {
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
  }

  /* دکمه در همان سطری که هست در سمت راست نمایش داده شود */
  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__action,
  html[dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__action,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__action,
  body.ltr .icm-featured-banner--academy .icm-feature-banner__action,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__action,
  body.lang-en .icm-featured-banner--academy .icm-feature-banner__action,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__action,
  [dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__action {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  html[dir="ltr"] .icm-featured-banner--academy .icm-btn,
  body.ltr .icm-featured-banner--academy .icm-btn,
  body.lang-en .icm-featured-banner--academy .icm-btn,
  [dir="ltr"] .icm-featured-banner--academy .icm-btn {
    align-self: flex-start !important;
  }

  /* محوشدگی نرم مرز بین ستون تصویر (سمت چپ) و ستون محتوا (سمت راست) */
  html[dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__media::after,
  html[dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__image::after,
  body.ltr .icm-featured-banner--academy .icm-featured-banner__media::after,
  body.ltr .icm-featured-banner--academy .icm-feature-banner__image::after,
  body.lang-en .icm-featured-banner--academy .icm-featured-banner__media::after,
  body.lang-en .icm-featured-banner--academy .icm-feature-banner__image::after,
  [dir="ltr"] .icm-featured-banner--academy .icm-featured-banner__media::after,
  [dir="ltr"] .icm-featured-banner--academy .icm-feature-banner__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -4px !important;
    width: calc(100% + 4px) !important;
    height: 100% !important;
    background: linear-gradient(270deg, #001D36 0%, #001D36 2%, rgba(0, 29, 54, 0.98) 4%, rgba(0, 29, 54, 0.90) 7%, rgba(0, 29, 54, 0.76) 10%, rgba(0, 29, 54, 0.56) 13%, rgba(0, 29, 54, 0.35) 16%, rgba(0, 29, 54, 0.16) 18%, rgba(0, 29, 54, 0.04) 20%, transparent 22%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 2 !important;
  }

  /* --------------------------------------------------
     RTL (حالت راست‌چین): دقیقاً مشابه
     -------------------------------------------------- */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy,
  body.rtl .icm-featured-banner--academy,
  [dir="rtl"] .icm-featured-banner--academy {
    direction: rtl !important;
    grid-template-columns: 50% 50% !important;
  }

  /* ستون اول سمت راست: محتوای متنی و دکمه */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__content,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__copy,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__content,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__copy,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__content,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__copy {
    grid-column: 1 !important;
    order: 1 !important;
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 40px 48px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 280px !important;
    box-sizing: border-box !important;
    background: #001D36 !important;
    background-color: #001D36 !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__text-wrap,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__text-wrap {
    align-items: flex-start !important;
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-badge,
  body.rtl .icm-featured-banner--academy .icm-badge,
  [dir="rtl"] .icm-featured-banner--academy .icm-badge {
    align-self: flex-start !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__title,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__content h2,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__title,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__content h2,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__title,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__content h2 {
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__description,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__content p,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__description,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__content p,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__description,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__content p {
    text-align: right !important;
    direction: rtl !important;
    width: 100% !important;
  }

  /* دکمه در همان سطری که هست باید در سمت چپ نمایش داده شود */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__action,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__action,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__action,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__action,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__action,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__action {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 10px !important;
    flex-shrink: 0 !important;
    z-index: 4 !important;
    direction: rtl !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-btn,
  body.rtl .icm-featured-banner--academy .icm-btn,
  [dir="rtl"] .icm-featured-banner--academy .icm-btn {
    align-self: flex-end !important;
    margin-right: auto !important;
    margin-left: 0 !important;
  }

  /* ستون دوم سمت چپ: تصویر */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__media,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__image,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__media,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__image,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__media,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__image {
    grid-column: 2 !important;
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: none !important;
    height: 100% !important;
    min-height: 280px !important;
    position: relative !important;
    overflow: hidden !important;
    background-color: #001D36 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__media img,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__image img,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__media img,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__image img,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__media img,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* محوشدگی نرم مرز بین ستون تصویر (سمت چپ) و ستون محتوا (سمت راست) */
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-featured-banner__media::after,
  html:not([dir="ltr"]):not(.ltr) body:not(.ltr) .icm-featured-banner--academy .icm-feature-banner__image::after,
  body.rtl .icm-featured-banner--academy .icm-featured-banner__media::after,
  body.rtl .icm-featured-banner--academy .icm-feature-banner__image::after,
  [dir="rtl"] .icm-featured-banner--academy .icm-featured-banner__media::after,
  [dir="rtl"] .icm-featured-banner--academy .icm-feature-banner__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to left, #001D36 0%, rgba(0, 29, 54, 0.98) 4%, rgba(0, 29, 54, 0.90) 8%, rgba(0, 29, 54, 0.76) 12%, rgba(0, 29, 54, 0.50) 16%, rgba(0, 29, 54, 0.20) 20%, transparent 25%, transparent 100%) !important;
    pointer-events: none !important;
    display: block !important;
    z-index: 2 !important;
  }
}

/* ==================================================
   SELECTED ACADEMY SECTION: MOBILE CARD OVERLAY LAYOUT (RTL & LTR)
   User Request: این قسمت در نمایش موبایل باید محتوا روی تصویر نمایش داده شود و تصویر کل کارت را بگیرد، عنوان وسط، دیگر محتوا در سمت چپ
   ================================================== */
@media (max-width: 768px) {
  /* 1. Card Container: Full bleed image container with rounded corners and clean border */
  html body .icm-section--selected .icm-selected-card,
  html body .icm-selected-card,
  html body .elementor-widget-icm_academy_selected .icm-selected-card,
  html body #icm-selected-rail-6 .icm-selected-card,
  html[dir="ltr"] .icm-section--selected .icm-selected-card,
  html[dir="rtl"] .icm-section--selected .icm-selected-card,
  body.ltr .icm-section--selected .icm-selected-card,
  body.rtl .icm-section--selected .icm-selected-card,
  [dir="ltr"] .icm-section--selected .icm-selected-card,
  [dir="rtl"] .icm-section--selected .icm-selected-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    height: 185px !important;
    min-height: 185px !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #00182c !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 calc((100% - (var(--icm-selected-columns, 1) - 1) * var(--icm-selected-gap, 14px)) / var(--icm-selected-columns, 1)) !important;
  }

  /* 2. Link Container: Full block, remove 2-column grid and flex splits */
  html body .icm-section--selected .icm-selected-card__link,
  html body .icm-selected-card__link,
  html body .elementor-widget-icm_academy_selected .icm-selected-card__link,
  html body #icm-selected-rail-6 .icm-selected-card__link,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__link,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__link,
  body.ltr .icm-section--selected .icm-selected-card__link,
  body.rtl .icm-section--selected .icm-selected-card__link,
  [dir="ltr"] .icm-section--selected .icm-selected-card__link,
  [dir="rtl"] .icm-section--selected .icm-selected-card__link {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 185px !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    flex-direction: unset !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  /* 3. Image Container & Image: Take 100% of entire card */
  html body .icm-section--selected .icm-selected-card__image,
  html body .icm-selected-card__image,
  html body .elementor-widget-icm_academy_selected .icm-selected-card__image,
  html body #icm-selected-rail-6 .icm-selected-card__image,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__image,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__image,
  body.ltr .icm-section--selected .icm-selected-card__image,
  body.rtl .icm-section--selected .icm-selected-card__image,
  [dir="ltr"] .icm-section--selected .icm-selected-card__image,
  [dir="rtl"] .icm-section--selected .icm-selected-card__image {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    flex: none !important;
    order: unset !important;
    z-index: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: inherit !important;
    background: transparent !important;
  }

  html body .icm-section--selected .icm-selected-card__image img,
  html body .icm-selected-card__image img,
  html body .elementor-widget-icm_academy_selected .icm-selected-card__image img,
  html body #icm-selected-rail-6 .icm-selected-card__image img,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__image img,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__image img,
  body.ltr .icm-section--selected .icm-selected-card__image img,
  body.rtl .icm-section--selected .icm-selected-card__image img,
  [dir="ltr"] .icm-section--selected .icm-selected-card__image img,
  [dir="rtl"] .icm-section--selected .icm-selected-card__image img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* 4. Contrast Gradient Overlay on Image for text readability */
  html body .icm-section--selected .icm-selected-card__image::before,
  html body .icm-section--selected .icm-selected-card__image::after,
  html body .icm-selected-card__image::before,
  html body .icm-selected-card__image::after,
  html body #icm-selected-rail-6 .icm-selected-card__image::before,
  html body #icm-selected-rail-6 .icm-selected-card__image::after,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__image::after,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(180deg, rgba(0, 20, 38, 0.42) 0%, rgba(0, 20, 38, 0.62) 45%, rgba(0, 20, 38, 0.90) 100%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    display: block !important;
  }

  /* 5. Text Container: Overlaid on top of image, transparent, flex column */
  html body .icm-section--selected .icm-selected-card__text,
  html body .icm-selected-card__text,
  html body .elementor-widget-icm_academy_selected .icm-selected-card__text,
  html body #icm-selected-rail-6 .icm-selected-card__text,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__text,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__text,
  body.ltr .icm-section--selected .icm-selected-card__text,
  body.rtl .icm-section--selected .icm-selected-card__text,
  [dir="ltr"] .icm-section--selected .icm-selected-card__text,
  [dir="rtl"] .icm-section--selected .icm-selected-card__text {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 185px !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    order: unset !important;
    flex: none !important;
  }

  html body .icm-section--selected .icm-selected-card__text::before,
  html body .icm-section--selected .icm-selected-card__text::after,
  html body .icm-selected-card__text::before,
  html body .icm-selected-card__text::after,
  html body #icm-selected-rail-6 .icm-selected-card__text::before,
  html body #icm-selected-rail-6 .icm-selected-card__text::after {
    display: none !important;
    content: none !important;
  }

  /* 6. Title: Centered horizontally */
  html body .icm-section--selected .icm-selected-card__title,
  html body .icm-section--selected .icm-selected-card h3,
  html body .icm-selected-card__title,
  html body .icm-selected-card h3,
  html body #icm-selected-rail-6 .icm-selected-card__title,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__title,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__title,
  body.ltr .icm-section--selected .icm-selected-card__title,
  body.rtl .icm-section--selected .icm-selected-card__title,
  [dir="ltr"] .icm-section--selected .icm-selected-card__title,
  [dir="rtl"] .icm-section--selected .icm-selected-card__title {
    text-align: center !important;
    width: 100% !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    margin: 8px auto !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
  }

  /* 7. Other content on the left (پیگر محتوا در سمت چپ) */
  /* Badge at top-left */
  html body .icm-section--selected .icm-selected-card .icm-badge,
  html body .icm-selected-card .icm-badge,
  html body #icm-selected-rail-6 .icm-badge,
  html[dir="ltr"] .icm-section--selected .icm-badge,
  html[dir="rtl"] .icm-section--selected .icm-badge,
  body.ltr .icm-section--selected .icm-badge,
  body.rtl .icm-section--selected .icm-badge,
  [dir="ltr"] .icm-section--selected .icm-badge,
  [dir="rtl"] .icm-section--selected .icm-badge {
    align-self: flex-start !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    background: #1e6dc9 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    display: inline-block !important;
    width: fit-content !important;
  }

  /* Meta at bottom-left */
  html body .icm-section--selected .icm-selected-card .icm-card-meta,
  html body .icm-selected-card .icm-card-meta,
  html body #icm-selected-rail-6 .icm-card-meta,
  html[dir="ltr"] .icm-section--selected .icm-card-meta,
  html[dir="rtl"] .icm-section--selected .icm-card-meta,
  body.ltr .icm-section--selected .icm-card-meta,
  body.rtl .icm-section--selected .icm-card-meta,
  [dir="ltr"] .icm-section--selected .icm-card-meta,
  [dir="rtl"] .icm-section--selected .icm-card-meta {
    margin-right: auto !important;
    margin-left: 0 !important;
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    text-align: left !important;
    direction: ltr !important;
    border-top: none !important;
    padding-top: 0 !important;
    width: auto !important;
  }

  html body .icm-section--selected .icm-selected-card .icm-card-meta span,
  html body .icm-section--selected .icm-selected-card .icm-card-meta time,
  html body .icm-selected-card .icm-card-meta span,
  html body .icm-selected-card .icm-card-meta time,
  html body #icm-selected-rail-6 .icm-card-meta span,
  html body #icm-selected-rail-6 .icm-card-meta time,
  html[dir="ltr"] .icm-section--selected .icm-card-meta span,
  html[dir="ltr"] .icm-section--selected .icm-card-meta time,
  html[dir="rtl"] .icm-section--selected .icm-card-meta span,
  html[dir="rtl"] .icm-section--selected .icm-card-meta time {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  /* Arrow button at bottom-right */
  html body .icm-section--selected .icm-selected-card__arrow,
  html body .icm-selected-card__arrow,
  html body #icm-selected-rail-6 .icm-selected-card__arrow,
  html[dir="ltr"] .icm-section--selected .icm-selected-card__arrow,
  html[dir="rtl"] .icm-section--selected .icm-selected-card__arrow,
  body.ltr .icm-section--selected .icm-selected-card__arrow,
  body.rtl .icm-section--selected .icm-selected-card__arrow {
    position: absolute !important;
    bottom: 12px !important;
    right: 14px !important;
    left: auto !important;
    z-index: 4 !important;
    display: inline-flex !important;
  }

  /* Selected Section Heading: Center aligned on mobile for both RTL and LTR */
  html .icm-section--selected .icm-section-title__text,
  html .icm-section--selected .icm-section-title h2,
  html[dir="ltr"] .icm-section--selected .icm-section-title__text,
  html[dir="rtl"] .icm-section--selected .icm-section-title__text,
  body.ltr .icm-section--selected .icm-section-title__text,
  body.rtl .icm-section--selected .icm-section-title__text,
  [dir="ltr"] .icm-section--selected .icm-section-title__text,
  [dir="rtl"] .icm-section--selected .icm-section-title__text,
  .icm-section--selected .icm-section-title__text,
  .icm-section--selected .icm-section-title h2 {
    text-align: center !important;
  }
}

/* ==================================================
   WEBINAR SECTIONS (UPCOMING & REPLAYS): MOBILE TEXT CONTENT CENTER ALIGNMENT (RTL & LTR)
   User Request: این بخش در نمایش موبایل برای هر دو حالت راست چین و چپ چین محتوای متنی وسط چین باشد
   ================================================== */
@media (max-width: 768px) {
  /* Main text container centered */
  html .icm-past-webinars-swiper .icm-past-webinar-card__main,
  html .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__main,
  html .icm-webinar-slider .icm-past-webinar-card__main,
  html .icm-webinar-slider .icm-upcoming-webinar-card__main,
  html .icm-section--webinar .icm-webinar-card__main,
  html .icm-section--webinar-upcoming .icm-upcoming-webinar-card__main,
  html .icm-section--webinar-replays .icm-past-webinar-card__main,
  html .icm-past-webinar-card__main,
  html .icm-upcoming-webinar-card__main,
  html .icm-webinar-slide__main,
  html[dir="ltr"] .icm-past-webinar-card__main,
  html[dir="ltr"] .icm-upcoming-webinar-card__main,
  html[dir="ltr"] .icm-webinar-slide__main,
  html[dir="rtl"] .icm-past-webinar-card__main,
  html[dir="rtl"] .icm-upcoming-webinar-card__main,
  html[dir="rtl"] .icm-webinar-slide__main,
  body.ltr .icm-past-webinar-card__main,
  body.ltr .icm-upcoming-webinar-card__main,
  body.ltr .icm-webinar-slide__main,
  body.rtl .icm-past-webinar-card__main,
  body.rtl .icm-upcoming-webinar-card__main,
  body.rtl .icm-webinar-slide__main,
  [dir="ltr"] .icm-past-webinar-card__main,
  [dir="ltr"] .icm-upcoming-webinar-card__main,
  [dir="ltr"] .icm-webinar-slide__main,
  [dir="rtl"] .icm-past-webinar-card__main,
  [dir="rtl"] .icm-upcoming-webinar-card__main,
  [dir="rtl"] .icm-webinar-slide__main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }

  /* Webinar Titles centered */
  html .icm-past-webinars-swiper .icm-past-webinar-card__title,
  html .icm-upcoming-webinars-swiper .icm-upcoming-webinar-card__title,
  html .icm-webinar-slider .icm-past-webinar-card__title,
  html .icm-webinar-slider .icm-upcoming-webinar-card__title,
  html .icm-section--webinar .icm-webinar-card__title,
  html .icm-section--webinar-upcoming .icm-upcoming-webinar-card__title,
  html .icm-section--webinar-replays .icm-past-webinar-card__title,
  html .icm-past-webinar-card__title,
  html .icm-upcoming-webinar-card__title,
  html .icm-webinar-slide__title,
  html .page-template-page-academy .icm-webinar-slide__title,
  html .icm-past-webinar-card__title a,
  html .icm-upcoming-webinar-card__title a,
  html .icm-webinar-slide__title a,
  html[dir="ltr"] .icm-past-webinar-card__title,
  html[dir="ltr"] .icm-upcoming-webinar-card__title,
  html[dir="ltr"] .icm-webinar-slide__title,
  html[dir="rtl"] .icm-past-webinar-card__title,
  html[dir="rtl"] .icm-upcoming-webinar-card__title,
  html[dir="rtl"] .icm-webinar-slide__title,
  body.ltr .icm-past-webinar-card__title,
  body.ltr .icm-upcoming-webinar-card__title,
  body.ltr .icm-webinar-slide__title,
  body.rtl .icm-past-webinar-card__title,
  body.rtl .icm-upcoming-webinar-card__title,
  body.rtl .icm-webinar-slide__title,
  [dir="ltr"] .icm-past-webinar-card__title,
  [dir="ltr"] .icm-upcoming-webinar-card__title,
  [dir="ltr"] .icm-webinar-slide__title,
  [dir="rtl"] .icm-past-webinar-card__title,
  [dir="rtl"] .icm-upcoming-webinar-card__title,
  [dir="rtl"] .icm-webinar-slide__title {
    text-align: center !important;
    width: 100% !important;
  }

  /* Instructor block centered */
  html .icm-past-webinars-swiper .icm-instructor,
  html .icm-upcoming-webinars-swiper .icm-instructor,
  html .icm-webinar-slider .icm-instructor,
  html .icm-section--webinar .icm-instructor,
  html .icm-section--webinar-upcoming .icm-instructor,
  html .icm-section--webinar-replays .icm-instructor,
  html .icm-upcoming-webinar-card .icm-instructor,
  html .icm-past-webinar-card .icm-instructor,
  html .icm-instructor,
  html[dir="ltr"] .icm-instructor,
  html[dir="rtl"] .icm-instructor,
  body.ltr .icm-instructor,
  body.rtl .icm-instructor,
  [dir="ltr"] .icm-instructor,
  [dir="rtl"] .icm-instructor {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  /* Instructor info text centered */
  html .icm-past-webinars-swiper .icm-instructor-info,
  html .icm-upcoming-webinars-swiper .icm-instructor-info,
  html .icm-webinar-slider .icm-instructor-info,
  html .icm-section--webinar .icm-instructor-info,
  html .icm-section--webinar-upcoming .icm-instructor-info,
  html .icm-section--webinar-replays .icm-instructor-info,
  html .icm-upcoming-webinar-card .icm-instructor-info,
  html .icm-past-webinar-card .icm-instructor-info,
  html .icm-instructor-info,
  html .instructor-name,
  html .instructor-role,
  html[dir="ltr"] .icm-instructor-info,
  html[dir="rtl"] .icm-instructor-info,
  body.ltr .icm-instructor-info,
  body.rtl .icm-instructor-info,
  [dir="ltr"] .icm-instructor-info,
  [dir="rtl"] .icm-instructor-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Section Titles: "وبینارهای زنده" & "وبینارهای برگزارشده" centered */
  html .icm-section--webinar-upcoming .icm-section-title__text,
  html .icm-section--webinar-upcoming .icm-section-title h2,
  html .icm-section--webinar-replays .icm-section-title__text,
  html .icm-section--webinar-replays .icm-section-title h2,
  html .icm-section--webinar .icm-section-title__text,
  html .icm-section--webinar .icm-section-title h2,
  html .icm-webinars-upcoming .icm-section-title__text,
  html .icm-webinars-upcoming .icm-section-title h2,
  html .icm-webinars-library .icm-section-title__text,
  html .icm-webinars-library .icm-section-title h2,
  html[dir="ltr"] .icm-section--webinar-upcoming .icm-section-title__text,
  html[dir="ltr"] .icm-section--webinar-replays .icm-section-title__text,
  html[dir="rtl"] .icm-section--webinar-upcoming .icm-section-title__text,
  html[dir="rtl"] .icm-section--webinar-replays .icm-section-title__text,
  body.ltr .icm-section--webinar-upcoming .icm-section-title__text,
  body.ltr .icm-section--webinar-replays .icm-section-title__text,
  body.rtl .icm-section--webinar-upcoming .icm-section-title__text,
  body.rtl .icm-section--webinar-replays .icm-section-title__text {
    text-align: center !important;
  }
}

/* ==================================================
   UNIVERSAL CARD ARROWS: DESKTOP & MOBILE RESPONSIVE UNIFICATION
   User Request: اندازه پیش فرض همه فلش های روی کارتهای داخل قالب باید به صورت پیش فرض
   در دستکتاپ همه به اندازه تصویر پیوست (26px) و در نمایش موبایل همه انجا هم به یک اندازه باشد (20px)
   اندازه باید رسپانسیو باشد بزرگ نباشد. این اندازه ها برای هر دو مورد باید لحاظ شود.
   ================================================== */

/* 1. Desktop Default (min-width: 769px) - Matching attached reference image (26px x 26px, 6px chevron) */
@media (min-width: 769px) {
  html body .icm-round-arrow,
  html body .icm-topic-card .icm-round-arrow,
  html body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow,
  html body .icm-selected-card .icm-round-arrow,
  html body .icm-selected-card__arrow,
  html body .icm-section--selected .icm-selected-card__arrow,
  html body #icm-selected-rail-6 .icm-selected-card__arrow,
  html body .icm-single-related-card__arrow,
  html body .icm-single-related-card .icm-round-arrow,
  html body .icm-related-section .icm-single-related-card__arrow,
  html body .icm-related-section .icm-round-arrow,
  html body .icm-article-card__arrow {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  html body .icm-round-arrow::before,
  html body .icm-topic-card .icm-round-arrow::before,
  html body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow::before,
  html body .icm-selected-card .icm-round-arrow::before,
  html body .icm-selected-card__arrow::before,
  html body .icm-section--selected .icm-selected-card__arrow::before,
  html body #icm-selected-rail-6 .icm-selected-card__arrow::before,
  html body .icm-single-related-card__arrow::before,
  html body .icm-single-related-card .icm-round-arrow::before,
  html body .icm-related-section .icm-single-related-card__arrow::before,
  html body .icm-related-section .icm-round-arrow::before {
    width: 6px !important;
    height: 6px !important;
    border-width: 2px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  html body .icm-article-card__arrow svg {
    width: 12px !important;
    height: 12px !important;
    display: block !important;
  }
}

/* 2. Mobile Responsive (max-width: 768px) - Uniform, compact, not big (20px x 20px, 5px chevron) */
@media (max-width: 768px) {
  html body .icm-round-arrow,
  html body .icm-topic-card .icm-round-arrow,
  html body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow,
  html body .icm-selected-card .icm-round-arrow,
  html body .icm-selected-card__arrow,
  html body .icm-section--selected .icm-selected-card__arrow,
  html body #icm-selected-rail-6 .icm-selected-card__arrow,
  html body .icm-single-related-card__arrow,
  html body .icm-single-related-card .icm-round-arrow,
  html body .icm-related-section .icm-single-related-card__arrow,
  html body .icm-related-section .icm-round-arrow,
  html body .icm-article-card__arrow {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
  }

  html body .icm-round-arrow::before,
  html body .icm-topic-card .icm-round-arrow::before,
  html body .elementor-widget-icm_academy_collections .icm-topic-card .icm-round-arrow::before,
  html body .icm-selected-card .icm-round-arrow::before,
  html body .icm-selected-card__arrow::before,
  html body .icm-section--selected .icm-selected-card__arrow::before,
  html body #icm-selected-rail-6 .icm-selected-card__arrow::before,
  html body .icm-single-related-card__arrow::before,
  html body .icm-single-related-card .icm-round-arrow::before,
  html body .icm-related-section .icm-single-related-card__arrow::before,
  html body .icm-related-section .icm-round-arrow::before {
    width: 5px !important;
    height: 5px !important;
    border-width: 2px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }

  html body .icm-article-card__arrow svg {
    width: 10px !important;
    height: 10px !important;
    display: block !important;
  }
}

/* ==========================================================================
   AUTHORITATIVE LIVE WEBINAR COMPONENT SYSTEM V3 (MATCHING PIC1)
   ========================================================================== */

/* 1. Suppress external top header row in upcoming webinar section */
html body .icm-section--webinar-upcoming > .icm-container > .icm-section-title,
html body .icm-section--webinar-upcoming .icm-section-title {
  display: none !important;
}

/* 2. Rebuilt structured webinar banner: light white composition with real floating card */
html body .icm-section--webinar-upcoming,
html body .icm-section--webinar-upcoming .icm-container,
html body .icm-section--webinar-upcoming .icm-webinar-slider,
html body .icm-section--webinar-upcoming .icm-webinar-slider__viewport,
html body .icm-section--webinar-upcoming .swiper-container,
html body .icm-section--webinar-upcoming .swiper-wrapper,
html body .icm-section--webinar-upcoming .swiper-slide,
html body .icm-section--webinar-upcoming .icm-webinar-slide-wrapper,
html body .elementor-widget-icm_academy_webinars_upcoming,
html body .elementor-widget-icm_academy_webinars_upcoming .swiper-container,
html body .elementor-widget-icm_academy_webinars_upcoming .swiper-wrapper,
html body .elementor-widget-icm_academy_webinars_upcoming .swiper-slide,
html body .swiper-container:has(.icm-live-webinar-v3),
html body .swiper-wrapper:has(.icm-live-webinar-v3),
html body .swiper-slide:has(.icm-live-webinar-v3) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

html body .icm-webinar-slider__viewport {
  position: relative !important;
  display: block !important;
  min-height: 270px !important;
  height: 270px !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body .icm-webinar-slide-wrapper {
  position: relative !important;
  width: 100% !important;
  min-width: 100% !important;
  flex: 0 0 100% !important;
  scroll-snap-align: start !important;
}

html body .icm-live-webinar-v3 {
  --icm-webinar-banner-height: 270px;
  --icm-webinar-card-width: 290px;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.2fr) !important;
  align-items: stretch !important;
  width: 100% !important;
  min-height: var(--icm-webinar-banner-height) !important;
  height: var(--icm-webinar-banner-height) !important;
  background: linear-gradient(135deg, #ffffff 0%, #f3f7fa 100%) !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 36px rgba(2, 26, 48, 0.06) !important;
  direction: rtl !important;
  text-align: right !important;
  margin: 0 !important;
  isolation: isolate !important;
}

html body .webinar-visual {
  position: relative !important;
  min-height: 100% !important;
  overflow: hidden !important;
  background: #ebf2f8 !important;
}

html body .webinar-visual img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body .webinar-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 0 auto !important;
  width: 120px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.14) 100%) !important;
  pointer-events: none !important;
}

html body .webinar-content {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 18px !important;
  padding: 28px 42px 28px 58px !important;
  background: rgba(255,255,255,0.96) !important;
  box-sizing: border-box !important;
}

html body .icm-live-webinar-v3__section-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #425466 !important;
  letter-spacing: 0 !important;
}

html body .icm-live-webinar-v3__label-bullet {
  color: #8c7a4b !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

html body .icm-live-webinar-v3__title {
  margin: 0 !important;
  color: #002b4d !important;
  font-size: 24px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  max-width: 100% !important;
}

html body .icm-live-webinar-v3__title a {
  color: #002b4d !important;
  text-decoration: none !important;
}

html body .icm-live-webinar-v3__excerpt {
  margin: 0 !important;
  max-width: 100% !important;
}

html body .icm-live-webinar-v3__excerpt p {
  margin: 0 !important;
  color: #5d6d7f !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

html body .icm-live-webinar-v3__benefits {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 10px !important;
  margin-top: 4px !important;
  padding-top: 18px !important;
  border-top: 1px solid #edf2f7 !important;
}

html body .icm-live-webinar-v3__benefit-item {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  min-width: 0 !important;
}

html body .icm-live-webinar-v3__benefit-item img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

html body .icm-live-webinar-v3__benefit-item span {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  font-weight: 700 !important;
}

html body .icm-live-webinar-v3__view-all {
  position: absolute !important;
  left: 26px !important;
  bottom: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #002b4d !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  z-index: 5 !important;
}

html body .icm-live-webinar-v3__view-all img {
  width: 16px !important;
  height: 16px !important;
}

html body .webinar-floating-card {
  position: absolute !important;
  left: 42% !important;
  top: 58% !important;
  transform: translate(-50%, -50%) !important;
  width: min(290px, 32vw) !important;
  background: #ffffff !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(15, 32, 47, 0.12) !important;
  padding: 20px 18px 16px !important;
  z-index: 4 !important;
  box-sizing: border-box !important;
}

html body .webinar-floating-card__date,
html body .webinar-floating-card__instructor {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .webinar-floating-card__date img,
html body .webinar-floating-card__cta img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

html body .webinar-floating-card__date-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

html body .webinar-floating-card__date-copy strong {
  font-size: 15px !important;
  color: #002b4d !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}

html body .webinar-floating-card__date-copy span {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.4 !important;
}

html body .webinar-floating-card__divider {
  border-top: 1px solid #edf2f7 !important;
  margin: 14px 0 !important;
}

html body .webinar-floating-card__avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 2px solid #edf2f7 !important;
}

html body .webinar-floating-card__avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .webinar-floating-card__meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body .webinar-floating-card__meta small {
  font-size: 11px !important;
  color: #a38f59 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body .webinar-floating-card__meta strong {
  font-size: 16px !important;
  color: #002b4d !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

html body .webinar-floating-card__meta span {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.4 !important;
}

html body .webinar-floating-card__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 16px !important;
  background: #8c7a4b !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

html body .webinar-floating-card__cta:hover {
  background: #7a6a40 !important;
  color: #ffffff !important;
}

html body .icm-live-webinar-v3__cta--mobile {
  display: none !important;
}

@media (max-width: 1023px) {
  html body .icm-webinar-slider__viewport {
    min-height: 0 !important;
    height: auto !important;
  }

  html body .icm-live-webinar-v3 {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 20px !important;
  }

  html body .webinar-visual {
    order: 2 !important;
    height: 220px !important;
    min-height: 220px !important;
  }

  html body .webinar-floating-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: calc(100% - 24px) !important;
    margin: -30px auto 0 !important;
    order: 3 !important;
    z-index: 3 !important;
  }

  html body .webinar-content {
    order: 1 !important;
    padding: 20px 16px 18px !important;
    gap: 12px !important;
  }

  html body .icm-live-webinar-v3__section-label {
    justify-content: center !important;
    width: 100% !important;
  }

  html body .icm-live-webinar-v3__title {
    font-size: 22px !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body .icm-live-webinar-v3__excerpt,
  html body .icm-live-webinar-v3__benefits {
    width: 100% !important;
  }

  html body .icm-live-webinar-v3__excerpt p {
    text-align: center !important;
  }

  html body .icm-live-webinar-v3__cta--mobile {
    display: inline-flex !important;
    width: 100% !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  html body .icm-live-webinar-v3__benefits {
    display: none !important;
  }

  html body .icm-live-webinar-v3__view-all {
    position: static !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 14px !important;
    order: 4 !important;
  }
}

html[dir="ltr"] .icm-live-webinar-v3,
body.ltr .icm-live-webinar-v3,
.lang-en .icm-live-webinar-v3 {
  direction: ltr !important;
}

html[dir="ltr"] .webinar-content,
body.ltr .webinar-content,
.lang-en .webinar-content {
  align-items: flex-start !important;
  text-align: left !important;
}

html[dir="ltr"] .webinar-floating-card,
body.ltr .webinar-floating-card,
.lang-en .webinar-floating-card {
  left: 62% !important;
}