/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.top-hero {
padding-bottom: 24px !important;
}

.top-hero__title * {
font-family: "Lato-Regular" !important;
}

.text-col {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
    -ms-flex-align: start;
align-items: flex-start;
}

.top-hero__cta {
margin-top: auto;
}

.features-bloc__titre em {
font-family: "Lato-Regular";
}

.features-bloc__grid {
gap: 16px !important;
    padding: 16px 0 !important;
}

.feature-card {
-webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
flex-direction: row !important;
    background-color: #FFF;
    border-radius: 28px;
    padding: 16px;
    width: 25%;
}

.feature-card:first-of-type .feature-card__icone{
width: 96px;
}

.feature-card__icone {
margin-bottom: 0 !important;
    margin-right: 8px !important;
}

.feature-card__name {
color: #3A2A1F;
    font-family: "Lato-Bold";
    font-size: 20px;
    text-align: left;
}

.features-bloc__sous-titre {
font-size: 20px !important;
}

.products-mosaique {
background-color: #F8F4EC;
}

@media all and (max-width:1070px) {
.top-hero>.container {
-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
flex-direction: column;
}

.top-hero .text-col,
.top-hero .image-col {
    width: 100% !important;
    text-align: center;
-webkit-box-align: center;
    -ms-flex-align: center;
align-items: center;
}

.top-hero .text-col .cta-component {
    margin-top: 32px;
}

.top-hero__title *,
.top-hero__sub-title * {
    text-align: center !important;
}

.top-hero__features {
    width: 50%;
    margin: auto;
}

.top-hero .image-col img {
    width: 60% !important;
}
}

@media all and (max-width:700px) {
.top-hero__features {
        width: 100%;
    }
}

@media all and (max-width:550px) {
.top-hero__sub-title * {
        font-size: 30px !important;
    }

.top-hero .image-col img {
    width: 100% !important;
}
}