body{
    font-size: 14px !important;
}
#scrollTopBtn { 
      background:linear-gradient(90deg,#5c8e1c,#ec7514) !important;
}
/* Top Bar */
.topbar .opcswt-top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:4px 40px !important;
    background:linear-gradient(90deg,#5c8e1c,#ec7514);
    color:#fff;
    font-size:14px;
    font-family:'Poppins',sans-serif;
}

/* Left Section */
.topbar .opcswt-top-bar-left{
    display:flex;
    align-items:center;
}

/* Contact Info */
.topbar .opcswt-contact-info{
    display:flex;
    gap:25px;
}

/* Contact Item */
.topbar .opcswt-contact-item{
    display:flex;
    align-items:center;
    gap:8px;
}

/* Icons */
.topbar .opcswt-contact-item i{
    background:rgba(255,255,255,0.2);
    padding:7px;
    border-radius:50%;
    font-size:12px;
    transition:0.3s;
}

/* Links */
.topbar .opcswt-contact-item a{
    text-decoration:none;
    color:#fff;
    font-weight:500;
}

/* Hover */
.topbar .opcswt-contact-item:hover i{
    background:#fff;
    color:#ec7514;
    transform:scale(1.1);
}

/* Social Links */
.topbar .opcswt-social-links{
    display:flex;
    gap:10px;
}

/* Social Icons */
.topbar .opcswt-social-links a{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.2);
    border-radius:50%;
    color:#fff;
    transition:all .3s ease;
    font-size:14px;
}

/* Social Hover */
.topbar .opcswt-social-links a:hover{
    background:#fff;
    color:#5c8e1c;
    transform:translateY(-3px);
}

/* Responsive */
@media(max-width:768px){
    .topbar .opcswt-top-bar{
        flex-direction:column;
        gap:10px;
        padding:10px 15px;
        text-align:center;
    }

    .topbar .opcswt-contact-info{
        flex-direction:column;
        gap:5px;
    }
}


/*Menu Bar*/

/* NAVBAR */
/* NAV ITEM POSITION */
.menubar .opcswt-nav-item{
    position:relative;
}
.menubar .opcswt-org-trust-name {
font-size:10px !important;
}
/* SUBMENU BOX */
.menubar .opcswt-submenu{
    position:absolute;
    top:120%;
    left:0;
    min-width:220px;
    background:#fff;
    border-radius:10px;
    padding:10px 0;
    list-style:none;
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:all .35s ease;
    border-top:none;
    border-bottom:3px solid #ec7514;
}

/* SHOW SUBMENU */
.menubar .opcswt-nav-item:hover .opcswt-submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* SUBMENU LINKS */
.menubar .opcswt-submenu .opcswt-nav-link{
    display:block;
    padding:12px 20px;
    font-size:14px;
    color:#333;
    text-decoration:none;
    transition:all .3s ease;
    position:relative;
}

/* LEFT BORDER HOVER EFFECT */
.menubar .opcswt-submenu .opcswt-nav-link::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:4px;
    background:linear-gradient(#5c8e1c,#ec7514);
    transform:scaleY(0);
    transition:0.3s;
}

/* HOVER STYLE */
.menubar .opcswt-submenu .opcswt-nav-link:hover{
    background:#f8f8f8;
    padding-left:26px;
    color:#5c8e1c;
}

.menubar .opcswt-submenu .opcswt-nav-link:hover::before{
    transform:scaleY(1);
}

/* CHEVRON ICON ANIMATION */
.menubar .sp{
    font-size:11px;
    margin-left:5px;
    transition:0.3s;
}

.menubar .opcswt-nav-item:hover .sp{
    transform:rotate(180deg);
}



.menubar .opcswt-navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 50px !important;
    background:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    position:sticky;
    top:0;
    z-index:999;
}

/* BRAND SECTION */
.menubar .opcswt-brand{
    display:flex;
    align-items:center;
    gap:12px;
}

.menubar .opcswt-org-main-name{
    font-size:20px;
    font-weight:700;
    color:#5c8e1c;
}

.menubar .opcswt-org-trust-name{
    font-size:14px;
    color:#ec7514;
    font-weight:500;
}

/* NAV MENU */
.menubar .opcswt-nav-menu{
    display:flex;
    align-items:center;
    list-style:none;
    gap:15px !important;
}

/* NAV LINK */
.menubar .opcswt-nav-link{
    text-decoration:none;
    font-weight:500;
    color:#333;
    font-size:14px;
    position:relative;
    padding:6px 0;
    transition:0.3s;
}

/* HOVER LINE EFFECT */
.menubar .opcswt-nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:0%;
    height:3px;
    background:linear-gradient(90deg,#5c8e1c,#ec7514);
    transition:0.35s;
    border-radius:5px;
}

.menubar .opcswt-nav-link:hover{
    color:#5c8e1c;
}

.menubar .opcswt-nav-link:hover::after{
    width:100%;
}

/* SUBMENU */
.menubar .opcswt-submenu{
    position:absolute;
    top:120%;
    left:0;
    background:#fff;
    list-style:none;
    padding:10px 0;
    border-radius:8px;
    min-width:200px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:0.3s;
}

/* SHOW SUBMENU */
.menubar .opcswt-nav-item:hover .opcswt-submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* SUBMENU LINKS */
.menubar .opcswt-submenu .opcswt-nav-link{
    display:block;
    padding:10px 20px;
    font-size:14px;
}

.menubar .opcswt-submenu .opcswt-nav-link:hover{
    background:#f5f5f5;
    color:#ec7514;
}

/* CTA BUTTON */
.menubar .opcswt-cta-button{
    padding:8px 18px;
    border-radius:25px;
    background:linear-gradient(90deg,#ec7514,#ec7514) !important;
    color:#fff !important;
    font-weight:600;
    transition:0.3s;
}

.menubar .opcswt-cta-button::after{
    display:none;
}

.menubar .opcswt-cta-button:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

/* DONATE BUTTON SPECIAL */
.menubar .opcswt-nav-item:last-child .opcswt-cta-button{
    background:linear-gradient(90deg,#ec7514,#ec7514) !important;
}

/* MOBILE MENU */
.menubar .opcswt-menu-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}

.menubar .opcswt-menu-toggle span{
    width:25px;
    height:3px;
    background:#333;
}

/* RESPONSIVE */
@media(max-width:992px){

.menubar .opcswt-nav-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    flex-direction:column;
    padding:20px;
    display:none;
}

.menubar .opcswt-nav-menu.active{
    display:flex;
}

.menubar .opcswt-menu-toggle{
    display:flex;
}

}



/*slider section*/


     /* HERO SECTION */

.opcsw-hero{
    position:relative;
    overflow:hidden;
}

/* SLIDE */

.opcsw-slide{
    height:580px;
    background-size:cover;
    background-position:center;
    position:relative;
}

/* OVERLAY */

.opcsw-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(120deg,rgba(0,0,0,0.65),rgba(0,0,0,0.35));
}

/* HERO CONTENT */

.opcsw-hero-content{
    position:absolute;
    top:48%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:#fff;
    max-width:750px;
    z-index:10;
}

/* TITLE */

.opcsw-hero-content h1{
    font-size:42px;
    font-weight:700;
    line-height:1.2;
}

.opcsw-hero-content h1 span{
    color:#ec7514;
}

/* TEXT */

.opcsw-hero-content p{
    margin-top:15px;
    font-size:18px;
}

/* BUTTON GROUP */

.opcsw-btn-group{
    margin-top:25px;
}

.opcsw-btn-group .btn{
    padding:12px 28px;
    font-size:14px;
    margin-bottom:10px;
    font-weight:600;
    border-radius:30px;
    transition:0.3s;
}

/* BUTTON HOVER */

.opcsw-btn-group .btn-warning{
    background:#5c8e1c;
    color:#fff;
    border:none;
}

.opcsw-btn-group .btn-warning:hover{
    background:#ec7514;
    color:#fff;
}

.opcsw-btn-group .btn-outline-light:hover{
    background:#fff;
    color:#333;
}

/* SLIDER ARROWS */

.opcsw-arrow{
    filter:brightness(0) invert(1);
}

/* BOTTOM SHAPE */

.opcsw-slider-shape{
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    z-index:5;
}

.opcsw-slider-shape img{
    width:100%;
    height:auto;
    display:block;
    animation:floatShape 6s ease-in-out infinite;
}

/* SHAPE ANIMATION */

@keyframes floatShape{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(8px);
}

100%{
transform:translateY(0px);
}

}

/* GLOW EFFECTS */

.opcsw-glow-left{
    position:absolute;
    width:350px;
    height:350px;
    background:#5c8e1c;
    filter:blur(200px);
    opacity:.25;
    top:80px;
    left:-120px;
}

.opcsw-glow-right{
    position:absolute;
    width:350px;
    height:350px;
    background:#ec7514;
    filter:blur(200px);
    opacity:.25;
    bottom:80px;
    right:-120px;
}

/* RESPONSIVE */

@media(max-width:768px){

.opcsw-slide{
height:520px;
}

.opcsw-hero-content h1{
font-size:30px;
}

.opcsw-hero-content p{
font-size:14px;
}

}



/*About Section*/

/* ABOUT SECTION */

.ngo-about-sec{
padding:100px 0; 
position:relative;
overflow:hidden;
}

/* CONTENT */

.ngo-about-subtitle{
color:#ec7514;
font-weight:600;
letter-spacing:1px;
display:block;
margin-bottom:10px;
}

.ngo-about-title{
font-size:30px;
font-weight:700;
margin-bottom:20px;
color:#222;
}

.ngo-about-title span{
color:#5c8e1c;
}

.ngo-about-text{
color:#555;
line-height:1.8;
margin-bottom:15px;
}

/* FEATURES */

.ngo-about-features{
display:flex;
flex-wrap:wrap;
gap:15px;
margin-top:25px;
margin-bottom:30px;
}

.ngo-feature{
background:#fff;
padding:10px 18px;
border-radius:30px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
display:flex;
align-items:center;
gap:8px;
font-size:14px;
}

.ngo-feature i{
color:#5c8e1c;
}

/* BUTTON */

.ngo-about-btn{
display:inline-block;
padding:12px 28px;
background:linear-gradient(90deg,#ec7514,#ec7514);
color:#fff !important;
border-radius:30px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.ngo-about-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

/* IMAGE AREA */

.ngo-about-images{
position:relative;
padding:40px;
}

/* MAIN IMAGE */

.ngo-img-main img{
width:100%;
border:5px solid #fff;
border-radius:15px;
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

/* SMALL FLOAT IMAGE */

.ngo-img-small{
position:absolute;
bottom:0;
left:0;
width:55%;
}

.ngo-img-small img{
width:100%;
border-radius:12px;
border:5px solid #fff;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* STAT BOX */

.ngo-stat-box{
position:absolute;
top:20px;
right:0;
background:#fff;
padding:20px 25px;
border-radius:12px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.ngo-stat-box h3{
color:#ec7514;
font-size:28px;
margin:0;
}

.ngo-stat-box p{
margin:0;
font-size:13px;
color:#555;
}

/* DECORATIVE SHAPE */

.ngo-about-sec::before{
content:"";
position:absolute;
width:300px;
height:300px;
background:#5c8e1c;
opacity:.08;
border-radius:50%;
top:80px;
right:-100px;
}

.ngo-about-sec::after{
content:"";
position:absolute;
width:250px;
height:250px;
background:#ec7514;
opacity:.08;
border-radius:50%;
bottom:-120px;
right:-100px;
}

/* RESPONSIVE */

@media(max-width:992px){

.ngo-about-images{
margin-top:40px;
}

.ngo-img-small{
margin-top:20px;
}

.ngo-stat-box{
right:auto;
left:20px;
top:-20px;
}

.ngo-about-title{
font-size:30px;
}

}




/*cta section*/

/* SECTION */
.ngo-impact-cta{
position:relative;
padding:100px 0;
background:url('../images/latest/abt1.jpg') center/cover no-repeat;
color:#fff;
overflow:hidden;
}

/* DARK OVERLAY */

.ngo-impact-cta::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(120deg,rgba(0,0,0,.80),rgba(0,0,0,.55));
z-index:1;
}

/* subtle texture layer */

.ngo-impact-cta::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08),transparent 40%),
radial-gradient(circle at 80% 70%,rgba(255,255,255,.06),transparent 40%);
z-index:1;
}

.ngo-impact-cta .container{
position:relative;
z-index:2;
}

/* LEFT CONTENT */

.ngo-impact-left h2{
font-size:38px;
font-weight:700;
margin-bottom:20px;
line-height:1.2;
}

.ngo-impact-left h2 span{
color:#ec7514;
}

.ngo-impact-left p{
line-height:1.8;
font-size:16px;
opacity:.9;
max-width:450px;
}

/* VIDEO BUTTON */

.ngo-impact-video{
width:100px;
height:100px;
border-radius:50%;
background:#5c8e1c;
display:flex;
align-items:center;
justify-content:center;
color:#fff !important;
font-size:30px;
margin:auto;
text-decoration:none !important;
position:relative;
box-shadow:0 0 20px rgba(92,142,28,.7);
}

.ngo-impact-video::before{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:50%;
border:2px solid #5c8e1c;
animation:ripple 2s infinite;
}

.ngo-impact-video::after{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:50%;
border:2px solid #ec7514;
animation:ripple 2.5s infinite;
}

@keyframes ripple{

0%{
transform:scale(1);
opacity:1;
}

100%{
transform:scale(1.8);
opacity:0;
}

}

/* RIGHT CARD */

.ngo-impact-card{
border:1px solid rgba(255,255,255,.2);
background:rgba(255,255,255,.10);
backdrop-filter:blur(12px);
padding:40px;
border-radius:18px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.3);
transition:.3s;
}

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

/* CARD TITLE */

.ngo-impact-card h4{
font-weight:700;
margin-bottom:10px;
font-size:22px;
}

/* BUTTONS */

.ngo-call{ 
display:inline-block;
padding:10px 20px;
margin-right:10px;
border-radius:30px;
background:#5c8e1c;
color:#fff !important;
text-decoration:none !important;
margin-bottom:12px;
font-weight:600;
transition:.3s;
}

.ngo-call:hover{
background:#4a7316;
}

/* DONATE BUTTON */

.ngo-donate{
display:inline-block;
padding:11px 24px;
border-radius:30px;
background:linear-gradient(120deg,#ec7514,#ff9340);
color:#fff !important;
text-decoration:none !important;
font-weight:700;
box-shadow:0 5px 15px rgba(236,117,20,.5);
transition:.3s;
}

.ngo-donate:hover{
transform:translateY(-4px) scale(1.05);
box-shadow:0 10px 25px rgba(236,117,20,.7);
}

/* SHAPES */

.ngo-blob1{
position:absolute;
width:300px;
height:300px;
background:#5c8e1c;
opacity:.15;
border-radius:60% 40% 30% 70%;
top:-120px;
left:-120px;
animation:floatShape 8s infinite ease-in-out;
}

.ngo-blob2{
position:absolute;
width:320px;
height:320px;
background:#ec7514;
opacity:.15;
border-radius:40% 60% 70% 30%;
bottom:-140px;
right:-140px;
animation:floatShape 10s infinite ease-in-out;
}

@keyframes floatShape{

0%{transform:translateY(0px);}
50%{transform:translateY(25px);}
100%{transform:translateY(0px);}

}

/* RESPONSIVE */

@media(max-width:992px){

.ngo-impact-left{
margin-bottom:40px;
text-align:center;
}

.ngo-impact-left p{
margin:auto;
}

.ngo-impact-card{
margin-top:40px;
}

}


/*What we do*/

.ngo-focus-section{
position:relative;
padding:100px 0;
background:linear-gradient(120deg,#f8faff,#ffffff);
overflow:hidden;
}

/* SECTION TITLE */

.small-title{
color:#ec7514;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:10px;
}

.main-title{
font-size:30px;
font-weight:700;
color:#222;
}

/* CARD */

.ngo-focus-card{
background:#fff;
padding:35px 20px;
border-radius:16px;
text-align:center;
position:relative;
transition:.4s;
box-shadow:0 10px 30px rgba(0,0,0,.08);
height:100%;
border:1px solid #ec7514;
}

/* HOVER */

.ngo-focus-card:hover{
transform:translateY(-12px);
box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/* ICON */

.ngo-icon{
width:65px;
height:65px;
margin:auto;
margin-bottom:20px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#fff;
border:6px solid #f9e1cf;
background:linear-gradient(135deg,#ec7514,#ec7514);
box-shadow:0 10px 25px rgba(0,0,0,.2);
}

/* TITLE */

.ngo-focus-card h3{
font-size:20px;
font-weight:700;
margin-bottom:12px;
}

/* TEXT */

.ngo-focus-card p{
font-size:14px;
color:#666;
line-height:1.7;
margin-bottom:18px;
}

/* BUTTON */

.ngo-readmore{
font-size:14px;
font-weight:600;
color:#5c8e1c;
text-decoration:none;
transition:.3s;
}

.ngo-readmore:hover{
color:#ec7514;
}

/* DECORATIVE SHAPES */

.ngo-shape-left{
position:absolute;
width:300px;
height:300px;
background:#5c8e1c;
opacity:.08;
border-radius:50%;
top:-120px;
left:-120px;
}

.ngo-shape-right{
position:absolute;
width:320px;
height:320px;
background:#ec7514;
opacity:.08;
border-radius:50%;
bottom:-150px;
right:-120px;
}

/* CARD TOP BORDER EFFECT */
 

.ngo-focus-card:hover::before{
transform:scaleX(1);
}



/*activity section*/
.activity-section{
padding:100px 0;
background:#f8fafc;
}

/* TITLE */

 

.section-title p{ 
    font-weight:400 !important;
    font-size:14px !important;
}

/* CARD */

.activity-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,.08);
transition:.4s;
height:100%;
}

.activity-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 60px rgba(0,0,0,.15);
}

/* IMAGE */

.activity-img{
position:relative;
overflow:hidden;
}

.activity-img img{
width:100%;
height:220px;
object-fit:cover;
transition:.6s;
}

.activity-card:hover img{
transform:scale(1.1);
}

/* IMAGE OVERLAY */

.activity-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));
opacity:0;
transition:.4s;
}

.activity-card:hover .activity-overlay{
opacity:1;
}

/* CONTENT */

.activity-content{
padding:25px;
text-align:center;
}

.activity-content h3{
font-size:20px;
font-weight:700;
margin-bottom:12px;
}

.activity-content p{
font-size:14px;
line-height:1.7;
color:#666;
margin-bottom:15px;
}

/* READ MORE BUTTON */

.news-btn{
display:inline-block;
font-size:14px;
font-weight:700;
text-transform: uppercase;
color:#5c8e1c;
text-decoration:none;
transition:.3s;
}

.news-btn i{
margin-left:5px;
transition:.3s;
}

.news-btn:hover{
color:#ec7514;
}

.news-btn:hover i{
transform:translateX(6px);
}

/* EXPLORE BUTTON */

.about-btn{
display:inline-block;
padding:12px 28px;
background:linear-gradient(135deg,#ec7514,#ec7514);
color:#fff !important;
border-radius:30px;
font-weight:600;
text-decoration:none;
transition:.3s;
}

.about-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,.2);
}




/*Counter Section*/

.counter-section{
position:relative;
padding:70px 0;
background:url('../images/latest/bg2.jpeg') center/cover no-repeat;
color:#fff;
}

.counter-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(120deg,rgba(0,0,0,.85),rgba(0,0,0,.65));
}

.counter-section .container{
position:relative;
z-index:2;
}

/* TITLE */

 

/* CARD */

.counter-card{
background:rgba(255,255,255,.08);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,.15);
padding:20px 25px;
border-radius:18px;
text-align:center;
transition:.4s;
height:100%;
}

.counter-card:hover{
transform:translateY(-10px);
background:rgba(255,255,255,.12);
}

/* ICON */

.counter-icon{
width:70px;
height:70px;
border-radius:50%;
margin:auto;
margin-bottom:20px;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
background:linear-gradient(135deg,#5c8e1c,#ec7514);
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.3);
}

/* NUMBER */

.counter-number{
font-size:32px;
font-weight:700;
margin-bottom:8px;
color:#fff;
}

/* LABEL */

.counter-card p{
font-size:14px;
letter-spacing:.5px;
opacity:.9;
}








.stlst{
list-style:none;
padding:0;
margin:0;
}

.stlst li{
position:relative;
background:#ffffff;
padding:12px 18px 12px 45px;
margin-bottom:12px;
border-radius:10px;
font-size:15px;
color:#444;
border-left:5px solid #0a7c4a;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:all .3s ease;
}

/* Main icon */
.stlst li::before{
content:"➜";
position:absolute;
left:15px;
top:14px;
color:#0a7c4a;
font-size:16px;
font-weight:bold;
}

/* Hover effect */
.stlst li:hover{
background:#f0faf5;
transform:translateX(6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* Sub list */
.sublist{
list-style:none;
margin-top:10px;
padding-left:10px;
}

.sublist li{
background:#f7faf8;
border-left:3px solid #2ea66f;
padding:8px 12px 8px 30px;
margin-bottom:6px;
font-size:14px;
border-radius:6px;
box-shadow:none;
}

/* Sub list icon */
.sublist li::before{
content:"➜";
left:8px;
top:8px;
color:#2ea66f;
font-size:13px;
}


/*partner with*/


.partner-section{
padding:90px 0;
background-image: linear-gradient(to bottom, #f8fafc, #fff);
}
 
 
/* partner card */

.partner-card{
background:#fff;
padding:25px;
border-radius:14px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:.4s;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}

/* logo */

.partner-card img{
max-width:100%;
max-height:60px;
filter:grayscale(100%);
opacity:.7;
transition:.4s;
}

/* hover effect */

.partner-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.partner-card:hover img{
filter:grayscale(0%);
opacity:1;
transform:scale(1.05);
}

/*benificary section*/
.beneficiary-section{
padding:80px 0;  
background:url('../images/latest/ngo3.png') center/cover no-repeat;
}

.beneficiary-box{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
text-align:left;
border-left:6px solid #0a7c4a;
}

.beneficiary-title{
font-size:26px;
font-weight:700;
color:#000;
margin-bottom:20px;
}

.beneficiary-text{
font-size:14px;
line-height:1.8;
color:#555;
}






/*footer section*/
.ngo-footer{
background:linear-gradient(135deg,#0c0c0c,#1c1c1c);
color:#ccc;
padding-top:90px;
position:relative;
}

/* decorative wave */

.footer-wave{
position:absolute;
top:0px;
left:0;
width:100%;
transform:rotate(180deg);
height:60px;
background:url('../images/latest/shape.png') repeat-x;
background-size:contain;
}

/* logo */

.footer-logo{
display:flex;
align-items:center;
margin-bottom:15px;
}

.footer-logo img{
height:55px;
margin-right:10px;
}

.footer-logo h3{
color:#fff;
font-size:19px;
font-weight:700;
}

/* about */

.footer-about-text{
font-size:14px;
    padding-right: 10px;
line-height:1.7;
color:#aaa;
margin-bottom:20px;
}

/* titles */

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

.footer-title::after{
content:'';
width:40px;
height:3px;
background:#ec7514;
position:absolute;
left:0;
bottom:-6px;
}

/* links */

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

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

.footer-links a{
color:#aaa !important;
text-decoration:none !important;
transition:.3s;
}

.footer-links a:hover{
color:#ec7514 !important;
padding-left:6px;
}

/* donate button */

.footer-donate-btn{
display:inline-block;
margin-top:10px;
padding:10px 22px;
background:linear-gradient(135deg,#ec7514,#ff8f2d);
color:#fff;
border-radius:30px;
font-weight:600;
text-decoration:none;
transition:.3s;
}

.footer-donate-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,.4);
}

/* contact box */

.footer-contact-box{
background:rgba(255,255,255,.10);
padding:25px;
border-radius:10px;
backdrop-filter:blur(10px);
}

.footer-contact-box p{
margin-bottom:10px;
font-size:14px;
display: flex;
}

.footer-contact-box i{
    
color:#ec7514;
margin-top:5px;
margin-right:10px;
}
.footer-contact-box a{
    color:#ccc !important;
}
/* social icons */

.footer-social a{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:#222;
border-radius:50%;
margin-right:8px;
color:#fff !important;
text-decoration: none !important;
transition:.3s;
}

.footer-social a:hover{
background:#ec7514;
transform:translateY(-4px);
}

/* bottom */

.footer-bottom{
border-top:1px solid #333;
margin-top:40px;
padding:18px 0;
font-size:14px;
color:#aaa;
}


/*breadcrumbs section*/
.breadcrumb-section{
position:relative;
background:url('../images/latest/breadcrumb-bg.jpg') center/cover no-repeat;
padding:70px 0 70px;
text-align:center;
color:#fff;
}

.breadcrumb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
}

.breadcrumb-section .breadcrumb-content{
position:relative;
z-index:2;
}

.breadcrumb-section .breadcrumb-title{
font-size:30px;
font-weight:700;
margin-bottom:10px;
}

.breadcrumb-section .breadcrumb{
background:none;
margin:0;
padding:0;
}

.breadcrumb-section .breadcrumb-item a{
color:#fff !important;
text-decoration:none !important;
font-weight:500;
}

.breadcrumb-section .breadcrumb-item.active{
color:#f4c430 !important;
}

.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before{
color:#fff !important;
}
@media (max-width:768px){

.breadcrumb-title{
font-size:28px;
}

.breadcrumb-section{
padding:90px 0 60px;
}

}



/*Aims section*/

.aims-section{
padding:80px 0;
background:#f7faf8;
}

 

.aim-card{
    border:1px solid lightgrey;
background:#fff;
padding:25px 20px;
border-radius:12px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.3s;
min-height:220px;
margin-bottom:20px;
}

.aim-card i{
font-size:30px;
color:#0a7c4a;
margin-bottom:15px;
}

.aim-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,0.15);
}
.aim-card i{
font-size:40px;
color:#0a7c4a;
margin-bottom:15px;
}

.aim-card p{
font-size:15px;
line-height:1.7;
color:#555;
}
 

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

 
.governance-card{
background:#f7faf8;
padding:35px;
border:1px solid lightgrey;
border-radius:12px;
box-shadow:0 10px 15px rgba(0,0,0,0.08);
transition:0.3s;
height:100%;
}

.gov-icon{
width:70px;
height:70px;
background:#e8f7ef;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
}

.gov-icon i{
font-size:30px;
color:#0a7c4a;
}

.governance-card h4{
font-weight:700;
margin-bottom:15px;
}

.governance-card p{
color:#555;
line-height:1.7;
font-size:15px;
}

.governance-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}




    /* Gallery Section */
.modern-gallery-section{
    padding:80px 0;
    background-image: linear-gradient(to bottom, #f9f9f9, #fff); 
}

/* Header */
.gallery-header{
    text-align:center;
    margin-bottom:50px;
}

.gallery-header h5{
    color:#ff6600;
    font-weight:600;
    letter-spacing:1px;
}

.gallery-header h2{
    font-size:30px;
    font-weight:700;
}

/* Grid Layout */
.modern-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;
    max-width:1200px;
    margin:auto;
}

/* Gallery Item */
.gallery-item{
    overflow:hidden;
    border-radius:15px;
    position:relative;
    cursor:pointer;
}

/* Image */
.gallery-img img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:0.5s ease;
}

/* Hover Effect */
.gallery-item:hover img{
    transform:scale(1.1);
}

/* Overlay */
 
.gallery-item:hover::after{
    opacity:1;
}

/* Shadow */
.gallery-item{
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}
.pagination{
    justify-content:center;
    margin-top:40px;
}
 
 

 
 
    .team-section{
    padding:80px 0;
   background-image: linear-gradient(to bottom, #f9f9f9, #fff);
}

.team-header{
    text-align:center;
    margin-bottom:50px;
}

.team-header h5{
    color:#ff6600;
    font-weight:600;
}

.team-header h2{
    font-size:30px;
    font-weight:700;
}

.team-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
}
.team-card{
    background:#fff;
    border-radius:18px;
    text-align:center;
    padding:20px 10px;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
    position:relative;
    overflow:hidden;
}

.team-card:hover{
    transform:translateY(-10px);
}

/* Circle Image */

.team-img{
    width:110px;
    height:110px;
    margin:auto;
    border-radius:50%;
    overflow:hidden;
    border:5px solid #f2f2f2;
    margin-bottom:20px;
}

.team-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Name */

.team-info h4{
    font-size:17px;
    font-weight:600;
    margin-bottom:5px;
}

/* Role */

.team-role{
    display:block;
    font-size:14px;
    color:#5c8e1c;
    margin-bottom:15px;
    font-weight:500;
}

/* Bio */

.card-bio,
.card-bio-full{
    font-size:14px;
    color:#666;
    line-height:1.6;
}

/* Read More Button */
.read-toggle{
    display:inline-block;
    margin-top:8px;
    color:#ff6600;
    font-weight:600;
    cursor:pointer;
}

.read-toggle:hover{
    text-decoration:underline;
}
 
 




   .mini-card-section{
padding:40px 0;
background:linear-gradient(135deg,#fff,#fff);
}

.mini-card{
background:#f3fce8;
border:1px solid lightgrey;
padding:20px 15px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:0.3s;
}

.mini-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.mini-card i{
font-size:28px;
color:#ff6600;
margin-bottom:10px;
}

.mini-card h5{
font-size:16px;
font-weight:600;
margin-bottom:5px;
}

.mini-card p{
font-size:13px;
color:#777;
margin:0;
}



       .contact-modern{
padding:80px 0;
background:linear-gradient(135deg,#f6f9fc,#f6f9fc);
}

.contact-title{
text-align:center;
margin-bottom:50px;
}

.contact-title h5{
color:#ff6600;
font-weight:600;
}

.contact-title h2{
font-size:30px;
font-weight:700;
margin:10px 0;
}
 

.info-box{
background:#fff;
padding:25px 10px;
margin-bottom:20px;
border-radius:12px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:0.3s;
}

.info-box:hover{
transform:translateY(-5px);
}

.info-box i{
font-size:26px;
color:#ff6600;
margin-bottom:10px;
}

.info-box h4{
font-size:18px;
margin-bottom:8px;
}

.contact-form{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.form-group{
margin-bottom:15px;
}

.form-group input,
.form-group select,
.form-group textarea{
width:100%;
padding:12px;
border:1px solid #ddd;
border-radius:8px;
outline:none;
}

.form-group textarea{
height:120px;
resize:none;
}

.contact-form button{
background:#ff6600;
color:#fff;
border:none;
width:100%;
font-size:15px;
padding:12px 25px;
border-radius:8px;
cursor:pointer;
transition:0.3s;
}

.contact-form button:hover{
background:#ff4500;
}

.contact-map{
    background:#fff;
    padding:20px;
margin-top:20px;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}
   
   
   
   
   
.annual-report-section{
padding:60px 0;
background-image: linear-gradient(to bottom, #f8f9fa, #fff); 
}

.report-ribbon-card{
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
border-radius:12px;
overflow:hidden;
border:1px solid #eee;
transition:0.3s;
height:100%;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.report-ribbon-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
}

/* left colored bar */
.report-left{
background:#e63946;
padding:25px 18px;
display:flex;
align-items:center;
justify-content:center;
}

.pdf-badge{
font-size:28px;
color:#fff;
}

/* middle content */
.report-middle{
padding:20px;
flex:1;
}

.report-middle h5{
font-size:18px;
margin-bottom:6px;
font-weight:600;
}

.report-middle p{
font-size:13px;
color:#777;
margin:0;
}

/* download button */
.report-right{
padding-right:20px;
}

.report-download{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#2a9d8f;
color:#fff;
border-radius:50%;
text-decoration:none;
font-size:16px;
transition:0.3s;
}

.report-download:hover{
background:#000;
color:#fff;
transform:scale(1.1);
}





.achievement-section{
padding:60px 0;
background: linear-gradient(90deg, #000, #5c8d1b); 
}

.achievement-list{
list-style:none;
padding:0;
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:15px;
}

.achievement-list li{
background:#fff;
padding:15px 20px;
border-radius:8px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
display:flex;  
font-size:15px;
}

.achievement-list i{
color:#28a745;
margin-right:10px;
font-size:20px;
margin-top:3px;
}




/*donate page*/



 .donation-note{
    background:#fff7ed;
    border-left:5px solid #ff7a00;
    padding:15px 18px;
    margin-top:20px;
    border-radius:6px;
    font-size:14px;
    color:#444;
    box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

.donation-note i{
    color:#ff7a00;
    margin-right:6px;
    font-size:16px;
}

.donation-note strong{
    color:#222;
}

.funding-box h5{
    font-size:15px;
    color:#ec7514;
}
.bank-box h5{
    font-size:15px;
    color:#ec7514;
}
.donation-form-box h5{
     font-size:15px;
    color:#ec7514;
}
 .donation-cta{
padding:60px 0;
background:linear-gradient(135deg,#28a745,#5c8d1b);
color:#fff;
border-radius:10px; 
}

.cta-content h2{
font-size:28px;
font-weight:700;
margin-bottom:10px;
}

.cta-content p{
font-size:16px;
opacity:0.9;
margin:0;
}

.cta-btn{
display:inline-block;
padding:12px 28px;
background:#fff;
color:#28a745;
border-radius:30px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.cta-btn:hover{
background:#000;
color:#fff;
}
 
 
.funding-section{
padding:80px 0;
    background-image: linear-gradient(to bottom, #f9f9f9, #fff);
}

/* BANK BOX */
.bank-box{
background:#fff;
padding:35px;
border-radius:14px;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
border-top:5px solid #28a745;
transition:0.3s;
}

.bank-box:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.bank-box h3{
font-size:22px;
margin-bottom:20px;
font-weight:600;
color:#333;
}

/* BANK TABLE */
.bank-table{
width:100%;
}

.bank-table td{
padding:12px 8px;
font-size:15px;
border-bottom:1px dashed #ddd;
}

.bank-table td:first-child{
    width:150px;
    background: #f1f1f1;
font-weight:600;
color:#555;
}

.bank-table td:last-child{
color:#222;
}

/* FUNDING BOX */
.funding-box{
background:#fff;
padding:35px;
border-radius:14px;
box-shadow:0 15px 35px rgba(0,0,0,0.08);
border-top:5px solid #ff7a00;
transition:0.3s;
}

.funding-box:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.funding-box h3{
font-size:22px;
margin-bottom:20px;
font-weight:600;
color:#333;
}

/* FUNDING LIST */
/* FUNDING LIST */

.funding-list{
list-style:none;
padding:0;
margin:0;
}

.funding-list li{ 
align-items:flex-start;
gap:12px;
padding:9px 12px;
margin-bottom:14px;
background:#ffffff;
border-radius:10px;
border-left:4px solid #28a745;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
font-size:15px;
transition:all .3s ease;
position:relative;
}

 

.funding-list li b{ 
font-weight:600;
color:#222;
}

/* text */

.funding-list li span{
color:#666;
line-height:1.5;
}

/* hover */

.funding-list li:hover{
transform:translateY(-4px);
box-shadow:0 10px 25px rgba(0,0,0,0.12);
border-left-color:#ff8c00;
}

.funding-list li:hover:before{
background:#ff8c00;
color:#fff;
}

.funding-list li:hover span{
color:#333;
}





     .donation-section{
padding:70px 0;
background:#f8f9fa;
}

.donation-form-box{
background:#fff;
padding:35px;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.donation-form-box h3{
margin-bottom:10px;
}

 
 .form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
}

.donate-btn{
background:#28a745;
color:#fff;
    font-size: 15px;
padding:10px 25px;
border:none;
border-radius:30px;
font-weight:600;
}
.qr-box{
background:#ffffff;
padding:20px;
text-align:center;
border-radius:14px;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
position:relative;
overflow:hidden;
}

/* header */

.qr-header{
background:linear-gradient(135deg,#ff9a1f,#ff6a00);
color:#fff;
padding:10px;
border-radius:10px;
margin-bottom:20px;
}

.qr-header h3{
margin:0;
font-size:22px;
}

.qr-header p{
margin:3px 0 0;
font-size:13px;
opacity:.9;
}

/* QR wrapper */

.qr-wrapper{ 
display:inline-block;
}

.qr-img{
width:150px;
}

/* UPI info */

.upi-info h4{
margin-top:15px;
font-size:18px;
color:#333;
}

.upi-id{
font-size:14px;
color:#ff6a00;
font-weight:600;
}

/* text */

.qr-text{
font-size:13px;
color:#666;
margin:12px 0 18px;
}

/* payment methods */

.payment-methods{
    margin-top:20px;
list-style:none;
padding:0;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
}

.payment-methods li{
background:#f5f5f5;
padding:4px 10px;
border-radius:20px;
font-size:11px;
transition:.3s;
}

.payment-methods li:hover{
background:#ff8c00;
color:#fff;
}