/* 🔶 TOP STRIP (Tiranga) */
.top-strip{
    background: linear-gradient(90deg,#ff9933,#ffffff,#138808);
    padding:6px 0;
    font-size:13px;
    font-weight:500;
}

/* 🔷 MAIN HEADER (UPDATED - WHITE BG FOR LOGO) */
.header-blue{
    background:#ffffff;   /* ✅ UPDATED */
    padding:14px 0;
    border-bottom:3px solid #f5c542;
}

/* LOGO */
.logo-img{
    height:75px;
}

/* TITLE (UPDATED COLOR) */
.site-title{
    color:#0b3d91;   /* ✅ UPDATED */
    font-size:22px;
    font-weight:700;
    margin:0;
    letter-spacing:0.5px;
}

.tagline{
    color:#555;   /* ✅ UPDATED */
    font-style:italic;
    margin:0;
    font-size:13px;
}

/* BUTTONS */
.donate-btn{
    background: linear-gradient(90deg,#ff9933,#ff5722);
    color:#fff;
    padding:7px 20px;
    border-radius:25px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.donate-btn:hover{
    background: linear-gradient(90deg,#ff5722,#ff9933);
}

/* LOGIN BUTTON UPDATED */
.login-btn{
    background:#0b3d91;   /* ✅ UPDATED */
    color:#fff;
    padding:7px 18px;
    border-radius:25px;
    border:none;
    font-weight:600;
    transition:0.3s;
}

.login-btn:hover{
    background:#1c3b8b;
}

/* 🔵 NAVBAR (UPDATED ONLY COLOR SAME STYLE) */
.navbar-custom{
    background: linear-gradient(90deg,#1a4c9c,#0a2f63);  /* ✅ UPDATED */
    border-top:2px solid #f5c542;
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
}

/* MENU */
.menu{
    display:flex;
    justify-content:center;
    list-style:none;
    margin:0;
    padding:0;
}

.menu li{
    position:relative;
}

.menu li a{
    display:block;
    padding:15px 20px;
    color:#ffffff;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
    letter-spacing:0.5px;
    text-transform:uppercase;
    transition:0.3s;
}

/* ACTIVE + HOVER */
.menu li.active a,
.menu li a:hover{
    color:#ffd700;
    border-bottom:3px solid #ffd700;
}

/* DROPDOWN */
.dropdown-custom{
    position:relative;
}

/* DROPDOWN MENU */
.dropdown-menu-custom{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:250px;
    background:#0a2f63;
    padding:10px 0;
    border-radius:0 0 8px 8px;
    box-shadow:0 5px 12px rgba(0,0,0,0.25);
}

/* DROPDOWN LINKS */
.dropdown-menu-custom a{
    display:block;
    padding:12px 22px;
    color:#ffffff;
    font-size:15px;
    text-decoration:none;
    transition:0.3s;
}

/* DROPDOWN HOVER */
.dropdown-menu-custom a:hover{
    background:#1a4c9c;
    padding-left:28px;
}

/* SHOW DROPDOWN */
.dropdown-custom:hover .dropdown-menu-custom{
    display:block;
}

/* 📱 MOBILE */
@media(max-width:768px){

    .logo-img{
        height:55px;
    }

    .site-title{
        font-size:16px;
    }

    .menu{
        flex-direction:column;
        align-items:center;
        background:#0a2f63;
        display:none;
    }

    .menu.show{
        display:flex;
    }

    .menu li a{
        padding:12px;
    }

    .dropdown-menu-custom{
        position:static;
        width:100%;
        box-shadow:none;
    }
}

/* SLIDER IMAGE */
.slider-img{
    height:500px;
    object-fit:cover;
}

/* TEXT STYLE */
.carousel-caption{
    background: rgba(0,0,0,0.5);
    padding:20px;
    border-radius:10px;
}

/* MOBILE */
@media(max-width:768px){
    .slider-img{
        height:250px;
    }

    .carousel-caption h2{
        font-size:16px;
    }
}

/* 🔷 FOOTER */
.main-footer{
    background:#0a2f63;
    color:#fff;
    padding:50px 0 20px;
}

/* LOGO */
.footer-logo{
    height:70px;
    margin-bottom:10px;
}

/* HEADINGS */
.main-footer h4,
.main-footer h5{
    font-weight:700;
    margin-bottom:15px;
}

/* LINKS */
.footer-links{
    list-style:none;
    padding:0;
}

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

.footer-links a{
    color:#ddd;
    text-decoration:none;
}

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

/* BUTTON */
.support-btn{
    display:inline-block;
    background:#28a745;
    color:#fff;
    padding:8px 15px;
    border-radius:5px;
    margin-top:10px;
    text-decoration:none;
}

.support-btn:hover{
    background:#218838;
}

/* BOTTOM BAR */
.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.2);
    margin-top:30px;
    padding-top:10px;
    font-size:14px;
}

/* MOBILE */
@media(max-width:768px){
    .main-footer{
        text-align:center;
    }

    .footer-bottom{
        text-align:center;
    }
}

/* SLIDER IMAGE SIZE */
.slider-img{
    width:100%;
    height:720px;
    object-fit:cover;
}

/* CAPTION */
.carousel-caption{
    background: rgba(0,0,0,0.5);
    padding:20px;
    border-radius:10px;
}

/* MOBILE */
@media(max-width:768px){
    .slider-img{
        height:250px;
    }
}

/* 🔥 STICKY HEADER */
#mainHeader{
    position:sticky;
    top:0;
    z-index:999;
}

/* MOBILE TOGGLE */
.mobile-toggle{
    font-size:26px;
    color:#fff;
    cursor:pointer;
}

/* MENU */
.menu{
    display:flex;
    justify-content:center;
}

/* 📱 MOBILE */
@media(max-width:768px){

    .menu{
        display:none;
        flex-direction:column;
        background:#0a2f63;
        width:100%;
    }

    .menu.show{
        display:flex;
    }

    .menu li{
        text-align:center;
    }

    .dropdown-menu-custom{
        position:static;
        width:100%;
        display:none;
    }

    .dropdown-custom.active .dropdown-menu-custom{
        display:block;
    }
}

/* 🔄 LOADER */
#loader{
    position:fixed;
    width:100%;
    height:100%;
    background:#fff;
    z-index:9999;
    display:flex;
    justify-content:center;
    align-items:center;
}

.spinner{
    border:5px solid #f3f3f3;
    border-top:5px solid #0b3d91;
    border-radius:50%;
    width:50px;
    height:50px;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/* 💬 WHATSAPP BUTTON */
.whatsapp-btn{
    position:fixed;
    bottom:20px;
    right:20px;
    background:#25d366;
    color:#fff;
    font-size:24px;
    padding:12px 15px;
    border-radius:50%;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}
/* ADDRESS */
.footer-address{
    color:#ccc;
    font-size:14px;
    text-align:center;
}

/* VISITOR */
#visitorCount{
    font-weight:700;
    color:#ffd700;
}
/* CONTACT BOX */
.contact-box{
    background: rgba(255,255,255,0.05);
    padding:15px;
    border-radius:10px;
    border-left:3px solid #ffd700;
}

/* ICON STYLE */
.contact-box i{
    color:#ffd700;
    margin-right:8px;
}

/* TEXT */
.contact-box p{
    font-size:13px;
    margin-bottom:10px;
    color:#ddd;
    line-height:1.6;
}

/* VISITOR */
.contact-box .visitor{
    color:#ffd700;
    font-weight:600;
}
/* LINK BOX (same style as contact) */
.link-box{
    background: rgba(255,255,255,0.05);
    padding:15px;
    border-radius:10px;
    border-left:3px solid #ffd700;
}

/* LINKS */
.link-box a{
    display:block;
    color:#ddd;
    text-decoration:none;
    font-size:14px;
    margin-bottom:10px;
    transition:0.3s;
}

/* ICON */
.link-box i{
    color:#ffd700;
    margin-right:8px;
}

/* HOVER EFFECT */
.link-box a:hover{
    color:#fff;
    padding-left:8px;
}
/* SECTION TITLE */
.section-title{
    font-size:28px;
    font-weight:700;
    color:#0b3d91;
}

.section-subtitle{
    color:#666;
    margin-top:5px;
}

/* SERVICES */
.services-section{
    background:#f8f9fa;
}

/* CARD */
.service-card{
    background:#fff;
    padding:25px 15px;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    transition:0.3s;
}

/* ICON */
.service-card i{
    font-size:35px;
    color:#0b3d91;
    margin-bottom:10px;
}

/* HOVER */
.service-card:hover{
    transform:translateY(-8px);
    background:#0b3d91;
    color:#fff;
}

.service-card:hover i{
    color:#ffd700;
}
/* ABOUT */
.about-section img{
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
}

/* COUNTER */
.counter-section{
    background: linear-gradient(90deg,#1c3b8b,#0b3d91);
    padding:60px 0;
}

.counter{
    font-size:36px;
    font-weight:700;
    color:#ffd700;
}
/* GALLERY */
.gallery-section{
    background:#f8f9fa;
}

/* CARD */
.gallery-card{
    overflow:hidden;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

/* IMAGE */
.gallery-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:0.4s;
}

/* HOVER ZOOM */
.gallery-card:hover img{
    transform:scale(1.1);
}
/* TESTIMONIAL */
.testimonial-section{
    background:#ffffff;
}

/* CARD */
.testimonial-card{
    max-width:700px;
    margin:auto;
    padding:25px;
    background:#f8f9fa;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

/* TEXT */
.testimonial-card p{
    font-style:italic;
    color:#333;
}

/* NAME */
.testimonial-card h5{
    margin-top:10px;
    color:#0b3d91;
}
/* NEWS SECTION */
.news-section{
    background:#f8f9fa;
}

/* CARD */
.news-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    transition:0.3s;
}

/* IMAGE */
.news-card img{
    width:100%;
    height:200px;
    object-fit:cover;
}

/* CONTENT */
.news-content{
    padding:15px;
}

.news-content h5{
    color:#0b3d91;
}

.news-content a{
    text-decoration:none;
    color:#ff5722;
    font-weight:600;
}

/* HOVER */
.news-card:hover{
    transform:translateY(-8px);
}
/* PAGE HEADER */
.page-header{
    background: linear-gradient(rgba(11,61,145,0.8), rgba(11,61,145,0.8)),
                url('../images/banner.jpg');
    background-size:cover;
    padding:80px 0;
}

/* MISSION CARD */
.mission-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
/* TEAM */
.team-section{
    background:#f8f9fa;
}

/* CARD */
.team-card{
    background:#fff;
    padding:20px;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    transition:0.3s;
}

/* IMAGE */
.team-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
}

/* NAME */
.team-card h5{
    margin-top:10px;
    color:#0b3d91;
}

/* ROLE */
.team-card p{
    color:#555;
}

/* HOVER */
.team-card:hover{
    transform:translateY(-8px);
}
/* HERO */
.about-hero{
    background: linear-gradient(90deg,#ff9933,#138808);
    padding:100px 0;
}

/* SECTION TITLE */
.section-title{
    font-weight:700;
    color:#0b3d91;
}

/* MISSION */
.mission-section{
    background:#f8f9fa;
}

.mission-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    transition:0.3s;
    border-top:4px solid #ff9933;
}

.mission-card i{
    font-size:30px;
    color:#ff5722;
}

.mission-card:hover{
    transform:translateY(-8px);
}

/* IMPACT */
.impact-section{
    background: linear-gradient(90deg,#0b3d91,#1c3b8b);
    padding:60px 0;
}

.counter{
    color:#ffd700;
    font-size:36px;
}

/* WHY */
.why-section{
    background:#ffffff;
}

.why-card{
    padding:20px;
    border-radius:10px;
    background:#f8f9fa;
}

.why-card i{
    font-size:30px;
    color:#0b3d91;
}

/* CTA */
.cta-section{
    background: linear-gradient(90deg,#ff9933,#ff5722);
    padding:60px 0;
    color:#fff;
}
/* HERO (ORANGE + DARK MIX) */
.gov-hero{
    background: linear-gradient(90deg,#ff7e00,#2c3e50);
    padding:100px 0;
}

/* SECTION TITLE */
.section-title{
    font-weight:700;
    color:#2c3e50;
}

/* BOARD CARDS */
.team-card-advanced{
    background:#ffffff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

.team-card-advanced img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
}

.team-card-advanced:hover{
    transform:translateY(-8px);
    background:#ff7e00;
    color:#fff;
}

/* POLICY */
.policy-card-advanced{
    background:#fff;
    padding:25px;
    border-radius:12px;
    border-top:4px solid #ff7e00;
    transition:0.3s;
}

.policy-card-advanced i{
    font-size:30px;
    color:#ff7e00;
    margin-bottom:10px;
}

.policy-card-advanced:hover{
    background:#2c3e50;
    color:#fff;
}

/* DOCUMENT */
.doc-card-advanced{
    background:#f8f9fa;
    padding:25px;
    border-radius:10px;
    transition:0.3s;
}

.doc-card-advanced:hover{
    background:#ff7e00;
    color:#fff;
}
/* HERO */
.fin-hero{
    background: linear-gradient(90deg,#16a085,#2c3e50);
    padding:100px 0;
}

/* CARD */
.fin-card{
    background:#ffffff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

.fin-card h2{
    color:#16a085;
}

.fin-card:hover{
    transform:translateY(-8px);
    background:#16a085;
    color:#fff;
}
/* HERO */
.cert-hero{
    background: linear-gradient(90deg,#8e44ad,#2c3e50);
    padding:100px 0;
}

/* CERT CARD */
.cert-card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    text-align:center;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

/* IMAGE */
.cert-card img{
    width:100%;
    height:250px;
    object-fit:cover;
    border-radius:8px;
}

/* HOVER */
.cert-card:hover{
    transform:translateY(-8px);
    background:#8e44ad;
    color:#fff;
}
/* HERO */
.gallery-hero{
    background: linear-gradient(90deg,#ff5722,#2c3e50);
    padding:100px 0;
}

/* GRID */
.gallery-card{
    overflow:hidden;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}

/* IMAGE */
.gallery-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:0.4s;
}

/* HOVER */
.gallery-card:hover img{
    transform:scale(1.1);
}
/* HERO */
.impact-hero{
    background: linear-gradient(90deg,#ff5722,#1c3b8b);
    padding:100px 0;
}

/* COUNTER */
.impact-counter{
    background:#2c3e50;
    padding:60px 0;
}

.counter{
    color:#ffd700;
    font-size:36px;
}

/* IMPACT CARD */
.impact-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
    transition:0.3s;
}

.impact-card i{
    font-size:30px;
    color:#ff5722;
}

.impact-card:hover{
    transform:translateY(-8px);
}

/* PROJECT */
.project-card{
    background:#fff;
    padding:10px;
    border-radius:10px;
}

.project-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:10px;
}
/* HERO */
.work-hero{
    background: linear-gradient(90deg,#16a085,#ff5722);
    padding:100px 0;
}

/* CARD */
.work-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    transition:0.3s;
}

.work-card i{
    font-size:30px;
    color:#ff5722;
    margin-bottom:10px;
}

.work-card:hover{
    transform:translateY(-8px);
    background:#16a085;
    color:#fff;
}
/* HERO */
.events-hero{
    background: linear-gradient(90deg,#ff5722,#16a085);
    padding:100px 0;
}

/* CARD */
.event-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    transition:0.3s;
}

/* IMAGE */
.event-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

/* CONTENT */
.event-content{
    padding:15px;
}

/* HOVER */
.event-card:hover{
    transform:translateY(-8px);
}
/* HERO */
.involve-hero{
    background: linear-gradient(90deg,#ff5722,#8e44ad);
    padding:100px 0;
}

/* CARD */
.involve-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    transition:0.3s;
}

.involve-card i{
    font-size:30px;
    color:#ff5722;
    margin-bottom:10px;
}

.involve-card:hover{
    transform:translateY(-8px);
    background:#ff5722;
    color:#fff;
}
/* HERO */
.contact-hero{
    background: linear-gradient(90deg,#ff7e00,#1a237e);
    padding:100px 0;
}

/* CONTACT CARD */
.contact-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

.contact-card i{
    font-size:32px;
    color:#ff7e00;
}

.contact-card:hover{
    transform:translateY(-8px);
    background:#1a237e;
    color:#fff;
}

/* FORM BOX */
.form-box{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
}

/* BUTTON */
.btn-send{
    background: linear-gradient(90deg,#ff7e00,#ff5722);
    color:#fff;
    border:none;
    padding:10px;
    font-weight:600;
}

.btn-send:hover{
    background:#e65100;
}

/* MAP */
.map-box{
    height:100%;
    min-height:350px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 6px 15px rgba(0,0,0,0.2);
    border:4px solid #ff7e00;
}

.map-box iframe{
    width:100%;
    height:100%;
    border:0;
}

/* SECTION BG */
.contact-section{
    background:#f8f9fa;
}
/* HERO */
.career-hero{
    background: linear-gradient(90deg,#2c3e50,#ff7e00);
    padding:100px 0;
}

/* JOB CARD */
.job-card{
    background:#fff;
    padding:25px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    transition:0.3s;
}

.job-card:hover{
    transform:translateY(-8px);
    background:#ff7e00;
    color:#fff;
}
/* HERO */
.donate-hero{
    background: linear-gradient(90deg,#ff7e00,#1a237e);
    padding:90px 0;
}

/* SECTION */
.donate-section{
    background:#f8f9fa;
}

/* FORM BOX */
.donate-form-box{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
}

/* INFO BOX */
.donate-info-box{
    background: linear-gradient(135deg,#1a237e,#ff7e00);
    color:#fff;
    padding:30px;
    border-radius:12px;
}

/* QR */
.qr-img{
    width:180px;
    margin-top:10px;
}

/* QUICK AMOUNT */
.quick-amount button{
    margin:5px;
    padding:8px 15px;
    border:none;
    background:#eee;
    border-radius:20px;
}

.quick-amount button:hover{
    background:#ff7e00;
    color:#fff;
}

/* BUTTON */
.btn-donate{
    background: linear-gradient(90deg,#ff5722,#ff7e00);
    color:#fff;
    border:none;
    padding:12px;
}

.btn-upi{
    background:#1a237e;
    color:#fff;
}
/* BACKGROUND (PREMIUM DARK GRADIENT) */
.admin-body{
    background: linear-gradient(135deg,#000000,#1c1c1c,#2b2b2b);
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* LOGIN BOX */
.login-box{
    background:#ffffff;
    padding:35px;
    border-radius:14px;
    width:360px;
    box-shadow:0 15px 40px rgba(0,0,0,0.4);
    border-top:5px solid #d4af37; /* GOLD */
}

/* LOGO */
.admin-logo{
    height:65px;
}

/* TITLE */
.login-box h4{
    color:#000;
    font-weight:700;
}

/* INPUT */
.login-box input{
    border-radius:8px;
    border:1px solid #ccc;
    padding:10px;
}

.login-box input:focus{
    border-color:#d4af37;
    box-shadow:0 0 5px rgba(212,175,55,0.5);
}

/* BUTTON (GOLD STYLE) */
.btn-admin{
    background: linear-gradient(90deg,#d4af37,#b8962e);
    color:#000;
    border:none;
    padding:12px;
    font-weight:600;
    border-radius:8px;
}

.btn-admin:hover{
    background:#b8962e;
    color:#fff;
}

/* BACK LINK */
.login-box a{
    color:#d4af37;
    text-decoration:none;
}

.login-box a:hover{
    color:#000;
}
/* BACKGROUND */
.user-body{
    background: linear-gradient(135deg,#16a085,#1a237e);
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* BOX */
.user-login-box{
    background:#fff;
    padding:35px;
    border-radius:14px;
    width:360px;
    box-shadow:0 15px 40px rgba(0,0,0,0.3);
    border-top:5px solid #16a085;
}

/* LOGO */
.user-logo{
    height:65px;
}

/* INPUT */
.user-login-box input{
    border-radius:8px;
    border:1px solid #ccc;
    padding:10px;
}

.user-login-box input:focus{
    border-color:#16a085;
    box-shadow:0 0 5px rgba(22,160,133,0.4);
}

/* BUTTON */
.btn-user{
    background: linear-gradient(90deg,#16a085,#1a237e);
    color:#fff;
    border:none;
    padding:12px;
    font-weight:600;
    border-radius:8px;
}

.btn-user:hover{
    background:#0d6efd;
}

/* LINKS */
.user-login-box a{
    color:#16a085;
    text-decoration:none;
}

.user-login-box a:hover{
    color:#1a237e;
}
/* 🔄 LOADER BACKGROUND */
#loader{
    position:fixed;
    width:100%;
    height:100%;
    background: linear-gradient(135deg,#ffffff,#f8f9fa);
    z-index:9999;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:0.5s ease;
}

/* BOX CENTER */
.loader-box{
    text-align:center;
}

/* LOGO */
.loader-logo{
    width:110px;
    margin-bottom:15px;
    animation:logoZoom 1.5s infinite alternate;
}

/* SPINNER */
.spinner{
    width:45px;
    height:45px;
    border:5px solid #e0e0e0;
    border-top:5px solid #ff7e00;
    border-radius:50%;
    margin:auto;
    animation:spin 1s linear infinite;
}

/* LOGO ANIMATION */
@keyframes logoZoom{
    0%{
        transform:scale(1);
        opacity:0.8;
    }
    100%{
        transform:scale(1.15);
        opacity:1;
    }
}

/* SPIN ANIMATION */
@keyframes spin{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(360deg); }
}

/* OPTIONAL FADE OUT */
#loader.fade-out{
    opacity:0;
    visibility:hidden;
}
/* SOCIAL ICONS */
.footer-social a{
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    border-radius:50%;
    background:#ffffff20;
    color:#fff;
    margin-right:8px;
    transition:0.3s;
    font-size:14px;
}

/* HOVER */
.footer-social a:hover{
    background:#ffd700;
    color:#000;
    transform:translateY(-3px);
}
/* PRIVACY PAGE */
.page-header{
    background: linear-gradient(90deg,#0b3d91,#002147);
    padding:60px 0;
}

.policy-box{
    background:#ffffff;
    padding:30px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.policy-box h3{
    margin-top:25px;
    color:#0b3d91;
    font-weight:700;
}

.policy-box h5{
    margin-top:15px;
    font-weight:600;
}

.policy-box ul{
    padding-left:20px;
}

.policy-box ul li{
    margin-bottom:6px;
}
.footer-bottom a{
    color:#fff;
    text-decoration:none;
    margin:0 5px;
}

.footer-bottom a:hover{
    color:#ffd700;
}
/* 🔷 HERO */
.privacy-hero{
    background: linear-gradient(135deg,#0b3d91,#0077b6,#00b4d8);
    padding:80px 0;
    position:relative;
    overflow:hidden;
}

.privacy-hero h1{
    font-size:40px;
    font-weight:700;
}

.privacy-hero p{
    font-size:16px;
    opacity:0.9;
}

/* 🔶 SECTION */
.privacy-section{
    background:#f4f8fb;
}

/* 📦 BOX */
.policy-box{
    background:#ffffff;
    padding:40px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    border-left:6px solid #00b4d8;
}

/* DATE */
.effective-date{
    color:#ff6b00;
    font-weight:600;
    margin-bottom:15px;
}

/* HEADINGS */
.policy-box h3{
    color:#0b3d91;
    margin-top:25px;
    font-weight:700;
    border-left:4px solid #00b4d8;
    padding-left:10px;
}

.policy-box h5{
    margin-top:15px;
    color:#333;
}

/* LIST */
.policy-box ul{
    padding-left:20px;
}

.policy-box ul li{
    margin-bottom:8px;
    position:relative;
}

/* HOVER EFFECT */
.policy-box:hover{
    transform:translateY(-3px);
    transition:0.3s;
}

/* 🔷 COMPACT HERO */
.fin-hero{
    background: linear-gradient(135deg,#0b3d91,#0077b6,#00b4d8);
    padding:50px 0; /* 👈 HEIGHT KAM KIYA */
}

.fin-hero h1{
    font-size:32px;
    font-weight:700;
}

.fin-hero p{
    font-size:14px;
    opacity:0.9;
}

/* 🔷 CARDS */
.fin-card{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    transition:0.3s;
}

.fin-card i{
    font-size:30px;
    color:#0b3d91;
    margin-bottom:10px;
}

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

/* 🔷 DOC CARD */
.doc-card-advanced{
    background:#fff;
    padding:25px;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.doc-card-advanced i{
    font-size:30px;
    color:#ff6b00;
    margin-bottom:10px;
}
/* 🔷 STORIES SECTION */
.stories-section{
    background:#f4f8fb;
}

/* CARD */
.story-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    transition:0.3s;
}

/* IMAGE */
.story-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

/* CONTENT */
.story-content{
    padding:15px;
}

.story-content h5{
    color:#0b3d91;
    font-weight:600;
}

.story-content p{
    font-size:14px;
    color:#555;
}

/* HOVER EFFECT */
.story-card:hover{
    transform:translateY(-5px);
}
/* 🔷 EVENTS SECTION */
.events-section{
    background:#ffffff;
}

/* CARD */
.event-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    position:relative;
    transition:0.3s;
}

/* IMAGE */
.event-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

/* DATE BOX */
.event-date{
    position:absolute;
    top:10px;
    left:10px;
    background:#ff6b00;
    color:#fff;
    padding:8px 10px;
    border-radius:5px;
    text-align:center;
}

.event-date span{
    font-size:18px;
    font-weight:bold;
    display:block;
}

.event-date small{
    font-size:12px;
}

/* CONTENT */
.event-content{
    padding:15px;
}

.event-content h5{
    color:#0b3d91;
    font-weight:600;
}

.event-content p{
    font-size:14px;
    color:#555;
}

/* HOVER */
.event-card:hover{
    transform:translateY(-5px);
}
/* 🔷 FOCUS SECTION */
.focus-section{
    background:#f8fbff;
}

/* CARD */
.focus-card{
    background:#fff;
    padding:30px 20px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:0.3s;
}

/* ICON */
.focus-card i{
    font-size:35px;
    color:#ff6b00;
    margin-bottom:15px;
}

/* TITLE */
.focus-card h5{
    font-weight:600;
    color:#0b3d91;
}

/* TEXT */
.focus-card p{
    font-size:14px;
    color:#555;
}

/* HOVER */
.focus-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}
.receipt-box{
    max-width:500px;
    margin:auto;
    padding:30px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
}
/* 🔥 MOBILE FIX */
@media (max-width: 768px) {

    .menu {
        display: none;
        flex-direction: column;
        background: #0b3d91;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        padding: 10px 0;
        z-index: 999;
    }

    .menu li {
        text-align: center;
        padding: 10px 0;
    }

    .dropdown-menu-custom {
        display: none;
        background: #0b3d91;
    }

    .mobile-toggle {
        display: block;
        font-size: 24px;
        cursor: pointer;
    }
}