body {
font-family: "Space Grotesk";
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
h1.elementor-heading-title {
font-size: 38px;
font-weight: 700;
line-height: normal;
}
h2.elementor-heading-title {
font-size: 30px;
font-weight: 700;
line-height: normal;
}
.single-post h2.elementor-heading-title,
h3.elementor-heading-title {
font-size: 24px;
font-weight: 700;
line-height: normal;
}
.single-post h3.elementor-heading-title,
h4.elementor-heading-title {
font-size: 18px;
font-weight: 700;
line-height: normal;
}
.elementor-widget-text-editor.text-34 {
font-size: 24px;
line-height: normal;
}
.elementor-widget-text-editor.text-26 {
font-size: 26px;
line-height: normal;
}
.elementor-widget-text-editor.text-20 {
font-size: 18px;
line-height: normal;
}
.elementor-widget-text-editor.text-16 {
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
@media (min-width: 768px) {
h1.elementor-heading-title,
h2.elementor-heading-title {
font-size: 48px;
}
.single-post h2.elementor-heading-title,
h3.elementor-heading-title {
font-size: 28px;
}
.single-post h3.elementor-heading-title,
h4.elementor-heading-title {
font-size: 20px;
}
.elementor-widget-text-editor.text-34 {
font-size: 34px;
line-height: 48px;
}
.elementor-widget-text-editor.text-20 {
font-size: 20px;
}
}
.title-left.elementor-widget-text-editor,
.title-left.elementor-widget-heading {
max-width: 715px !important;
} .hidden {
display: none !important;
}
@media (max-width: 767px) {
.desktop-only {
display: none !important;
}
}
@media (min-width: 768px) {
.mobile-only {
display: none !important;
}
} .blue-button .elementor-button {
display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 24px;
border-radius: 20px;
background: var(--e-global-color-primary);
}
.orange-button .elementor-button {
display: inline-flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 24px;
border-radius: 15px;
background: var(--e-global-color-secondary);
}
.simple-border-button .elementor-button {
border-radius: 15px;
border: 0.75px solid var(--Grey-white, #fff);
background: transparent;
font-size: 14px;
font-weight: 700;
line-height: 21px;
}
.small-button .elementor-button {
padding: 8px 14px;
}
.small-button .elementor-button.elementor-button-text {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 21px;
}
@media (max-width: 767px) {
.sf-container-boxed-blue .elementor-button,
.card .elementor-button {
padding: 8px 14px;
}
.sf-container-boxed-blue .elementor-button-text,
.card .elementor-button-text {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 21px;
}
}
.card p:last-child {
margin-bottom: 0;
}  .sf-container-simple-border.e-con {
margin: 60px 0;
}
.sf-container-simple-border.e-con > .e-con-inner {
padding: 0 10px;
}
.sf-container-simple-border.e-con > .e-con-inner > .e-child { border: 4px solid #fff;
border-radius: 90px; padding: 42px 16px; }
.sf-container-simple-border .card {
padding: 35px;
border-radius: 90px;
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: var(--Grey-white, #fff);
}
.sf-container-simple-border .col .card {
max-width: 424px;
}
.sf-container-simple-border .card.full-card .elementor-widget-text-editor {
max-width: 624px;
margin-left: auto;
margin-right: auto;
background: var(--grey-white-50, rgba(255, 255, 255, 0.5));
}
.sf-container-simple-border .card.full-card .elementor-widget-text-editor p {
margin-bottom: 0;
}
@media (max-width: 767px) { }
@media (min-width: 768px) {
.sf-container-simple-border.e-con > .e-con-inner {
padding: 0 49px;
}
.sf-container-simple-border.e-con > .e-con-inner > .e-child {
padding: 98px 35px 60px;
}
.sf-container-simple-border.e-con > .e-con-inner > .e-child {
border-radius: 110px;
padding: 82px 112px 91.856px 112px;
}
.sf-container-simple-border .card {
padding: 35px 60px;
border-radius: 110px;
}
} .sf-container-full-blue.e-con > .e-con-inner {
border-radius: 110px;
background-color: var(--e-global-color-primary);
background-image: radial-gradient(
circle,
rgb(95, 121, 241) 0%,
rgb(38, 45, 111) 70%
);
color: #fff;
padding: 120px 20px 60px 20px;
margin: 30px auto;
}
.sf-container-full-blue.e-con .card > .e-con-inner {
padding: 40px;
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));
max-width: 1096px;
margin-left: auto;
margin-right: auto;
}
.sf-container-full-blue.e-con .card .elementor-widget-text-editor {
font-size: 16px;
line-height: 28px;
}
.sf-container-full-blue.e-con .card .two-cols-wrap {
padding-left: 0;
padding-right: 0;
}
.sf-container-full-blue.e-con .card .two-cols-wrap > .e-con-inner {
gap: 24px;
}
.sf-container-full-blue.e-con .card .two-cols-wrap > .e-con-inner > .e-child {
width: auto;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.sf-container-full-blue.e-con {
padding: 0;
}
.sf-container-full-blue.e-con > .e-con-inner .card {
padding: 0;
}
.sf-container-full-blue.e-con .card .elementor-heading-title {
font-size: 24px;
line-height: normal;
}
}
@media (min-width: 768px) {
.sf-container-full-blue.e-con > .e-con-inner {
padding: 110px 50px 50px;
}
.sf-container-full-blue.e-con .card > .e-con-inner {
border-radius: 110px;
padding: 60px 112px;
}
} .sf-container-full-white.e-con > .e-con-inner {
border-radius: 110px;
background-color: #fff;
padding: 110px 20px 50px;
margin-top: 60px;
margin-bottom: 60px;
}
@media (min-width: 768px) {
.sf-container-full-white.e-con > .e-con-inner {
padding: 110px 50px 50px;
}
} .sf-container-boxed-blue.e-con.e-con-boxed {
padding: 40px;
border-radius: 90px;
background: var(
--Gradients-gradient-blue,
radial-gradient(50% 50% at 50% 50%, #5f79f1 0%, #262d6f 100%)
);
color: #fff;
max-width: 1096px;
margin-inline: auto;
}
@media (max-width: 767px) {
.sf-container-boxed-blue .elementor-heading-title {
font-size: 24px;
}
}
@media (min-width: 768px) {
.sf-container-boxed-blue.e-con.e-con-boxed {
padding: 120px 112px;
border-radius: 110px;
}
} .sf-container-boxed-beige.e-con {
background-color: #fff;
padding: 40px 20px 20px;
}
.sf-container-boxed-beige.e-con > .e-con-inner {
background-color: #faf5ee;
border-radius: 90px;
padding: 82px 20px;
}
@media (max-width: 767px) {
.sf-container-boxed-beige .elementor-heading-title {
font-size: 24px;
}
}
@media (min-width: 768px) {
.sf-container-boxed-beige.e-con { padding: 30px 60px;
}
.sf-container-boxed-beige.e-con > .e-con-inner {
border-radius: 110px;
padding: 82px 112px;
max-width: 1320px;
}
} @media (min-width: 768px) {
.sf-container-losange-bg {
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;
}
} .sf-container.e-con > .e-con-inner {
padding: 100px 20px 60px 20px;
border-radius: 90px;
}
@media (min-width: 768px) {
.sf-container.e-con > .e-con-inner {
padding: 100px 112px 50px 112px;
border-radius: 110px;
max-width: 1096px;
margin: 60px auto;
}
}
.sf-container.e-con.sf-white > .e-con-inner {
background-color: #fff;
}
@media (min-width: 768px) {
.section-header.e-con {
max-width: 552px;
margin-inline: auto;
text-align: center;
}
} .score-block .elementor-widget-container { text-align: center;
}
.score-block .score {
font-size: 18px;
font-weight: 700;
line-height: 34px;
}
.score-block .stars {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/review-stars.svg);
width: 106.609px;
height: 20.701px;
display: inline-block;
vertical-align: sub;
} .logo-gallery.elementor-widget-gallery .elementor-widget-container {
max-width: 100%;
}
.logo-gallery.elementor-widget-gallery .e-gallery-container {
display: flex;
gap: 8px;
justify-content: center;
}
.blue-hero .logo-gallery.elementor-widget-gallery .e-gallery-container {
margin-bottom: -85px;
}
.logo-gallery.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));
aspect-ratio: 107/48;
position: relative;
top: unset;
left: unset !important;
}
.logo-gallery.elementor-widget-gallery .e-gallery-item .e-gallery-image {
background-size: contain;
background-repeat: no-repeat;
height: 100%;
width: 100%;
padding-bottom: 0;
} #section-reviews .elementor-widget-heading h2 {
display: flex;
gap: 23px;
margin-bottom: 60px;
margin-left: 20px;
flex-direction: column;
}
#section-reviews .elementor-widget-heading h2 img {
width: 108px;
}
@media (max-width: 767px) {
#section-reviews > .e-con-inner {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 768px) {
#section-reviews {
background-image: url(//www.steerfox.com/wp-content/themes/steerfox-hello-child/img/steerfox-avisclient-3.svg);
background-repeat: no-repeat;
background-position: right top;
}
#section-reviews .elementor-widget-heading h2 {
margin-left: 124px; max-width: 976px;
flex-direction: row;
}
} #section-demo > .e-con-inner {
padding: 120px 0px 60px 0px;
}
#section-demo .elementor-widget-text-editor {
max-width: 784px;
margin-left: auto;
margin-right: auto;
}
#section-demo .elementor-icon-list-items {
max-width: 458px;
display: flex;
flex-direction: column;
gap: 16px;
}
#section-demo .score-block .elementor-widget-container {
margin-top: -12px;
}
@media (min-width: 768px) {
#section-demo {
background-image: url(//www.steerfox.com/wp-content/uploads/2024/04/demo-section-screen-1.png),
url(//www.steerfox.com/wp-content/uploads/2024/04/demo-section-screen-2.png),
url(//www.steerfox.com/wp-content/uploads/2024/04/demo-section-screen-3.png),
url(//www.steerfox.com/wp-content/uploads/2024/04/demo-section-screen-4.png);
background-position: left top 140px, left top 280px, right top 120px,
right top 340px;
background-repeat: no-repeat;
}
#section-demo > .e-con-inner {
padding: 120px 172px 60px 172px;
}
} .section-sticky-img-steps .wrap-2-cols.e-con {
padding: 0;
}
.section-sticky-img-steps .title-wrap .elementor-widget-image {
width: 100px;
height: 100px;
flex-shrink: 0;
}
.section-sticky-img-steps .card > .e-con-inner {
padding: 48px;
gap: 24px;
border-radius: 110px;
border: 1px solid var(--Grey-PurpleGrey200, #c6cff8);
background: var(--Grey-white, #fff);
width: 431px;
}
.section-sticky-img-steps .card .elementor-heading-title {
font-size: 20px;
font-weight: 700;
line-height: normal;
}
@media (max-width: 767px) {
.section-sticky-img-steps .title-wrap .elementor-widget-image {
width: 70px;
height: 70px;
}
}
@media (min-width: 768px) {
.section-sticky-img-steps .wrap-2-cols.e-con .col-img {
max-height: 430px;
position: sticky;
top: 135px;
}
} .section-title-list .elementor-widget-icon-list .elementor-icon-list-items {
display: flex;
flex-direction: column;
gap: 10px;
}
.section-title-list
.elementor-widget-icon-list
.elementor-icon-list-items
.elementor-icon-list-item {
padding: 16px 32px;
border-radius: 110px;
border: 1px solid var(--grey-white-50, rgba(255, 255, 255, 0.5));
background: rgba(255, 255, 255, 0.05);
max-width: 424px;
}
.section-title-list .elementor-widget-icon-list .elementor-icon-list-text {
font-size: 16px;
line-height: 28px;
}
.section-title-list .elementor-widget-icon-list .elementor-icon-list-icon svg {
width: 60px;
height: 60px;
}  @media (min-width: 768px) {
.section-title-list
.elementor-element.elementor-widget.elementor-widget-heading,
.section-title-list .elementor-widget-icon-list {
max-width: 49% !important;
} }