#section-2 .card {
padding: 20px 40px 0px 40px;
}
@media (min-width: 768px) {
#section-2 {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bg-losange.svg),
url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bg-losange.svg);
background-repeat: no-repeat;
background-position: left -170px top 72px, right -140px bottom 0;
background-size: 408px;
}
#section-2 .card {
max-width: 368px;
padding: 70px 60px;
}
}
#section-3 .elementor-element-9ed94a9.e-child {
border-radius: 90px;
padding: 40px;
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: var(--grey-white-5, rgba(255, 255, 255, 0.05));
max-width: 872px;
margin: 0 auto;
}
@media (max-width: 767px) {
#section-3
.elementor-element-9ed94a9.e-child
.elementor-widget-text-editor.text-34 {
font-size: 18px;
}
}
@media (min-width: 768px) {
#section-3 .elementor-element-9ed94a9.e-child {
padding: 40px 112px;
border-radius: 110px;
}
}
#section-4 .elementor-widget-text-editor {
max-width: 872px;
margin-left: auto;
margin-right: auto;
} #section-4 .comparatif {
max-width: 870px;
margin: 0 auto;
}
#section-4 .comparatif .head-labels {
display: flex;
flex-direction: row;
border-radius: 15px 0 0 15px;
border: 1px solid var(--Accent-Purple, #5f79f1);
}
#section-4 .comparatif .head-labels > div {
padding: 15px 26px;
text-align: center;
font-weight: 700;
}
#section-4 .comparatif .body {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 16px;
}
#section-4 .comparatif .row {
border: 1px solid var(--Accent-Purple, #5f79f1);
border-radius: 20px 0px 0px 20px;
display: flex;
flex-direction: row;
}
#section-4 .comparatif .row > div {
padding: 15px;
max-width: 50%;
}
#section-4 .comparatif .row .without-sf img {
transform: rotate(180deg);
}
#section-4 .comparatif .with-sf,
#section-4 .comparatif .descr {
background-color: var(--e-global-color-primary);
color: #fff;
}
#section-4 .comparatif .with-sf {
border-radius: 20px 0px 0px 20px;
}
@media (max-width: 767px) {
#section-4 .elementor-heading-title {
font-size: 24px;
}
#section-4 .comparatif .descr {
display: none;
}
}
@media (min-width: 768px) {
#section-4 .comparatif .head-labels {
border-radius: 15px;
}
#section-4 .comparatif .head-labels .without-sf {
flex-basis: 270px;
}
#section-4 .comparatif .head .with-sf {
flex-grow: 1;
border-radius: 15px;
}
#section-4 .comparatif .row > div {
padding: 32px;
flex-basis: 270px;
}
#section-4 .comparatif .descr {
flex-grow: 1;
border-left: 1px solid var(--Accent-Purple, #5f79f1);
}
#section-4 .comparatif .descr h4 {
font-size: 20px;
font-weight: 700;
line-height: normal;
}
} #section-5 {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bg-losange.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 408px;
}
#section-5 .color-card.lightblue {
margin-top: 72px;
}
#section-5 .color-card > .e-con-inner {
border-radius: 110px; padding: 70px 20px 60px 20px;
gap: 8px;
}
#section-5 .color-card.lightblue > .e-con-inner {
background-color: var(--Grey-PurpleGrey200, #c6cff8);
}
#section-5 .color-card.blue > .e-con-inner {
background: var(--e-global-color-primary);
color: #fff;
}
#section-5 .color-card .elementor-widget-image {
width: 105px;
height: 105px;
position: absolute;
top: -41px;
}
#section-5 .color-card .elementor-icon-list-items {
display: flex;
flex-direction: column;
gap: 60px;
margin-top: 32px;
}
#section-5 .color-card .elementor-icon-list-item {
align-items: flex-start;
}
#section-5 .color-card .elementor-icon-list-item svg {
transform: rotate(45deg);
width: 24px;
height: 24px;
}
@media (max-width: 767px) {
#section-5 .elementor-heading-title {
font-size: 24px;
}
#section-5 .color-card {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
#section-5 .color-card > .e-con-inner {
padding: 70px 60px 60px 60px;
}
#section-5 .color-card.lightblue::after {
content: "";
width: 290px;
height: 163px;
position: absolute;
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-1.svg);
background-size: contain;
background-repeat: no-repeat;
bottom: -31px;
left: -22px;
}
.lang-en #section-5 .color-card.lightblue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-1-EN.png);
}
.lang-es #section-5 .color-card.lightblue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-1-ES.png);
}
#section-5 .color-card.blue::after {
content: "";
width: 311px;
height: 178px;
position: absolute;
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-2.svg);
background-size: contain;
background-repeat: no-repeat;
bottom: -63px;
right: -31px;
}
.lang-en #section-5 .color-card.blue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-2-EN.png);
}
.lang-es #section-5 .color-card.blue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-2-ES.png);
}
}