/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/**
* Title and Features Right Section Styles */

.title-features-right-section {
background-color: #F8F4EC;
    padding: 48px 0;
}

.title-features-right {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 48px 1fr;
grid-template-columns: 1fr 1fr;
    gap: 48px;
-webkit-box-align: center;
    -ms-flex-align: center;
align-items: center;
}

.title-features-right__left {
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;
}

.title-features-right__titre * {
font-size: 36px;
    line-height: 1.4;
    font-family: "Lato-Regular";
}

.title-features-right__sous-titre {
margin-top: 16px;
    font-size: 16px;
    line-height: 1.4;
    font-family: "Lato-Regular";
    color: #3A2A1F;
}

.title-features-right__cta {
margin-top: 32px;
}

/* Features Tags */
.title-features-right__right {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
    -ms-flex-pack: start;
justify-content: flex-start;
}

.features-tags {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
    gap: 8px;
-webkit-box-pack: start;
    -ms-flex-pack: start;
justify-content: flex-start;
}

.feature-tag {
display: inline-block;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 16px;
    font-family: "Lato-Bold";
    background-color: transparent;
    border: 3px solid;
}

.feature-tag--brown {
border-color: #3A2A1F;
    color: #3A2A1F;
}

.feature-tag--green {
border-color: #899F66;
    color: #899F66;
}

.feature-tag--orange {
border-color: #D38269;
    color: #D38269;
}


/* Tablet */
@media (max-width: 1024px) {
.title-features-right {
        gap: 48px;
    }

.title-features-right__titre {
    font-size: 28px;
}
}

/* Mobile */
@media (max-width: 880px) {
.title-features-right__left {
-webkit-box-align: center;
    -ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
order: 2;
}

.title-features-right-section {
    padding: 48px 0;
}

.title-features-right {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
    gap: 32px;
}

.title-features-right__right,
.title-features-right__right .features-tags {
-webkit-box-pack: center;
    -ms-flex-pack: center;
justify-content: center;
}

.features-tags {
    max-width: 100%;
}

.title-features-right__titre {
    font-size: 24px;
}

.title-features-right__sous-titre {
    text-align: center;
}
}