/* START hero */
.hero {
    height: auto;
    display: flex;
    align-items: center;
    padding-right: 0;
}

.hero .uniformSpacing {
    margin-right: 0;
    gap: 2em;
    align-items: center;
    max-width: initial;
}

.hero .uniformSpacing .introText {
    position: relative;
    z-index: 1;
    width: 50%;
}

.hero .uniformSpacing .introText .descLink {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    width: 70%;
}

.hero .uniformSpacing .introText .listing {
    display: flex;
    flex-wrap: wrap;
    gap: 3em;
}

.hero .uniformSpacing .introText .listing .element {
    width: calc((100% - 3em * 2) / 3);
    display: flex;
    gap: .5em;
    align-items: center;
}

.hero .uniformSpacing .introText .listing .element span svg {
    display: flex;
}

.hero .uniformSpacing .introText .listing .element span svg {
    width: 2em;
    height: auto;
}

.hero .uniformSpacing .bgImg_hero {
    height: auto;
    width: 50%;
    max-width: 50%;
    border-top-left-radius: var(--basicRadius);
    border-bottom-left-radius: var(--basicRadius);
}

@media screen and (max-width: 1000px) {
    .hero {
        align-items: center;
        padding: calc(var(--defaultSpacing) / 2) var(--defaultSpacing);
    }

    .hero .uniformSpacing {
        display: flex;
        flex-direction: column;
        gap: 2.5em;
    }

    .hero .uniformSpacing .introText {
        width: 100%;
    }

    .hero .uniformSpacing .bgImg_hero {
        width: 100%;
        position: initial;
        bottom: 0;
        right: 0;
        max-width: initial;
        border-radius: var(--basicRadius);
    }
}

@media screen and (max-width: 700px) {
    .hero {
        padding: var(--defaultSpacing) calc(var(--defaultSpacing) / 2)
    }

    .hero .uniformSpacing .introText .descLink{
        width: 100%;
    }
}

/* END hero */
/* START bigImgText */
.bigImgText .uniformSpacing .introText {
    width: 40%;
}

.bigImgText .uniformSpacing .introText .checkList {
    display: flex;
    flex-direction: column;
    gap: .25em;
}

.bigImgText .uniformSpacing .introText .checkList .element {
    display: flex;
    gap: .5em;
}

.bigImgText .uniformSpacing .introText .checkList .element svg {
    height: 1.5em;
    width: 1.5em;
}

.bigImgText .uniformSpacing .imgContainer {
    width: 60%;
    padding: 2em 2.5em;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    aspect-ratio: 16/9;
}

.bigImgText .uniformSpacing .imgContainer > div {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 2.5em;
    width: 45%;
    bottom: 2em;
    right: 2.5em;
}

.bigImgText .uniformSpacing .imgContainer > div svg {
    width: 1.5em;
    height: auto;
}

.bigImgText .uniformSpacing .imgContainer > div hr {
    width: 3em;
    height: auto;
}

@media screen and (max-width: 1500px) {
    .bigImgText .uniformSpacing .imgContainer > div {
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .bigImgText .uniformSpacing {
        flex-direction: column;
    }

    .bigImgText .uniformSpacing .introText,
    .bigImgText .uniformSpacing .imgContainer {
        width: 100%;
    }
}

/* END bigImgText */
/* START bandeauIconeTextVertical */
.bandeauIconeTextVertical .uniformSpacing {
    background-color: #EFEBE2;
    padding: 1.5em;
    display: flex;
    gap: 0;
}

.bandeauIconeTextVertical .uniformSpacing .introText,
.bandeauIconeTextVertical .uniformSpacing .element {
    width: calc(100% / 5);
}

.bandeauIconeTextVertical .uniformSpacing .introText {
    padding-right: 1.5em;
}

.bandeauIconeTextVertical .uniformSpacing .element {
    border-left: 1px solid #707070;
    padding: 0 1.5em;
    display: flex;
    flex-direction: column;
    gap: .75em;
}

.bandeauIconeTextVertical .uniformSpacing .element:nth-child(n + 2) {
    border-left: 1px solid #707070;
}

.bandeauIconeTextVertical .uniformSpacing .element:last-child {
    border-right: none;
}

.bandeauIconeTextVertical .uniformSpacing .element .containerSvg {
    width: 4.5em;
    min-width: 4.5em;
    height: 4.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: rgba(167, 200, 161, 0.3);
    padding: 1.5em;
}

.bandeauIconeTextVertical .uniformSpacing .element .containerSvg span {
    display: flex;
}

.bandeauIconeTextVertical .uniformSpacing .element .containerSvg span svg {
    width: 100%;
    height: 100%;
}

.bandeauIconeTextVertical .uniformSpacing .element p.title {
    display: none;
}

@media screen and (max-width: 1500px) {
    .bandeauIconeTextVertical .uniformSpacing {
        flex-wrap: wrap;
        gap: 2.5em 0;
    }

    .bandeauIconeTextVertical .uniformSpacing .introText {
        width: 100%;
    }

    .bandeauIconeTextVertical .uniformSpacing .element {
        width: calc(100% / 4)
    }

    .bandeauIconeTextVertical .uniformSpacing .element:nth-child(2) {
        border-left: none;
    }
}

@media screen and (max-width: 1200px) {
    .bandeauIconeTextVertical .uniformSpacing .element {
        width: calc(100% / 2)
    }

    .bandeauIconeTextVertical .uniformSpacing .element:nth-child(4) {
        border-left: none;
    }
}

@media screen and (max-width: 600px) {
    .bandeauIconeTextVertical .uniformSpacing .element {
        width: 100%
    }

    .bandeauIconeTextVertical .uniformSpacing .element {
        border-left: none;
    }
}

/* END bandeauIconeTextVertical */
/* START bandeauIconeTextHorizontal */
.bandeauIconeTextHorizontal .uniformSpacing {
    background-color: var(--basicWhite);
    padding: 1.5em;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.bandeauIconeTextHorizontal .uniformSpacing .introText,
.bandeauIconeTextHorizontal .uniformSpacing .element {
    width: calc(100% / 4);
}

.bandeauIconeTextHorizontal .uniformSpacing .introText {
    padding-right: 1.5em;
}

.bandeauIconeTextHorizontal .uniformSpacing .element {
    border-left: 1px solid #707070;
    padding: 0 1.5em;
    display: flex;
    gap: .75em;
}

.bandeauIconeTextHorizontal .uniformSpacing .element:first-child {
    border-left: none;
}

.bandeauIconeTextHorizontal .uniformSpacing .element .containerSvg {
    width: 4.5em;
    min-width: 4.5em;
    height: 4.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: rgba(167, 200, 161, 0.3);
    padding: 1.5em;
}

.bandeauIconeTextHorizontal .uniformSpacing .element .containerSvg span {
    display: flex;
}

.bandeauIconeTextHorizontal .uniformSpacing .element .containerSvg span svg {
    width: 100%;
    height: 100%;
}

.bandeauIconeTextHorizontal .uniformSpacing .element p.title {
    font-size: 2em;
    font-weight: 600;
}

.bandeauIconeTextHorizontal .uniformSpacing .element p.subTitle {
    display: none;
}

.bandeauIconeTextHorizontal .uniformSpacing .element p {
    color: var(--basicColor1);
}

@media screen and (max-width: 1800px) {
    .bandeauIconeTextHorizontal .uniformSpacing .element {
        flex-direction: column;
        align-items: center;
    }

    .bandeauIconeTextHorizontal .uniformSpacing .element * {
        text-align: center;
    }
}

@media screen and (max-width: 1450px) {
    .bandeauIconeTextHorizontal .uniformSpacing {
        gap: 1.5em 0;
    }

    .bandeauIconeTextHorizontal .uniformSpacing .element {
        width: calc(100% / 2);
    }

    .bandeauIconeTextHorizontal .uniformSpacing .element:nth-child(3) {
        border-left: none;
    }
}

@media screen and (max-width: 650px) {
    .bandeauIconeTextHorizontal .uniformSpacing .element {
        width: 100%;
    }

    .bandeauIconeTextHorizontal .uniformSpacing .element {
        border: none;
    }
}

/* END bandeauIconeTextHorizontal */
/* START equipe */
.equipe .uniformSpacing > div {
    width: 50%;
}

.equipe .uniformSpacing .wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4em;
}

.equipe .uniformSpacing .wrapper .element {
    width: calc((100% - 4em * 2) / 3);
    display: flex;
    flex-direction: column;
    gap: 1em;
    align-items: center;
}

.equipe .uniformSpacing .wrapper .element img {
    width: 11em;
    height: 11em;
    border-radius: 100%;
}

@media screen and (max-width: 1500px) {

    .equipe .uniformSpacing .wrapper {
        gap: 1.5em;
    }

    .equipe .uniformSpacing .wrapper .element {
        width: calc((100% - 1.5em) / 2)
    }
}

@media screen and (max-width: 1000px) {
    .equipe .uniformSpacing{
        flex-direction: column;
    }

    .equipe .uniformSpacing > div {
        width: 100%;
    }

    .equipe .uniformSpacing .wrapper {
        width: 80%;
        margin: 0 auto;
    }


}

@media screen and (max-width: 500px) {
    .equipe .uniformSpacing .wrapper .element {
        width: 100%
    }
}

/* END equipe */