:root{
    --brand:#015AFF;
    --brand-ink:#06204c;
    --ink:#0c152a;
    --ink-60:#44506a;
    --surface:#ffffff;
    --card:#f7f9ff;
    --stroke:#e6ecfb;
    --radius: 22px;
    --radius-xl:24px;
    --hero-h01: 360px;
    --hero-h02: 260px;

    --eq-max: 1440px;
    --eq-max-xl: 1600px;
    --eq-brand: #015AFF;
    --eq-brand-bright: #1D6DFF;

    --about-frame-max: 600px;

    --blue: #015AFF;
    --orange: #FF7A1A;
    --card-border: rgba(1, 90, 255, .12);
    --card-shadow: 0 6px 16px rgba(1, 90, 255, .06);

    /*Price table*/
    --brand-deep:#0A47D6;
    --brand-darker:#0633A6;
    --accent:#FF7A1A;
    --accent-2:#FF9A3C;
    --bg:#F5F8FF;
    
    --ctaW: clamp(310px, 28vw, 340px);
    --btnH: 56px;
    --btnFS: 14px;
    --btnRadius: 12px;
    --icoSize: 1rem;
  }


@media (max-width:991.98px){
  :root{
    --hero-h01: 340px;
    --hero-h02: 240px;
  }
}
@media (max-width:575.98px){
    :root{ 
      --hero-h01: 320px;
      --hero-h02: 220px;
    }
}

/************** Homepage *************/
  /* Ratio lock */
  header.innerbg.sliderbg .home-slider{
    width: 100%;
    aspect-ratio: 1920 / 705;
    position: relative;
    overflow: hidden;
  }
  header.innerbg.sliderbg .swiper-wrapper,
  header.innerbg.sliderbg .swiper-slide{ height: 100%; }
  header.innerbg.sliderbg .swiper-slide{
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #0b1226;
  }

  /* Left readability overlay */
  header.innerbg.sliderbg .swiper-slide::before{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 38%);
    pointer-events:none;
  }

  /* Frosted panel (slightly wider + nudged down) */
  header.innerbg.sliderbg .swiper-slide > .bg-white.bg-opacity-75{
    background: rgba(255,255,255,0.20) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,0.12),
      0 10px 30px rgba(0,0,0,0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    max-width: 64ch;
    padding: 1.25rem !important;
    margin-top: .75rem;
  }
  @media (min-width:576px){
    header.innerbg.sliderbg .swiper-slide > .bg-white.bg-opacity-75{
      padding: 1.75rem !important;
    }
  }

  /* Headline */
  header.innerbg.sliderbg .swiper-slide h2{
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,0.35);
    font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    margin-bottom:.35rem;
  }
  header.innerbg.sliderbg .swiper-slide h2 strong{ color:#fff !important; }
  header.innerbg.sliderbg .swiper-slide h2 .bm{
    color:#015AFF !important;
    text-shadow: 0 0 12px rgba(1,90,255,.55);
    font-weight: 800; letter-spacing: .2px;
  }

  /* Country badge + price badges */
  header.innerbg.sliderbg .swiper-slide .badgemd{
    display:inline-flex !important; width:max-content !important; white-space:nowrap !important;
    align-items:center; justify-content:center; color:#fff !important;
    background: rgba(11,18,38,0.30) !important; border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius:12px !important; padding:.40rem .90rem !important;
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
    letter-spacing:.04em;
  }
  header.innerbg.sliderbg .pricebar{ display:flex; align-items:center; gap:.6rem 1rem; flex-wrap:wrap; margin-top:.65rem; }
  header.innerbg.sliderbg .pricechips{ display:flex; align-items:center; gap:.5rem .6rem; flex-wrap:wrap; }
  header.innerbg.sliderbg .pricebadge{
    display:inline-flex; width:max-content; white-space:nowrap; align-items:center; justify-content:center;
    color:#fff; background: rgba(11,18,38,0.30); border: 1px solid rgba(255,255,255,0.22);
    border-radius:999px; padding:.32rem .8rem; font-size:.9rem; text-transform:uppercase;
    backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); text-shadow:0 1px 2px rgba(0,0,0,0.25);
  }

  /* Price value */
  header.innerbg.sliderbg .pricevalue{
    color:#16b36a;
    font-weight:800;
    font-size: clamp(1.6rem, 2.8vw, 2.4rem);
    letter-spacing:-0.5px;
    margin:0 .1rem;
    text-shadow:
      0 1px 2px rgba(0,0,0,0.28),
      0 0 6px rgba(255,255,255,0.28);
  }
  header.innerbg.sliderbg .prifont{ font-weight:700; margin-right:2px; }

  /* Features with tiny icons */
  header.innerbg.sliderbg .banner-features{
    display:flex; align-items:center; flex-wrap:wrap; gap:.55rem 1rem; margin:.28rem 0 .55rem 0;
  }
  header.innerbg.sliderbg .banner-features .feat{
    display:inline-flex; align-items:center; gap:.45rem; color:#fff; opacity:.95; line-height:1.3;
    font-size: clamp(.95rem, 1.4vw, 1.05rem); text-shadow:0 1px 2px rgba(0,0,0,.25);
  }
  header.innerbg.sliderbg .banner-features .feat svg{
    width:18px; height:18px; stroke:#fff; fill:none; stroke-width:2; filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
  }

  /* CTA buttons */
  header.innerbg.sliderbg .cta-row{
    display:flex; align-items:center; gap:12px; margin-top:.55rem; flex-wrap:nowrap; justify-content:flex-start;
  }
  header.innerbg.sliderbg .btn-cta{
    display:inline-flex !important; align-items:center; justify-content:center;
    gap:.6rem; height:44px; padding:0 18px; border:none; outline:none;
    color:#fff !important; font-weight:800; font-size:14px; letter-spacing:.3px;
    border-radius:12px !important; text-transform:uppercase; text-decoration:none !important;
    box-shadow:0 8px 16px rgba(0,0,0,0.12);
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
    white-space:nowrap; flex:0 0 auto !important; width:auto !important;
  }
  header.innerbg.sliderbg .btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 20px rgba(0,0,0,0.16); text-decoration:none !important; }
  header.innerbg.sliderbg .btn-cta i{ font-size:14px; line-height:0; margin-left:8px; color:#fff; }
  header.innerbg.sliderbg .btn-cta--green{ background: linear-gradient(135deg, #28d07f, #16b36a); }
  header.innerbg.sliderbg .btn-cta--orange{ background:#FF7A1A !important; }

  /* --- Nav: arrows moved slightly down, dots centered and forced visible --- */
  header.innerbg.sliderbg .home-slider .swiper-button-next,
  header.innerbg.sliderbg .home-slider .swiper-button-prev{
    width:46px; height:46px;
    border-radius:12px;
    background: rgba(11,18,38,0.38) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
    color:#fff;
    z-index:6;
    top: calc(50% + 14px);          /* down a touch */
    transform: translateY(-50%);
  }
  header.innerbg.sliderbg .home-slider .swiper-button-prev{ left:8px !important; }
  header.innerbg.sliderbg .home-slider .swiper-button-next{ right:8px !important; }

  header.innerbg.sliderbg .home-slider .swiper-button-next:hover,
  header.innerbg.sliderbg .home-slider .swiper-button-prev:hover{
    background: rgba(11,18,38,0.52) !important;
  }
  header.innerbg.sliderbg .home-slider .swiper-button-next::after,
  header.innerbg.sliderbg .home-slider .swiper-button-prev::after{
    font-size:18px !important; font-weight:800; color:#fff;
  }

  /* Pagination dots — force show on desktop and center */
  header.innerbg.sliderbg .home-slider .swiper-pagination{
    position:absolute;
    left:50%; bottom:16px; transform:translateX(-50%);
    display:flex !important;
    align-items:center; gap:8px;
    z-index:10; opacity:1 !important; visibility:visible !important;
    pointer-events:auto;
  }
  header.innerbg.sliderbg .home-slider .swiper-pagination-bullet{
    width:8px; height:8px; border-radius:999px;
    background: rgba(255,255,255,0.55) !important; opacity:1 !important;
    transition: width .22s ease, background-color .22s ease, transform .22s ease;
    box-shadow:0 1px 3px rgba(0,0,0,0.25);
  }
  header.innerbg.sliderbg .home-slider .swiper-pagination-bullet:hover{
    transform:scale(1.12);
  }
  header.innerbg.sliderbg .home-slider .swiper-pagination-bullet-active{
    width:22px; background:#ffffff !important;
  }

  /* Mobile: dots only (hide arrows) */
  @media (max-width:576px){
    header.innerbg.sliderbg .home-slider .swiper-button-next,
    header.innerbg.sliderbg .home-slider .swiper-button-prev{ display:none !important; }
    header.innerbg.sliderbg .home-slider .swiper-pagination{ bottom:12px; }
  }

  /* Reduced transparency */
  @media (prefers-reduced-transparency: reduce) {
    header.innerbg.sliderbg .swiper-slide > .bg-white.bg-opacity-75{
      backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(30,30,30,0.28) !important;
    }
    header.innerbg.sliderbg .swiper-slide::before{ background: none; }
  }
  
/************** About Us ***************/
  .stat-card { min-height: 240px; transition: all 0.3s ease; }
  .stat-card:hover { background-color: #f8faff !important; transform: translateY(-6px); }
  .stat-card:hover i { color: #015AFF !important; transform: scale(1.1); }

  .about-frame{
    width: 100%;
    max-width: var(--about-frame-max);
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    display: block;
  }
  .about-frame > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ==== HERO overlay & glass box ==== */
  .about-banner.innerbg { position: relative; background-position:center; background-size:cover; overflow:hidden; }
  .about-banner.innerbg::before{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(90deg, rgba(5,14,30,.62) 0%, rgba(5,14,30,.46) 45%, rgba(5,14,30,0) 78%);
    z-index: 1;
  }
  .hero-wrap { position: relative; z-index: 2; }
  .about-banner .glass-hero{
    max-width: 720px;
    width: 100%;
    background: linear-gradient(180deg, rgba(12,22,42,.18), rgba(12,22,42,.28));
    border-radius: 22px;
    padding: 28px 28px 20px;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 10px 28px rgba(1,20,60,.25), inset 0 0 0 1px rgba(14,90,255,.10);
  }

  /* Pill glass badge (bring back the capsule) */
  .about-banner .glass-hero .hero-badge{
    display:inline-block; 
    font-size:.78rem; 
    letter-spacing:.06em;
    padding:6px 12px; 
    border-radius:999px;
    color:#E6F0FF; 
    background: rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);
    margin-bottom:12px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
    text-transform: uppercase;
  }

  /* ===  Hero text === */
  .about-banner.innerbg .glass-hero .hero-title{
    color:#ffffff !important;
    font-weight:800; line-height:1.1;
    margin:0 0 10px; font-size: clamp(1.6rem, 2.6vw, 2.4rem);
    max-width: 30ch;
  }
  .about-banner.innerbg .glass-hero .hero-title .hero-accent{ color:#015AFF !important; }

  .about-banner.innerbg .glass-hero .hero-sub{
    color:rgba(255,255,255,.92) !important;
    margin:0 0 12px; font-size: clamp(.98rem, 1.4vw, 1.05rem);
    max-width: 56ch;
  }
  .about-banner.innerbg .glass-hero .hero-meta{
    color:rgba(255,255,255,.82) !important;
    font-size:.95rem;
  }

  /* Hero CTAs (scoped) */
  .about-banner.innerbg .btn{ border-radius:12px; font-weight:600; }
  .about-banner.innerbg .btn-light{ background:#fff; border-color:#fff; color:#0c1a2f; }
  .about-banner.innerbg .btn-outline-light{ color:#fff; border-color:rgba(255,255,255,.7); }
  .about-banner.innerbg .btn-outline-light:hover{ background:#fff; color:#015AFF; }
  .about-banner.innerbg .cta-eq{ min-width:170px; }

  @media (max-width:576px){
    .about-banner.innerbg::before{
      background: linear-gradient(90deg, rgba(5,14,30,.70) 0%, rgba(5,14,30,.52) 50%, rgba(5,14,30,0) 85%);
    }
    .about-banner .glass-hero{ padding:20px 18px; border-radius:18px; }
    .about-banner .glass-hero .hero-meta{ font-size:.9rem; }
  }

  /* Reserve width so numbers don't jump (CLS) */
  .countup{display:inline-block; min-width:4ch;}
  
/* Force About page images to fill the frame completely */
.about-frame > img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}



/*********** Why Choose Us ************/
    /* HERO */
    .whychoose-banner.innerbg{position:relative;background-position:center;background-size:cover; overflow: hidden;}
    .whychoose-banner.innerbg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,30,.70) 0%,rgba(5,14,30,.46) 45%,rgba(5,14,30,0) 78%);z-index:1}
    .hero-wrap{position:relative;z-index:2}

    /* Glass hero */
    .whychoose-banner .glass-hero{
      background: linear-gradient(180deg, rgba(12,22,42,.26), rgba(12,22,42,.40));
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 22px;
      backdrop-filter: blur(11px);
      -webkit-backdrop-filter: blur(11px);
      box-shadow: 0 10px 28px rgba(1,20,60,.25), inset 0 0 0 1px rgba(14,90,255,.08);
      padding: 24px;
      height: var(--hero-h01);
      display:flex;flex-direction:column;justify-content:center;
      max-width: 700px; /* slightly wider */
    }

    /* Badge (kept to text width only) */
    .whychoose-banner.innerbg .glass-hero .hero-badge{
      display:inline-flex !important;
      width:auto !important;
      max-width:100% !important;
      white-space:nowrap !important;
      align-self:flex-start !important;
      padding:6px 12px !important;
      border-radius:999px !important;
      color:#E6F0FF !important;
      background:rgba(255,255,255,.14) !important;
      border:1px solid rgba(255,255,255,.24) !important;
      margin-bottom:12px !important;
      box-shadow:none !important;
    }

    .whychoose-banner.innerbg .hero-title{color:#ffffff !important;font-weight:800;line-height:1.08;margin:0 0 10px;font-size:clamp(2rem,3.2vw,3rem)}
    .whychoose-banner.innerbg .hero-title span{color:var(--brand) !important}
    .whychoose-banner.innerbg .hero-sub{color:rgba(255,255,255,.92) !important;max-width:58ch;font-size:clamp(1rem,1.4vw,1.06rem)}
    .btn{border-radius:12px}
    .btn-light{background:#fff;border-color:#fff;color:#0c1a2f}
    .cta-eq{min-width:170px}

    
    .hero-wrap .btn-outline-light{color:#fff;border-color:rgba(255,255,255,.7)}
    .hero-wrap .btn-outline-light:hover{background:#fff;color:var(--brand)}
    

    /* Sections */
    .whychoose-section{padding:64px 0}
    .whychoose-section .section-title{font-weight:800;color:var(--ink) !important}
    .intro-wrap{max-width:900px}
    .intro-wrap p{color:var(--ink-60)}

    .feature-card{transition:all .25s ease;min-height:260px;background:#fff;border:1px solid var(--stroke)}
    .feature-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(1,20,60,.10)}
    .feature-card h4{color:var(--brand-ink) !important;font-weight:800 !important}
    .feature-card p{color:var(--ink-60) !important}
    .feat-grid{row-gap:24px}

    .text-link{color:var(--brand);text-decoration:none}
    .text-link:hover{text-decoration:underline}

    .badge-free{background:#e7f3ff;color:var(--brand);border:1px solid #d0e6ff;border-radius:999px;padding:.4rem .7rem;font-weight:600}
    .why-illus{width:360px;max-width:100%}
    .divider-ghost{height:8px}

    /* Blue footer banner */
    .metrics-cta{
      background:#015AFF;
      border-radius:28px;
      padding:48px 24px;
      color:#fff;
    }
    .metric-item{
      text-align:center;
      padding:10px 14px;
    }
    .metric-icon{
      width:64px;height:64px;border-radius:16px;
      background:rgba(255,255,255,.22);
      display:flex;align-items:center;justify-content:center;
      margin:0 auto 10px auto;
      color:#fff;font-size:26px;
    }
    .metric-title{font-weight:800;margin-bottom:6px}
    .metric-sub{opacity:.95;margin:0}
    .metric-sub + .metric-sub{margin-top:4px}

    .cta-row{
      margin-top:26px;
      display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
    }
    .cta-row .btn{
      min-width:180px;
      border-radius:12px;
      padding:.7rem 1.2rem;
      font-weight:600;
    }

    @media (max-width:575.98px){
      .whychoose-banner .glass-hero{max-width: 100%;}
    }
    @media (min-width:992px){
      .section{
        padding:88px 0
      }
    }
/* Fix buttons alignment inside blue CTA section */
.metrics-cta {
  padding: 40px 24px 60px; 
}

.metrics-cta .mt-5 {
  margin-top: 2rem !important; 
}

.metrics-cta .cta-row {
  margin-top: 18px; 
  justify-content: center;
  gap: 12px;
}
/* Force visible text color inside Why Choose Us feature cards */
.whychoose-section .feature-card p {
  color: #243042 !important;
}

.whychoose-section .feature-card h4 {
  color: #0B1F3F !important;
}


/*************** Industries****************/
    .eq-industries-page .container,
    .eq-industries-page .container-xxl{
      max-width: var(--eq-max);
    }
    @media (min-width:1600px){
      .eq-industries-page .container,
      .eq-industries-page .container-xxl{
        max-width: var(--eq-max-xl);
      }
    }

    .eq-divider{
      display:block;
      width:100%;
      height:1px;
      background:#e2e8ff;
      border:0;
      margin:40px 0;
    }

    .eq-ind-section .container-xxl{
      max-width: inherit;
    }
    .eq-ind-section .eq-ind-card{
      border-radius: 0;
      padding: clamp(20px, 1.5vw, 34px);
      margin-bottom: 2.25rem;
      box-shadow: 0 16px 40px rgba(1,90,255,.06);
    }
    .eq-ind-section .eq-ind-card:last-of-type{
      box-shadow: none;
    }
    .eq-ind-section .eq-ind-title{
      font-weight:800;
      letter-spacing:.2px;
      margin-bottom:.5rem;
    }
    .eq-ind-section .eq-ind-desc{
      color:#243042;
      line-height:1.6;
    }
    .eq-ind-section .eq-ind-list{
      margin:0;
      padding-left:1.1rem;
    }
    .eq-ind-section .eq-ind-list li{
      margin-bottom:.35rem;
    }

    .eq-ind-section .bg-i1{background:#F5F7FF;}
    .eq-ind-section .bg-i2{background:#FFF6EC;}
    .eq-ind-section .bg-i3{background:#F4FBF6;}
    .eq-ind-section .bg-i4{background:#FFF2F5;}
    .eq-ind-section .bg-i5{background:#EEF4FF;}
    .eq-ind-section .bg-i6{background:#F2FAFF;}
    .eq-ind-section .bg-i7{background:#F8F4FF;}
    .eq-ind-section .bg-i8{background:#F6FFF2;}
    .eq-ind-section .bg-i9{background:#F9FAFB;}

    .eq-ind-section .eq-industry-bg{
      width:100%;
      height:clamp(220px, 28vw, 340px);
      background-size:cover;
      background-position:center;
      border-radius:0;
    }
    .eq-ind-section .align-self-center{
      align-self:flex-start !important;
    }
    @media (min-width:992px){
      .eq-ind-section .eq-ind-card{
        padding:40px;
        margin-bottom:2rem;
      }
    }

    .eq-cta{
      border-radius:0 !important;
      padding-top:2.25rem !important;
      padding-bottom:2.25rem !important;
    }
    .eq-cta .mt-5{ margin-top:2.25rem !important; }
    .eq-cta .mb-5{ margin-bottom:2.25rem !important; }
    .eq-cta .card{ border-radius:0 !important; }

    header.innerbg{
      background-size:cover;
      background-position:center;
    }

    .eq-hero-glass{
      position: relative;
      z-index: 0;
      max-width: clamp(560px, 60vw, 860px);
      padding: 28px 32px;
      border-radius: 18px;
      background: rgba(9,17,35,0.42);
      border: 1px solid rgba(255,255,255,0.28);
      box-shadow: 0 16px 48px rgba(1,90,255,.18), inset 0 1px 0 rgba(255,255,255,.22);
      backdrop-filter: blur(14px) saturate(120%);
      -webkit-backdrop-filter: blur(14px) saturate(120%);
    }
    .eq-hero-glass::before,
    .eq-hero-glass::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      z-index:0;
    }
    .eq-hero-glass::before{
      background: linear-gradient(115deg,
        rgba(9,17,35,.40) 0%,
        rgba(9,17,35,.28) 40%,
        rgba(255,255,255,.03) 100%
      );
    }
    .eq-hero-glass::after{
      background: linear-gradient(90deg, transparent 0%,
        rgba(11,18,38,.08) 38%,
        rgba(11,18,38,.08) 62%,
        transparent 100%);
    }
    .eq-hero-glass > *{
      position:relative;
      z-index:1;
    }

    .eq-hero-badge{
      display:inline-block;
      text-transform:uppercase;
      letter-spacing:.5px;
      font-weight:800;
      font-size:.85rem;
      line-height:1;
      padding:10px 14px;
      border-radius:999px;
      background: rgba(255,255,255,.92);
      color:#0b1226;
      border:1px solid rgba(255,255,255,.70);
      box-shadow: 0 8px 24px rgba(0,0,0,.16);
      margin-bottom:12px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    .eq-hero-title{
      color:#fff !important;
      font-weight:700;
      line-height:1.28;
      letter-spacing:.15px;
      margin:0;
      font-size: clamp(1.35rem, 2.2vw + .6rem, 2.25rem);
      max-width: 54ch;
      text-shadow: 0 1px 1px rgba(0,0,0,.35), 0 2px 12px rgba(0,0,0,.45);
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .eq-hero-title .text-primary{
      color: var(--eq-brand-bright) !important;
      font-weight: 800;
      text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 0 1px rgba(255,255,255,.35);
      -webkit-text-stroke: 0.15px rgba(255,255,255,.35);
    }
    .eq-hero-rest{
      color:#fff !important;
    }

    @media (max-width: 575.98px){
      .eq-hero-glass{
        max-width: 92vw;
        padding:22px 20px;
      }
    }
    @media (min-width: 1400px){
      .eq-hero-glass{
        max-width: clamp(640px, 58vw, 920px);
      }
    }

    @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
      .eq-hero-glass{ background: rgba(9,17,35,.62); }
      .eq-hero-glass::before{ background: linear-gradient(120deg, rgba(9,17,35,.58), rgba(9,17,35,.28)); }
      .eq-hero-glass::after{ background: linear-gradient(90deg, transparent 0%, rgba(11,18,38,.10) 38%, rgba(11,18,38,.10) 62%, transparent 100%); }
    }
.btn-white-custom {
    background: #fff;
    color: #015AFF;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
    transition: all 0.2s ease-in-out;
  }
  .btn-white-custom:hover {
    background: #f2f2f2;
    color: #015AFF;
  }
/* Show full image (no cropping) inside industry blocks */
.eq-industries-page .eq-ind-section .eq-industry-bg {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}




/***********Contact US***********/
  .contact-hero.innerbg{position:relative;background-size:cover;overflow: hidden;}
  .contact-hero.innerbg::before{
    content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(90deg, rgba(5,14,30,.68) 0%, rgba(5,14,30,.46) 40%, rgba(5,14,30,0) 74%);
  }
  .innerbg.contact-hero::after{
    content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(180deg, rgba(5,14,30,.16) 0%, rgba(5,14,30,0) 32%);
  }
  .hero-wrap{position:relative; z-index:2}
  .innerbg.contact-hero{min-height:480px;}

  /* Glass box (lighter opacity) */
  .contact-hero .glass-hero{
    background: linear-gradient(180deg, rgba(12,22,42,.20), rgba(12,22,42,.30));
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    backdrop-filter: blur(8px) saturate(110%);
    -webkit-backdrop-filter: blur(8px) saturate(110%);
    box-shadow: 0 10px 24px rgba(1,20,60,.16), inset 0 0 0 1px rgba(14,90,255,.05);
    padding: 20px;
    height: auto;
    display:flex; flex-direction:column; justify-content:center;
    max-width: 620px;
  }

  /* Badge */
  .hero-badge{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    white-space:nowrap !important;
    align-items:center; justify-content:center;
    padding:6px 12px; border-radius:999px; margin-bottom:10px;
    color:#E6F0FF; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.20);
  }

  /* Text inside glass */
  .contact-hero.innerbg .glass-hero .hero-title{
    color:#fff !important; font-weight:800; line-height:1.06; margin:0 0 8px;
    font-size:clamp(2rem,3.0vw,2.7rem);
  }
  .contact-hero.innerbg .glass-hero .hero-title span{color:var(--brand) !important}
  .contact-hero.innerbg .glass-hero .hero-sub{
    color:rgba(255,255,255,.95) !important; max-width:58ch;
    font-size:clamp(1rem,1.25vw,1.06rem)
  }

  .btn{border-radius:12px; font-weight:600}
  .cta-eq{min-width:170px}
  .btn-eq-primary{
    background: linear-gradient(135deg, #0B63F6, #0A47D6);
    color:#fff; border:0; box-shadow: 0 6px 16px rgba(11,99,246,.28);
  }
  .btn-eq-primary:hover{filter:brightness(1.06)}
  .btn-eq-ghost{color:#fff; border:1px solid rgba(255,255,255,.70); background:transparent}
  .btn-eq-ghost:hover{background:#fff; color:#0c1a2f}

  @media (max-width:1199.98px){
    header.innerbg.contact-hero{min-height:460px;}
  }
  @media (max-width:991.98px){
    header.innerbg.contact-hero{min-height:440px;}
  }
  @media (max-width:575.98px){
    .contact-hero .glass-hero{max-width:100%}
    header.innerbg.contact-hero{min-height:420px;}
  }
/* Force Contact Us banner background to fit fully without cropping */
.contact-hero.innerbg {
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
  
 /**********Datacenter***********/ 
 #chartdiv {
  width: 100%;
  height: 550px;
}


/***********************/
/*    Network Page     */
/***********************/
.na-arch-wrap {
  background: #f7f9ff;
}

/* KPI + Feature base card */
.na-stat,
.na-card {
  background: #fff;
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  min-height: 170px;
  transition: all .2s ease;
}

@media (max-width:575.98px) {

  .na-stat,
  .na-card {
    min-height: 150px;
  }
}

.na-stat:hover,
.na-card:hover,
.na-figcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(1, 90, 255, .08);
}

/* Icon pill */
.na-icon-circle {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(1, 90, 255, .10);
  color: var(--blue);
  font-size: 22px;
}

/* Text styles */
.na-stat-label {
  font-size: 13px;
  font-weight: 700;
  color: #667085;
  letter-spacing: .1px
}

.na-stat-value {
  font-size: 28px;
  font-weight: 800;
  color: var(--blue);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.na-unit {
  font-size: .65em;
  font-weight: 800;
  color: var(--blue);
  margin-left: 2px
}

/* Orange variant (icons + orange text only) */
.na-accent-orange .na-icon-circle {
  background: rgba(255, 122, 26, .12);
  color: var(--orange);
}

.na-accent-orange .na-stat-value,
.na-accent-orange .na-unit {
  color: var(--orange);
}

/* Feature cards orange variant */
.na-card.na-accent-orange .na-icon-circle {
  background: rgba(255, 122, 26, .12);
  color: var(--orange);
}

/* Diagram card */
.na-figcard {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 18px 18px 12px;
  box-shadow: var(--card-shadow);
}

.na-diagram {
  max-width: 820px;
  width: 100%;
  height: auto;
  display: block
}

@media (max-width:575.98px) {
  .na-diagram {
    max-width: 100%;
  }
}

@media (max-width:991.98px){
  .ms-group-btn .btn{
    font-size: 16px !important;
    padding: 5px;
  }
}

@media (max-width:768.98px){
  .ms-group-btn {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  .ms-group-btn .btn{
    width: 100%;
    border-radius: 0 !important;
  }
}

#chartdiv {
  width: 100%;
  height: 550px;
}



/* Promo banner */
.promo-wrap {
  position: relative;
  border-radius: var(--radius);
  background: linear-gradient(135deg, #11a1ff 0%, var(--brand) 45%, var(--brand-deep) 75%, var(--brand-darker) 100%);
  color: #fff;
  box-shadow: 0 18px 42px rgba(11, 71, 214, .22);
  overflow: hidden;
  margin-bottom: 32px;
}

.promo-inner {
  padding: 22px 24px;
}

.promo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.promo-copy h2 {
  margin: 6px 0 6px;
  font-weight: 900;
  line-height: 1.12;
  font-size: clamp(20px, 2.7vw, 34px);
}

.promo-copy .lead {
  margin: 0 0 6px;
  font-size: clamp(14px, 1.35vw, 18px);
  opacity: .98;
}

.promo-copy .note {
  margin: 0;
  font-size: .9rem;
  opacity: .85;
}

.ftservers .promo-wrap .promo-copy h2,
.ftservers .promo-wrap .promo-copy .lead,
.ftservers .promo-wrap .promo-copy .note {
  color: #fff !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

.promo-ctas {
  width: var(--ctaW);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
  flex-shrink: 0;
}

.coupon {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .35);
  padding: 8px 12px;
  border-radius: 999px;
  color: #eaf2ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15);
  width: 100%;
  justify-content: space-between;
}

.coupon-badge {
  flex: 0 0 auto;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 999px;
  color: #0b317a;
  background: #fff;
}

.coupon-code {
  flex: 1 1 auto;
  text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .06em;
  font-weight: 800;
  font-size: .96rem;
  color: #fff;
}

.btn-copy {
  position: relative;
  flex: 0 0 auto;
  background: #ffffff1f;
  border: 1px solid #ffffff55;
  color: #fff;
  font-weight: 800;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .85rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: filter .12s ease, transform .06s ease, background .2s ease, border-color .2s ease, color .2s ease;
  width: 100px;
  justify-content: center;
  white-space: nowrap;
}

.btn-copy .tick {
  position: absolute;
  right: 10px;
  font-weight: 900;
  opacity: 0;
  transform: scale(.9);
  transition: opacity .15s ease, transform .15s ease;
  pointer-events: none;
}

.btn-copy:hover {
  filter: brightness(1.05);
}

.btn-copy:active {
  transform: translateY(1px);
}

.btn-copy svg {
  width: 14px;
  height: 14px;
}

.btn-copy.copied {
  background: linear-gradient(135deg, #28d07f, #16b36a);
  border-color: #baf2d5;
  color: #fff;
}

.btn-copy.copied .btn-label {
  opacity: 1;
}

.btn-copy.copied .tick {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 400px){
  .btn-copy{
    width: auto;
  }
  .btn-copy svg {
    display: none;
  }
}


/* CTA (Claim your offer) — official orange */
.btn-accent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #FF7A1A;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 16px;
  font-size: clamp(15px, 1.25vw, 18px);
  box-shadow: 0 10px 22px rgba(255, 122, 26, .32), inset 0 2px 0 rgba(255, 255, 255, .22);
  transition: transform .06s ease, filter .15s ease;
  white-space: nowrap;
  width: 100%;
}

.promo-wrap .btn-accent:hover {
  transform: translateY(-1px);
  filter: brightness(.98);
}

.promo-wrap .btn-accent .icon {
  width: 16px;
  height: 16px;
}

.promo-wrap .btn-accent .arrow {
  font-size: 18px;
  line-height: 1;
}

@media (max-width:900px) {
  .promo-wrap .promo-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .promo-wrap .promo-ctas {
    width: 100%;
  }
}

/* Unified card CTAs (same exact size) */
.priceing-table-home .btn-cta {
  height: var(--btnH);
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-size: var(--btnFS);
  border-radius: var(--btnRadius);
  line-height: 1;
  width: 100%;
}

.priceing-table-home .btn-ico {
  font-size: var(--icoSize);
  line-height: 1;
}

/* Order (green) */
.priceing-table-home .btn-order {
  background: linear-gradient(135deg, #28d07f, #16b36a);
  color: #fff;
  border: 0;
  box-shadow: 0 10px 22px rgba(22, 179, 106, .20);
}

.priceing-table-home .btn-order:hover {
  background: linear-gradient(135deg, #23be73, #149e61);
  color: #fff;
}

/* Learn More (orange) */
.priceing-table-home .btn-learn {
  background: #FF7A1A;
  color: #fff;
  border: 0;
  box-shadow: 0 8px 18px rgba(255, 122, 26, .22);
}

.priceing-table-home .btn-learn:hover {
  background: #E56F17;
  color: #fff;
}

.priceing-table-home .display-5{
  font-size: clamp(1.8rem, 2.5vw, 3rem);
}


.priceing-table-home .card-header{
  border-right: none !important;
}



/** Home -industry section **/
:root {
  --brand-dark2: #003BCE;
  --border: #e8eefb;
  --radius16: 16px;
}

.l13-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

@media (max-width:1399px) {
  .l13-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width:992px) {
  .l13-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width:767px) {
  .l13-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 15px;
    gap: 10px;
  }
}

.cardx {
  position: relative;
  height: 220px;
  border-radius: var(--radius16);
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: 0 6px 16px rgba(1, 90, 255, .06);
  overflow: hidden;
  text-align: center;
}

.cboxc .layer {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  transition: .2s ease;
}

.cboxc .front {
  opacity: 1;
}

.cboxc .hover {
  opacity: 0;
}

.cboxc .front .ico {
  font-size: 40px;
  line-height: 1;
  color: var(--brand);
}

.cboxc .front .title {
  margin-top: 10px;
  font-weight: 900;
  color: #18345b;
  font-size: 1.05rem;
}

.cardx:hover {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark2));
  border-color: transparent;
}

.cardx:hover .front {
  opacity: 0;
}

.cardx:hover .hover {
  opacity: 1;
}

.cboxc .hover .title {
  font-weight: 900;
  color: #fff;
  font-size: 1rem;
}

.cboxc .hover .desc {
  color: rgba(255, 255, 255, .9);
  line-height: 1.45;
  max-width: 36ch;
  margin: .45rem auto 0;
  font-size: .9rem;
}

.cboxc .hover .cta {
  margin-top: 14px;
  font-weight: 800;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.cboxc .hover .cta i {
  color: var(--accent);
  font-size: 18px;
  transition: transform .18s ease;
}

.cboxc .hover .cta:hover i {
  transform: translateX(5px);
}

.cboxc .cta-orange {
  height: 220px;
  border-radius: var(--radius);
  border: 1px solid transparent;
  background: var(--accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 22px;
  box-sizing: border-box;
  box-shadow: 0 6px 16px rgba(1, 90, 255, .06);
}

.cboxc .cta-orange .wrap {
  max-width: 32ch;
}

.cboxc .cta-orange .title {
  font-weight: 900;
  font-size: 1.1rem;
  margin: 0 0 .35rem;
}

.cboxc .cta-orange .desc {
  opacity: .95;
  font-size: .9rem;
}

.cboxc .cta-orange .btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: 12px;
  background: #ffffff20;
  border: 1px solid #ffffff55;
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 999px;
  font-weight: 800;
  text-transform: uppercase;
}

.cboxc .cta-orange .btn i {
  color: #fff;
  font-size: 18px;
}

.cardx a,
.cboxc .cta-orange a {
  text-decoration: none !important;
  box-shadow: none !important;
}

@media (max-width: 1200px) {
  .cboxc .layer.hover{
    display: none;
  }
  .cardx:hover .front{
    opacity: 1;
  }
  .cardx:hover{
    background: #fff !important;
  }
}
@media (max-width: 767px){
  .cboxc .cta-orange, .cardx{
    height: 180px;
  }
  .cboxc .front .title{
    font-size: 0.9rem;
  }
  .cboxc .cta-orange{
    padding-right: 5px;
    padding-left: 5px;
  }
  .cboxc .cta-orange .btn{
    font-weight: 600;
    font-size: 15px;
  }
  .cboxc .cta-orange .btn i {
    display: none;
  }
}


/** 512 Page **/

:root{
  --heroItemH: 48px;
}

/* ===== HERO ===== */
.dedicated-banner.innerbg{
  position: relative;
}
.dedicated-banner .hero-glass{
  background: rgba(0, 20, 60, .34);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(0,0,0,.25);
}
.hero-badges .badge{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.28);
  color:#fff; font-weight:600;
}
.header-gap{ height:48px; }
@media (max-width: 576px){ .header-gap{ height:28px; } }

/* Hero title (bold + blue "Performance") */
.hero-title strong{ font-weight:900; }
.hero-title .accent{ color: var(--brand) !important; }

/* Lead text (kept for reuse elsewhere) */
.hero-price-lead{
  color:#eaf1ff; text-transform:uppercase; font-weight:800;
  letter-spacing:.6px; font-size:.78rem;
}

/* Line container */
.hero-cta-line{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}

/* Animated price bubble (not used now in hero; kept for legacy) */
.hero-price-bubble{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  padding:.5rem .85rem;
  height:var(--heroItemH);
  border-radius:12px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 20px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.08);
  overflow:hidden;
  animation: floaty 4.2s ease-in-out infinite;
}
.hero-price-bubble:after{
  content:"";
  position:absolute; inset:0;
  transform:translateX(-120%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  animation: shine 3.6s linear infinite;
  opacity:.65;
}
.hero-price-bubble .amt{
  color:var(--brand); font-weight:900; line-height:1; font-size:2.2rem; white-space:nowrap;
}
.hero-price-bubble .amt .currency{ font-size:1.8rem; position:relative; top:-4px; margin-right:2px; }
.hero-price-bubble .amt .per{ font-size:1rem; font-weight:800; color:#d9e4ff; margin-left:2px; }

@keyframes floaty{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-3px) } }
@keyframes shine{ 0%{ transform:translateX(-120%) } 100%{ transform:translateX(120%) } }

/* --- PRICE BAR (as per requested design) --- */
.pricebar{ display:flex; align-items:center; gap:.6rem 1rem; flex-wrap:wrap; margin-top:.4rem; }
.pricechips{ display:flex; align-items:center; gap:.55rem .65rem; flex-wrap:wrap; }
.pricebadge{
  display:inline-flex; width:max-content; white-space:nowrap; align-items:center; justify-content:center;
  color:#fff; background: rgba(11,18,38,0.30); border: 1px solid rgba(255,255,255,0.22);
  border-radius:999px; padding:.32rem .8rem; font-size:.9rem; text-transform:uppercase;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); text-shadow:0 1px 2px rgba(0,0,0,0.25);
}
.pricevalue{
  color:#16b36a;
  font-weight:800;
  font-size: clamp(1.6rem, 2.8vw, 2.4rem);
  letter-spacing:-0.5px;
  margin:0 .1rem;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.28),
    0 0 6px rgba(255,255,255,0.28);
}
.prifont{ font-weight:700; margin-right:2px; }

/* --- CTA buttons (green + orange) --- */
.cta-row{
  display:flex; align-items:center; gap:12px; margin-top:.6rem; flex-wrap:nowrap; justify-content:flex-start;
}
.btn-cta{
  display:inline-flex !important; align-items:center; justify-content:center;
  gap:.6rem; height:44px; padding:0 18px; border:none; outline:none;
  color:#fff !important; font-weight:800; font-size:14px; letter-spacing:.3px;
  border-radius:12px !important; text-transform:uppercase; text-decoration:none !important;
  box-shadow:0 8px 16px rgba(0,0,0,0.12);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  white-space:nowrap; flex:0 0 auto !important; width:auto !important;
}
.btn-cta:hover{ transform:translateY(-1px); box-shadow:0 10px 20px rgba(0,0,0,0.16); text-decoration:none !important; }
.btn-cta i{ font-size:14px; line-height:0; margin-left:8px; color:#fff; }
.btn-cta--green{ background: linear-gradient(135deg, #28d07f, #16b36a); }
.btn-cta--orange{ background:#FF7A1A !important; }

/* Hero buttons (legacy) */
.btn-hero{ height:var(--heroItemH); border-radius:12px; padding:0 1rem; line-height:1; font-weight:800;
  letter-spacing:.3px; display:inline-flex; align-items:center; gap:.45rem;
  box-shadow: 0 8px 18px rgba(1,90,255,.22);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, filter .18s ease;
}
.btn-hero i{ font-size:18px; }
.btn-hero-green{
  background: linear-gradient(180deg, #2CD57A, #12B86A);
  color:#fff !important; border:0;
  box-shadow: 0 8px 18px rgba(44,213,122,.25);
}
.btn-hero-green:hover{ transform: translateY(-1px); box-shadow: 0 12px 24px rgba(44,213,122,.35); }
.btn-hero-blue{
  background: var(--brand); color:#fff !important; border:0;
  box-shadow: 0 8px 18px rgba(1,90,255,.18);
}
.btn-hero-blue:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(1,90,255,.28); filter:brightness(1.05); }

/* Accessible focus */
.btn-hero:focus-visible, .btn-cta:focus-visible{ outline:2px solid #fff; outline-offset:2px; }

/* ===== RIGHT spec glass ===== */
.spec-glass-grid{ display:grid; grid-template-columns: repeat(3, 120px); gap:10px; justify-content:end; align-items:start; margin-top:.35rem; }
@media (max-width: 1200px){ 
  .spec-glass-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 576px){ .spec-glass-grid{ grid-template-columns: repeat(3, 100px); gap:8px; } }
.spec-glass-card{ position:relative; width:120px; height:120px; background: rgba(255,255,255,.06); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 3px solid rgba(255,255,255,.95); border-radius: 14px; color:#fff; text-align:center; padding:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; box-shadow: 0 10px 22px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.06); transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
.spec-glass-card:hover{ transform: translateY(-2px); background: rgba(255,255,255,.10); box-shadow: 0 14px 30px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.10); }
@media (max-width: 1200px){ .spec-glass-card{ width:110px; height:110px; } }
@media (max-width: 576px){ .spec-glass-card{ width:100px; height:100px; } }
.spec-icon-img{ width:64px; height:64px; display:block; margin-bottom:8px; object-fit:contain; }
.spec-title{ font-size:.78rem; font-weight:800; letter-spacing:.3px; text-transform:uppercase; line-height:1.15; color:#fff; }

/* ===== TABLE LOOK ===== */
.single-srv{ border-radius:16px; overflow:hidden; }
.pricard .card-header{ background:#fff; border-bottom:1px solid #e6edf5; border-radius:16px 16px 0 0; }
.col-6.border, .col-6.col-sm-9.border, .col-6.col-sm-3.border{ border-color:#e6edf5!important; }
.col-6.col-sm-3.py-2, .col-6.col-sm-9.py-2{ background:#f2f6fb; color:#334155; }
.configGrid .item{ border-bottom:1px solid #e9eef7; }
.configGrid .item:last-child{ border-bottom:0; }
.configGrid .odd, .configGrid .even{ padding-top:.9rem; padding-bottom:.9rem; }
.configGrid .odd{ background:#ffffff; color:#0b1a33; font-weight:600; }
.configGrid .even{ background:#f7fbff; color:#2b3a55; }
.configGrid .darkCell_l{ background:#f4f8ff !important; }
.configGrid .darkCell_r{ background:#fbfdff !important; }
.configGrid a{ color:var(--brand); text-decoration: none; }
.configGrid a:hover{ text-decoration: underline; }
.configGrid i.text-primary{ color:var(--brand)!important; }

/* small orange button */
.btn-orange-solid{
  --o1:#FF7A00; --o2:#FFA63A;
  background: linear-gradient(180deg, var(--o2), var(--o1));
  color:#fff !important;
  border:0; font-weight:900; letter-spacing:.35px; text-transform:uppercase;
  padding:.32rem .7rem; font-size:.8rem; border-radius:10px;
  box-shadow: 0 8px 16px rgba(255,122,0,.28), inset 0 0 0 1px rgba(255,255,255,.14);
}
.btn-orange-solid i{ font-size:.62em; line-height:1; }

/* ===== FOOTER BAR ===== */
.tbl-footer{ background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%); border:1px solid #e6edf5; border-radius: 0 0 16px 16px; box-shadow: 0 10px 24px rgba(1,90,255,.07); padding: .95rem 1.15rem; }
.benefit-mini{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.benefit-mini .chip{ display:inline-flex;align-items:center;gap:.45rem; font-size:.84rem;font-weight:700;color:#294262; background:#eef5ff;border:1px solid #e0e9fb;border-radius:999px;padding:.38rem .7rem; }
.benefit-mini .chip i{color:var(--brand)}
.price-lg{font-size:2.6rem;font-weight:900;line-height:1;color:#0b1530;letter-spacing:.3px;white-space:nowrap}
.price-lg .currency{font-size:1.7rem;position:relative;top:-4px;margin-right:1px}
.price-lg .per{font-size:1rem;font-weight:800;color:#7a8aa6;margin-left:2px}
.cta-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width: 575.98px){ .price-lg{font-size:2.25rem} .cta-wrap{justify-content:flex-start} }

/* Footer buttons */
.btn-order-compact{
  background: linear-gradient(180deg,#2CD57A,#12B86A); color:#fff !important;
  border:0;border-radius:12px;padding:.75rem 1.05rem;font-weight:900;
  display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;
  box-shadow:0 10px 22px rgba(44,213,122,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-order-compact:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(44,213,122,.38)}
.btn-seeplans{
  background: var(--brand); color:#fff !important; border:0;
  border-radius:12px; padding:.72rem 1.05rem; font-weight:900; text-decoration:none;
  display:inline-flex; align-items:center; gap:.45rem;
  box-shadow: 0 8px 18px rgba(1,90,255,.18);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn-seeplans:hover{transform:translateY(-1px); box-shadow:0 12px 24px rgba(1,90,255,.28); filter:brightness(1.05)}

/* Legacy wide order button (kept if needed elsewhere) */
.btn-order{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  width:100%; padding:.85rem 1rem; border-radius:12px; border:0; color:#fff !important;
  background: linear-gradient(180deg, #2CD57A, #12B86A);
  box-shadow: 0 10px 22px rgba(44,213,122,.28), inset 0 0 0 1px rgba(255,255,255,.12);
  font-weight:900; letter-spacing:.6px; text-transform:uppercase;
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-order:hover{ transform:translateY(-1px); box-shadow:0 14px 30px rgba(44,213,122,.38), inset 0 0 0 1px rgba(255,255,255,.15); }

/* RIGHT feature cards */
.feature-grad-green{ background: linear-gradient(180deg, #0ea46e, #15c37f); border:0; }
.feature-grad-orange{ background: linear-gradient(180deg, #ff8a00, #ffb233); border:0; }
.feature-grad-blue{ background: linear-gradient(180deg, #015aff, #3b7dff); border:0; }
.feature-card{ color:#fff; }
.feature-card h2, .feature-card p{ color:#fff !important; }

/* Sticky CTA (mobile) */
.sticky-cta{position:fixed;left:0;right:0;bottom:50px;background:#0e1222;border-top:1px solid rgba(255,255,255,.1);padding:10px 14px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sticky-cta .line{display:flex;align-items:center;gap:10px;color:#fff}
.sticky-cta .pill{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;font-size:12px}
.btn-cta{padding:.7rem 1rem;border-radius:12px;background:linear-gradient(180deg,#2CD57A,#12B86A);color:#fff !important;font-weight:900;letter-spacing:.4px;text-transform:uppercase;text-decoration:none}
@media(min-width:992px){
  .sticky-cta{display:none}
}

/* Mobile tuning */
@media (max-width:420px){
  .pricevalue{ font-size:2rem; }
}
/* Clean gap between hero banner and main content (this page only) */
.dedicated-banner.singlepg{
  height: auto;
  min-height: 620px;
}

header.singlepg + #content{
  margin-top: 56px !important;  /* desktop/tablet */
  position: relative;
  clear: both;
  z-index: 1;
}
@media (max-width: 576px){
  header.singlepg + #content{ margin-top: 34px !important; }
  .cta-row{ gap:10px; flex-wrap: wrap;}
}
/* New feature card gradients */
.feature-grad-teal{    background: linear-gradient(180deg, #15D4C8, #0FB9B1); border:0; }
.feature-grad-purple{  background: linear-gradient(180deg, #7A6CFF, #6D5AE5); border:0; }
.feature-grad-cyan{    background: linear-gradient(180deg, #06B6D4, #0891B2); border:0; }
/* New: fuchsia/magenta gradient for the 4th additional card */
.feature-grad-fuchsia{
  background: linear-gradient(180deg, #F472B6, #D946EF);
  border: 0;
}