:root{--blue:#005889;--orange:#f4750b;--green:#4fa31b;--dark:#093445;--light:#f6fbf8;--white:#fff;--shadow:0 25px 70px rgba(0,40,80,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;color:var(--dark);background:linear-gradient(135deg,#f6fbff 0%,#f6fff1 55%,#fff6ee 100%);overflow-x:hidden}#preloader{position:fixed;inset:0;background:#fff;z-index:9999;display:grid;place-items:center;gap:10px;transition:.6s}#preloader img{width:110px;border-radius:22px;animation:pulse 1.5s infinite}#preloader span{font-weight:800;color:var(--blue)}.loaded #preloader{opacity:0;visibility:hidden}.glass-nav{background:rgba(255,255,255,.84);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.07)}.brand-logo{width:54px;height:54px;object-fit:cover;border-radius:50%}.navbar-brand span{font-weight:900;color:var(--blue)}.nav-link{font-weight:800;color:var(--dark)!important;margin:0 4px}.nav-link:hover{color:var(--orange)!important}.btn-donate,.btn-primary-custom{background:linear-gradient(135deg,var(--orange),#ff9e21);color:#fff!important;border:0;border-radius:999px;padding:12px 24px;font-weight:900;box-shadow:0 12px 30px rgba(244,117,11,.28);transition:.35s}.btn-donate:hover,.btn-primary-custom:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(244,117,11,.36)}.btn-outline-custom{border:2px solid var(--blue);color:var(--blue);border-radius:999px;padding:10px 24px;font-weight:900}.btn-outline-custom:hover{background:var(--blue);color:#fff}.hero-section{position:relative;min-height:100vh;overflow:hidden}.eyebrow,.section-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(79,163,27,.12);color:var(--green);padding:9px 16px;border-radius:999px;font-weight:900}.hero-section h1,.section-padding h2{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5vw,5rem);line-height:1.03;margin:22px 0;color:var(--blue)}.section-padding h2{font-size:clamp(2rem,3.5vw,3.2rem)}.hero-text,.section-lead{font-size:1.18rem;color:#4f6570;max-width:680px}.hero-card{position:relative;background:rgba(255,255,255,.8);border-radius:40px;padding:32px;box-shadow:var(--shadow);transform-style:preserve-3d}.hero-card img{width:100%;border-radius:30px}.glass-panel{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);padding:14px 22px;border-radius:999px;box-shadow:0 12px 40px rgba(0,0,0,.12);font-weight:900;white-space:nowrap}.glass-panel i{color:var(--orange)}.hero-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px}.hero-stats div{background:#fff;border-radius:22px;padding:18px 24px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.hero-stats strong{display:block;color:var(--orange);font-size:1.6rem}.hero-stats span{font-weight:800;font-size:.85rem}.floating-shape{position:absolute;border-radius:50%;filter:blur(5px);opacity:.28;animation:float 7s ease-in-out infinite}.shape-one{width:240px;height:240px;background:var(--green);top:17%;left:-90px}.shape-two{width:300px;height:300px;background:var(--orange);right:-100px;bottom:10%;animation-delay:2s}.section-padding{padding:105px 0}.feature-card,.service-card,.govern-card,.impact-box,.contact-form{height:100%;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:32px;box-shadow:var(--shadow);transition:.35s}.feature-card:hover,.service-card:hover,.govern-card:hover{transform:translateY(-10px)}.feature-card i,.govern-card i{font-size:2.4rem;color:var(--green)}.feature-card h4,.service-card h4,.govern-card h4{font-weight:900;color:var(--blue);margin-top:14px}.services-section{background:rgba(255,255,255,.45)}.service-card span{font-size:3rem;font-weight:900;color:rgba(244,117,11,.22)}.service-card a{font-weight:900;color:var(--orange);text-decoration:none}.custom-accordion .accordion-item{border:0;margin-bottom:16px;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.07)}.accordion-button{font-weight:900;color:var(--blue)}.accordion-button:not(.collapsed){background:#ecf8e8;color:var(--green)}.impact-box{background:linear-gradient(135deg,var(--blue),#0679af);color:#fff}.impact-box h3{font-weight:900}.progress-wrap{margin-top:22px;font-weight:800}.progress{height:11px;border-radius:999px;background:rgba(255,255,255,.25)}.progress-bar{background:#fff;border-radius:999px}.cta-card{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;border-radius:40px;text-align:center;padding:70px 25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta-card h2{color:#fff}.contact-info{display:flex;gap:15px;margin:22px 0;font-weight:800}.contact-info i{color:var(--orange);font-size:1.35rem}.form-control,.form-select{border:0;background:#f2f7f5;border-radius:16px;padding:15px}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(79,163,27,.18)}.form-note{font-weight:900;color:var(--green);margin-top:12px}.footer{background:#062b3a;color:#dbeff5;padding:55px 0 25px}.footer-logo{width:80px;border-radius:18px;margin-bottom:14px}.footer a{color:#dbeff5;text-decoration:none;margin-left:20px;font-weight:800}.footer a:hover{color:var(--orange)}#backToTop{position:fixed;right:25px;bottom:25px;width:48px;height:48px;border:0;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 15px 30px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:.3s;z-index:50}#backToTop.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(45px);transition:all .8s ease}.reveal.active{opacity:1;transform:none}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}@keyframes float{50%{transform:translateY(-30px) translateX(20px)}}@keyframes pulse{50%{transform:scale(1.08)}}@media(max-width:991px){.navbar-collapse{background:#fff;border-radius:20px;padding:18px;margin-top:12px}.hero-section h1{margin-top:14px}.hero-stats div{flex:1 1 140px}.section-padding{padding:75px 0}.footer a{display:inline-block;margin:8px 12px 0 0}}

/* Team members */
.team-container{margin-top:80px;padding:70px 28px;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(236,248,232,.72));box-shadow:var(--shadow);position:relative;overflow:hidden}.team-container:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(244,117,11,.12);top:-120px;right:-100px;animation:float 8s ease-in-out infinite}.team-container:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(0,88,137,.12);bottom:-100px;left:-80px;animation:float 9s ease-in-out infinite reverse}.team-card{position:relative;z-index:1;height:100%;text-align:center;background:#fff;border-radius:32px;padding:18px 18px 26px;box-shadow:0 18px 45px rgba(0,40,80,.12);transition:transform .4s ease,box-shadow .4s ease;border:1px solid rgba(255,255,255,.9);overflow:hidden}.team-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(79,163,27,.12),rgba(244,117,11,.1));opacity:0;transition:.4s}.team-card:hover{transform:translateY(-14px) scale(1.02);box-shadow:0 28px 65px rgba(0,40,80,.2)}.team-card:hover:before{opacity:1}.team-img-wrap{position:relative;width:180px;height:180px;margin:0 auto 20px;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--blue),var(--green),var(--orange));animation:softGlow 3s ease-in-out infinite}.team-img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #fff;transition:transform .5s ease}.team-card:hover .team-img-wrap img{transform:scale(1.08) rotate(2deg)}.team-card h4{position:relative;font-weight:900;color:var(--blue);margin-bottom:4px}.team-card p{position:relative;color:#5a707a;font-weight:800;margin-bottom:18px}.team-socials{position:relative;display:flex;justify-content:center;gap:10px}.team-socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f2f7f5;color:var(--blue);font-size:1.05rem;transition:.35s;text-decoration:none}.team-socials a:hover{background:linear-gradient(135deg,var(--orange),#ff9e21);color:#fff;transform:translateY(-6px) rotate(8deg);box-shadow:0 12px 24px rgba(244,117,11,.28)}@keyframes softGlow{50%{box-shadow:0 0 0 10px rgba(79,163,27,.1)}}@media(max-width:575px){.team-container{padding:50px 16px}.team-img-wrap{width:155px;height:155px}}


/* Media, Gallery, Blog and News pages */
.media-section{background:rgba(255,255,255,.55)
}
.media-card{
    display:block;
    height:100%;
    background:#fff;
    border-radius:32px;
    overflow:hidden;
    text-decoration:none;
    color:var(--dark);
    box-shadow:var(--shadow);
    transition:.4s;
    position:relative
}
    .media-card:hover{
        transform:translateY(-12px);
        box-shadow:0 30px 70px rgba(0,40,80,.2)
    }
    .media-card img{
        width:100%;
        height:250px;
        object-fit:cover;transition:.6s
    }
        .media-card:hover img{transform:scale(1.08)
        }
        .media-card div{padding:26px}
        .media-card span{font-weight:900;
            color:var(--green)
        }
        .media-card h4{font-weight:900;
            color:var(--blue);margin-top:10px
        }
        .inner-hero{min-height:58vh;
            padding-top:150px;
            display:grid;
            place-items:center;
            position:relative;
            overflow:hidden}
            .inner-hero h1{font-family:'Playfair Display',serif;
                font-size:clamp(2.5rem,5vw,4.8rem);
                color:var(--blue);
                margin:22px 0}.gallery-slider img{height:540px;object-fit:cover;
                    filter:brightness(.75)}
                    .gallery-slider .carousel-caption{background:rgba(0,40,60,.45);
                        backdrop-filter:blur(8px);border-radius:24px;padding:20px
                    }
                    .gallery-slider h3{font-weight:900
                    }
                    .gallery-grid a{display:block;position:relative;
                        border-radius:30px;overflow:hidden;
                        box-shadow:var(--shadow);height:300px}
                        .gallery-grid img{width:100%;height:100%;
                            object-fit:cover;transition:.55s}
                            .gallery-grid span{position:absolute;
                                left:18px;right:18px;bottom:18px;
                                background:rgba(255,255,255,.9);
                                border-radius:999px;padding:12px 18px;
                                font-weight:900;color:var(--blue);
                                text-align:center;transform:translateY(80px);
                                transition:.4s}.gallery-grid a:hover img{transform:scale(1.12) rotate(1deg);
                                    filter:brightness(.8)}.gallery-grid a:hover span{transform:translateY(0)}.blog-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fff,rgba(236,248,232,.85));border-radius:42px;padding:45px;box-shadow:var(--shadow);overflow:hidden}.blog-feature h2{font-family:'Playfair Display',serif;color:var(--blue);font-size:clamp(2rem,4vw,3.5rem)}.blog-feature img{width:100%;border-radius:30px;animation:float 7s ease-in-out infinite}.article-card,.news-card{height:100%;background:#fff;border-radius:30px;padding:32px;box-shadow:var(--shadow);transition:.35s;border:1px solid rgba(255,255,255,.85)}.article-card:hover,.news-card:hover{transform:translateY(-12px)}.article-card>i{font-size:2.5rem;color:var(--orange)}.article-card span,.news-card span{display:inline-block;margin:16px 0 10px;font-weight:900;color:var(--green);background:rgba(79,163,27,.12);padding:7px 13px;border-radius:999px}.article-card h4,.news-card h4{font-weight:900;color:var(--blue)}.article-card a{color:var(--orange);font-weight:900;text-decoration:none}.news-slider{border-radius:40px;overflow:hidden;box-shadow:var(--shadow)}.news-slide{min-height:410px;padding:70px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;display:flex;flex-direction:column;justify-content:center}.news-slide span{font-weight:900;color:#ffe0bf;text-transform:uppercase;letter-spacing:.12em}.news-slide h2{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,4vw,4rem);max-width:900px}.news-slide p{font-size:1.15rem;max-width:720px}.news-card small{color:#687b84;font-weight:900}@media(max-width:767px){.gallery-slider img{height:360px}.blog-feature{grid-template-columns:1fr;padding:28px}.news-slide{padding:45px 28px}.inner-hero{min-height:50vh;padding-top:130px}}
/* =============================
   VIDEO SERVICES SECTION
============================= */
.video-services {
    background: linear-gradient(to right, #f5fff5, #ffffff);
}

.section-title {
    color: #0b4f75;
    font-size: 2.5rem;
    position: relative;
    animation: fadeInDown 1s ease-in-out;
}

.video-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s ease;
    transform: translateY(0);
}

.video-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.video-content h4 {
    color: #ff7b00;
    font-weight: bold;
    margin-bottom: 15px;
}

.video-content p {
    color: #555;
    line-height: 1.7;
}

.video-card iframe {
    border: none;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.hero-slider,
.hero-slide {
    height: 60vh;
    min-height: 450px;
}

.hero-slide {
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(245, 255, 245, 0.95),
        rgba(255, 255, 255, 0.75),
        rgba(255, 255, 255, 0.35)
    );
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    animation: heroFadeUp 1.2s ease;
}

.hero-content h5 {
    font-size: clamp(3rem, 7vw, 2.8rem);
    line-height: 0.95;
    font-weight: 800;
    color: #005b85;
    margin-bottom: 25px;
}

.hero-content p {
    max-width: 760px;
    font-size: 1.3rem;
    color: #2f5f73;
    line-height: 1.7;
    margin-bottom: 30px;
}

.hero-btn {
    background: #ff7b00;
    color: #fff;
    padding: 14px 35px;
    border-radius: 50px;
    font-weight: 700;
    transition: 0.4s ease;
}

.hero-btn:hover {
    background: #0b8f3a;
    color: #fff;
    transform: translateY(-4px);
}

.carousel-item.active .hero-content {
    animation: heroFadeUp 1.2s ease;
}

@keyframes heroFadeUp {
    from {
        opacity: 0;
        transform: translateY(45px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* VIDEO SECTION */
.video-services {
    background: linear-gradient(to right, #f5fff5, #ffffff);
}

.section-title {
    color: #005b85;
    font-size: 2.8rem;
    font-weight: 800;
}

.video-card {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    transition: 0.5s ease;
}

.video-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 45px rgba(0,0,0,0.2);
}

.video-container {
    overflow: hidden;
    background: #000;
}

.custom-video {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: 0.5s ease;
}

.video-card:hover .custom-video {
    transform: scale(1.03);
}

.video-content h4 {
    color: #ff7b00;
    font-weight: 700;
    margin-bottom: 15px;
}

.video-content p {
    color: #444;
    line-height: 1.8;
}