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



.all-opportunities-hero{


background:var(--light);

padding:100px 10%;

text-align:center;


}



.all-opportunities-hero h1{


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

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

color:var(--primary);


}



.all-opportunities-hero span{


color:var(--accent);


}



.all-opportunities-hero p{


max-width:800px;

margin:25px auto;

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


}






/* Opportunities GRID */


.all-opportunities{


padding:var(--section-padding);


}



.opportunities-container{


display:grid;

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

gap:35px;


}






.opportunity-card{

    width:320px;
    background:white;
    border-radius:25px;
    overflow:hidden;
    transition:.3s;
        background: 
        linear-gradient(#fff, #fff) padding-box, 
        linear-gradient(to top, var(--accent), transparent) border-box;
        
    border: 1px solid transparent;

}



.opportunity-card:hover{

    transform:translateY(-12px);
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}




.opportunity-image img{

    width:100%;
    height:220px;
    object-fit:cover;

}



.opportunity-content{

    padding:30px;

}



.opportunity-content h3{

    font-family:var(--font-heading);
    color:var(--primary);
    margin-bottom:15px;

}



.opportunity-content p{

    font-size:var(--text-sm);
    line-height:1.7;

}




.opportunity-category{

    display:inline-block;
    margin-top:20px;
    padding:8px 18px;
    background:var(--light);
    color:var(--accent);
    border-radius:20px;
    font-size:14px;
    font-weight:600;

}


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



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



/* RESPONSIVE */


@media(max-width:1000px){


.opportunities-container{


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


}


}




@media(max-width:700px){


.opportunities-container{


grid-template-columns:1fr;


}


.all-opportunities-hero h1{


font-size:38px;


}


}