.sf-schema-1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.sf-schema-1 .item-wrapper {
row-gap: 53px;
display: flex;
flex-direction: column;
}
.sf-schema-1 .item-block,
.sf-schema-1 .item-overlay {
display: flex;
width: 200px;
padding: 14px 20px;
flex-direction: column;
align-items: center;
gap: 16px;
border-radius: 20px;
background: #fcfaf6;
position: relative;
}
.sf-schema-1 .item-block .item-img {
width: 157px;
height: 160px;
}
.sf-schema-1 .item-block .item-title {
font-size: 16px;
font-weight: 700;
line-height: 24px;
word-break: keep-all;
}
.sf-schema-1 .item-block .item-text {
margin-bottom: 0;
}
.sf-schema-1 .item-block .item-overlay {
position: absolute;
height: 100%;
justify-content: center;
opacity: 0;
transition: opacity 100ms linear;
}
.sf-schema-1 .item-block:hover .item-overlay {
opacity: 1;
}  .sf-schema-1 .filler-1 {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/dots.svg);
width: 81px;
height: 530px;
background-repeat: no-repeat;
background-position: center;
}
.sf-schema-1 .filler-2 {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/accolade-1.svg);
width: 81px;
height: 530px;
background-repeat: no-repeat;
background-position: center;
}
.sf-schema-1 .filler-3 {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/accolade-2.svg);
width: 81px;
height: 530px;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 767px) {
#section-2 .elementor-element-8066a0d .elementor-widget-container {
overflow-x: auto;
}
.sf-schema-1 {
width: 1088px;
padding-bottom: 20px;
}
} #section-3 .logo-blue img {
max-width: 206px;
}
#section-3 .text-20.item-1,
#section-3 .text-16.item-1 {
max-width: 641px;
margin-left: auto;
margin-right: auto;
} #section-3 .text-20.item-2 {
max-width: 912px;
}
@media (min-width: 768px) {
#section-3 > .e-con-inner {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bienvenue-gauche.png),
url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bienvenue-droite.png);
background-repeat: no-repeat;
background-position: left top 110px, right top 110px;
background-size: 200px;
}
.lang-en #section-3 > .e-con-inner {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bienvenue-gauche-EN.png),
url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bienvenue-droite-EN.png);
}
.lang-es #section-3 > .e-con-inner {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bienvenue-gauche-ES.png),
url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-graphic-bienvenue-droite-ES.png);
}
#section-3 .logo-blue img {
max-width: 274px;
}
}
@media (min-width: 1440px) {
#section-3 > .e-con-inner {
background-size: 430px;
}
} #section-3 .sf-slider-wrapper {
display: flex;
padding: 6px 16px 22px 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 20px;
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: var(--grey-white-5, rgba(255, 255, 255, 0.05));
margin: 18px auto 12px;
}
#section-3 .sf-slider-wrapper .swiper-slide-image {
border-radius: 20px;
}
#section-3 .sf-slider-wrapper .pagination {
display: flex;
justify-content: space-around;
margin-top: -10px;
gap: 10px;
}
#section-3 .sf-slider-wrapper .pagination .pagination-item {
display: flex;
flex-direction: column;
flex-grow: 1;
}
#section-3 .sf-slider-wrapper .pagination .pagination-item .pagination-label {
font-weight: 700;
line-height: 28px;
text-align: center;
}
#section-3
.sf-slider-wrapper
.pagination
.pagination-item:not(.active)
.pagination-label {
opacity: 0.5;
}
#section-3 .sf-slider-wrapper .pagination .pagination-item .progress {
height: 4px;
width: auto;
border-radius: 5px;
margin-top: 16px;
background-image: linear-gradient(to right, #fff 50%, #5f79f1 50%);
background-size: 200% 100%;
background-position: right bottom;
}
#section-3 .sf-slider-wrapper .pagination .pagination-item.active .progress {
transition: all 5s ease-out;
background-position: left bottom;
}
#section-3 .sf-slider-wrapper .caption p {
margin-bottom: 0;
}
#section-3 .sf-slider-wrapper .caption p:not(.active) {
display: none;
}
@media (min-width: 768px) {
#section-3 .sf-slider-wrapper {
width: 816px;
}
} #section-3 .flex-3-cols > .e-con-inner {
max-width: 1096px;
margin-left: auto;
margin-right: auto;
}
#section-3 .flex-3-cols .col-item {
border: 0.5px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
border-radius: 110px 110px 0 0;
background: var(--grey-white-5, rgba(255, 255, 255, 0.05));
padding: 48px;
}
#section-3 .flex-3-cols .col-item:first-child {
border-radius: 110px 110px 0px 110px;
}
#section-3 .flex-3-cols .col-item:last-child {
border-radius: 110px 110px 110px 0px;
}
#section-3 .flex-3-cols .col-item > .e-con-inner {
gap: 24px;
}
#section-3 .flex-3-cols .col-item .elementor-icon-list-items {
display: flex;
flex-direction: column;
gap: 32px;
}
#section-3 .flex-3-cols .col-item .elementor-icon-list-text {
line-height: 28px;
}
#section-3 .flex-3-cols .col-item .simple-border-button {
margin-top: 8px;
}
@media (min-width: 768px) {
#section-3 .flex-3-cols .col-item .simple-border-button {
height: 100%;
}
#section-3
.flex-3-cols
.col-item
.simple-border-button
.elementor-widget-container {
display: flex;
align-items: flex-end;
}
} #section-4 {
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-4 .color-card.orange {
margin-top: 72px;
}
@media (min-width: 768px) {
#section-4 .color-card.orange::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-4 .color-card.orange::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-1-EN.png);
}
.lang-es #section-4 .color-card.orange::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-1-ES.png);
}
#section-4 .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-4 .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-4 .color-card.blue::after {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/elliptic-text-2-ES.png);
}
}
#section-4 .color-card > .e-con-inner {
border-radius: 110px;
background-color: var(--e-global-color-secondary);
padding: 70px 40px 60px 40px;
color: #fff;
gap: 8px;
}
#section-4 .color-card.blue > .e-con-inner {
background: var(--e-global-color-primary);
}
#section-4 .color-card .elementor-widget-image {
width: 105px;
height: 105px;
position: absolute;
top: -41px;
}
#section-4 .color-card .elementor-icon-list-item {
width: fit-content;
background-color: var(--e-global-color-primary);
border-radius: 30px;
padding: 6px 8px;
}
#section-4 .color-card.blue .elementor-icon-list-item {
background-color: var(--e-global-color-secondary);
}
#section-4 .color-card .elementor-icon-list-item .elementor-icon-list-text {
font-weight: 700;
}
#section-4 .color-card .elementor-widget-text-editor p {
line-height: 28px;
margin-bottom: 0;
}
@media (max-width: 767px) {
#section-4 .elementor-element-9655313 {
padding-left: 0;
padding-right: 0;
}
#section-4 .color-card {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
#section-4 .color-card > .e-con-inner {
padding: 70px 60px 60px 60px;
}
} #section-5 .elementor-element-61acdca.text-34 {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
} #section-7 > .e-con-inner {
padding: 120px 20px 60px 20px;
margin-bottom: 25px;
}
#section-7 .elementor-widget-heading {
max-width: 423px;
}
#section-7 .elementor-heading-title img {
width: 40px;
height: 40px;
margin-bottom: -7px;
display: inline;
}
@media (min-width: 768px) {
#section-7 > .e-con-inner {
padding: 110px 162px 50px 162px;
} } #section-8 {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/img-cercle-hp-commu.svg);
background-repeat: no-repeat;
background-position: center top -258px;
}
#section-8 h3.elementor-heading-title {
max-width: 870px;
margin-left: auto;
margin-right: auto;
font-size: 34px;
line-height: 48px;
word-break: keep-all;
}
#section-8 .elementor-widget-text-editor {
max-width: 654px;
margin-left: auto;
margin-right: auto;
}
#section-8 .encart {
margin-top: 40px;
} @media (min-width: 768px) {
#section-8 .encart .elementor-element-f94315a {
width: calc((100% - 20px) * 0.6);
padding: 0;
}
#section-8 .encart .elementor-element-6695f7f {
width: calc((100% - 20px) * 0.4);
padding: 0;
}
}