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

.excellence{

    padding:120px 0;

    background:white;

    width:100%;

    max-width:100%;

    overflow:hidden;

}


/*====================================
 GRID PRINCIPAL
====================================*/

.excellence-grid{

    display:grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap:80px;

    align-items:center;

}


/* Empêche les enfants de pousser la grid */

.excellence-grid > *{

    min-width:0;

}


/*====================================
 GALERIE
====================================*/

.excellence-gallery{

    display:grid;

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

    gap:20px;

    height:600px;

    min-width:0;

    max-width:100%;

}


/*====================================
 IMAGE PRINCIPALE
====================================*/

.main-image{

    min-width:0;

    max-width:100%;

    overflow:hidden;

}


.main-image img{

    display:block;

    width:100%;

    max-width:100%;

    height:600px;

    object-fit:cover;

    border-radius:35px;

}


/*====================================
 PETITES IMAGES
====================================*/

.small-images{

    display:grid;

    grid-template-columns:1fr;

    gap:20px;

    min-width:0;

    max-width:100%;

}


.small-images img{

    display:block;

    width:100%;

    max-width:100%;

    height:135px;

    object-fit:cover;

    border-radius:20px;

    transition:.4s;

}


.small-images img:hover{

    transform:scale(1.05);

}


/*====================================
 CONTENT
====================================*/

.excellence-content{

    min-width:0;

    max-width:100%;

}


.excellence-content h2{

    font-size:45px;

    font-weight:800;

    color:#031b34;

    line-height:1.2;

    margin:20px 0;

    overflow-wrap:break-word;

}


.excellence-content p{

    color:#64748b;

    line-height:1.8;

    font-size:17px;

    overflow-wrap:break-word;

}


/*====================================
 LISTE
====================================*/

.excellence-list{

    margin-top:35px;

    display:flex;

    flex-direction:column;

    gap:25px;

}


/*
 IMPORTANT :
 On utilise > div pour cibler
 uniquement les éléments principaux.
*/

.excellence-list > div{

    display:flex;

    align-items:flex-start;

    gap:20px;

    min-width:0;

    max-width:100%;

}


/* Container du texte */

.excellence-list > div > div{

    flex:1;

    min-width:0;

    max-width:100%;

}


/*====================================
 ICONES
====================================*/

.excellence-list i{

    width:60px;

    height:60px;

    min-width:60px;

    flex-shrink:0;

    background:#0066ff;

    color:white;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}


/*====================================
 TITRES LISTE
====================================*/

.excellence-list h3{

    color:#031b34;

    margin-bottom:5px;

    font-size:18px;

    overflow-wrap:break-word;

}


/*====================================
 STATS
====================================*/

.company-stats{

    width:100%;

    max-width:100%;

    margin-top:100px;

    display:grid;

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

    background:#031b34;

    border-radius:35px;

    padding:45px;

}


.company-stats div{

    min-width:0;

    text-align:center;

    color:white;

}


.company-stats strong{

    display:block;

    font-size:45px;

    font-weight:900;

    color:#00d4ff;

}


.company-stats span{

    display:block;

    font-size:15px;

    overflow-wrap:break-word;

}


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

@media(max-width:992px){

    .excellence{

        padding:90px 0;

    }


    .excellence-grid{

        grid-template-columns:1fr;

        gap:60px;

    }


    .excellence-gallery{

        width:100%;

        max-width:100%;

        height:auto;

    }


    .company-stats{

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

        gap:40px;

    }

}


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

@media(max-width:600px){

    .excellence{

        padding:70px 0;

    }


    /* GALERIE */

    .excellence-gallery{

        grid-template-columns:1fr;

        height:auto;

        gap:15px;

    }


    .main-image img{

        width:100%;

        height:400px;

        border-radius:25px;

    }


    .small-images{

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

        gap:12px;

        width:100%;

    }


    .small-images img{

        width:100%;

        height:120px;

        border-radius:15px;

    }


    /* CONTENT */

    .excellence-content h2{

        font-size:32px;

        line-height:1.25;

    }


    .excellence-content p{

        font-size:16px;

    }


    /* LIST */

    .excellence-list{

        gap:22px;

    }


    .excellence-list > div{

        gap:15px;

    }


    .excellence-list i{

        width:52px;

        height:52px;

        min-width:52px;

        border-radius:16px;

        font-size:19px;

    }


    /* STATS */

    .company-stats{

        grid-template-columns:1fr;

        gap:30px;

        padding:30px;

        margin-top:70px;

        border-radius:25px;

    }


    .company-stats strong{

        font-size:38px;

    }

}


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

@media(max-width:380px){

    .excellence-content h2{

        font-size:28px;

    }


    .excellence-list > div{

        gap:12px;

    }


    .excellence-list i{

        width:48px;

        height:48px;

        min-width:48px;

        font-size:18px;

    }


    .small-images{

        gap:8px;

    }


    .small-images img{

        height:105px;

    }


    .company-stats{

        padding:25px 20px;

    }

}