#sm-hero-section{
position:relative;
overflow:hidden;
background:#000000;
color:#F8F6F5;
isolation:isolate;
padding:110px 18px 34px;
min-height:auto;
}
#sm-hero-section *{box-sizing:border-box}
#sm-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.sm-glow-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(130px);
  opacity: 0.13;
  pointer-events: none;
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.blob-lime {
  top: -15%;
  right: 5%;
  width: 550px;
  height: 550px;
  background: #DBFF49;
}
.blob-blue {
  bottom: 10%;
  left: -8%;
  width: 500px;
  height: 500px;
  background: #0055ff;
}
.sm-noise-overlay {
  position: absolute;
  inset: 0;
  background-image: url("https://www.transparenttextures.com/patterns/stardust.png");
  opacity: 0.15;
  z-index: 1;
  pointer-events: none;
}

.sm-grid-lines {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse at center top, rgba(0,0,0,0.8) 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse at center top, rgba(0,0,0,0.8) 0%, transparent 75%);
}
.sm-hero-copybox{
  width:min(100%, 980px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
}

.section-heading{
  text-align:center;
  position:relative;
}

.section-tag{
  display:inline-block;
  font-family:'Urbanist',sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#DBFF49;
  margin-bottom:18px;
}

.main-title{
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:clamp(64px,11vw,130px);
  line-height:0.95;
  letter-spacing:-0.02em;
  text-transform:uppercase;
  margin:0;
}

.main-title .ghost{
  color:transparent;
  -webkit-text-stroke:1.5px rgba(255,255,255,.22);
  display:block;
}

.main-title .solid{
  color:#ffffff;
  display:block;
}

.sm-hero-wrap{
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:0;
}

.sm-hero-badge{
  position: relative;

  display:flex;
  align-items:center;
  justify-content:center;

  width: 184px;
  height: 46px;

  overflow:hidden;

  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

  border: 1px solid rgba(255,255,255,.06);

  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);

  box-shadow:
    0 4px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.sm-hero-badge::before{
  content:"";

  position:absolute;
  inset:0;

  background:
    radial-gradient(
      circle at top left,
      rgba(219,255,73,.08),
      transparent 42%
    );

  opacity:.7;

  pointer-events:none;
}

.sm-hero-badge-slider{
  position:relative;
  width:100%;
  height:100%;
}

.sm-hero-badge-item{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:0;
  transform:
    translateY(10px)
    scale(.96);

  transition:
    opacity .45s ease,
    transform .45s cubic-bezier(.22,1,.36,1);
}

.sm-hero-badge-item.is-active{
  opacity:1;

  transform:
    translateY(0)
    scale(1);
}

.sm-hero-badge-item i{
  font-size:13px;

  color:#DBFF49;

  text-shadow:
    0 0 10px rgba(219,255,73,.18);
}

.sm-hero-badge-item span{
  font-family:'Urbanist',sans-serif;

  font-size:11px;
  font-weight:700;

  letter-spacing:.18em;
  text-transform:uppercase;

  color:#F8F6F5;
}

.sm-hero-kicker{
  display:none;
}
.sm-title-line {
  display: flex;
  align-items: baseline;
  gap: 18px;
}

/* MEET — sirf outline */
.sm-title-outline {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.22);
}

/* OUR TEAM — solid white */
.sm-title-fill {
  color: #ffffff;
}

.sm-title-line .sm-char{
  display:inline-block;
  will-change: transform, opacity;
}

.sm-hero-text{
  margin:0;
  max-width:760px;
  font-family:'Urbanist',sans-serif;
  font-weight:500;
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.8;
  color:rgba(248,246,245,.72);
}

.sm-hero-text b { color: var(--lime); font-weight: 500; }


.sm-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.sm-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:16px;text-decoration:none;font-family:'Urbanist',sans-serif;font-size:15px;font-weight:500;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background .35s ease,border-color .35s ease,color .35s ease;isolation:isolate}
.sm-btn i,.sm-btn span{position:relative;z-index:2}
.sm-btn-primary{background:#DBFF49;color:#111111;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(219,255,73,.18),inset 0 1px 0 rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sm-btn-primary::before{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-22deg);transition:left .7s ease;z-index:1}
.sm-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 45px rgba(219,255,73,.28),0 0 30px rgba(219,255,73,.12)}
.sm-btn-primary:hover::before{left:140%}
.sm-btn-primary:active{transform:scale(.96)}
.sm-btn-secondary{background:rgba(17,17,17,.42);color:#F8F6F5;border:1px solid rgba(219,255,73,.10);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); box-shadow:0 10px 28px rgba(0,0,0,.18)}
.sm-btn-secondary:hover{transform:translateY(-3px);border-color:rgba(219,255,73,.22);box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 24px rgba(219,255,73,.08)}
@keyframes smFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.03)}}
@media (max-width:980px){
#sm-hero-section{padding:108px 16px 34px}
.sm-hero-wrap{min-height:auto}
.sm-hero-title{font-size:clamp(44px,13.5vw,92px);max-width:100%}
}

@media (max-width:640px){

#sm-hero-section{
  padding:88px 16px 28px;
  min-height:auto;
}

.sm-hero-copybox{
  gap:14px;
}

.sm-hero-wrap{
  padding-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sm-hero-actions{
  width:100%;
}

.sm-btn{
  width:100%;
}

.sm-title-line{
  width:100%;
  display:block;
  text-align:center;
  white-space:nowrap;
}

.sm-hero-text{
  font-size:17px;
  line-height:1.7;
}
}

@media (max-width:640px){

#sm-hero-section{
  display:flex;
  align-items:flex-start;
}

.sm-hero-wrap{
  width:100%;
  min-height:auto;
  padding-top:34px;
  padding-bottom:24px;
}

.sm-hero-copybox{
  margin-top:0;
}

.sm-hero-badge{
  margin-bottom:4px;
}

.sm-hero-text{
  max-width:320px;
}

}

#sm-trusted-strip{

  position:relative;

  width:100%;

  overflow:hidden;

  background:#000000;

  padding:18px 0 14px;

}

.sm-trusted-topline,
.sm-trusted-bottomline{

  width:100%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(219,255,73,.28) 20%,
      rgba(219,255,73,.12) 50%,
      rgba(219,255,73,.28) 80%,
      transparent 100%
    );

}

.sm-trusted-bottomline{

  margin-top:16px;

}
.sm-trusted-label-wrap{

  position:absolute;

  top:-1px;

  left:50%;

  transform:translateX(-50%);

  z-index:5;

  display:flex;

  align-items:center;

  gap:10px;

  padding:0 18px;

  background:#000000;

}

#sm-trusted-strip{

  position:relative;

  z-index:2;

}

.sm-trusted-dot{

  width:10px;

  height:10px;

  border-radius:50%;

  background:#DBFF49;

  box-shadow:
    0 0 12px rgba(219,255,73,.6);

}

.sm-trusted-label{

  margin:0;

  font-family:'Urbanist',sans-serif;

  font-size:15px;

  font-weight:500;

  letter-spacing:.14em;

  color:rgba(248,246,245,.72);

}

.sm-trusted-marquee{

  position:relative;

  width:100%;

  overflow:hidden;

  margin-top:22px;

}

.sm-trusted-marquee::before,
.sm-trusted-marquee::after{

  content:"";

  position:absolute;

  top:0;

  width:180px;

  height:100%;

  z-index:2;

  pointer-events:none;

}

.sm-trusted-marquee::before{

  left:0;

  background:
    linear-gradient(
      90deg,
      #000000 0%,
      transparent 100%
    );

}

.sm-trusted-marquee::after{

  right:0;

  background:
    linear-gradient(
      270deg,
      #000000 0%,
      transparent 100%
    );

}

.sm-trusted-track{

  display:flex;

  align-items:center;

  gap:110px;

  width:max-content;

  animation:smTrustedMove 26s linear infinite;

}

.sm-trusted-logo{

  flex:none;

  width:180px;

  height:92px;

  display:flex;

  align-items:center;

  justify-content:center;

  opacity:.9;

  transition:
    opacity .35s ease,
    transform .35s ease,
    filter .35s ease;

}

.sm-trusted-logo img{

  max-width:100%;

  max-height:82px;

  object-fit:contain;

  filter:
    grayscale(100%)
    brightness(.92);

}

.sm-trusted-logo:hover{

  opacity:1;

  transform:translateY(-4px);

}

.sm-trusted-logo:hover img{

  filter:
    grayscale(0%)
    brightness(1);

}

@keyframes smTrustedMove{

  0%{

    transform:translateX(0);

  }

  100%{

    transform:translateX(-50%);

  }

}

@media (max-width:768px){

  #sm-trusted-strip{

    padding:16px 0 12px;

  }

  .sm-trusted-track{

    gap:70px;

  }

  .sm-trusted-logo{

    width:130px;

    height:72px;

  }

  .sm-trusted-logo img{

    max-height:58px;

  }

  .sm-trusted-marquee::before,
  .sm-trusted-marquee::after{

    width:80px;

  }

}



/* ═══════════════════════════════════════
   SHEO MEDIA — ABOUT SECTION CSS
   File: css/about.css
   Theme: navbar.css variables
═══════════════════════════════════════ */

/* ── SECTION WRAPPER ── */
#sheo-about {
  width: 100%;
  padding: 120px 0 100px;
  position: relative;
  overflow: hidden;
  background-color: #1a1a1a;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.055'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
}

/* subtle top border line */
#sheo-about::before {
  content: '';
  position: absolute;
  top: 0; left: 5%; right: 5%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(219,255,73,0.15) 30%,
    rgba(219,255,73,0.15) 70%,
    transparent
  );
}
/* ═══════════════════════════════
   CARDS GRID
═══════════════════════════════ */
.sheo-about-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 40px;
}

/* ─────────────────────────────────────
   PREMIUM IMAGE TEXTURE CARD
───────────────────────────────────── */
.sheo-acard{
  position:relative;
  aspect-ratio:3/3.8;
  overflow:hidden;
  cursor:pointer;

  border-radius:24px;

  opacity:0;
  transform:translateY(40px);

  transition:
  opacity .7s cubic-bezier(.4,0,.2,1),
  transform .7s cubic-bezier(.4,0,.2,1),
  box-shadow .45s ease,
  border-color .45s ease;

  background:

  linear-gradient(
    180deg,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.45) 100%
  ),

  url("assets/images/bg.jpg");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  border:1px solid rgba(255,255,255,.05);

  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.03),
  0 12px 40px rgba(0,0,0,.45);

  isolation:isolate;
}


@media(max-width:768px){

  .sheo-about-cards{
    grid-template-columns: 1fr;
    padding: 0 20px;
    gap: 18px;
  }

  .sheo-acard{
    aspect-ratio: auto;
    min-height: 260px;
  }

}

/* ─────────────────────────────────────
   EXTRA DARK LUXURY OVERLAY
───────────────────────────────────── */

.sheo-acard::before{
  content:'';

  position:absolute;
  inset:0;

  background:

  radial-gradient(
    circle at 82% 22%,
    rgba(255,255,255,.12) 0%,
    transparent 32%
  ),

  radial-gradient(
    circle at 18% 78%,
    rgba(255,255,255,.08) 0%,
    transparent 36%
  ),

  linear-gradient(
    145deg,
    rgba(0,0,0,.35) 0%,
    rgba(0,0,0,.72) 100%
  );

  mix-blend-mode:soft-light;

  opacity:.95;

  pointer-events:none;

  z-index:0;
}

/* ─────────────────────────────────────
   SOFT GRAIN TEXTURE
───────────────────────────────────── */
/* ─────────────────────────────
   ABOUT HEADING
───────────────────────────── */

.sheo-about-heading{
  width:100%;
  max-width:980px;

  margin:0 auto 42px;

  padding:0 40px;

  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.sheo-about-heading-label{
  display:flex;
  align-items:center;
  gap:12px;

  margin-bottom:18px;
}

.sheo-about-heading-line{
  width:34px;
  height:2px;

  border-radius:20px;

  background:#DBFF49;
}

.sheo-about-heading-tag{
  font-family:'Urbanist',sans-serif;

  font-size:45px;
  font-weight:600;

  letter-spacing:3px;
  text-transform:uppercase;

  color:#DBFF49;
}

.sheo-about-heading-sub{
  max-width:620px;

  font-family:'Urbanist',sans-serif;

  font-size:15px;
  font-weight:500;

  line-height:1.8;

  color:rgba(255,255,255,.58);

  margin:0;
}

/* ─────────────────────────────
   MOBILE
───────────────────────────── */

@media(max-width:768px){

  .sheo-about-heading{
    padding:0 24px;
    margin-bottom:28px;
  }


  .sheo-about-heading-sub{
    font-size:14px;
    line-height:1.7;
  }

}

@media(max-width:480px){

  .sheo-about-heading{
    padding:0 16px;
  }

}
/* ─────────────────────────────────────
   CONTENT ABOVE OVERLAY
───────────────────────────────────── */

.sheo-acard-content{
  position:relative;
  z-index:3;
}

/* ─────────────────────────────────────
   PREMIUM HOVER
───────────────────────────────────── */

.sheo-acard:hover{
  transform:translateY(-6px);

  border-color:rgba(255,255,255,.10);

  box-shadow:
  0 20px 55px rgba(0,0,0,.65),
  0 0 30px rgba(255,255,255,.04);
}

.sheo-acard.sheo-visible {
  opacity: 1;
  transform: translateY(0);
}

/* stagger delays */
.sheo-acard[data-index="0"] { transition-delay: 0s; }
.sheo-acard[data-index="1"] { transition-delay: .1s; }
.sheo-acard[data-index="2"] { transition-delay: .2s; }
.sheo-acard[data-index="3"] { transition-delay: .3s; }

/* round outer corners */
.sheo-acard:first-child { border-radius: 20px 0 0 20px; }
.sheo-acard:last-child  { border-radius: 0 20px 20px 0; }

.sheo-acard-overlay{
  position:absolute;
  inset:0;

  background:

  radial-gradient(
    circle at 82% 24%,
    rgba(255,255,255,.14) 0%,
    transparent 34%
  ),

  radial-gradient(
    circle at 18% 78%,
    rgba(255,255,255,.08) 0%,
    transparent 40%
  ),

  linear-gradient(
    145deg,
    rgba(0,0,0,.12) 0%,
    rgba(0,0,0,.42) 100%
  );

  backdrop-filter:blur(1px);

  transition:.4s ease;
}

.sheo-acard:hover .sheo-acard-overlay{
  background:

  radial-gradient(
    circle at 82% 24%,
    rgba(255,255,255,.18) 0%,
    transparent 34%
  ),

  radial-gradient(
    circle at 18% 78%,
    rgba(255,255,255,.10) 0%,
    transparent 40%
  ),

  linear-gradient(
    145deg,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.28) 100%
  );
}

/* content */
.sheo-acard-content {
  position: absolute; inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 24px;
  z-index: 2;
}

/* top: numeral + label */
.sheo-acard-top {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sheo-acard-num {
  font-family: 'Poppins', sans-serif;
  font-size: 14px; font-weight: 300;
  color: rgba(219,255,73,0.7);
  letter-spacing: 1px;
}

.sheo-acard-label {
  font-family: 'Urbanist', sans-serif;
  font-size: 20px; font-weight: 600;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: rgba(248,246,245,0.5);
  transition: color .3s;
}

.sheo-acard:hover .sheo-acard-label {
  color: rgba(248,246,245,0.8);
}

/* bottom: big number + arrow */
.sheo-acard-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.sheo-acard-stat {
  display: flex;
  align-items: baseline;
  gap: 2px;
  line-height: 1;
}

.sheo-acard-count {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(48px, 5vw, 72px);
  font-weight: 300;
  color:#DBFF49;
  letter-spacing: -3px;
  line-height: 1;
  display: block;
}

.sheo-acard-suffix {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(24px, 2.5vw, 36px);
  font-weight: 300;
  color: var(--accent);
  letter-spacing: -1px;
  margin-bottom: 6px;
}

.sheo-acard-arrow {
  font-size: 22px;
  color: rgba(248,246,245,0.3);
  transition: color .3s, transform .4s cubic-bezier(.34,1.56,.64,1);
  line-height: 1;
  padding-bottom: 4px;
}

.sheo-acard:hover .sheo-acard-arrow {
  color: var(--accent);
  transform: translate(4px, -4px);
}

/* ═══════════════════════════════
   RESPONSIVE
═══════════════════════════════ */
@media(max-width: 1024px) {
  .sheo-about-top {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
  }
  .sheo-about-disc-wrap {
    align-self: flex-end;
  }
  .sheo-about-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
  }
  .sheo-acard:first-child { border-radius: 20px 0 0 0; }
  .sheo-acard:last-child  { border-radius: 0 0 20px 0; }
  .sheo-acard:nth-child(2) { border-radius: 0 20px 0 0; }
  .sheo-acard:nth-child(3) { border-radius: 0 0 0 20px; }
}

@media(max-width: 768px) {
  #sheo-about { padding: 80px 0 70px; }
  .sheo-about-top { padding: 0 24px; margin-bottom: 48px; }
  .sheo-about-cards { padding: 0 24px; gap: 3px; }
  .sheo-about-fill-text { font-size: clamp(18px, 4.5vw, 28px); }
  .sheo-about-disc { width: 160px; height: 160px; }
  .sheo-disc-center { gap: 4px; }
  .sheo-disc-logo { width: 40px; height: 40px; font-size: 14px; }
  .sm-btn-secondary{margin-bottom: 20px;}
}
@media(max-width: 480px) {

  .sheo-about-cards{
    grid-template-columns: 1fr;
    padding: 0 16px;
    gap: 16px;
  }

    .sheo-acard{
  aspect-ratio: unset;
  height: 380px;
  min-height: 380px;
}
  }

  .sheo-acard-count{
    font-size: 58px;
  }

  .sheo-acard-suffix{
    font-size: 28px;
  }

  .sheo-acard-content{
    padding: 24px 20px;
  }

}
@media (max-width: 640px){

.sm-hero-title{
  width:100%;
  font-family:'Poppins',sans-serif;
  font-size:clamp(32px,8.5vw,46px);
  font-weight:600;
  line-height:.92;
  letter-spacing:-0.06em;
  text-align:center;
  color:#F8F6F5;
}

.sm-title-line{
  width:100%;
  display:block;
  text-align:center;
  white-space:nowrap;
}

.sm-hero-wrap{
  min-height:100svh;
  padding-top:8px;
}

}

@media (max-width:640px){

#sm-hero-section{
  padding-top:88px;
}

.sm-hero-wrap{
  align-items:flex-start;
}

.sm-hero-copybox{
  gap:12px;
}



.sm-hero-title{
  font-size:clamp(32px,9vw,46px);
  line-height:.92;
}
  .sm-btn-secondary{margin-bottom: 20px;}

}

@media (max-width:640px){

#sm-hero-section{
  min-height:auto !important;
  padding:130px 18px 0 !important;
}

.sm-hero-wrap{
  min-height:auto !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  padding:0 !important;
}

.sm-hero-copybox{
  width:100%;
  gap:12px;
}

#sm-trusted-strip{
  margin-top:0 !important;
  padding-top:0 !important;
}

}


/* ==========================================================
   SM TEAM CTA SECTION & CREATIVE BUTTON CSS
========================================================== */

/* ==========================================================
   SM TEAM CTA SECTION & CREATIVE BUTTON CSS
========================================================== */
#sm-team-cta-section {
  /* EXACT COPY FROM OUR SERVICES */
  background-color: #1a1a1a;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
  
  padding: 95px 20px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

/* Exact top border line from Our Services */
#sm-team-cta-section::before {
  content: '';
  position: absolute;
  top: 0; left: 5%; right: 5%;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(219,255,73,0.15) 30%,
    rgba(219,255,73,0.15) 70%,
    transparent
  );
  pointer-events: none;
}

/* (Iske niche aapka bacha hua .sm-team-cta-container aur .sm-btn-team ka code as it is rahega) */
.sm-team-cta-container {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.sm-team-cta-title {
  font-family: 'Urbanist', sans-serif;
  color: #ffffff;
  font-size: clamp(26px, 4.5vw, 38px);
  font-weight: 600;
  margin: 0 0 14px 0;
  letter-spacing: -0.02em;
}

.sm-team-cta-desc {
  font-family: 'Poppins', sans-serif;
  color: #a0aec0;
  font-size: clamp(14px, 2.2vw, 15px);
  font-weight: 400;
  max-width: 540px;
  margin: 0 auto 38px auto;
  line-height: 1.6;
}

.sm-team-action-area {
  display: flex;
  justify-content: center;
}

/* ── CREATIVE GLASSMORPHIC TEAM BUTTON ── */
.sm-btn-team {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 26px 10px 12px;
  border-radius: 50px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.sm-btn-team__circle {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dbff49; /* Exact Lime Green Theme Accent */
  font-size: 13px;
  margin-right: 16px;
  transition: all 0.4s ease;
  position: relative;
  z-index: 3;
}

.sm-btn-team__text {
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  margin-right: 12px;
  position: relative;
  z-index: 3;
  transition: color 0.35s ease;
}

.sm-btn-team__arrow {
  color: rgba(255, 255, 255, 0.4);
  font-size: 13px;
  position: relative;
  z-index: 3;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Fluid Liquid Reveal Backdrop */
.sm-btn-team::before {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: #dbff49; /* Absolute Accent Fill */
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: 50px;
  z-index: 1;
}

/* ── INTERACTIVE HOVER STATES ── */
.sm-btn-team:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}

.sm-btn-team:hover {
  border-color: #dbff49;
  box-shadow: 0 12px 30px rgba(219, 255, 73, 0.12);
  transform: translateY(-4px);
}

.sm-btn-team:hover .sm-btn-team__text {
  color: #001019;
}

.sm-btn-team:hover .sm-btn-team__circle {
  background: #001019;
  color: #dbff49;
  transform: rotate(360px); /* Elegant full rolling transition */
}

.sm-btn-team:hover .sm-btn-team__arrow {
  color: #001019;
  transform: translate(3px, -3px); /* Diagnostics corner pop indicator */
}

/* ═══════════════════════════════════
   NEXT GEN SERVICES SECTION CSS
═══════════════════════════════════ */

.nx-services-section{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding:40px 40px 90px;
  position:relative;
}

.nx-sec-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:32px;
}

.nx-sec-label{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.nx-sec-line{
  width:34px;
  height:2px;
  background:#DBFF49;
  border-radius:10px;
}

.nx-sec-label span{
  font-family:'Urbanist',sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:4px;
  color:#DBFF49;
}

.nx-sec-title{
  font-family:'Urbanist',sans-serif;
  font-size:clamp(42px,6vw,78px);
  line-height:.92;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
}

.nx-sec-title span{
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.4);
}

.nx-sec-sub{
  max-width:380px;
  font-family:'Urbanist',sans-serif;
  font-size:15px;
  line-height:1.8;
  color:rgba(255,255,255,.55);
  text-align:right;
}

/* GRID */
.nx-services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:1180px;
  margin:0 auto;
}
/* CARD */

.nx-service-card{
  min-height:250px;
  padding:18px;
  border-radius:22px;
  background:
  linear-gradient(180deg,#121212 0%,#0a0a0a 100%);
  border:1px solid rgba(255,255,255,.08);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:.45s cubic-bezier(.22,1,.36,1);
}

.nx-service-card:hover{
  transform:translateY(-10px);
  border-color:rgba(219,255,73,.3);
  box-shadow:
  0 20px 70px rgba(0,0,0,.55),
  0 0 40px rgba(219,255,73,.06);
}

.nx-dot-grid{
  position:absolute;
  inset:0;
  background-image:
  radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:22px 22px;
  opacity:.3;
}

.nx-glow{
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  background:
  radial-gradient(circle,rgba(219,255,73,.08),transparent 70%);
  top:-120px;
  left:-120px;
  opacity:0;
  transition:.45s ease;
}

.nx-service-card:hover .nx-glow{
  opacity:1;
  transform:scale(1.2);
}

.nx-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  position:relative;
  z-index:2;
  margin-bottom:32px;
}

.nx-icon-wrap{
  width:46px;
  height:46px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
  transition:.35s ease;
}

.nx-service-card:hover .nx-icon-wrap{
  color:#DBFF49;
  border-color:rgba(219,255,73,.3);
  background:rgba(219,255,73,.08);
}

.nx-save-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-family:'Urbanist',sans-serif;
  font-size:10px;
  letter-spacing:1px;
  color:rgba(255,255,255,.7);
}

.nx-card-meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  position:relative;
  z-index:2;
}
.nx-card-meta span{
  font-family:'Urbanist',sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:1.8px;
  color:rgba(255,255,255,.42);
  text-transform:uppercase;
}
.nx-meta-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#666;
}

.nx-card-title{
  font-family:'Poppins',sans-serif;
  font-size:clamp(24px,2vw,34px);
  line-height:1;
  font-weight:600;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:18px;
  position:relative;
  z-index:2;
  letter-spacing:-1px;
}

.nx-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  position:relative;
  z-index:2;
}

.nx-tags span{
  padding:7px 11px;
  border-radius:8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-family:'Urbanist',sans-serif;
  font-size:11px;
  letter-spacing:1.5px;
  color:#bcbcbc;
}

.nx-divider{
  width:100%;
  height:1px;
  background:rgba(255,255,255,.08);
  margin:24px 0 18px;
  position:relative;
  z-index:2;
}

.nx-bottom{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  gap:24px;
  position:relative;
  z-index:2;
}
.nx-info h4{
  font-family:'Poppins',sans-serif;
  font-size:20px;
  font-weight:500;
  color:#fff;
  margin-bottom:4px;
}

.nx-info p{
  font-family:'Urbanist',sans-serif;
  font-size:12px;
  font-weight:500;
  color:rgba(255,255,255,.48);
  line-height:1.6;
}

.nx-cta-btn{
  width:100%;
  height:52px;
  border-radius:14px;
  background:#f5f5f5;
  color:#000;
  font-family:'Poppins',sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:1.4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  transition:.35s ease;
}

.nx-cta-btn:hover{
  background:#DBFF49;
  transform:translateY(-3px);
}

/* RESPONSIVE */

@media(max-width:1100px){

  .nx-services-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:768px){

  .nx-services-section{
    padding:90px 20px;
  }

  .nx-sec-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .nx-sec-sub{
    text-align:left;
    max-width:100%;
  }

  .nx-services-grid{
    grid-template-columns:1fr;
  }

  .nx-service-card{
    min-height:230px;
  }

  .nx-card-title{
    font-size:26px;
  }

}

@media(max-width:480px){

  .nx-service-card{
  padding:16px;
  border-radius:20px;
  min-height:220px;
}

  .nx-card-title{
    font-size:22px;
  }

  .nx-info h4{
    font-size:24px;
  }

  .nx-cta-btn{
    height:58px;
    font-size:12px;
  }

}