:root{
      --primary:#3a3588;
      --secondary:#3c76ba;
      --accent:#a42960;
      --dark:#1e2250;
      --text:#374151;
      --muted:#6b7280;
      --bg:#f6f9ff;
      --white:#ffffff;
      --border:rgba(58,53,136,.12);
      --shadow:0 18px 45px rgba(58,53,136,.12);
      --radius:24px;
    }


    .btn-outline-primary {
    --bs-btn-color: #3a3588;
    --bs-btn-border-color: #3a3588;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3a3588;
    --bs-btn-hover-border-color: #3a3588;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3a3588;
    --bs-btn-active-border-color: #3a3588;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3a3588;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3a3588;
    --bs-gradient: none;
}

.text-primary {
    --bs-text-opacity: 1;
    color: #3b64ac!important;
}


    body{
      font-family:'Inter',sans-serif;
      color:var(--text);
      background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);
      overflow-x:hidden;
    }
    h1,h2,h3,h4,h5{font-family:'Montserrat',sans-serif;color:var(--dark);}
    .navbar-brand{font-weight:800;letter-spacing:.5px;color:var(--primary)!important;}
    .hero{
      position:relative;
      padding:88px 0 60px;
      background:
        radial-gradient(circle at top right, rgba(164,41,96,.16), transparent 28%),
        radial-gradient(circle at left center, rgba(60,118,186,.15), transparent 32%),
        linear-gradient(135deg, rgba(58,53,136,.06), rgba(60,118,186,.02));
    }
    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;
      background:rgba(58,53,136,.08);color:var(--primary);font-size:.88rem;font-weight:700;
      text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;
    }
    .hero h1{font-size:45px;font-weight:800;line-height:1.1;margin-bottom:20px; text-transform: uppercase; line-height: 50px}
    .hero p{font-size:1.05rem;line-height:1.8;color:var(--muted);max-width:620px;}
    .btn-brand{background:linear-gradient(90deg,var(--accent),#c13474);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-weight:700;box-shadow:0 12px 24px rgba(164,41,96,.25);}
    .btn-brand:hover{color:#fff;transform:translateY(-2px);}
    .slider-shell{
      background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);
      border-radius:30px;padding:16px;box-shadow:var(--shadow);
    }
    .carousel-item img{height:500px;object-fit:cover;border-radius:24px;}
    .carousel-caption{
      left:30px;right:30px;bottom:28px;text-align:left;padding:24px 24px 20px;
      background:linear-gradient(180deg, rgba(16,24,40,0.04), rgba(16,24,40,0.72));border-radius:20px;
      backdrop-filter:blur(6px);
    }
    .carousel-caption h5{color:#fff;font-weight:800;font-size:1.35rem;}
    .carousel-caption p{color:rgba(255,255,255,.85);max-width:520px;margin-bottom:0;}
    .carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;border:0;background-color:rgba(255,255,255,.65);}
    .mini-badge{
      position:absolute;z-index:3;right:28px;top:26px;background:#fff;border:1px solid rgba(58,53,136,.08);
      border-radius:18px;padding:14px 18px;box-shadow:0 12px 25px rgba(58,53,136,.14);
      animation:floatY 4s ease-in-out infinite;
    }
    .mini-badge strong{display:block;color:var(--primary);font-family:'Montserrat',sans-serif;font-size:1rem;}
    .service-section{padding:90px 0;}
    .section-title{font-size:clamp(1.7rem,3vw,2.7rem);font-weight:800;margin-bottom:12px;}
    .section-subtitle{color:var(--muted);max-width:760px;margin:0 auto 20px;line-height:1.8;}
    .service-card{
      position:relative;height:100%;background:rgba(255,255,255,.92);border:1px solid var(--border);
      border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;
      transition:transform .45s ease, box-shadow .45s ease;
    }
    .service-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(58,53,136,.18);}
    .service-card::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));z-index:2;}
    .service-image{height:250px;overflow:hidden;}
    .service-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
    .service-card:hover .service-image img{transform:scale(1.06);}
    .service-body{padding:28px;}
    .service-body h3{font-size:1.45rem;font-weight:800;margin-bottom:14px;}
    .service-body p{color:var(--muted);line-height:1.75;margin-bottom:18px;}
    .fact-box{padding:18px 20px;border-radius:18px;background:linear-gradient(135deg, rgba(58,53,136,.06), rgba(164,41,96,.08));border:1px solid rgba(58,53,136,.10);}
    .fact-box small{display:block;color:var(--accent);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;}
    .fact-box span{color:var(--dark);font-weight:600;line-height:1.6;display:block;}
    .cta-box{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:30px;padding:42px;box-shadow:0 20px 50px rgba(58,53,136,.22);position:relative;overflow:hidden;}
    .cta-box::after{content:'';position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:rgba(255,255,255,.08);border-radius:50%;}
    .fade-up{opacity:0;transform:translateY(30px);transition:all .8s ease;}
    .fade-up.show{opacity:1;transform:none;}
    @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @media (max-width:991.98px){
      .carousel-item img{height:380px}
      .mini-badge{position:static;display:inline-block;margin-top:16px;}
    }
    @media (max-width:767.98px){
      .hero{padding-top:80px}
      .carousel-item img{height:300px}
      .carousel-caption{left:16px;right:16px;bottom:16px;padding:18px}
      .service-body{padding:24px}
      .cta-box{padding:28px}
    }