/* =========================
 PARTNERS PAGE
========================= */

.slider-container{

    position:relative;
    overflow:hidden;
    padding:40px 60px;
    width:100%;
}

.slider{
    display:flex;
    gap:35px;
    transition:transform .5s ease;
    will-change:transform;
}





/* card inside slider */


.slider .partner-card{

    min-width:330px;

    flex:0 0 330px;

    flex-shrink:0;

}






/* ARROWS */


.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:45px;
    height:45px;
    border-radius:50%;
    border:none;
    cursor:pointer;
    background:var(--primary);
    color: var(--white);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
    z-index:10;
    transition:0.3s;
}

.slider-btn i{
    pointer-events:none;
}

.slider-btn:hover{
    background:var(--accent);
    transform:translateY(-50%) scale(1.1);
}




.slider-btn.left{
    left:10px;

}


.slider-btn.right{
    right:10px;
}



.partners-hero{


background:var(--light);

padding:100px 10%;

text-align:center;


}



.partners-hero h1{


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

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

color:var(--primary);


}



.partners-hero span{


color:var(--accent);


}




.partners-hero p{


max-width:800px;

margin:25px auto;

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

}







/* PARTNERS SECTION */


.partners-section{


padding:var(--section-padding);
text-align: center;

}



.partners-section h2,
.partner-types h2,
.partner-impact h2{


text-align:center;

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

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

color:var(--primary);

margin-bottom:35px;


}



.partners-text{


max-width:800px;

margin:auto;

text-align:center;

}


.partner-card{


width:330px;
flex:0 0 330px;
padding:35px;

text-align:center;

background:white;

border-radius:22px;
transition:.3s;
        background: 
        linear-gradient(#fff, #fff) padding-box, 
        linear-gradient(to top, var(--accent), transparent) border-box,
        linear-gradient(to bottom, var(--orange), transparent) border-box;
        
    border: 1px solid transparent;
}


.partner-card:hover{

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




.partner-card img{


width:150px;

height:150px;

border-radius: 50%;

object-fit:cover;

margin-bottom:20px;

    box-shadow:0 5px 15px rgba(0,0,0,0.4);



}



.partner-card h3{
font-family:var(--font-heading);
color:var(--primary);
}

.partner-card span{
font-family:var(--font-body);
color:var(--text);
font-weight: bold;
font-size: 14px;
}

.partner-card p{
font-family:var(--font-body);
color:var(--text);
font-size: 16px;
margin: 15px 0px;
}









/* TYPES */


.partner-types{


background:var(--light);

padding:80px 10%;

}




.types-grid{


display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;


}




.types-grid div{


width:280px;

text-align:center;

background:white;

padding:30px;

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



}



.types-grid h3{


color:var(--accent);

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


}







/* IMPACT */


.partner-impact{


padding:80px 10%;

text-align:center;


}




.impact-numbers{


display:flex;

justify-content:center;

gap:60px;

flex-wrap:wrap;


}




.impact-numbers h3{


font-size:45px;

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

color:var(--accent);


}







/* CTA */


.partner-cta{


background:var(--light);

color: var(--text);

text-align:center;

padding:80px 10%;


}



.partner-cta h2{


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

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


}



.partner-cta a{


display:inline-block;

margin-top:25px;

padding:15px 35px;

background:var(--orange);

color: var(--white);

border-radius:30px;

text-decoration:none;

transition: 0.3s;


}



.partner-cta a:hover{


background:var(--primary);


}



/* =========================
   RESPONSIVE
   PARTNERS PAGE
========================= */


/* =========================
   TABLET
========================= */


@media (max-width:1024px){



/* HERO */


.partners-hero{

    padding:80px 6%;

}


.partners-hero h1{

    font-size:42px;

}


.partners-hero p{

    font-size:16px;

    line-height:1.7;

}





/* SLIDER */


.slider-container{

    padding:30px 50px;

}



.slider .partner-card{

    min-width:280px;

    flex:0 0 280px;

}



.partner-card{

    width:280px;

    padding:30px;

}



.partner-card img{

    width:120px;

    height:120px;

}





/* PARTNERS SECTION */


.partners-section{

    padding:70px 6%;

}



.partners-section h2,
.partner-types h2,
.partner-impact h2{

    font-size:32px;

}





/* TYPES */


.partner-types{

    padding:70px 6%;

}



.types-grid{

    gap:25px;

}



.types-grid div{

    width:250px;

}





/* IMPACT */


.partner-impact{

    padding:70px 6%;

}



.impact-numbers{

    gap:40px;

}



.impact-numbers h3{

    font-size:40px;

}





/* CTA */


.partner-cta{

    padding:70px 6%;

}



}









/* =========================
   MOBILE
========================= */


@media (max-width:600px){



/* HERO */


.partners-hero{

    padding:60px 5%;

}



.partners-hero h1{

    font-size:32px;

}



.partners-hero p{

    font-size:15px;

    line-height:1.7;

}





/* SLIDER */


.slider-container{

    padding:25px 35px;

}



.slider{

    gap:20px;

}



.slider .partner-card{

    min-width:260px;

    flex:0 0 260px;

}



.slider-btn{

    width:38px;

    height:38px;

    font-size:14px;

}



.slider-btn.left{

    left:5px;

}



.slider-btn.right{

    right:5px;

}





/* PARTNERS SECTION */


.partners-section{

    padding:50px 5%;

}



.partners-section h2,
.partner-types h2,
.partner-impact h2{

    font-size:28px;

}



.partners-text{

    font-size:15px;

    line-height:1.7;

}





/* PARTNER CARD */


.partner-card{

    width:100%;

    padding:25px;

}



.partner-card img{

    width:100px;

    height:100px;

}



.partner-card h3{

    font-size:20px;

}



.partner-card p{

    font-size:14px;

}





/* TYPES */


.partner-types{

    padding:50px 5%;

}



.types-grid{

    flex-direction:column;

    align-items:center;

    gap:20px;

}



.types-grid div{

    width:100%;

    padding:25px;

}



.types-grid h3{

    font-size:20px;

}





/* IMPACT */


.partner-impact{

    padding:50px 5%;

}



.impact-numbers{

    flex-direction:column;

    gap:30px;

}



.impact-numbers h3{

    font-size:36px;

}





/* CTA */


.partner-cta{

    padding:60px 5%;

}



.partner-cta h2{

    font-size:28px;

}



.partner-cta a{

    padding:13px 30px;

    font-size:14px;

}



}