#section-1.hero-header.blue-hero {
background-image: radial-gradient(
circle at bottom center,
#5f79f1 0%,
#0c1246 50%,
transparent
);
padding-top: 186px;
}
#section-1.hero-header.blue-hero .elementor-widget-heading,
.hero-header .encart {
max-width: 425px;
}
.hero-header .encart > .e-con-inner {
border-radius: 110px;
border: 0.5px solid rgba(255, 255, 255, 0.4);
background: var(--Grey-PurpleGrey200, #c6cff8);
padding: 48px;
}
.hero-header .encart .logo img {
height: 52px;
width: auto;
}
.hero-header .encart .review-text p {
margin-bottom: 0;
margin-top: 24px;
padding-left: 40px;
font-size: 16px;
line-height: 28px;
background-image: url(//www.steerfox.com/wp-content/uploads/2024/03/picto-guillemet-blue.svg);
background-repeat: no-repeat;
}
.hero-header .encart .review-author .elementor-widget-container p {
margin-bottom: 0;
margin-top: 16px;
padding-left: 40px;
line-height: 21px;
font-size: 14px;
font-weight: 700;
display: flex;
gap: 10px;
align-items: center;
}
.hero-header .encart .review-author img {
border-radius: 100px;
width: 42px;
height: 42px;
}
.hero-header .encart .simple-border-button .elementor-button {
color: #0c1246;
border-color: #0c1246;
margin-top: 15px;
}
@media (min-width: 768px) {
.hero-header .encart > .e-con-inner {
width: 423px;
}
} .elementor-widget-loop-grid .e-loop-item .e-con-inner {
border-radius: 90px;
border: 1px solid var(--Text-White, #fff);
background-color: #fff;
padding: 34px;
cursor: pointer;
}
.elementor-widget-loop-grid
.e-loop-item
.elementor-widget-shortcode
.elementor-shortcode {
display: flex;
justify-content: center;
align-items: center; height: 107px;
}
.elementor-widget-loop-grid .e-loop-item .elementor-widget-shortcode img {
max-width: 183px; width: auto;
display: block;
}
.elementor-widget-loop-grid .e-loop-item ul {
padding-left: 0;
list-style: none;
}
.elementor-widget-loop-grid .e-loop-item .performances ul li {
display: none;
}
.elementor-widget-loop-grid .e-loop-item .performances ul li:first-child {
display: block;
color: var(--secondary-400, #262d6f);
font-size: 14px;
font-weight: 700;
line-height: 21px;
padding: 6px 16px;
border-radius: 30px;
background: var(--Grey-PurpleGrey200, #c6cff8);
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 16px;
width: fit-content;
}
.elementor-widget-loop-grid
.e-loop-item
.performances
ul
li:first-child::before {
content: "";
width: 18px;
height: 18px;
background-image: url(//www.steerfox.com/wp-content/uploads/2024/04/arrow-up-blue.png);
display: block;
background-size: contain;
margin-right: 3px;
flex-shrink: 0;
background-repeat: no-repeat;
} .e-loop-item .e-con.wrap.alt .e-con-inner {
max-width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
border-width: 0;
background-color: unset;
}
.e-loop-item .e-con.wrap.alt .elementor-widget-image {
border-radius: 60px;
overflow: hidden;
}
.e-loop-item .e-con.wrap.alt p {
margin-bottom: 0;
}
.e-loop-item .e-con.wrap.alt .elementor-button {
padding: 12px 24px;
}
@media (max-width: 767px) {
.e-loop-item .e-con.wrap.alt {
padding: 0;
}
}
@media (min-width: 768px) {
.elementor-widget-loop-grid .e-loop-item .e-con,
.elementor-widget-loop-grid .e-loop-item .e-con-inner {
height: 100%;
margin: 0;
}
.elementor-widget-loop-grid .e-loop-item .e-con {
padding: 0;
} .e-loop-item .e-con.wrap.alt .elementor-widget-image {
width: 269px;
height: 157px;
}
} #section-3 .reviews {
max-width: 190px;
}
#section-3 .sf-container-simple-border.e-con {
margin-top: -30px;
}
#section-3 .sf-container-simple-border.e-con > .e-con-inner > .e-child {
border-width: 0;
}
#section-3 .sf-container-simple-border .card {
border: 1px solid var(--Grey-PurpleGrey200, #c6cff8);
}
#section-3 .sf-container-simple-border .card .elementor-heading-title {
font-size: 20px;
font-weight: 700;
line-height: normal;
}
@media (min-width: 768px) {
#section-3 {
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-3 .sf-container-simple-border.e-con > .e-con-inner > .e-child {
padding: 0 141px 90px 141px;
}
#section-3 .sf-container-simple-border .card {
padding: 48px;
}
} @media (min-width: 768px) {
#section-4 {
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),
var(
--Gradients-gradient-blue,
radial-gradient(50% 50% at 50% 50%, #5f79f1 0%, #262d6f 100%)
);
background-repeat: no-repeat;
background-position: left -170px top 72px, right -140px bottom 0, center;
background-size: 408px, 408px, auto;
}
}