:root {
      --primary: #1a73e8;
      --primary-dark: #0d47a1;
      --accent: #00bcd4;
      --dark: #1a2233;
      --light-bg: #f4f7fb;
      --text-muted: #6c757d;
    }

    * { box-sizing: border-box; }

    body {
      font-family: 'Segoe UI', sans-serif;
      color: #333;
      overflow-x: hidden;
    }

    /* ── NAVBAR ── */
    .navbar {
      background: #fff;
      box-shadow: 0 2px 12px rgba(0,0,0,.08);
      padding: 0.6rem 0;
    }

    .navbar-brand {
      font-weight: 800;
      font-size: 1.4rem;
      color: var(--primary) !important;
      letter-spacing: -.5px;
    }

    .nav-link {
      font-weight: 500;
      color: #333 !important;
      padding: .5rem .9rem !important;
      font-size: .92rem;
    }

    .nav-link:hover,
    .nav-link.active {
      color: var(--primary) !important;
    }

    .btn-request {
      background: var(--primary);
      color: #fff !important;
      border-radius: 4px;
      padding: .45rem 1.1rem !important;
      font-size: .88rem;
    }

    .btn-request:hover {
      background: var(--primary-dark);
    }

    .team-card,
.blog-card {
    background: #fff;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,.07);
    transition: all .25s ease;
}

.team-card:hover,
.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(0,0,0,.12);
}

.testimonial-section {
    background: #f4f7fb;
}

#clientTestimonialCarousel .carousel-control-prev,
#clientTestimonialCarousel .carousel-control-next {
    filter: invert(1);
}

#homeHeroCarousel .carousel-control-prev,
#homeHeroCarousel .carousel-control-next {
    width: 6%;
}

 .home-hero-slider {
    width: 100%;
    overflow: hidden;
}

.home-hero-slider .carousel,
.home-hero-slider .carousel-inner,
.home-hero-slider .carousel-item {
    width: 100%;
    height: 720px;
}

.hero-slide {
    width: 100%;
    height: 720px;
    min-height: 720px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.hero-slide-content {
    position: relative;
    z-index: 2;
}

.hero-subtitle {
    color: #1a73e8;
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.hero-slide h1 {
    color: #fff;
    font-size: clamp(2.5rem, 5vw, 5rem);
    font-weight: 800;
    line-height: 1.05;
}

.hero-slide h1 strong {
    color: #fff;
}

.home-hero-slider .carousel-indicators {
    bottom: 28px;
}

.home-hero-slider .carousel-indicators button {
    width: 42px;
    height: 4px;
    border-radius: 20px;
}

.home-hero-slider .carousel-control-prev,
.home-hero-slider .carousel-control-next {
    width: 6%;
}

@media(max-width: 991px) {
    .home-hero-slider .carousel,
    .home-hero-slider .carousel-inner,
    .home-hero-slider .carousel-item,
    .hero-slide {
        height: 620px;
        min-height: 620px;
    }

    .hero-slide h1 {
        font-size: 3rem;
    }
}

@media(max-width: 575px) {
    .home-hero-slider .carousel,
    .home-hero-slider .carousel-inner,
    .home-hero-slider .carousel-item,
    .hero-slide {
        height: 560px;
        min-height: 560px;
    }

    .hero-slide h1 {
        font-size: 2.3rem;
    }
}

    /* ── SECTION TITLES ── */
    .section-title {
      font-size: clamp(1.4rem,3vw,2rem);
      font-weight: 800;
      color: var(--dark);
      line-height: 1.25;
    }

    .section-subtitle {
      color: var(--text-muted);
      font-size: .95rem;
      max-width: 700px;
      margin: 0 auto;
      line-height: 1.75;
    }

    .title-line {
      width: 40px;
      height: 4px;
      background: var(--primary);
      border-radius: 2px;
      margin: 0 auto 1rem;
    }

    .section-label {
      font-size: .78rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--primary);
      margin-bottom: .5rem;
    }

    /* ── ABOUT ── */
    .about-section {
      padding: 80px 0;
    }

    .about-img {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 8px 30px rgba(0,0,0,.12);
    }

    .about-img img {
      width: 100%;
      height: 320px;
      object-fit: cover;
    }

    .about-text p {
      color: #555;
      line-height: 1.85;
      font-size: .95rem;
    }

    .btn-learn {
      background: var(--primary);
      color: #fff;
      padding: .55rem 1.6rem;
      border-radius: 4px;
      font-weight: 600;
      text-decoration: none;
      font-size: .9rem;
    }

    .btn-learn:hover {
      background: var(--primary-dark);
      color: #fff;
    }

    /* ── FEATURES BAR ── */
    .features-bar {
      background: var(--light-bg);
      padding: 50px 0;
    }

    .feature-item {
      text-align: center;
      padding: 20px;
    }

    .feature-item .icon {
      font-size: 2.2rem;
      color: var(--primary);
      margin-bottom: .8rem;
    }

    .feature-item h5 {
      font-weight: 700;
      font-size: 1rem;
      color: var(--dark);
    }

    .feature-item p {
      font-size: .85rem;
      color: var(--text-muted);
      margin: 0;
      line-height: 1.7;
    }

    /* ── CTA BANNER ── */
    .cta-banner {
      background: var(--dark);
      padding: 22px 0;
    }

    .cta-banner p {
      color: #fff;
      margin: 0;
      font-size: 1rem;
    }

    .cta-banner p span {
      color: var(--accent);
      font-weight: 700;
    }

    .btn-cta {
      background: var(--primary);
      color: #fff;
      border: none;
      padding: .5rem 1.6rem;
      border-radius: 4px;
      font-weight: 600;
      font-size: .88rem;
      white-space: nowrap;
      text-decoration: none;
    }

    .btn-cta:hover {
      background: var(--primary-dark);
      color: #fff;
    }

    /* ── SERVICES ── */
    .services-section {
      padding: 80px 0;
    }

    .service-card {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0,0,0,.08);
      transition: transform .25s, box-shadow .25s;
      background: #fff;
      height: 100%;
    }

    .service-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 32px rgba(0,0,0,.14);
    }

    .service-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
    }

    .service-card-body {
      padding: 20px;
      text-align: left;
    }

    .service-card-body h6 {
      font-weight: 700;
      color: var(--dark);
      font-size: .98rem;
    }

    .service-card-body p {
      color: var(--text-muted);
      font-size: .84rem;
      margin: 0;
      line-height: 1.7;
    }

    .btn-services {
      border: 2px solid var(--primary);
      color: var(--primary);
      padding: .55rem 1.8rem;
      border-radius: 4px;
      font-weight: 600;
      text-decoration: none;
      font-size: .9rem;
    }

    .btn-services:hover {
      background: var(--primary);
      color: #fff;
    }

    /* ── WHY CHOOSE ── */
    .why-section {
      padding: 80px 0;
      background: var(--light-bg);
    }

    .why-card {
      background: #fff;
      border-radius: 14px;
      padding: 28px;
      height: 100%;
      box-shadow: 0 4px 20px rgba(0,0,0,.07);
      transition: transform .25s;
    }

    .why-card:hover {
      transform: translateY(-6px);
    }

    .why-card .icon {
      width: 54px;
      height: 54px;
      border-radius: 12px;
      background: linear-gradient(135deg, #e8f0fe, #dff8fb);
      color: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      margin-bottom: 1rem;
    }

    .why-card h5 {
      font-weight: 800;
      color: var(--dark);
      font-size: 1rem;
      margin-bottom: .6rem;
    }

    .why-card p {
      font-size: .88rem;
      color: #666;
      line-height: 1.75;
      margin: 0;
    }

    /* ── PRICING ── */
    .pricing-section {
      padding: 80px 0;
      background: #fff;
    }

    .price-card {
      background: #fff;
      border-radius: 14px;
      padding: 34px 26px;
      box-shadow: 0 4px 20px rgba(0,0,0,.08);
      text-align: center;
      transition: transform .25s, box-shadow .25s;
      border-top: 4px solid transparent;
      height: 100%;
    }

    .price-card:hover,
    .price-card.featured {
      border-top-color: var(--primary);
      transform: translateY(-6px);
      box-shadow: 0 14px 40px rgba(26,115,232,.15);
    }

    .price-card .plan {
      font-size: .8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--primary);
      margin-bottom: .5rem;
    }

    .price-card .amount {
      font-size: 2.4rem;
      font-weight: 900;
      color: var(--dark);
    }

    .price-card .amount sup {
      font-size: 1.1rem;
      vertical-align: super;
    }

    .price-card p {
      font-size: .85rem;
      color: var(--text-muted);
      line-height: 1.7;
    }

    .btn-book {
      background: var(--primary);
      color: #fff;
      padding: .6rem 1.8rem;
      border-radius: 4px;
      font-weight: 600;
      font-size: .88rem;
      border: none;
      width: 100%;
      text-decoration: none;
      display: inline-block;
    }

    .btn-book:hover {
      background: var(--primary-dark);
      color: #fff;
    }

    /* ── FAQ ── */
    .faq-section {
      background: var(--light-bg);
      padding: 80px 0;
    }

    .accordion-button {
      font-weight: 700;
      font-size: .95rem;
      color: var(--dark);
    }

    .accordion-button:not(.collapsed) {
      color: var(--primary);
      background: #f0f6ff;
      box-shadow: none;
    }

    .accordion-button:focus {
      box-shadow: none;
    }

    .accordion-item {
      border: 1.5px solid #e5eaf5;
      border-radius: 10px !important;
      margin-bottom: .7rem;
      overflow: hidden;
    }

    .accordion-body {
      font-size: .88rem;
      color: #666;
      line-height: 1.8;
    }

    /* ── DARK CTA ── */
    .dark-cta {
      background: linear-gradient(135deg, var(--dark) 0%, #263557 100%);
      padding: 80px 0;
      text-align: center;
    }

    .dark-cta h2 {
      color: #fff;
      font-weight: 800;
      font-size: clamp(1.5rem,3vw,2.4rem);
    }

    .dark-cta h2 span {
      color: var(--accent);
    }

    .dark-cta p {
      color: rgba(255,255,255,.75);
      font-size: .95rem;
      max-width: 620px;
      margin: 0 auto 2rem;
      line-height: 1.8;
    }

    .btn-white {
      background: #fff;
      color: var(--primary);
      padding: .7rem 2.2rem;
      border-radius: 4px;
      font-weight: 700;
      font-size: .95rem;
      text-decoration: none;
    }

    .btn-white:hover {
      background: var(--primary);
      color: #fff;
    }

    /* ── CONTACT ── */
    .contact-section {
      padding: 80px 0;
    }

    .contact-form .form-control {
      border: 1px solid #dde3f0;
      border-radius: 6px;
      padding: .65rem 1rem;
      font-size: .9rem;
    }

    .contact-form .form-control:focus {
      border-color: var(--primary);
      box-shadow: none;
    }

    .contact-form textarea {
      resize: none;
    }

    .btn-submit {
      background: var(--primary);
      color: #fff;
      padding: .65rem 2rem;
      border-radius: 4px;
      font-weight: 600;
      border: none;
      font-size: .9rem;
    }

    .btn-submit:hover {
      background: var(--primary-dark);
    }

    .contact-info-item {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      margin-bottom: 1.5rem;
    }

    .contact-info-item .ci-icon {
      width: 44px;
      height: 44px;
      background: var(--light-bg);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary);
      font-size: 1.1rem;
      flex-shrink: 0;
    }

    .contact-info-item h6 {
      font-weight: 700;
      font-size: .88rem;
      color: var(--dark);
      margin: 0 0 .2rem;
    }

    .contact-info-item p {
      font-size: .83rem;
      color: var(--text-muted);
      margin: 0;
    }

    /* ── FOOTER ── */
    .footer {
      background: var(--dark);
      color: rgba(255,255,255,.75);
      padding: 60px 0 0;
    }

    .footer h6 {
      color: #fff;
      font-weight: 700;
      font-size: .9rem;
      margin-bottom: 1.1rem;
    }

    .footer a {
      color: rgba(255,255,255,.65);
      text-decoration: none;
      display: block;
      font-size: .85rem;
      margin-bottom: .5rem;
    }

    .footer a:hover {
      color: var(--primary);
    }

    .footer p {
      font-size: .85rem;
      line-height: 1.7;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.1);
      padding: 18px 0;
      margin-top: 40px;
    }

    .footer-bottom p {
      font-size: .82rem;
      color: rgba(255,255,255,.45);
      margin: 0;
    }

    .social-icons a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: rgba(255,255,255,.1);
      color: rgba(255,255,255,.7);
      font-size: .85rem;
      margin-right: 6px;
      transition: background .2s;
      text-decoration: none;
    }

    .social-icons a:hover {
      background: var(--primary);
      color: #fff;
    }

    /* ── RESPONSIVE ── */
    @media(max-width:767px) {
      .hero::after {
        display: none;
      }

      .hero {
        min-height: 420px;
      }

      .hero h1 {
        font-size: 2rem;
      }

      .features-bar .col-md-4 {
        margin-bottom: 1rem;
      }

      .price-card {
        margin-bottom: 1.5rem;
      }

      .btn-consult,
      .btn-outline-main {
        margin-bottom: 10px;
      }
    }

     :root{
      --primary:#1a73e8;--primary-dark:#0d47a1;--accent:#00bcd4;
      --dark:#1a2233;--light-bg:#f4f7fb;--text-muted:#6c757d;
    }
    *{box-sizing:border-box;margin:0;padding:0;}
    body{font-family:'DM Sans',sans-serif;color:#333;overflow-x:hidden;}

    /* ── NAVBAR ── */
    .navbar{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:.6rem 0;}
    .navbar-brand{font-weight:800;font-size:1.4rem;color:var(--primary)!important;letter-spacing:-.5px;}
    .navbar-brand span{color:var(--dark);}
    .nav-link{font-weight:500;color:#333!important;padding:.5rem .9rem!important;font-size:.92rem;}
    .nav-link:hover,.nav-link.active{color:var(--primary)!important;}
    .btn-request{background:var(--primary);color:#fff!important;border-radius:4px;padding:.45rem 1.1rem!important;font-size:.88rem;}
    .btn-request:hover{background:var(--primary-dark);}

    /* ── PAGE HERO ── */
    .page-hero{
      background:linear-gradient(135deg,var(--dark) 0%,#263557 100%);
      padding:90px 0 70px;position:relative;overflow:hidden;
    }
    .page-hero::before{
      content:'';position:absolute;inset:0;
      background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231a73e8' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .page-hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;color:#fff;}
    .page-hero h1 span{color:var(--accent);}
    .breadcrumb-item a{color:rgba(255,255,255,.65);text-decoration:none;font-size:.88rem;}
    .breadcrumb-item.active{color:rgba(255,255,255,.9);font-size:.88rem;}
    .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4);}

    /* ── SECTION COMMON ── */
    .section-label{font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:.5rem;}
    .section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--dark);line-height:1.2;}
    .divider{width:48px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;margin-bottom:1.2rem;}
    .divider.center{margin-left:auto;margin-right:auto;}

    /* ── STORY SECTION ── */
    .story-section{padding:90px 0;}
    .story-img-wrap{position:relative;}
    .story-img-wrap img{border-radius:16px;width:100%;height:420px;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,.15);}
    .story-badge{
      position:absolute;bottom:-24px;right:-24px;
      background:var(--primary);color:#fff;border-radius:14px;
      padding:22px 28px;text-align:center;box-shadow:0 12px 40px rgba(26,115,232,.35);
    }
    .story-badge .num{font-size:2.8rem;font-weight:800;line-height:1;}
    .story-badge .lbl{font-size:.78rem;opacity:.85;margin-top:4px;}
    .story-text p{color:#555;line-height:1.85;font-size:.96rem;}
    .btn-primary-custom{
      display:inline-block;background:var(--primary);color:#fff;padding:.7rem 2rem;
      border-radius:6px;font-weight:600;text-decoration:none;font-size:.9rem;transition:all .2s;
    }
    .btn-primary-custom:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);}
    .btn-outline-custom{
      display:inline-block;border:2px solid var(--primary);color:var(--primary);padding:.65rem 2rem;
      border-radius:6px;font-weight:600;text-decoration:none;font-size:.9rem;transition:all .2s;
    }
    .btn-outline-custom:hover{background:var(--primary);color:#fff;}

    /* ── STATS ── */
    .stats-section{background:var(--light-bg);padding:70px 0;}
    .stat-card{background:#fff;border-radius:14px;padding:36px 24px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:transform .25s;}
    .stat-card:hover{transform:translateY(-6px);}
    .stat-card .icon{width:56px;height:56px;background:linear-gradient(135deg,#e8f0fe,#e3f2fd);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--primary);font-size:1.4rem;}
    .stat-card .num{font-size:2.6rem;font-weight:800;color:var(--dark);}
    .stat-card .lbl{color:var(--text-muted);font-size:.88rem;margin-top:.3rem;}

    /* ── MISSION / VALUES ── */
    .mission-section{padding:90px 0;}
    .value-item{display:flex;gap:18px;margin-bottom:2rem;}
    .value-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;}
    .value-item h6{font-weight:700;font-size:1rem;color:var(--dark);margin-bottom:.3rem;}
    .value-item p{color:#666;font-size:.88rem;line-height:1.7;margin:0;}
    .mission-img{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12);}
    .mission-img img{width:100%;height:460px;object-fit:cover;}

    /* ── TEAM ── */
    .team-section{background:var(--light-bg);padding:90px 0;}
    .team-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s;text-align:center;}
    .team-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.14);}
    .team-card .photo{width:100%;height:240px;object-fit:cover;object-position:top;}
    .team-card-body{padding:24px;}
    .team-card-body h5{font-weight:700;font-size:1.05rem;color:var(--dark);margin-bottom:.2rem;}
    .team-card-body .role{color:var(--primary);font-size:.82rem;font-weight:500;margin-bottom:.8rem;}
    .team-card-body p{font-size:.82rem;color:#666;line-height:1.6;margin-bottom:1rem;}
    .team-socials a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--light-bg);color:var(--primary);font-size:.8rem;margin:0 3px;transition:all .2s;text-decoration:none;}
    .team-socials a:hover{background:var(--primary);color:#fff;}

    /* ── WHY CHOOSE ── */
    .why-section{padding:90px 0;}
    .why-img{border-radius:16px;width:100%;height:440px;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,.12);}
    .check-list li{list-style:none;display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem;font-size:.92rem;color:#555;line-height:1.6;}
    .check-list li .ck{width:22px;height:22px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;flex-shrink:0;margin-top:2px;}

    /* ── CTA BAND ── */
    .cta-band{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);padding:70px 0;text-align:center;}
    .cta-band h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;color:#fff;}
    .cta-band p{color:rgba(255,255,255,.85);font-size:.95rem;max-width:520px;margin:.8rem auto 2rem;}
    .btn-white{display:inline-block;background:#fff;color:var(--primary);padding:.75rem 2.4rem;border-radius:6px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .2s;}
    .btn-white:hover{background:var(--dark);color:#fff;}

    /* ── FOOTER ── */
    .footer{background:var(--dark);color:rgba(255,255,255,.75);padding:60px 0 0;}
    .footer-brand{font-weight:800;font-size:1.3rem;color:var(--primary);margin-bottom:1rem;display:block;}
    .footer-brand span{color:#fff;}
    .footer h6{color:#fff;font-weight:700;font-size:.88rem;margin-bottom:1.1rem;letter-spacing:.5px;}
    .footer a{color:rgba(255,255,255,.6);text-decoration:none;display:block;font-size:.85rem;margin-bottom:.5rem;transition:color .2s;}
    .footer a:hover{color:var(--primary);}
    .footer p{font-size:.85rem;line-height:1.7;}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;margin-top:40px;}
    .footer-bottom p{font-size:.82rem;color:rgba(255,255,255,.4);margin:0;}
    .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:.85rem;margin-right:6px;transition:background .2s;text-decoration:none;}
    .social-icons a:hover{background:var(--primary);color:#fff;}

    @media(max-width:768px){
      .story-badge{position:static;margin-top:1.5rem;display:inline-block;}
      .story-img-wrap{margin-bottom:2rem;}
    }

    /* ── UPDATED ABOUT CONTENT ── */
    .serve-card{
      background:#fff;border-radius:16px;padding:30px 26px;height:100%;
      box-shadow:0 4px 22px rgba(0,0,0,.07);border:1px solid #eef2f8;
      transition:transform .25s,box-shadow .25s;
    }
    .serve-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(26,115,232,.12);}
    .serve-card .icon{
      width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));
      color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.2rem;
    }
    .serve-card h5{font-weight:800;color:var(--dark);font-size:1.05rem;margin-bottom:.75rem;}
    .serve-card p{font-size:.9rem;color:#666;line-height:1.75;margin:0;}
    .highlight-box{
      background:linear-gradient(135deg,var(--dark) 0%,#263557 100%);
      border-radius:18px;padding:38px;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.18);
    }
    .highlight-box p{color:rgba(255,255,255,.75);line-height:1.8;font-size:.94rem;}
    .highlight-box .mini-title{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:.76rem;margin-bottom:.8rem;}

    .consult-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(16, 39, 68, 0.62);
    backdrop-filter: blur(5px);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.consult-popup-overlay.show {
    display: flex;
}

.consult-popup-box {
    position: relative;
    width: 100%;
    max-width: 880px;
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
    animation: consultPopupIn 0.35s ease;
}

@keyframes consultPopupIn {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.consult-popup-close {
    position: absolute;
    top: 14px;
    right: 18px;
    width: 38px;
    height: 38px;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    color: #102744;
    border-radius: 50%;
    font-size: 28px;
    line-height: 36px;
    cursor: pointer;
    z-index: 5;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.consult-popup-close:hover {
    background: #073f78;
    color: #fff;
}

.consult-popup-content {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    min-height: 460px;
}

.consult-popup-left {
    padding: 50px 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.consult-popup-badge {
    display: inline-block;
    width: fit-content;
    background: #fff6d8;
    color: #9a7500;
    border: 1px solid #efd074;
    border-radius: 50px;
    padding: 7px 15px;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.consult-popup-left h3 {
    color: #102744;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    font-weight: 900;
    line-height: 1.15;
    margin-bottom: 16px;
}

.consult-popup-left p {
    color: #6c757d;
    font-size: 0.98rem;
    line-height: 1.75;
    margin-bottom: 20px;
}

.consult-popup-list {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;
}

.consult-popup-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #243d5a;
    font-size: 0.94rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.consult-popup-list i {
    color: #073f78;
}

.consult-popup-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.consult-popup-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #073f78;
    color: #fff;
    border-radius: 12px;
    padding: 14px 28px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 26px rgba(7, 63, 120, 0.22);
}

.consult-popup-btn:hover {
    background: #0b5ead;
    color: #fff;
    transform: translateY(-1px);
}

.consult-popup-later {
    border: none;
    background: transparent;
    color: #6c757d;
    font-size: 0.92rem;
    font-weight: 800;
    cursor: pointer;
}

.consult-popup-later:hover {
    color: #073f78;
}

.consult-popup-right {
    position: relative;
    background: linear-gradient(135deg, #073f78, #0b5ead);
    min-height: 460px;
    overflow: hidden;
}

.consult-popup-right::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(220, 169, 0, 0.22);
    top: -80px;
    right: -100px;
    z-index: 1;
}

.consult-popup-right::after {
    content: "";
    position: absolute;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    bottom: -70px;
    left: -70px;
    z-index: 1;
}

.consult-popup-img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
    object-position: center;
}

@media(max-width: 767px) {
    .consult-popup-box {
        max-width: 440px;
        border-radius: 22px;
    }

    .consult-popup-content {
        grid-template-columns: 1fr;
    }

    .consult-popup-right {
        display: none;
    }

    .consult-popup-left {
        padding: 42px 26px 32px;
        text-align: center;
    }

    .consult-popup-badge {
        margin-left: auto;
        margin-right: auto;
    }

    .consult-popup-list li {
        justify-content: center;
        text-align: left;
    }

    .consult-popup-actions {
        justify-content: center;
    }

    .consult-popup-btn {
        width: 100%;
    }
}