/* =========================
COMING SOON
========================= */


.coming-soon{


min-height:80vh;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

padding:80px 10%;

background:var(--light);


}



.coming-content{


max-width:750px;


}


 
.coming-content h1{


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

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

color:var(--primary);


}



.coming-content span{


color:var(--accent);


}



.coming-content p{


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

line-height:1.8;

margin:30px auto;


}



/* =========================
 Coming Soon
========================= */










/* =========================
   ALL Opportunities PAGE
========================= */



.all-org-projects-hero{


background:var(--light);

padding:100px 10%;

text-align:center;


}



.all-org-projects-hero h1{


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

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

color:var(--primary);


}



.all-org-projects-hero span{


color:var(--accent);


}



.all-org-projects-hero p{


max-width:800px;

margin:25px auto;

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


}






/* Opportunities GRID */


.all-org-projects{


padding:var(--section-padding);


}



.org-projects-container{


display:grid;

grid-template-columns:repeat(4, 1fr);

gap:35px;


}






.org-project-card{
width:320px;
background:white;
border-radius:22px;
overflow:hidden;
transition: 0.3s;
        background: 
        linear-gradient(#fff, #fff) padding-box, 
        linear-gradient(to top, var(--accent), transparent) border-box;
        
    border: 1px solid transparent;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

.org-project-card:hover{
    transform:translateY(-12px);

}

.org-project-card img{
width:100%;
height:200px;
object-fit:cover;
}

.org-project-card h3,
.org-project-card p{
padding:0 25px;
}

.org-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;
}

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



/* =========================
   ALL ORG PROJECTS RESPONSIVE
========================= */


/* TABLET */

@media(max-width:1024px){



.all-org-projects-hero{

padding:80px 7%;

}





.all-org-projects-hero h1{


font-size:48px;


}





.all-org-projects-hero p{


font-size:18px;


}






.all-org-projects{


padding:70px 7%;


}





.org-projects-container{


grid-template-columns:repeat(2,1fr);

gap:30px;


}







.org-project-card{


width:100%;


}





.org-project-card img{


height:200px;


}




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


padding:0 20px;


}



}








/* MOBILE */

@media(max-width:600px){



.all-org-projects-hero{


padding:60px 5%;


}




.all-org-projects-hero h1{


font-size:36px;

line-height:1.3;


}





.all-org-projects-hero p{


font-size:16px;

line-height:1.7;


}






.all-org-projects{


padding:60px 5%;


}







.org-projects-container{


grid-template-columns:1fr;

gap:25px;


}






.org-project-card{


width:100%;


}





.org-project-card img{


height:200px;


}





.org-project-card h3{


font-size:22px;


}





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


padding:0 18px;


}





.org-project-btn{


margin:20px;

padding:10px 20px;

font-size:13px;


}



}