﻿
#tr-hero-bg {
  isolation: isolate;
  position: relative !important;
  overflow: hidden !important;
}

#tr-hero-bg-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

#tr-hero-bg-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% 45%;
  opacity: 0.75;
  mix-blend-mode: screen;
}

#tr-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(
    52% 58% at 50% 48%,
    rgba(16, 16, 16, 0.86) 0%,
    rgba(16, 16, 16, 0.55) 55%,
    rgba(16, 16, 16, 0.1) 100%
  );
}

#hero-content {
  position: relative;
  z-index: 5;
}

#hero-content > h2 + .e-paragraph-base + .e-paragraph-base {
  display: none !important;
}

#hero-content > .e-paragraph-base {
  color: #FFFFFF !important;
}

html[dir="rtl"] #hero-content [data-id="95adaf6"],
body[dir="rtl"] #hero-content [data-id="95adaf6"],
body.rtl #hero-content [data-id="95adaf6"],
html:lang(fa) #hero-content [data-id="95adaf6"],
html:lang(fa-IR) #hero-content [data-id="95adaf6"] {
  width: max-content !important;
  --width: max-content !important;
  max-width: calc(100% - 20px) !important;
  height: 33px !important;
  --height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: hidden !important;
}

html[dir="rtl"] #hero-content [data-id="95adaf6"] .e-svg-base,
body[dir="rtl"] #hero-content [data-id="95adaf6"] .e-svg-base,
body.rtl #hero-content [data-id="95adaf6"] .e-svg-base,
html:lang(fa) #hero-content [data-id="95adaf6"] .e-svg-base,
html:lang(fa-IR) #hero-content [data-id="95adaf6"] .e-svg-base {
  flex-shrink: 0 !important;
  align-self: center !important;
}

html[dir="rtl"] #hero-content [data-id="95adaf6"] .e-paragraph-base,
body[dir="rtl"] #hero-content [data-id="95adaf6"] .e-paragraph-base,
body.rtl #hero-content [data-id="95adaf6"] .e-paragraph-base,
html:lang(fa) #hero-content [data-id="95adaf6"] .e-paragraph-base,
html:lang(fa-IR) #hero-content [data-id="95adaf6"] .e-paragraph-base {
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#tr-ticker {
  gap: 0 !important;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

#tr-ticker-track {
  --width: max-content;
  --gap: 0px;
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
  gap: 0 !important;
  align-items: center !important;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

#tr-ticker-track.is-ready {
  animation: trTicker 34s linear infinite;
}

#tr-ticker-group,
#tr-ticker-track > .e-con {
  --width: max-content;
  --gap: 44px;
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 44px !important;
  padding: 0 44px 0 0 !important;
}

#tr-ticker-track .e-paragraph-base {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  flex: 0 0 auto !important;
  white-space: nowrap;
  line-height: 1;
}

#tr-ticker-track .e-paragraph-base br {
  display: none;
}

#tr-ticker-track .e-paragraph-base::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #00B781;
  flex-shrink: 0;
}

@keyframes trTicker {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-1 * var(--ticker-shift, 50%)), 0, 0); }
}

@keyframes trPulse {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.6; }
}

@keyframes trBreathe {
  0%, 100% { transform: translate(-50%, -50%) scale(0.94); opacity: 0.55; }
  50% { transform: translate(-50%, -50%) scale(1.06); opacity: 1; }
}

@keyframes trStatsMarquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-1 * var(--stats-shift, 50%)), 0, 0); }
}

#tr-stats {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow: hidden;
  background: #101010;
}

#tr-stats > .e-con {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 44px 20px 40px !important;
  text-align: center;
  border-right: 1px solid #1C1C1C;
}

#tr-stats > .e-con:last-child {
  border-right: 0;
}

#tr-stats > .e-con::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(0, 183, 129, 0) 0%, #00B781 50%, rgba(0, 183, 129, 0) 100%);
  opacity: 0.35;
  animation: trPulse 4.4s ease-in-out infinite;
  pointer-events: none;
}

#tr-stats > .e-con:nth-child(2)::before {
  animation-duration: 4.9s;
  animation-delay: 0.4s;
}

#tr-stats > .e-con:nth-child(3)::before {
  animation-duration: 5.4s;
  animation-delay: 0.8s;
}

#tr-stats > .e-con:nth-child(4)::before {
  animation-duration: 5.9s;
  animation-delay: 1.2s;
}

#tr-stats > .e-con:nth-child(5)::before {
  animation-duration: 6.4s;
  animation-delay: 1.6s;
}

#tr-stats > .e-con > .e-paragraph-base:first-child {
  background: linear-gradient(180deg, #ffffff 0%, #bff5e1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@keyframes trDrift {
  0%, 100% { transform: translate3d(0, 0, 0); }
  33% { transform: translate3d(26px, -22px, 0); }
  66% { transform: translate3d(-18px, 16px, 0); }
}

@keyframes trTrace {
  0% { background-position: -40% 0; }
  100% { background-position: 140% 0; }
}

@keyframes trTraceV {
  0% { background-position: 0 -40%; }
  100% { background-position: 0 140%; }
}

@keyframes trRise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes trLineGrow {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

#story {
  position: relative !important;
  overflow: hidden !important;
  background: #101010;
}

#story-glow {
  position: absolute !important;
  right: -140px;
  top: 40px;
  width: 520px !important;
  height: 520px !important;
  min-height: 520px !important;
  padding: 0 !important;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0, 183, 129, 0.13) 0%, rgba(0, 183, 129, 0) 100%);
  animation: trDrift 24s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

#story-inner {
  position: relative;
  z-index: 1;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

#story-hero {
  position: relative !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
}

#story-hero .e-image-base,
#story-hero img {
  position: absolute !important;
  right: -60px;
  top: -40px;
  bottom: -40px;
  width: 70% !important;
  height: calc(100% + 80px) !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center 28%;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image:
    linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.55) 22%, rgba(0, 0, 0, 0.85) 45%, #000 68%),
    linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%);
  mask-image:
    linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.55) 22%, rgba(0, 0, 0, 0.85) 45%, #000 68%),
    linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

#gradient-overlay {
  position: absolute !important;
  right: -60px;
  top: -40px;
  bottom: -40px;
  width: 70% !important;
  height: auto !important;
  min-height: calc(100% + 80px) !important;
  padding: 0 !important;
  background: linear-gradient(90deg, rgba(16, 16, 16, 0.86) 0%, rgba(16, 16, 16, 0.3) 40%, rgba(16, 16, 16, 0) 78%);
  pointer-events: none;
  z-index: 1;
}

#story-copy {
  position: relative;
  z-index: 2;
  max-width: 600px;
}

html[dir="rtl"] #story-glow,
body.rtl #story-glow {
  right: auto;
  left: -140px;
}

html[dir="rtl"] #story-hero .e-image-base,
html[dir="rtl"] #story-hero img,
body.rtl #story-hero .e-image-base,
body.rtl #story-hero img {
  right: auto !important;
  left: -60px !important;
  -webkit-mask-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.55) 22%, rgba(0, 0, 0, 0.85) 45%, #000 68%),
    linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%) !important;
  mask-image:
    linear-gradient(270deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.55) 22%, rgba(0, 0, 0, 0.85) 45%, #000 68%),
    linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%) !important;
}

html[dir="rtl"] #gradient-overlay,
body.rtl #gradient-overlay {
  right: auto !important;
  left: -60px !important;
  background: linear-gradient(270deg, rgba(16, 16, 16, 0.86) 0%, rgba(16, 16, 16, 0.3) 40%, rgba(16, 16, 16, 0) 78%) !important;
}

html[dir="rtl"] #story-copy,
body.rtl #story-copy {
  margin-inline-start: 0 !important;
  margin-inline-end: auto !important;
}

html[dir="rtl"] #section-label-line,
html[dir="rtl"] #story-label-line,
html[dir="rtl"] #reg-label-line,
html[dir="rtl"] #approach-label-line,
html[dir="rtl"] #reg-label-row #story-label-line,
body[dir="rtl"] #section-label-line,
body[dir="rtl"] #story-label-line,
body[dir="rtl"] #reg-label-line,
body[dir="rtl"] #approach-label-line,
body[dir="rtl"] #reg-label-row #story-label-line,
body.rtl #section-label-line,
body.rtl #story-label-line,
body.rtl #reg-label-line,
body.rtl #approach-label-line,
body.rtl #reg-label-row #story-label-line,
html:lang(fa) #section-label-line,
html:lang(fa) #story-label-line,
html:lang(fa) #reg-label-line,
html:lang(fa) #approach-label-line,
html:lang(fa) #reg-label-row #story-label-line,
html:lang(fa-IR) #section-label-line,
html:lang(fa-IR) #story-label-line,
html:lang(fa-IR) #reg-label-line,
html:lang(fa-IR) #approach-label-line,
html:lang(fa-IR) #reg-label-row #story-label-line {
  background: linear-gradient(90deg, transparent, #00B781) !important;
  transform-origin: right center !important;
}

html[dir="rtl"] [data-id="7e6f92a"] #section-label-line,
body[dir="rtl"] [data-id="7e6f92a"] #section-label-line,
body.rtl [data-id="7e6f92a"] #section-label-line,
html:lang(fa) [data-id="7e6f92a"] #section-label-line,
html:lang(fa-IR) [data-id="7e6f92a"] #section-label-line {
  background: linear-gradient(90deg, transparent, #16F0B0) !important;
}

html[dir="rtl"] #story-lines::before,
body[dir="rtl"] #story-lines::before,
body.rtl #story-lines::before,
html:lang(fa) #story-lines::before,
html:lang(fa-IR) #story-lines::before {
  background: linear-gradient(270deg, rgba(0, 183, 129, 0.7) 0%, rgba(0, 183, 129, 0.2) 100%) !important;
}

html[dir="rtl"] #story-lines::after,
body[dir="rtl"] #story-lines::after,
body.rtl #story-lines::after,
html:lang(fa) #story-lines::after,
html:lang(fa-IR) #story-lines::after {
  animation: trTrace 7s linear infinite reverse !important;
}

html[dir="rtl"] #recog-line-left,
body[dir="rtl"] #recog-line-left,
body.rtl #recog-line-left,
html:lang(fa) #recog-line-left,
html:lang(fa-IR) #recog-line-left {
  background: linear-gradient(90deg, #FFBD4B, transparent) !important;
  transform-origin: left center !important;
}

html[dir="rtl"] #recog-line-right,
body[dir="rtl"] #recog-line-right,
body.rtl #recog-line-right,
html:lang(fa) #recog-line-right,
html:lang(fa-IR) #recog-line-right {
  background: linear-gradient(90deg, transparent, #FFBD4B) !important;
  transform-origin: right center !important;
}

html[dir="rtl"] #who-line-left,
body[dir="rtl"] #who-line-left,
body.rtl #who-line-left,
html:lang(fa) #who-line-left,
html:lang(fa-IR) #who-line-left {
  background: linear-gradient(90deg, #00B781, transparent) !important;
  transform-origin: left center !important;
}

html[dir="rtl"] #who-line-right,
body[dir="rtl"] #who-line-right,
body.rtl #who-line-right,
html:lang(fa) #who-line-right,
html:lang(fa-IR) #who-line-right {
  background: linear-gradient(90deg, transparent, #00B781) !important;
  transform-origin: right center !important;
}

#section-label-line,
#story-label-line,
#reg-label-line,
#approach-label-line,
#reg-label-row #story-label-line {
  flex: 1 1 0% !important;
  max-width: 140px !important;
  width: 140px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(90deg, #00B781, transparent) !important;
  transform-origin: left center;
  animation: trLineGrow 1s cubic-bezier(0.22, 0.7, 0.25, 1) both;
}

#section-label-row,
#reg-label-row > .e-con:first-child,
[data-id="294f68d"],
[data-id="fe111a2"] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 !important;
  width: 100% !important;
}

#section-label-row > .e-paragraph-base,
#section-label-row > span,
#reg-label-row > .e-con:first-child > .e-paragraph-base,
[data-id="294f68d"] > .e-paragraph-base,
[data-id="fe111a2"] > .e-paragraph-base {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #00B781 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

[data-id="7e6f92a"] #section-label-row > .e-paragraph-base,
[data-id="7e6f92a"] [data-id="fe111a2"] > .e-paragraph-base {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  color: #16F0B0 !important;
}

[data-id="7e6f92a"] #section-label-line {
  background: linear-gradient(90deg, #16F0B0, transparent) !important;
}

#story-caption-line {
  display: block !important;
  width: 28px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.28) !important;
  flex-shrink: 0;
}

#story-timeline {
  position: relative;
  z-index: 2;
  margin-top: -40px !important;
}

#story-lines {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 12px !important;
  min-height: 0 !important;
  max-height: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none;
  z-index: 3;
}

#story-lines::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  height: 1px;
  background: linear-gradient(90deg, rgba(0, 183, 129, 0.7) 0%, rgba(0, 183, 129, 0.2) 100%);
}

#story-lines::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(22, 240, 176, 0) 0%, rgba(22, 240, 176, 0.95) 50%, rgba(22, 240, 176, 0) 100%);
  background-size: 40% 100%;
  background-repeat: no-repeat;
  animation: trTrace 7s linear infinite;
}

#story-grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 20px !important;
  padding-top: 28px !important;
}

#story-grid > .e-con {
  display: flex !important;
  flex-direction: column !important;
}

#story-grid > .e-con > .e-con:first-child {
  width: 13px !important;
  height: 13px !important;
  min-height: 13px !important;
  padding: 0 !important;
  border-radius: 50%;
  background: #00B781;
  box-shadow: 0 0 0 5px rgba(0, 183, 129, 0.15);
}

#story-grid > .e-con:last-child > .e-con:first-child {
  width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
  margin: -1px;
  background: #16F0B0;
  box-shadow:
    0 0 0 7px rgba(22, 240, 176, 0.28),
    0 0 0 15px rgba(22, 240, 176, 0.12),
    0 0 28px rgba(22, 240, 176, 0.5);
}

#story-grid > .e-con:last-child > .e-heading-base,
#story-grid > .e-con:last-child > .e-paragraph-base:first-of-type {
  color: #16F0B0 !important;
}

#regulation {
  position: relative !important;
  overflow: hidden !important;
  background: #101010;
}

#reg-inner {
  position: relative;
  z-index: 1;
}

#reg-label-row > .e-con:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

#reg-label-row > .e-con:first-child > .e-paragraph-base {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #00B781 !important;
  white-space: nowrap !important;
}

#reg-rows > .e-con,
#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con {
  border-top: 1px solid #1C1C1C !important;
  padding: 20px 0 !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

#reg-rows > .e-con:first-child,
#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con:first-child {
  border-top: 0 !important;
}

#reg-rows > .e-con > .e-paragraph-base:first-child,
#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con > .e-paragraph-base:first-child {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #8A8A8A !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

#reg-rows > .e-con > .e-paragraph-base:last-child,
#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con > .e-paragraph-base:last-child {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  text-align: end !important;
}

#reg-rows > .e-con:first-child > .e-paragraph-base:last-child,
#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con:first-child > .e-paragraph-base:last-child {
  color: #16F0B0 !important;
}

#reg-rows > .e-con[data-id="47dd462"] > .e-paragraph-base:last-child,
#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con[data-id="47dd462"] > .e-paragraph-base:last-child,
[data-id="6b5ad1b"] {
  white-space: nowrap !important;
}

#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:first-child {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding-bottom: 26px !important;
}

#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:first-child > .e-svg-base {
  position: relative !important;
  z-index: 1 !important;
  width: 52px !important;
  height: 52px !important;
  flex-shrink: 0 !important;
  color: #16F0B0 !important;
}

#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:first-child > .e-con:first-child .e-paragraph-base:first-child {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #8A8A8A !important;
}

#reg-inner > .e-con:has(#reg-icon-glow) > .e-con:first-child > .e-con:first-child .e-paragraph-base:last-child {
  margin-top: 6px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #FFFFFF !important;
}

#reg-label-row > .e-heading-base:nth-of-type(2) {
  display: none !important;
}

#reg-icon-glow {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
  width: 78px !important;
  height: 78px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0, 183, 129, 0.16) 0%, rgba(0, 183, 129, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

html[dir="rtl"] #reg-icon-glow,
body[dir="rtl"] #reg-icon-glow,
body.rtl #reg-icon-glow,
html:lang(fa) #reg-icon-glow,
html:lang(fa-IR) #reg-icon-glow {
  left: auto !important;
  right: 0 !important;
}

#reg-btn {
  width: auto !important;
  max-width: max-content !important;
  padding: 14px 28px !important;
  cursor: pointer;
  transition: border-color 0.25s ease, color 0.25s ease, background 0.25s ease;
}

#reg-btn:hover {
  border-color: #16F0B0 !important;
  color: #16F0B0 !important;
  background: rgba(22, 240, 176, 0.1) !important;
}

#reg-btn:hover span,
#reg-btn:hover p,
#reg-btn:hover .e-paragraph-base,
#reg-btn:hover .e-svg-base,
#reg-btn:hover svg,
#reg-btn:hover svg path {
  color: #16F0B0 !important;
  fill: currentColor !important;
}

html[dir="rtl"] #reg-btn a.e-svg-base svg,
html[dir="rtl"] #reg-btn .e-svg-base svg,
html[dir="rtl"] #recog-link a.e-svg-base svg,
html[dir="rtl"] #recog-link .e-svg-base svg,
body[dir="rtl"] #reg-btn a.e-svg-base svg,
body[dir="rtl"] #reg-btn .e-svg-base svg,
body[dir="rtl"] #recog-link a.e-svg-base svg,
body[dir="rtl"] #recog-link .e-svg-base svg,
body.rtl #reg-btn a.e-svg-base svg,
body.rtl #reg-btn .e-svg-base svg,
body.rtl #recog-link a.e-svg-base svg,
body.rtl #recog-link .e-svg-base svg,
html:lang(fa) #reg-btn a.e-svg-base svg,
html:lang(fa) #reg-btn .e-svg-base svg,
html:lang(fa) #recog-link a.e-svg-base svg,
html:lang(fa) #recog-link .e-svg-base svg,
html:lang(fa-IR) #reg-btn a.e-svg-base svg,
html:lang(fa-IR) #reg-btn .e-svg-base svg,
html:lang(fa-IR) #recog-link a.e-svg-base svg,
html:lang(fa-IR) #recog-link .e-svg-base svg {
  transform: scaleX(-1) !important;
}

#reg-glow {
  position: absolute !important;
  right: 6%;
  top: 8%;
  width: 480px !important;
  height: 480px !important;
  min-height: 480px !important;
  padding: 0 !important;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0, 183, 129, 0.06) 0%, rgba(0, 183, 129, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

@keyframes trShimmer {
  from { background-position: 260% 0; }
  to { background-position: -260% 0; }
}

#recognition {
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  background: #101010;
}

#recog-card {
  position: relative !important;
  margin-top: 48px !important;
  border-radius: 24px !important;
  padding: 1px !important;
  background: linear-gradient(140deg, rgba(255,189,75,0.55) 0%, rgba(35,35,35,1) 32%, rgba(255,231,168,0.5) 50%, rgba(35,35,35,1) 68%, rgba(255,231,168,0.4) 100%) !important;
  background-size: 260% 100% !important;
  animation: trShimmer 14s linear infinite;
}

#recog-card-inner {
  border-radius: 23px !important;
  overflow: hidden !important;
  background: #121212 !important;
}

#recog-card-inner > .e-con:first-child {
  position: relative !important;
  min-height: 420px !important;
  overflow: hidden !important;
  background: #0C0C0C !important;
}

#recog-card-inner > .e-con:first-child > .e-self-hosted-video-base {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#recog-card-inner > .e-con:last-child {
  background: linear-gradient(150deg, rgba(255,189,75,0.05) 0%, rgba(255,189,75,0) 45%) !important;
}

#recog-overlay-v {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: linear-gradient(180deg, rgba(16,16,16,0.25) 0%, rgba(16,16,16,0.75) 55%, rgba(16,16,16,0.96) 100%) !important;
  pointer-events: none;
  z-index: 1;
}

#recog-overlay-h {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: linear-gradient(90deg, rgba(16,16,16,0) 55%, rgba(18,18,18,0.9) 100%) !important;
  pointer-events: none;
  z-index: 2;
}

#recog-video-content {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 34px !important;
  z-index: 3;
}

#recog-link {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  margin-top: 18px !important;
  cursor: pointer;
  color: #FFBD4B !important;
  transition: color 0.25s ease;
}

#recog-link:hover,
#recog-link:hover span,
#recog-link:hover .e-paragraph-base,
#recog-link:hover svg {
  color: #FFE7A8 !important;
}

#recog-line-left {
  flex: 1 1 0% !important;
  max-width: 90px !important;
  width: 90px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(90deg, transparent, #FFBD4B) !important;
  transform-origin: right center;
  animation: trLineGrow 1s cubic-bezier(0.22, 0.7, 0.25, 1) both;
}

#recog-line-right {
  flex: 1 1 0% !important;
  max-width: 90px !important;
  width: 90px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(90deg, #FFBD4B, transparent) !important;
  transform-origin: left center;
  animation: trLineGrow 1s cubic-bezier(0.22, 0.7, 0.25, 1) both;
}

#recog-label-text {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  margin: 0 !important;
  background: linear-gradient(135deg, #FFE7A8 0%, #FFBD4B 45%, #D9922B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

#recog-year-1,
#recog-year-2,
#recog-year-3,
#recog-award-rows > .e-con > .e-con > .e-paragraph-base:first-child {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  background: linear-gradient(135deg, #FFE7A8 0%, #FFBD4B 45%, #D9922B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

#recog-latest {
  display: none !important;
}

#recog-glow {
  position: absolute !important;
  left: 50% !important;
  top: 36px !important;
  transform: translateX(-50%);
  width: 900px !important;
  height: 420px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: radial-gradient(closest-side, rgba(255,189,75,0.1) 0%, rgba(255,189,75,0) 100%);
  pointer-events: none;
  z-index: 0;
}

#recog-award-rows {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#recog-award-rows > .e-con {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 22px !important;
  padding: 26px 34px !important;
  transition: background 0.25s ease;
  width: 100% !important;
  --width: 100% !important;
}

#recog-award-rows > .e-con:hover {
  background: rgba(255, 189, 75, 0.045) !important;
}

#recog-award-rows > .e-con:not(:first-child) {
  border-top: 1px solid rgba(255, 189, 75, 0.16) !important;
}

#recog-award-rows > .e-con > .e-svg-base {
  flex-shrink: 0 !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 2px !important;
}

#recog-award-rows > .e-con > .e-con {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: 0 !important;
}

#recog-award-rows > .e-con > .e-con > .e-heading-base {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-wrap: pretty;
}

#recog-award-rows > .e-con > .e-con > .e-heading-base strong,
#recog-award-rows > .e-con > .e-con > .e-heading-base br {
  color: inherit !important;
  font-weight: inherit !important;
}

#recog-award-rows > .e-con > .e-con > .e-paragraph-base:last-child {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #8A8A8A !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  white-space: normal !important;
}

#approach-mission,
#approach-vision {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 240px !important;
  overflow: hidden !important;
  direction: ltr !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 78%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 16%, #000 78%, transparent 100%);
}

#approach-vision {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 84%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 84%, transparent 100%);
}

#approach-mission .e-svg-base,
#approach-vision .e-svg-base {
  position: relative;
  z-index: 1;
  width: 112% !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

#approach-mission .e-svg-base svg,
#approach-vision .e-svg-base svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

#approach-mission-glow,
#approach-vision-glow {
  position: absolute !important;
  left: -6% !important;
  top: 50% !important;
  transform: translateY(-50%);
  width: 120% !important;
  height: 300px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: radial-gradient(58% 46% at 46% 50%, rgba(0,183,129,0.13) 0%, rgba(124,92,255,0.09) 52%, transparent 78%);
  filter: blur(6px);
  pointer-events: none;
  z-index: 0;
}

#mission-2-line,
#vision-2-line {
  display: none !important;
}

#our-approach[data-id="3020bea"],
[data-id="3020bea"]#our-approach {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #101010 !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transform: none !important;
  min-height: unset !important;
  width: auto !important;
  height: auto !important;
  pointer-events: auto !important;
}

[data-id="3020bea"]::before,
[data-id="3020bea"] > #our-approach,
[data-id="3020bea"] > #approach-silk-bg,
#approach-silk-bg {
  display: none !important;
  content: none !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

[data-id="3020bea"]:has(> #our-approach)::before,
[data-id="3020bea"]:has(> #approach-silk-bg)::before {
  content: none !important;
  display: none !important;
}

[data-id="3020bea"] {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

[data-id="3020bea"] > *:not(#our-approach):not(#approach-silk-bg) {
  position: relative !important;
  z-index: 1 !important;
}


#who-section {
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

#who-glow {
  position: absolute !important;
  left: 50% !important;
  top: 36px !important;
  transform: translateX(-50%);
  width: 760px !important;
  height: 340px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: radial-gradient(closest-side, rgba(0, 183, 129, 0.12) 0%, rgba(0, 183, 129, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

#who-header {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#who-label-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 0 !important;
}

#who-line-left {
  flex: 1 1 0% !important;
  max-width: 90px !important;
  width: 90px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(90deg, transparent, #00B781) !important;
  transform-origin: right center;
  animation: trLineGrow 1s cubic-bezier(0.22, 0.7, 0.25, 1) both;
}

#who-line-right {
  flex: 1 1 0% !important;
  max-width: 90px !important;
  width: 90px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(90deg, #00B781, transparent) !important;
  transform-origin: left center;
  animation: trLineGrow 1s cubic-bezier(0.22, 0.7, 0.25, 1) both;
}

#who-label-text {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  margin: 0 !important;
  color: #00B781 !important;
  -webkit-text-fill-color: #00B781 !important;
  background: none !important;
}

#who-grid {
  position: relative;
  z-index: 1;
  max-width: 1140px !important;
  width: 100% !important;
  margin-top: 52px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  padding: 0 !important;
  align-items: stretch !important;
  background: none !important;
}

#who-grid > .e-con {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  --padding-top: 1px !important;
  --padding-right: 1px !important;
  --padding-bottom: 1px !important;
  --padding-left: 1px !important;
  --padding-block-start: 1px !important;
  --padding-block-end: 1px !important;
  --padding-inline-start: 1px !important;
  --padding-inline-end: 1px !important;
  padding: 1px !important;
  padding-block: 1px !important;
  padding-inline: 1px !important;
  min-height: 210px !important;
  height: auto !important;
  aspect-ratio: 1.35 / 1;
  overflow: hidden !important;
  gap: 0 !important;
  background: linear-gradient(180deg, #2E2E2E 0%, #1A1A1A 55%, #141414 100%) !important;
}

#who-grid > .e-con > .e-con {
  border: 0 !important;
  border-width: 0 !important;
  border-radius: 19px !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  --padding-top: 22px !important;
  --padding-right: 20px !important;
  --padding-bottom: 22px !important;
  --padding-left: 20px !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center;
  background: linear-gradient(180deg, #0C0C0C 0%, #141414 46%, #1E1E1E 100%) !important;
}

#cta-bg {
  --tr-wave-opacity: 0.22;
  --tr-wave-filter: brightness(0.7) saturate(0.85);
  --tr-wave-bleed-w: 100vw;
  --tr-wave-bleed-h: calc(100vw * 0.563);
  --tr-edge-fade: 72px;
  --tr-edge-fade-mask: linear-gradient(180deg, transparent 0, #000 var(--tr-edge-fade), #000 calc(100% - var(--tr-edge-fade)), transparent 100%);
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 128px 60px !important;
  height: auto !important;
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  background-color: #101010 !important;
  background-image: none !important;
}

#cta-bg::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--tr-wave-bleed-w);
  height: var(--tr-wave-bleed-h);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  opacity: var(--tr-wave-opacity);
  filter: var(--tr-wave-filter);
  background: url("https://trendo.com/wp-content/uploads/2026/09/ChatGPT-Image-Aug-30-2026-01_08_10-PM.png") center center / 100% auto no-repeat;
  -webkit-mask-image: var(--tr-edge-fade-mask);
  mask-image: var(--tr-edge-fade-mask);
}

#cta-content,
#cta-bg > .e-con {
  position: relative !important;
  z-index: 1;
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center;
  background: none !important;
}

#cta-bg > .e-con > .e-con,
#cta-content > .e-con:has(#tr-btn-sheen),
#cta-content > .e-con:has(.spc3),
[data-id="689fa8c"] {
  margin-top: 34px !important;
  margin-inline: auto !important;
  display: inline-grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 1fr !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  background: none !important;
}

#cta-bg > .e-con > .e-con > .e-button-base,
#cta-bg > .e-con > .e-con > a.e-button-base,
#cta-content > .e-con > .e-button-base,
#cta-content > .e-con > a.e-button-base,
[data-id="689fa8c"] > .e-button-base,
[data-id="689fa8c"] > a.e-button-base {
  white-space: nowrap !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

#tr-hero-aurora {
  position: absolute !important;
  left: 50% !important;
  top: 44% !important;
  width: 1180px !important;
  height: 1180px !important;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  padding: 0 !important;
  background: conic-gradient(from 0deg, rgba(0, 183, 129, 0.2), rgba(22, 240, 176, 0.05), rgba(0, 183, 129, 0.16), rgba(0, 0, 0, 0) 62%, rgba(0, 183, 129, 0.2)) !important;
  filter: blur(90px);
  opacity: 0.32;
  animation: trAurora 26s linear infinite;
}

#tr-hero-glow,
[id^="tr-hero-glow"] {
  display: none;
}

#tr-stats-glow,
[id^="tr-stats-glow"] {
  display: none;
}

@keyframes trAurora {
  0% { transform: translate(-50%, -50%) rotate(0deg) scale(1); }
  50% { transform: translate(-50%, -50%) rotate(180deg) scale(1.12); }
  100% { transform: translate(-50%, -50%) rotate(0deg) scale(1); }
}

#tr-stats-section {
  position: relative !important;
  overflow: hidden !important;
  background: #101010;
}

@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  .elementor,
  .elementor > .elementor-element,
  #tr-hero-bg,
  #hero-content,
  #tr-stats-section,
  #story,
  #regulation,
  #recognition,
  #who-section,
  #cta-bg {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .e-off-canvas,
  .e-off-canvas__overlay,
  .e-off-canvas__main,
  .e-off-canvas__content {
    max-width: 100% !important;
    width: 100% !important;
  }

  .elementor-element.elementor-hidden-desktop.e-parent[data-settings*="fixed"] {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }

  #story,
  #regulation,
  #recognition,
  #who-section,
  #cta-bg {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  #story-glow,
  #reg-glow,
  #recog-glow,
  #who-glow,
  #tr-stats-glow,
  [id^="tr-stats-glow"] {
    pointer-events: none;
  }

  #story-glow {
    display: block !important;
    position: absolute !important;
    right: -90px !important;
    top: 48px !important;
    width: 360px !important;
    height: 360px !important;
    min-height: 360px !important;
    padding: 0 !important;
    opacity: 1 !important;
    z-index: 0 !important;
  }

  #story-inner {
    position: relative !important;
    z-index: 1 !important;
    padding: 0 20px !important;
    padding-block: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    max-width: 1440px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  #story-hero {
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    margin-inline: -20px !important;
    padding: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
    --width: calc(100% + 40px) !important;
    --margin-left: -20px !important;
    --margin-right: -20px !important;
    --padding-left: 0 !important;
    --padding-right: 0 !important;
  }

  #story-hero picture {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #story-hero .e-image-base,
  #story-hero img {
    position: absolute !important;
    left: auto !important;
    right: -14% !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 112% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0.78 !important;
    object-fit: cover !important;
    object-position: center 45% !important;
    -webkit-mask-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 34%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 1) 45%);
    mask-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 34%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 1) 45%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  #gradient-overlay {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0.5) 0%, rgba(16, 16, 16, 0.38) 45%, rgba(16, 16, 16, 0.85) 100%) !important;
  }

  #story-copy {
    position: relative !important;
    z-index: 2 !important;
    max-width: none !important;
    padding: 150px 20px 18px !important;
  }

  #story-copy > .e-con:has(#story-caption-line) {
    display: none !important;
  }

  #story-copy #section-label-line,
  #story-copy #story-label-line {
    display: none !important;
  }

  #section-label-line,
  #story-label-line,
  #reg-label-line,
  #approach-label-line,
  #reg-label-row #story-label-line {
    max-width: 90px !important;
    width: 90px !important;
  }

  #section-label-row,
  #reg-label-row > .e-con:first-child,
  [data-id="294f68d"],
  [data-id="fe111a2"] {
    gap: 12px !important;
  }

  #section-label-row > .e-paragraph-base,
  #section-label-row > span,
  #reg-label-row > .e-con:first-child > .e-paragraph-base,
  [data-id="294f68d"] > .e-paragraph-base,
  [data-id="fe111a2"] > .e-paragraph-base {
    font-size: 12px !important;
    letter-spacing: 0.16em !important;
  }

  [data-id="7e6f92a"] #section-label-row > .e-paragraph-base,
  [data-id="7e6f92a"] [data-id="fe111a2"] > .e-paragraph-base {
    font-weight: 600 !important;
    color: #00B781 !important;
  }

  [data-id="7e6f92a"] #section-label-line {
    background: linear-gradient(90deg, #00B781, transparent) !important;
  }

  html[dir="rtl"] [data-id="7e6f92a"] #section-label-line,
  body[dir="rtl"] [data-id="7e6f92a"] #section-label-line,
  body.rtl [data-id="7e6f92a"] #section-label-line,
  html:lang(fa) [data-id="7e6f92a"] #section-label-line,
  html:lang(fa-IR) [data-id="7e6f92a"] #section-label-line {
    background: linear-gradient(90deg, transparent, #00B781) !important;
    transform-origin: right center !important;
  }

  #story-copy .e-heading-base {
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin-top: 14px !important;
  }

  #story-copy > .e-paragraph-base.p-sections {
    margin-top: 14px !important;
    font-size: 16px !important;
  }

  html[dir="rtl"] #story-glow,
  body.rtl #story-glow {
    right: auto !important;
    left: -90px !important;
  }

  html[dir="rtl"] #story-hero .e-image-base,
  html[dir="rtl"] #story-hero img,
  body.rtl #story-hero .e-image-base,
  body.rtl #story-hero img {
    right: auto !important;
    left: -14% !important;
    -webkit-mask-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 34%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%),
      linear-gradient(270deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 1) 45%) !important;
    mask-image:
      linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 34%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%),
      linear-gradient(270deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 1) 45%) !important;
  }

  #story-timeline {
    margin-top: 32px !important;
    padding-block: 0 20px !important;
    padding-inline: 24px 0 !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  #story-lines {
    display: none !important;
  }

  #story-timeline::before {
    content: "";
    position: absolute;
    inset-inline-start: 6px;
    top: -15px;
    bottom: 8px;
    width: 1px;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 183, 129, 0.7) 0%, rgba(0, 183, 129, 0.2) 100%);
  }

  #story-timeline::after {
    content: "";
    position: absolute;
    inset-inline-start: 5px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    height: auto;
    border-radius: 3px;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(22, 240, 176, 0) 0%, rgba(22, 240, 176, 0.95) 50%, rgba(22, 240, 176, 0) 100%);
    background-size: 100% 40%;
    background-repeat: no-repeat;
    animation: trTraceV 7s linear infinite reverse;
  }

  #story-grid {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 22px !important;
    padding-top: 0 !important;
    grid-template-columns: none !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #story-grid:not(.story-mobile-ready) > .e-con > .e-paragraph-base:nth-of-type(2) {
    display: none !important;
  }

  #story-grid:not(.story-mobile-ready) > .e-con:last-child > .e-paragraph-base:nth-of-type(2) {
    display: block !important;
  }

  #story-grid.story-mobile-ready > .e-con {
    gap: 0 !important;
  }

  #story-grid.story-mobile-ready > .e-con > .e-con:first-child {
    display: block !important;
    position: relative !important;
    flex: 0 0 auto !important;
    margin-inline-start: -24px !important;
    margin-inline-end: 0 !important;
    margin-block: 0 !important;
    padding: 0 !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
    --min-height: 0 !important;
    --height: auto !important;
    z-index: 2 !important;
    isolation: isolate;
  }

  #story-grid.story-mobile-ready > .e-con.is-open > .e-con:first-child {
    width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    margin-block: -1px !important;
    margin-inline: -24px -1px !important;
    background: #16F0B0 !important;
    box-shadow:
      0 0 0 7px rgba(22, 240, 176, 0.28),
      0 0 0 15px rgba(22, 240, 176, 0.12),
      0 0 28px rgba(22, 240, 176, 0.5) !important;
  }

  #story-grid.story-mobile-ready > .e-con.is-open > .e-con:first-child::before,
  #story-grid.story-mobile-ready > .e-con.is-open > .e-con:first-child::after {
    content: none !important;
    display: none !important;
  }

  #story-grid.story-mobile-ready > .e-con:not(.is-open) > .e-con:first-child {
    width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    max-height: 13px !important;
    background: #00B781 !important;
    box-shadow: 0 0 0 5px rgba(0, 183, 129, 0.15) !important;
  }

  #story-grid.story-mobile-ready > .e-con:not(.is-open) > .e-con:first-child::before,
  #story-grid.story-mobile-ready > .e-con:not(.is-open) > .e-con:first-child::after {
    content: none !important;
    display: none !important;
  }

  .story-year-toggle {
    margin-top: 2px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 0 !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    color: inherit !important;
    font: inherit !important;
    text-align: start !important;
  }

  .story-year-toggle .e-paragraph-base {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
  }

  #story-grid.story-mobile-ready > .e-con.is-open .story-year-toggle .e-paragraph-base {
    color: #16F0B0 !important;
  }

  .story-year-chevron {
    margin-inline-start: auto !important;
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #8A8A8A !important;
    transition: color 0.22s ease, background 0.22s ease, box-shadow 0.28s ease, transform 0.22s ease !important;
  }

  .story-year-chevron::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(45deg);
    margin-top: -3px;
  }

  #story-grid.story-mobile-ready > .e-con.is-open .story-year-chevron {
    color: #16F0B0 !important;
    background: rgba(22, 240, 176, 0.1) !important;
    box-shadow: 0 0 0 1px rgba(22, 240, 176, 0.28), 0 0 16px rgba(22, 240, 176, 0.18) !important;
  }

  #story-grid.story-mobile-ready > .e-con.is-open .story-year-chevron::before {
    transform: rotate(-135deg);
    margin-top: 3px;
  }

  .story-year-desc {
    display: none !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #C5C5C5 !important;
  }

  #story-grid.story-mobile-ready > .e-con.is-open .story-year-desc {
    display: block !important;
    animation: trRise 0.45s cubic-bezier(0.22, 0.7, 0.25, 1) both;
  }

  #who-section {
    padding-inline: 20px !important;
  }

  #who-header #recog-label-row,
  #who-header #who-label-row,
  #who-header #who-line-left,
  #who-header #who-line-right,
  #who-header #who-label-text {
    display: none !important;
  }

  #who-header {
    max-width: 700px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  #who-header .e-heading-base,
  #who-header h2,
  #who-header .e-9adc052-e288694 {
    display: block !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #who-header > .e-paragraph-base,
  #who-header .e-1166606-79d647f {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 18px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #FFFFFF !important;
  }

  #who-grid {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 132px !important;
    min-height: 132px !important;
    margin-top: 22px !important;
    margin-inline: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  #who-grid > .e-con {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 16px !important;
    transform: translateX(108%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.65s cubic-bezier(0.22, 0.7, 0.25, 1), opacity 0.45s ease;
    will-change: transform, opacity;
    z-index: 1;
  }

  #who-grid > .e-con.is-active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
    z-index: 3;
  }

  #who-grid > .e-con.is-prev {
    transform: translateX(-108%);
    opacity: 0;
    z-index: 2;
  }

  #who-grid > .e-con > .e-con {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    gap: 0 16px !important;
    --gap: 0 16px !important;
    --column-gap: 16px !important;
    --row-gap: 0px !important;
    align-items: center !important;
    justify-items: stretch !important;
    text-align: start !important;
    border-radius: 15px !important;
    padding: 18px !important;
  }

  #who-grid > .e-con > .e-con > .e-svg-base {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: start !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    border-radius: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, rgba(0, 183, 129, 0.2) 0%, rgba(0, 183, 129, 0.05) 100%) !important;
    border: 1px solid rgba(0, 183, 129, 0.22) !important;
    color: #16F0B0 !important;
  }

  #who-grid > .e-con > .e-con > .e-svg-base svg {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
  }

  #who-grid > .e-con > .e-con > .e-paragraph-base:first-of-type {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #FFFFFF !important;
    text-align: start !important;
  }

  #who-grid > .e-con > .e-con > .e-paragraph-base:last-of-type {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    margin: 6px 0 0 !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #FFFFFF !important;
    text-align: start !important;
    text-wrap: pretty !important;
  }

  #cta-bg {
    --tr-edge-fade: 56px;
    padding: 72px 20px !important;
    min-height: 420px !important;
    background-color: #101010 !important;
    background-image: none !important;
  }

  #cta-content,
  #cta-bg > .e-con {
    position: relative !important;
    z-index: 1 !important;
    padding: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }

  #cta-content .e-heading-base {
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    text-wrap: balance !important;
    text-align: center !important;
    width: 100% !important;
  }

  #cta-content .e-paragraph-base {
    margin: 18px auto 0 !important;
    max-width: 600px !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #FFFFFF !important;
    white-space: normal !important;
    text-align: center !important;
  }

  #cta-content > .e-con,
  #cta-bg > .e-con > .e-con,
  [data-id="689fa8c"] {
    margin-top: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #cta-content .spc3,
  #cta-content > .e-con > .e-button-base:not(#tr-btn-sheen),
  [data-id="689fa8c"] > .e-button-base:not(#tr-btn-sheen),
  [data-id="689fa8c"] > a.e-button-base:not(#tr-btn-sheen) {
    display: none !important;
  }

  #cta-content #tr-btn-sheen,
  [data-id="689fa8c"] #tr-btn-sheen {
    min-width: 220px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 16px 28px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  #story,
  #regulation,
  #recognition,
  #who-section {
    padding-block: 52px !important;
    background: #101010 !important;
  }

  #reg-inner {
    padding-inline: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    max-width: 1440px !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: start !important;
  }

  #regulation {
    justify-content: flex-start !important;
    align-items: stretch !important;
  }

  #reg-label-row {
    display: contents !important;
  }

  #reg-label-row > .e-con:first-child {
    order: 1 !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  #reg-label-row > .e-con:first-child > .e-paragraph-base {
    font-size: 12px !important;
  }

  #reg-label-row > .e-heading-base:first-of-type {
    display: none !important;
  }

  #reg-label-row > .e-heading-base:nth-of-type(2) {
    display: block !important;
    order: 2 !important;
    margin: 14px 0 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    text-align: start !important;
    width: 100% !important;
    align-self: stretch !important;
  }

  #reg-label-row > .e-paragraph-base.p-sections,
  #reg-label-row > .e-paragraph-base {
    order: 3 !important;
    margin: 16px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #FFFFFF !important;
    max-width: none !important;
    text-align: start !important;
    width: 100% !important;
  }

  #reg-inner > .e-con:has(#reg-icon-glow) {
    order: 5 !important;
    width: 100% !important;
    display: block !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
  }

  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:first-child {
    display: none !important;
  }

  #reg-rows,
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1px !important;
    background: #242424 !important;
    border: 1px solid #242424 !important;
    border-bottom: 0 !important;
    border-radius: 14px 14px 0 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #reg-rows > .e-con:not([data-id="a2209ec"]),
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con:not([data-id="a2209ec"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 20px 22px !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    background: #181818 !important;
    min-width: 0 !important;
  }

  #reg-rows > .e-con[data-id="a2209ec"],
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con[data-id="a2209ec"],
  #regulation .elementor-element-a2209ec,
  #regulation [data-id="a2209ec"] {
    display: none !important;
  }

  #reg-rows > .e-con:nth-child(1),
  #reg-rows > .e-con[data-id="875ef0e"],
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con[data-id="875ef0e"] {
    order: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #reg-rows > .e-con:nth-child(4),
  #reg-rows > .e-con[data-id="e131337"],
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con[data-id="e131337"] {
    order: 2 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #reg-rows > .e-con:nth-child(3),
  #reg-rows > .e-con[data-id="47dd462"],
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con[data-id="47dd462"] {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  #reg-rows > .e-con > .e-paragraph-base:first-child,
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con > .e-paragraph-base:first-child {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #8A8A8A !important;
    white-space: normal !important;
    text-align: start !important;
    margin: 0 !important;
    flex-shrink: 1 !important;
  }

  #reg-rows > .e-con > .e-paragraph-base:last-child,
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con > .e-paragraph-base:last-child {
    margin: 6px 0 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: start !important;
    color: #FFFFFF !important;
  }

  #reg-rows > .e-con:nth-child(1) > .e-paragraph-base:last-child,
  #reg-rows > .e-con[data-id="875ef0e"] > .e-paragraph-base:last-child,
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con:first-child > .e-paragraph-base:last-child {
    color: #16F0B0 !important;
    font-weight: 600 !important;
  }

  #reg-rows > .e-con[data-id="47dd462"] > .e-paragraph-base:last-child,
  #reg-inner > .e-con:has(#reg-icon-glow) > .e-con:last-child > .e-con[data-id="47dd462"] > .e-paragraph-base:last-child,
  #regulation [data-id="6b5ad1b"] {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  #reg-btn {
    order: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 1px 0 0 !important;
    padding: 20px 22px !important;
    border: 1px solid #242424 !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    background: #181818 !important;
    color: #16F0B0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: start !important;
  }

  #reg-btn .e-paragraph-base,
  #reg-btn span {
    margin: 0 !important;
    color: #16F0B0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: start !important;
  }

  #reg-btn .e-svg-base,
  #reg-btn svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    color: #16F0B0 !important;
  }

  #reg-glow {
    display: none !important;
  }

  #recognition {
    padding-inline: 20px !important;
  }

  #recog-glow {
    display: none !important;
  }

  #recog-header {
    text-align: center !important;
    max-width: none !important;
    width: 100% !important;
  }

  #recog-label-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  #recog-line-left,
  #recog-line-right {
    max-width: 70px !important;
  }

  #recog-header .e-heading-base {
    margin-top: 12px !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    text-wrap: balance !important;
  }

  #recog-header > .e-paragraph-base {
    margin-top: 14px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #FFFFFF !important;
    white-space: normal !important;
    text-wrap: pretty !important;
  }

  #recog-card {
    margin-top: 24px !important;
    padding: 0 !important;
    border: 1px solid #242424 !important;
    border-radius: 18px !important;
    background: #141414 !important;
    background-image: none !important;
    animation: none !important;
    background-size: auto !important;
    overflow: hidden !important;
  }

  #recog-card-inner {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 18px !important;
    background: #141414 !important;
    overflow: hidden !important;
  }

  #recog-card-inner > .e-con:first-child {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    background: #141414 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  #recog-card-inner > .e-con:first-child > .e-self-hosted-video-base {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
    background: #0C0C0C !important;
    flex-shrink: 0 !important;
  }

  #recog-overlay-h {
    display: none !important;
  }

  #recog-overlay-v {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    bottom: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0.1) 0%, rgba(16, 16, 16, 0.55) 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  #recog-video-content {
    position: static !important;
    inset: auto !important;
    padding: 20px !important;
    background: #141414 !important;
    z-index: 2 !important;
  }

  #recog-latest {
    display: block !important;
    width: max-content !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #FFE7A8 0%, #FFBD4B 45%, #D9922B 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
  }

  #recog-video-content #recog-latest + .e-heading-base {
    margin-top: 10px !important;
  }

  #recog-video-content .e-heading-base {
    margin-top: 0 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
  }

  #recog-video-content > .e-paragraph-base {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #C5C5C5 !important;
    max-width: none !important;
  }

  #recog-link {
    margin-top: 16px !important;
    font-size: 14px !important;
    background: transparent !important;
  }

  #recog-award-rows,
  #recog-card-inner > .e-con[data-id="d409b4e"] {
    display: none !important;
  }

  [data-id="3020bea"] {
    padding-inline: 20px !important;
    padding-block: 52px !important;
    max-width: 1440px !important;
    width: 100% !important;
    margin-inline: auto !important;
    background: #101010 !important;
    gap: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }

  [data-id="3020bea"]::before,
  [data-id="3020bea"] > #our-approach,
  [data-id="3020bea"] > #approach-silk-bg,
  #approach-silk-bg {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: auto !important;
    bottom: 0 !important;
    width: 150% !important;
    height: 62% !important;
    min-height: 460px !important;
    max-height: none !important;
    transform: translateX(-50%) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0.2 !important;
    filter: saturate(0.85) contrast(1.5) !important;
    mix-blend-mode: screen !important;
    background-color: transparent !important;
    background-image: url("https://trendo.com/wp-content/uploads/2026/08/silk-hero.png") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 26%, #000 70%, transparent 98%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, #000 26%, #000 70%, transparent 98%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  [data-id="3020bea"]:has(> #our-approach)::before,
  [data-id="3020bea"]:has(> #approach-silk-bg)::before {
    content: none !important;
    display: none !important;
  }

  [data-id="3020bea"] > .e-con,
  [data-id="3020bea"] .e-con {
    --padding-top: 0px !important;
    --padding-right: 0px !important;
    --padding-bottom: 0px !important;
    --padding-left: 0px !important;
    --padding-block-start: 0px !important;
    --padding-block-end: 0px !important;
    --padding-inline-start: 0px !important;
    --padding-inline-end: 0px !important;
  }

  [data-id="3020bea"] > [data-id="706f4d8"] {
    max-width: 720px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  [data-id="3020bea"] > [data-id="706f4d8"] [data-id="294f68d"] {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  [data-id="3020bea"] > [data-id="706f4d8"] [data-id="294f68d"] > .e-paragraph-base {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #00B781 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  [data-id="3020bea"] > [data-id="706f4d8"] > .e-heading-base {
    margin: 14px 0 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    text-wrap: balance !important;
  }

  [data-id="3020bea"] > [data-id="706f4d8"] > .e-paragraph-base {
    margin: 14px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #FFFFFF !important;
    text-wrap: pretty !important;
    max-width: none !important;
  }

  [data-id="3020bea"] > [data-id="ce7ecb2"] {
    margin-top: 26px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  [data-id="3020bea"] > [data-id="e579f3d"] {
    margin-top: 38px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  [data-id="3020bea"] > [data-id="ce7ecb2"] > [data-id="518d545"],
  #approach-mission,
  #approach-mission-glow,
  [data-id="3020bea"] > [data-id="e579f3d"] > [data-id="751b47a"],
  #approach-vision,
  #approach-vision-glow {
    display: none !important;
  }

  [data-id="ad20bf4"],
  [data-id="789a15b"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 !important;
    width: 100% !important;
    gap: 0 !important;
  }

  #mission-2-line,
  #vision-2-line {
    display: grid !important;
    grid-template-columns: 34px auto 34px !important;
    column-gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-items: center !important;
    width: max-content !important;
    max-width: calc(100% - 40px) !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    flex-wrap: nowrap !important;
  }

  #mission-2-line::before,
  #vision-2-line::before {
    content: "" !important;
    display: block !important;
    width: 34px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(90deg, transparent, #00B781) !important;
  }

  #mission-2-line::after,
  #vision-2-line::after {
    content: "" !important;
    display: block !important;
    width: 34px !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(90deg, #00B781, transparent) !important;
  }

  html[dir="rtl"] #mission-2-line::before,
  html[dir="rtl"] #vision-2-line::before,
  body[dir="rtl"] #mission-2-line::before,
  body[dir="rtl"] #vision-2-line::before,
  body.rtl #mission-2-line::before,
  body.rtl #vision-2-line::before,
  html:lang(fa) #mission-2-line::before,
  html:lang(fa) #vision-2-line::before,
  html:lang(fa-IR) #mission-2-line::before,
  html:lang(fa-IR) #vision-2-line::before {
    background: linear-gradient(90deg, #00B781, transparent) !important;
  }

  html[dir="rtl"] #mission-2-line::after,
  html[dir="rtl"] #vision-2-line::after,
  body[dir="rtl"] #mission-2-line::after,
  body[dir="rtl"] #vision-2-line::after,
  body.rtl #mission-2-line::after,
  body.rtl #vision-2-line::after,
  html:lang(fa) #mission-2-line::after,
  html:lang(fa) #vision-2-line::after,
  html:lang(fa-IR) #mission-2-line::after,
  html:lang(fa-IR) #vision-2-line::after {
    background: linear-gradient(90deg, transparent, #00B781) !important;
  }

  #mission-2-line > .e-paragraph-base,
  #mission-2-line > span,
  #vision-2-line > .e-paragraph-base,
  #vision-2-line > span {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #00B781 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    align-self: center !important;
  }

  [data-id="ad20bf4"] .e-heading-base,
  [data-id="789a15b"] .e-heading-base {
    margin: 12px 0 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    color: #FFFFFF !important;
    text-wrap: balance !important;
    max-width: none !important;
  }

  [data-id="ad20bf4"] .e-paragraph-base,
  [data-id="789a15b"] .e-paragraph-base {
    margin: 12px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #C5C5C5 !important;
    text-wrap: pretty !important;
    max-width: none !important;
  }

  #approach-mission,
  #approach-vision {
    overflow: hidden !important;
    min-height: 0 !important;
  }

  #approach-mission .e-svg-base,
  #approach-vision .e-svg-base {
    width: 100% !important;
    max-width: 100% !important;
  }

  #tr-stats-section {
    display: block !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
    background: #101010 !important;
    isolation: isolate;
  }

  #tr-stats-section::before {
    content: none !important;
    display: none !important;
  }

  #tr-stats-glow,
  [id^="tr-stats-glow"] {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: -160px !important;
    transform: translateX(-50%) !important;
    width: min(1000px, 250vw) !important;
    height: 300px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    flex: none !important;
    --width: auto !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: radial-gradient(closest-side, rgba(0, 183, 129, 0.16) 0%, rgba(0, 183, 129, 0) 100%) !important;
  }

  #tr-stats-section > [id^="tr-stats-glow"],
  #tr-stats-section > #tr-stats-glow {
    width: min(1000px, 250vw) !important;
    height: 300px !important;
  }

  #tr-hero-bg {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    --width: 100% !important;
    margin-inline: 0 !important;
    padding-block: 64px 76px !important;
  }

  #tr-hero-aurora {
    display: none !important;
  }

  #tr-hero-glow,
  [id^="tr-hero-glow"] {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 44% !important;
    width: 620px !important;
    height: 620px !important;
    max-width: none !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: none !important;
    --width: auto !important;
    background: radial-gradient(closest-side, rgba(0, 183, 129, 0.11) 0%, rgba(0, 183, 129, 0) 100%) !important;
    animation: trBreathe 9s ease-in-out infinite;
  }

  #tr-hero-bg:not(:has(> #tr-hero-glow)):not(:has(> [id^="tr-hero-glow"]))::after {
    content: "";
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 44% !important;
    width: 620px !important;
    height: 620px !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
    inset: auto !important;
    opacity: 1 !important;
    background: radial-gradient(closest-side, rgba(0, 183, 129, 0.11) 0%, rgba(0, 183, 129, 0) 100%) !important;
    animation: trBreathe 9s ease-in-out infinite;
  }

  #tr-hero-bg:has(> #tr-hero-glow)::after,
  #tr-hero-bg:has(> [id^="tr-hero-glow"])::after {
    content: none !important;
    display: none !important;
  }

  #tr-hero-bg-video {
    inset: auto !important;
    left: 50% !important;
    top: 50% !important;
    width: 150% !important;
    max-width: none !important;
    height: 100% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
    -webkit-mask-image: radial-gradient(circle at 50% 46%, #000 30%, rgba(0, 0, 0, 0.45) 58%, transparent 80%) !important;
    mask-image: radial-gradient(circle at 50% 46%, #000 30%, rgba(0, 0, 0, 0.45) 58%, transparent 80%) !important;
  }

  #tr-hero-bg-video video {
    object-position: 60% 45% !important;
    opacity: 0.17 !important;
    mix-blend-mode: screen !important;
  }

  #hero-content {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-inline: 20px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  #hero-content > h2 + .e-paragraph-base:has(+ .e-paragraph-base) {
    display: none !important;
  }

  #hero-content > h2 + .e-paragraph-base + .e-paragraph-base {
    display: block !important;
    color: #FFFFFF !important;
  }

  #hero-content > h2 + .e-paragraph-base:not(:has(+ .e-paragraph-base)) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #FFFFFF !important;
  }

  #hero-content [data-id="5a64fc1"],
  #hero-content .e-5a64fc1-191e85b {
    color: #FFFFFF !important;
  }

  html[dir="rtl"] #hero-content [data-id="5a64fc1"],
  body[dir="rtl"] #hero-content [data-id="5a64fc1"],
  body.rtl #hero-content [data-id="5a64fc1"],
  html:lang(fa) #hero-content [data-id="5a64fc1"],
  html:lang(fa-IR) #hero-content [data-id="5a64fc1"],
  html:lang(ar) #hero-content [data-id="5a64fc1"],
  html:lang(ur) #hero-content [data-id="5a64fc1"],
  html[dir="rtl"] #hero-content .e-5a64fc1-191e85b,
  body[dir="rtl"] #hero-content .e-5a64fc1-191e85b,
  body.rtl #hero-content .e-5a64fc1-191e85b,
  html:lang(fa) #hero-content .e-5a64fc1-191e85b,
  html:lang(fa-IR) #hero-content .e-5a64fc1-191e85b,
  html:lang(ar) #hero-content .e-5a64fc1-191e85b,
  html:lang(ur) #hero-content .e-5a64fc1-191e85b {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #FFFFFF !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html[dir="rtl"] #hero-content > h2 + .e-paragraph-base + .e-paragraph-base,
  body[dir="rtl"] #hero-content > h2 + .e-paragraph-base + .e-paragraph-base,
  body.rtl #hero-content > h2 + .e-paragraph-base + .e-paragraph-base,
  html:lang(fa) #hero-content > h2 + .e-paragraph-base + .e-paragraph-base,
  html:lang(fa-IR) #hero-content > h2 + .e-paragraph-base + .e-paragraph-base,
  html:lang(ar) #hero-content > h2 + .e-paragraph-base + .e-paragraph-base,
  html:lang(ur) #hero-content > h2 + .e-paragraph-base + .e-paragraph-base {
    display: none !important;
  }

  html[dir="rtl"] #hero-content [data-id="95adaf6"],
  body[dir="rtl"] #hero-content [data-id="95adaf6"],
  body.rtl #hero-content [data-id="95adaf6"],
  html:lang(fa) #hero-content [data-id="95adaf6"],
  html:lang(fa-IR) #hero-content [data-id="95adaf6"] {
    width: 100% !important;
    --width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    height: 33px !important;
    --height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
    padding: 0 12px !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html[dir="rtl"] #hero-content [data-id="95adaf6"] .e-paragraph-base,
  body[dir="rtl"] #hero-content [data-id="95adaf6"] .e-paragraph-base,
  body.rtl #hero-content [data-id="95adaf6"] .e-paragraph-base,
  html:lang(fa) #hero-content [data-id="95adaf6"] .e-paragraph-base,
  html:lang(fa-IR) #hero-content [data-id="95adaf6"] .e-paragraph-base {
    white-space: nowrap !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #tr-ticker {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 34px !important;
    overflow: hidden !important;
  }

  #tr-stats > #tr-stats-glow,
  #tr-stats > [id^="tr-stats-glow"] {
    display: none !important;
  }

  #tr-stats {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    --width: 100% !important;
    grid-template-columns: none !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    background: transparent !important;
    padding: 26px 0 24px !important;
    direction: ltr !important;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 52px, #000 calc(100% - 52px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 52px, #000 calc(100% - 52px), transparent);
  }

  #tr-stats::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    background:
      linear-gradient(90deg, #101010 0%, rgba(16, 16, 16, 0) 52px),
      linear-gradient(270deg, #101010 0%, rgba(16, 16, 16, 0) 52px);
    background-size: 52px 100%, 52px 100%;
    background-position: left top, right top;
    background-repeat: no-repeat;
  }

  #tr-stats::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(0, 183, 129, 0) 0%, #00B781 50%, rgba(0, 183, 129, 0) 100%);
    opacity: 0.35;
    pointer-events: none;
    z-index: 2;
  }

  #tr-stats:not(:has(#tr-stats-track)) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 0 !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  #tr-stats:not(:has(#tr-stats-track)) > .e-con {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    --width: auto !important;
    scroll-snap-align: start;
    padding: 0 26px !important;
    border-right: 0 !important;
    border-left: 1px solid #1C1C1C !important;
  }

  #tr-stats:not(:has(#tr-stats-track)) > .e-con::before {
    display: none !important;
  }

  #tr-stats-track {
    display: flex !important;
    width: max-content !important;
    position: relative;
    z-index: 1;
    will-change: transform;
    backface-visibility: hidden;
    direction: ltr !important;
  }

  #tr-stats-track.is-ready {
    animation: trStatsMarquee 26s linear infinite;
  }

  #tr-stats-group,
  #tr-stats-track > [aria-hidden="true"] {
    display: flex !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    gap: 0 !important;
    padding: 0 !important;
    background: none !important;
    direction: ltr !important;
  }

  #tr-stats-group > .e-con,
  #tr-stats-track > [aria-hidden="true"] > .e-con,
  #tr-stats .box-stats,
  #tr-stats [id="tr-stat"] {
    position: relative;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    --width: auto !important;
    padding: 0 26px !important;
    text-align: center;
    border-right: 0 !important;
    border-left: 1px solid #1C1C1C !important;
  }

  #tr-stats-group > .e-con::before,
  #tr-stats-track > [aria-hidden="true"] > .e-con::before {
    display: none !important;
  }

  #tr-stats-group > .e-con > .number-stats,
  #tr-stats-track > [aria-hidden="true"] > .e-con > .number-stats,
  #tr-stats-group > .e-con > .e-paragraph-base:first-child,
  #tr-stats-track > [aria-hidden="true"] > .e-con > .e-paragraph-base:first-child {
    font-size: 26px !important;
    line-height: 1 !important;
    background: linear-gradient(180deg, #ffffff 0%, #bff5e1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }

  #tr-stats-group > .e-con > .label-stats,
  #tr-stats-track > [aria-hidden="true"] > .e-con > .label-stats,
  #tr-stats-group > .e-con > .e-paragraph-base:last-child,
  #tr-stats-track > [aria-hidden="true"] > .e-con > .e-paragraph-base:last-child {
    margin-top: 10px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }
}

