body{font-family:'Poppins', sans-serif;background-color:#fff;color:#000;scroll-behavior:smooth}

html{
    scroll-behavior: smooth;
}


 
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
      /* ===== DESKTOP ===== */
/* ===== DESKTOP NAVBAR ===== */
.navbar .nav-link{
    font-weight:500;
    color:#222;
}

.navbar .nav-link:hover,
.navbar .nav-link.active{
    color:#0357A0;
}

.custom-toggle i{
    font-size:12px;
    margin-left:4px;
    transition:.3s;
}

/* ===== LOGIN BUTTON ===== */

.nav-login-btn{
    background:#0357A0;
    color:#fff !important;
    padding:8px 40px;
    border-radius:25px;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    display:inline-block;
    transition:.3s;
    animation:pulseGlow 2s infinite;
}

@keyframes pulseGlow{
    0%{
        box-shadow:0 0 0 0 rgba(3,87,160,.6);
        transform:scale(1);
    }
    50%{
        box-shadow:0 0 0 12px rgba(3,87,160,0);
        transform:scale(1.05);
    }
    100%{
        box-shadow:0 0 0 0 rgba(3,87,160,0);
        transform:scale(1);
    }
}


.nav-login-btn:hover{
    background:#023f78;
    color:#fff;
}

/* hover dropdown */
@media(min-width:992px){
    .dropdown:hover .dropdown-menu{
        display:block;
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }
    .dropdown:hover .custom-toggle i{
        transform:rotate(180deg);
    }
}

.dropdown-menu{
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.25s;
    border-radius:12px;
    border:none;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/* ===== RIGHT CONTACT ===== */
.nav-contact a{
    font-size:14px;
    color:#222;
    text-decoration:none;
}
.nav-contact i{
    color:#0357A0;
}

/* ===== MOBILE OFFCANVAS ===== */
.mobile-menu{
    width:100%;
    max-width:100%;
}

.mobile-nav{
    list-style:none;
    padding:0;
}
.mobile-nav li{
    border-bottom:1px solid #eee;
}
.mobile-nav a{
    display:flex;
    justify-content:space-between;
    padding:14px;
    font-weight:500;
    color:#222;
    text-decoration:none;
}

/* MOBILE LOGIN BUTTON */
.mobile-login{
    margin:20px;
     transition:.3s;
    animation:pulseGlow 2s infinite;
}
.mobile-login a{
    display:block;
    text-align:center;
    background:#0357A0;
    color:#fff;
    padding:12px;
    border-radius:25px;
    font-weight:500;
    text-decoration:none;
}

.mobile-login a:hover{
    background:#023f78;
}

/* MOBILE CONTACT */
.mobile-contact{
    margin-top:10px;
}
.mobile-contact a{
    display:block;
    padding:10px 14px;
    color:#222;
    text-decoration:none;
}
.mobile-contact i{
    color:#0357A0;
}


.rotate{ transform:rotate(180deg); }


.banner {
    width: 100%;
    overflow: hidden;
}

/* =========================
   DESKTOP BANNER
========================= */
.banner img {
    width: 100%;
    height: 600px;        /* 🔥 Desktop height */
    object-fit: cover;   /* image crop properly */
    display: block;
}

/* =========================
   MOBILE FIX
========================= */
@media (max-width: 768px) {
    .banner img {
        height: 300px;     /* 🔥 Mobile height */
        object-fit: cover;
    }
}




        .partner-scroll-wrapper{
    position:relative;
    overflow:hidden;
}

.partner-scroll{
    display:flex;
    gap:30px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:10px 5px 30px;
}

.partner-scroll::-webkit-scrollbar{
    display:none;
}

/* CARD */
.partner-card{
    min-width:320px;
    max-width:320px;
    background:#fff;
    padding:35px 25px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    flex-shrink:0;
    text-align:center;
}

.partner-card p{
    font-size:14px;
    color:#6c757d;
    margin-bottom:12px;
    text-transform:uppercase;
}

.partner-card h5{
    color:#0357A0;
    font-weight:600;
}

/* ICON */
.icon-img{
    width:90px;
    height:90px;
    margin:0 auto 20px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}

/* ARROWS */
.scroll-btn{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    background:#0357A0;
    color:#fff;
    border:none;
    width:40px;
    height:40px;
    border-radius:50%;
    cursor:pointer;
    z-index:10;
}

.scroll-btn.left{
    left:-10px;
}

.scroll-btn.right{
    right:-10px;
}











.stats-icon{
    width:106px;
    margin-bottom:15px;
}

.stats-icon.large{
    width:150px;
    height:auto;
}

.stats-text{
    font-size:38px;
    font-weight:500;
    color:#666;
    margin:0;
}

.stats-text span{
    font-weight:400;
    color:#777;
}

.stats-border{
    position:relative;
}

@media (min-width:768px){
    .stats-border::before,
    .stats-border::after{
        content:"";
        position:absolute;
        top:15%;
        bottom:15%;
        width:1px;
        background:#ddd;
    }

    .stats-border::before{
        left:0;
    }

    .stats-border::after{
        right:0;
    }
}





.hub-card{
    display:block;
    background:#fff;
    padding:12px;
    border-radius:12px;
    text-align:center;
    text-decoration:none;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
    transition:.25s;
    height:100%;
}

.hub-card img{
    width:100%;
    height:110px;
    object-fit:cover;
    border-radius:10px;
    margin-bottom:10px;
}

.hub-card p{
    margin:0;
    font-size:14px;
    font-weight:500;
    color:#000;
}

.hub-card:hover{
    transform:translateY(-5px);
}



.provider-section{
    background:#fff;
}

.provider-title{
    font-size:34px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
}

.provider-subtitle{
    font-size:16px;
    color:#6c757d;
    max-width:700px;
    margin:0 auto;
}

.provider-text{
    font-size:16px;
    line-height:1.8;
    color:#444;
    margin-bottom:18px;
}

.provider-block{
    background:#f9f9f9;
    padding:30px;
    border-radius:12px;
    margin-top:35px;
}

.provider-block h3{
    font-size:22px;
    font-weight:600;
    color:#0357A0;
    margin-bottom:15px;
}

.provider-block p{
    font-size:15px;
    color:#444;
    line-height:1.7;
    margin-bottom:12px;
}





.faq-title{
    font-size:38px;
    font-weight:700;
    color:#222;
}

.faq-subtitle{
    font-size:16px;
    color:#6c757d;
}

.accordion-item{
    border:none;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.05);
    margin-bottom:15px;
}

.accordion-button{
    font-weight:600;
    font-size:16px;
    color:#0357A0;
    background:#f9f9f9;
    border-radius:10px;
}

.accordion-button:not(.collapsed){
    background:#0357A0;
    color:#fff;
}

.accordion-body{
    font-size:15px;
    color:#444;
    line-height:1.7;
}

.faq-list-points{
    padding-left:18px;
}
.faq-list-points li{
    margin-bottom:6px;
}






.site-footer{
    background:#121212;
    padding:70px 0 50px;
    color:#cfcfcf;
}

.footer-logo{
    width:260px;
    margin-bottom:20px;
}

.footer-about{
    font-size:14px;
    line-height:1.7;
    color:#bdbdbd;
}

.footer-title{
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin-bottom:20px;
}

.footer-links,
.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:10px;
}

.footer-links a{
    color:#cfcfcf;
    font-size:14px;
    text-decoration:none;
}

.footer-links a:hover{
    color:#0357A0;
}

.footer-contact li{
    font-size:14px;
    margin-bottom:14px;
    display:flex;
    gap:10px;
    align-items:flex-start;
}

.footer-contact i{
    color:#0357A0;
    margin-top:4px;
}

.footer-contact a{
    color:#cfcfcf;
    text-decoration:none;
}

.footer-social{
    margin-top:25px;
}

.footer-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#1f1f1f;
    color:#fff;
    margin-right:10px;
    transition:.3s;
}

.footer-social a:hover{
    background:#0357A0;
}

/* 🔻 BOTTOM BAR */
.footer-bottom{
    background:#0b0b0b;
    padding:18px 0;
}

.footer-bottom p{
    margin:0;
    font-size:14px;
    color:#aaa;
}