/* =========================
 ORGANIZATIONS PAGE
========================= */



.org-hero{

background:var(--light);

padding:100px 10%;

text-align:center;

}



.org-hero h1{

font-family:var(--font-heading);

font-size:var(--heading-xl);

color:var(--primary);

}



.org-hero span{

color:var(--accent);

}



.org-hero p{

max-width:800px;

margin:25px auto;

font-size:var(--text-lg);

}






/* SERVICES */


.org-services{

padding:var(--section-padding);

}



.org-services h2,
.org-projects h2,
.why-org h2{

text-align:center;

font-family:var(--font-heading);

font-size:var(--heading-lg);

color:var(--primary);

margin-bottom:40px;

}



.org-cards{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}



.org-card{

width:300px;

padding:35px;

background:white;

border-radius:22px;

box-shadow:0 12px 35px rgba(0,7,68,.12);

}



.org-card h3{

color:var(--primary);

font-family:var(--font-heading);

margin-bottom:15px;

}








/* PROJECTS */


.org-projects{

background:var(--light);

padding:90px 10%;

}



.section-text{

text-align:center;

max-width:800px;

margin:auto;

}



.project-grid{

display:flex;

justify-content:center;

gap:30px;

margin-top:45px;

flex-wrap:wrap;

}



.org-project-card{

width:320px;

background:white;

border-radius:22px;

overflow:hidden;

box-shadow:0 12px 35px rgba(0,7,68,.12);

}



.org-project-card img{

width:100%;

height:200px;

object-fit:cover;

}



.org-project-card h3,
.org-project-card p{

padding:0 25px;

}


.project-btn{
    display:inline-block;
    margin:25px;
    padding:8px 18px;
    border-radius:30px;
    background:var(--accent);
    color:white;
    text-decoration:none;
    font-weight:bold;
    font-size: 14px;
    transition:.3s;
}



.project-btn:hover{
    background:var(--primary);
}


/* WHY */


.why-org{
    padding:var(--section-padding);
}

.why-org h2{
    font-family:var(--font-heading);
    font-size:var(--heading-lg);
    text-align:center;
    color:var(--primary);
    margin-bottom:35px;
}

.why-org > p{
    max-width:850px;
    margin:auto;
    text-align:center;
    font-size:var(--text-md);
    line-height:1.8;
}


.why-org-cards{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:30px;
}

.why-org-card{
    background:var(--white);
    width:300px;
    padding:35px;
    text-align:center;
    border-radius:22px;
    box-shadow:
    0 12px 35px rgba(0,7,68,.12);
    border-top:5px solid var(--accent);
    transition: 0.3s;
}


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

.why-org h3{
    font-family:var(--font-heading);
    color:var(--primary);
    margin-bottom:15px;
}

.why-org p{
    font-size:var(--text-sm);
    color:var(--text);
}


/* CTA */


.org-cta{

background:var(--light);

color: var(--primary);

text-align:center;

padding:80px 10%;

}



.org-cta h2{

font-family:var(--font-heading);

}



.org-cta a{

display:inline-block;

margin-top:25px;

padding:14px 35px;

background:var(--orange);

color:white;

border-radius:30px;

text-decoration:none;
transition: 0.3s;

}

.org-cta a:hover{
background:var(--primary);
}





@media(max-width:800px){

.org-card,
.org-project-card{

width:100%;

}

}