/*====================================
 EXCELLENCE
====================================*/


.excellence{

padding:120px 0;

background:white;

}



.excellence-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}



/* GALERIE */


.excellence-gallery{

display:grid;

grid-template-columns:2fr 1fr;

gap:20px;

height:600px;

}



.main-image img{

width:100%;

height:600px;

object-fit:cover;

border-radius:35px;

}



.small-images{

display:grid;

grid-template-columns:1fr;

gap:20px;

}



.small-images img{


width:100%;

height:135px;

object-fit:cover;

border-radius:20px;

transition:.4s;

}



.small-images img:hover{

transform:scale(1.05);

}





/* CONTENT */


.excellence-content h2{


font-size:45px;

font-weight:800;

color:#031b34;

line-height:1.2;

margin:20px 0;


}



.excellence-content p{


color:#64748b;

line-height:1.8;

font-size:17px;

}





.excellence-list{


margin-top:35px;

display:flex;

flex-direction:column;

gap:25px;

}



.excellence-list div{


display:flex;

gap:20px;

}



.excellence-list i{


width:60px;

height:60px;

background:#0066ff;

color:white;

border-radius:20px;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

}



.excellence-list h3{

color:#031b34;

margin-bottom:5px;

}




/* STATS */


.company-stats{


margin-top:100px;

display:grid;

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

background:#031b34;

border-radius:35px;

padding:45px;

}



.company-stats div{

text-align:center;

color:white;

}



.company-stats strong{


display:block;

font-size:45px;

font-weight:900;

color:#00d4ff;

}



.company-stats span{


font-size:15px;

}



/* TABLET */

@media(max-width:992px){


.excellence-grid{


grid-template-columns:1fr;

}



.excellence-gallery{


height:auto;

}



.company-stats{


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

gap:40px;

}


}





/* MOBILE */

@media(max-width:600px){


.excellence{

padding:70px 0;

}



.excellence-gallery{


grid-template-columns:1fr;

}



.main-image img{


height:400px;

}



.small-images{


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

}



.small-images img{


height:120px;

}



.excellence-content h2{


font-size:32px;

}



.company-stats{


grid-template-columns:1fr;

padding:30px;

}



.company-stats strong{


font-size:38px;

}


}