#section-2.sf-container-simple-border.e-con > .e-con-inner > .e-child {
border-width: 20px;
}
#section-2 .color-card.lightblue {
margin-top: 72px;
}
#section-2 .color-card > .e-con-inner {
border-radius: 110px; padding: 70px 20px 60px 20px;
gap: 8px;
}
#section-2 .color-card.lightblue > .e-con-inner {
background-color: var(--Grey-PurpleGrey200, #c6cff8);
}
#section-2 .color-card.blue > .e-con-inner {
background: var(--e-global-color-primary);
color: #fff;
}
#section-2 .color-card .elementor-widget-image {
width: 105px;
height: 105px;
position: absolute;
top: -41px;
}
#section-2 .color-card .elementor-icon-list-items {
display: flex;
flex-direction: column;
gap: 60px;
margin-top: 32px;
}
#section-2 .color-card .elementor-icon-list-item {
align-items: flex-start;
}
#section-2 .color-card .elementor-icon-list-item svg {
transform: rotate(45deg);
width: 24px;
height: 24px;
}
@media (max-width: 767px) {
#section-2,
#section-2 > .e-con-inner {
padding-left: 0;
padding-right: 0;
}
#section-2.sf-container-simple-border.e-con > .e-con-inner > .e-child {
border-width: 50px;
}
#section-2 .elementor-heading-title {
font-size: 24px;
}
#section-2 .color-card {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
#section-2 {
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-2 .color-card > .e-con-inner {
padding: 70px 60px 60px 60px;
}
#section-2 .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-2 .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-2 .color-card.lightblue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-1-ES.png);
}
#section-2 .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-2 .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-2 .color-card.blue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-2-ES.png);
}
} #section-3 .elementor-icon-list-items {
gap: 24px;
}
#section-3 .elementor-icon-list-item {
padding: 24px 60px;
border-radius: 110px;
background: #fff;
max-width: 275px;
}
#section-3 .elementor-icon-list-item svg {
width: 24px;
height: 24px;
}
#section-3 .elementor-icon-list-item .elementor-icon-list-text {
text-align: left;
} #section-4 .elementor-element-5235762.elementor-widget-image {
width: 196.504px;
margin: 0 auto;
}
#section-4 .elementor-widget-heading.elementor-element-fba7caa {
max-width: 875px;
margin-inline: auto;
}
#section-4 .e-con.elementor-element-9876613 > .e-con-inner {
padding: 32px 20px;
align-items: center;
gap: 22px;
border-radius: 90px;
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: var(--grey-white-5, rgba(255, 255, 255, 0.05));
justify-content: center;
}
#section-4 .e-con.elementor-element-9876613 .elementor-widget-image {
width: 108px;
height: 108px;
flex-shrink: 0;
}
#section-4 .e-con.elementor-element-9876613 .elementor-widget-text-editor {
width: 332px;
flex-shrink: 0;
}
#section-4 .e-con.elementor-element-9876613 p {
margin-bottom: 0;
}
#section-4 .e-con.elementor-element-6dc7258 {
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
margin-top: 20px;
padding: 82px 20px;
border-radius: 90px;
}
#section-4 .e-con.elementor-element-6dc7258 h2.elementor-heading-title {
margin-bottom: 30px;
}
#section-4 .elementor-element-9ede1da .elementor-icon-list-items {
gap: 24px;
}
#section-4 .elementor-element-9ede1da .elementor-icon-list-item {
max-width: 200px;
flex-direction: column;
align-items: flex-start;
margin: 0;
}
#section-4
.elementor-element-9ede1da
.elementor-icon-list-item
.elementor-icon-list-icon
svg {
width: 70px;
height: 70px;
margin-right: 0;
margin-bottom: 24px;
}
#section-4
.elementor-element-9ede1da
.elementor-icon-list-item
.elementor-icon-list-text {
padding-left: 0;
text-align: left;
}
#section-4 .e-con.elementor-element-5e0d051 {
padding: 40px 20px;
border-radius: 90px;
max-width: 976px;
margin-inline: auto;
background: var(--Accent-Purple, #5f79f1);
margin-top: 60px;
margin-bottom: 20px;
}
#section-4 .elementor-widget-gallery .e-gallery-item {
padding: 8px;
border-radius: 5px;
border: 0.5px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: var(--grey-white-5, rgba(255, 255, 255, 0.05));
}
@media (max-width: 767px) {
#section-4 .e-con.elementor-element-9876613 p {
text-align: center;
}
}
@media (min-width: 768px) {
#section-4 .e-con.elementor-element-9876613 > .e-con-inner {
max-width: 1028px;
padding: 32px 112px;
border-radius: 110px;
justify-content: flex-start;
}
#section-4 .e-con.elementor-element-6dc7258 {
border-radius: 110px;
padding: 82px 112px;
}
#section-4 .elementor-element-9ede1da .elementor-icon-list-items {
flex-wrap: nowrap;
max-width: 870px;
margin-left: auto;
margin-right: auto;
}
#section-4 .elementor-element-9ede1da .elementor-icon-list-item {
max-width: 155px;
}
#section-4 .e-con.elementor-element-5e0d051 {
padding: 120px 112px 60px 112px;
border-radius: 110px;
}
#section-4 .e-con.elementor-element-5e0d051 .e-con.elementor-element-d1273ed {
margin-bottom: 73px;
}
}  #section-5 .comparatif {
max-width: 870px;
margin-left: auto;
margin-right: auto;
}
#section-5 .comparatif .row {
display: flex;
}
#section-5 .comparatif .row.head {
justify-content: flex-end;
}
#section-5 .comparatif .row.head .cell {
border-radius: 20px 0px 0px 20px;
border-top: 1px solid var(--Accent-Purple, #5f79f1);
border-bottom: 1px solid var(--Accent-Purple, #5f79f1);
border-left: 1px solid var(--Accent-Purple, #5f79f1);
font-weight: 700;
}
#section-5 .comparatif .row.head .cell.elite {
border-radius: 20px;
}
#section-5 .comparatif .body .row:last-child {
border-bottom: 1px solid var(--Grey-PurpleGrey200, #c6cff8);
border-radius: 0 0 20px 20px;
}
#section-5 .comparatif .body .row:last-child .cell:first-child {
border-radius: 0 0 0 20px;
}
#section-5 .comparatif .block {
background-color: #fff;
border-radius: 20px;
overflow: hidden;
margin: 10px 0;
}
#section-5 .comparatif .block .head {
justify-content: space-between;
display: flex;
padding: 32px;
border: 1px solid var(--Grey-PurpleGrey200, #c6cff8);
border-radius: 20px;
}
#section-5 .comparatif .block .head .title {
font-size: 20px;
font-weight: 700;
line-height: normal;
}
#section-5 .comparatif .block .head .toggle {
display: flex;
width: 38px;
height: 28px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 24px;
border: 1px solid var(--e-global-color-primary);
cursor: pointer;
}
#section-5 .comparatif .block .head .toggle::after {
content: "";
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/icon-plus-1.svg);
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
#section-5 .comparatif .block.open .head {
border-radius: 20px 20px 0 0;
}
#section-5 .comparatif .block.open .head .toggle {
background: var(--e-global-color-primary);
}
#section-5 .comparatif .block.open .head .toggle::after {
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/icon-cross.svg);
}
#section-5 .comparatif .cell {
padding: 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
border-left: 1px solid var(--Grey-PurpleGrey200, #c6cff8);
}
#section-5 .comparatif .cell.first {
background-color: #fff;
}
#section-5 .comparatif .cell.middle {
background: var(--Grey-Beige, #faf5ee);
}
#section-5 .comparatif .cell.elite {
background-color: var(--e-global-color-primary);
color: #fff;
}
#section-5 .comparatif .body .block .cell p {
margin-bottom: 0;
}
@media (max-width: 767px) {
#section-5 > .e-con-inner {
display: block;
}
#section-5 > .e-con-inner > .elementor-element {
margin-bottom: 20px;
}
#section-5 .comparatif .cell {
width: 56px;
}
#section-5 .comparatif .cell.descr {
flex-grow: 1;
padding: 12px;
}
#section-5 .comparatif .cell img {
width: 24px;
height: 24px;
}
#section-5 .comparatif .body .block .cell.descr p {
font-weight: 400; }
#section-5 .comparatif .body .block .cell p {
font-size: 14px;
font-weight: 700;
line-height: 21px;
}
}
@media (min-width: 768px) {
#section-5 .comparatif .cell {
width: 25%;
padding: 16px 32px;
}
#section-5 .comparatif .cell.descr {
text-align: left;
align-items: flex-start;
} }