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

.two-cols-image-section {
    padding-bottom: 16px !important;
}

.two-cols-image-section__bloc .two-cols-image-section__content {
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;
    height: 100%;
}

.two-cols-image-section__bloc .two-cols-image-section__content .cta-component {
    margin-top: 32px;
}

.two-cols-image-section__bloc:nth-of-type(2) .two-cols-image-section__content {
    padding: 32px;
    background-color: #F9EEDB;
    border-radius: 28px;
    color: #C65C3B !important;
}

.two-cols-image-section__bloc:nth-of-type(3) .two-cols-image-section__content {
padding: 32px;
    background-color: #899F66;
    border-radius: 28px;
    color: white !important;
}

.two-cols-image-section__bloc:nth-of-type(4) .two-cols-image-section__content {
padding: 32px;
    background-color: #3A2A1F;
    border-radius: 28px;
    color: white !important;
}


.two-cols-image-section__bloc:nth-of-type(2) .two-cols-image-section__content .cta-component{
background: inherit !important;
    background-image: url(../cta/cta-bg-images/cta_brown_bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.two-cols-image-section__bloc:nth-of-type(3) .two-cols-image-section__content .cta-component {
background: inherit !important;
    background-image: url(../cta/cta-bg-images/cta_orange_bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.two-cols-image-section__bloc:nth-of-type(4) .two-cols-image-section__content .cta-component {
background: inherit !important;
    background-image: url(../cta/cta-bg-images/cta_green_bg.png) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.two-cols-image-section__bloc {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 16px 1fr;
grid-template-columns: 1fr 1fr;
    gap: 16px;
-webkit-box-align: center;
    -ms-flex-align: center;
align-items: center;
    padding-top: 16px;
}

.two-cols-image-section__bloc:nth-of-type(3) {
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
}

/* Image Right (default) */
.two-cols-image-section__bloc.image-right .two-cols-image-section__content {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
order: 1;
}

.two-cols-image-section__bloc.image-right .two-cols-image-section__image {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
order: 2;
}

/* Image Left */
.two-cols-image-section__bloc.image-left .two-cols-image-section__content {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
order: 2;
}

.two-cols-image-section__bloc.image-left .two-cols-image-section__image {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
order: 1;
}

.two-cols-image-section__label {
display: inline-block;
    font-size: 14px;
    font-family: "Lato-Bold";
}

.two-cols-image-section__title * {
font-size: 26px;
    margin-top: 8px;
    line-height: 1.4;
    font-family: "Lato-Bold";
}

.two-cols-image-section__text {
margin-top: 16px;
    line-height: 1.6;
    margin-bottom: 32px;
}

.two-cols-image-section__text * {
font-family: "Lato-regular" !important;
    font-size: 20px;
}

.two-cols-image-section__text p {
margin-bottom: 16px;
}

.two-cols-image-section__text p:last-of-type {
margin-bottom: 0;
}

.two-cols-image-section__features {
margin: 16px 0;
    padding-left: 0;
    list-style: none;
}

.two-cols-image-section__features li {
display: -webkit-box;
    display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.4;
}

.two-cols-image-section__features li:last-of-type {
margin-bottom: 0;
}

.two-cols-image-section__image {
height: 100%;
}

.two-cols-image-section__image img {
border-radius: 28px;
    width: 100%;
    height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}

/* Tablet */
@media (max-width: 1024px) {    

.two-cols-image-section__title {
        font-size: 28px;
    }
}

/* Mobile */
@media (max-width: 880px) {
.two-cols-image-section__bloc {
-ms-grid-columns: 1fr !important;
grid-template-columns: 1fr !important;
    padding-top: 16px;
    padding-bottom: 0;
}

/* On mobile, always show image first, then content */
.two-cols-image-section__bloc.image-right .two-cols-image-section__image,
.two-cols-image-section__bloc.image-left .two-cols-image-section__image {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
order: 1;
}

.two-cols-image-section__bloc.image-right .two-cols-image-section__content,
.two-cols-image-section__bloc.image-left .two-cols-image-section__content {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
order: 2;
}

.two-cols-image-section__title {
    font-size: 24px;
}
}