/*
Custom CSS for website theme
Version: 1.0
Description: Used to establish the look and feel for the custom website
Author: Full Spectrum Marketing
Author URL: http://www.fsm.agency
*/

/* VARIABLES */
:root {
    /* Brand Color Palette */
    --Brand-Color-Primary: #1A1A1A;
    --Brand-Color-Secondary: #82C0D0;
    --Brand-Color-3: #8FD397;
    --Brand-Color-4: #F1D01B;
    --Brand-Color-5: #D96B62;
    --Brand-Color-6: #A48FD3;
    /* Default Colors */
    --Default-Black: #262729;
    --Default-White: #F7F4F0;
    /* Typography */
    --Heading-1-Size: clamp(2.5rem, round(1.482rem + 4.857cqi, 0.5em), 5.055rem);
    --Heading-2-Size: clamp(2.5rem, round(1.696rem + 2.571cqi, 0.5em), 3.625rem);
    --Heading-3-Size: clamp(2rem, round(1.732rem + 0.857cqi, 0.5em), 2.375rem);
    --Heading-4-Size: clamp(1.5rem, round(1.321rem + 0.571cqi, 0.5em), 1.75rem);
    --Heading-5-Size: clamp(1.25rem, round(1.071rem + 0.571cqi, 0.5em), 1.5rem);
    --Heading-6-Size: clamp(1.125rem, round(1.036rem + 0.286cqi, 0.5em), 1.25rem);
    --Body-Size: clamp(0.9375rem, 0.75rem + 0.5vw, 1rem);
    --Font-Heading-Sans: "Bebas Neue", sans-serif;
    --Font-Heading-Serif: "Bebas Neue", sans-serif;
    --Font-Body: "Inter", sans-serif;
    --Font-Body-Alt: ;
    --Line-Height-xs: 1;
    --Line-Height-s: 1.05;
    --Line-Height-m: 1.2;
    --Line-Height-l: 1.5;
    --Line-Height-xl: 2;
    --Font-Weight-Light: 300;
    --Font-Weight-Regular: 400;
    --Font-Weight-Bold: 700;
    --Font-Weight-Extra-Bold: 900;

}

/*  
    Button Styles
*/

/* GLOBAL BUTTON STYLES */
/*Default Button Settings*/
#page-container .et_pb_button {
    border-radius: 2px !important;
    color: var(--Brand-Color-Primary) !important;
    text-align: center !important;
    background-color: #49B42D;
    font-style: normal !important;
    font-weight: var(--Font-Weight-Regular) !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    font-weight: 800 !important;
    padding: 0.7em 1.2em !important;
    border-radius: 12px !important;
    letter-spacing: 0.5px !important;
    font-size: clamp(1rem, round(1.071rem + 0.571cqi, 0.5em), 1.2rem);
    font-family: "Inter", sans-serif;
}

#page-container .et_pb_button:hover {
    transition: ease all .3s !important;
    border: none !important;
    color: #000 !important;
    cursor: pointer;
    opacity: .75;
}

#page-container #main-header .et_pb_button {
    padding: .85em 1.2em !important;
    border: 2px !important;
}

/*
    BUTTON TEXT IS LIGHT - PRIMARY 
.et_pb_button.fsm-btn-primary 
*/
/*INCLUDES Hero Button ONE*/

#page-container .et_pb_button.fsm-btn-primary,
#page-container .et_pb_button.et_pb_button_one {}

#page-container .et_pb_button.fsm-btn-primary:hover,
#page-container .et_pb_button.et_pb_button_one:hover {}

#page-container .et_pb_button.fsm-btn-primary:focus,
#page-container .et_pb_button.et_pb_button_one:focus {
    /*box-shadow: 0px 0px 15px 0px ###;*/
}

/* secondary button text light - SECONDARY
.et_pb_bg_layout_dark.fsm-btn-secondary */

/*INCLUDES Hero Button TWO*/

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary,
#page-container .et_pb_button.et_pb_button_two {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary:hover,
#page-container .et_pb_button.et_pb_button_two:hover {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-secondary:focus,
#page-container .et_pb_button.et_pb_button_two:focus {
    /*        box-shadow: 0px 0px 15px 0px ###;*/

}

/* secondary button dark 
.fsm-btn-secondary */

#page-container .et_pb_button.fsm-btn-secondary {}

#page-container .et_pb_button.fsm-btn-secondary:hover {}

#page-container .et_pb_button.fsm-btn-secondary:focus {
    /*      box-shadow: 0px 0px 15px 0px ###;*/

}

/* alt button text light 
.et_pb_bg_layout_dark.fsm-btn-alt */

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-alt {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-alt:hover {}

#page-container .et_pb_button.et_pb_bg_layout_dark.fsm-btn-alt:focus {

    /*    box-shadow: 0px 0px 15px 0px ###;*/
}

/* alt button dark .fsm-btn-alt 
This Button style has a pseudo arrow on Hover*/
#page-container .et_pb_button.fsm-btn-alt:after {
    content: '\f054';
    position: absolute;
    font-size: 1em;
    font-weight: var(--Font-Weight-Bold);
    display: block;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    transition: opacity .5s, right .5s;
    color: #000 !important;
    font-family: 'Font Awesome 6 Pro' !important;
}

#page-container .et_pb_button.fsm-btn-alt:hover {
    color: var(--Default-Black) !important;
    opacity: 70%;
}

#page-container .et_pb_button.fsm-btn-alt.large:hover {
    padding: 1em 2em !important;
    padding-left: 1.8em !important;
    padding-right: 2.2em !important;
}

#page-container .et_pb_button.fsm-btn-alt:hover:after {
    opacity: 1;
}

#page-container .et_pb_button.fsm-btn-alt.small:hover {
    padding: .7em 1.3em !important;
    padding-left: .5em !important;
    padding-right: 1.5em !important;
}

/* LARGE BUTTON SIZING */
#page-container .et_pb_button.large {
    padding: 1em 2em !important;
    font-size: var(--Body-Size);
}

/* SMALL BUTTON SIZING */
#page-container .et_pb_button.small {
    padding: .7em 1.3em !important;
    font-size: 14px;
}

/*
universal text links
*/
#main-content a:not(.et_pb_button, .icon, img, .fsm-post-list a, .card) {
    border-radius: 4px;
    padding: 2px;
    transition: ease all .2s;
    display: inline;
    overflow: hidden;
    text-decoration: underline;
}

#main-content a:not(.et_pb_button, .icon, img, .fsm-post-list a, .card):hover {
    border-radius: 3px;
    background-color: rgba(21, 43, 55, .2);
}

/* 
    Font Sizing
*/

body.et_divi_theme h1 {
    font-size: var(--Heading-1-Size);
    font-family: var(--Font-Heading-Sans);
}

body.et_divi_theme h2 {
    font-size: var(--Heading-2-Size);
    font-family: var(--Font-Heading-Sans);
    font-weight: 400;
    line-height: 105%;
}

body.et_divi_theme h3 {
    font-size: var(--Heading-3-Size);
    font-family: var(--Font-Heading-Sans);
}

body.et_divi_theme h4 {
    font-size: var(--Heading-4-Size);
    font-family: var(--Font-Heading-Sans);
}

body.et_divi_theme h5 {
    font-size: var(--Heading-5-Size);
    font-family: var(--Font-Heading-Sans);
}

body.et_divi_theme h6 {
    font-size: var(--Heading-6-Size);
    font-family: var(--Font-Heading-Sans);
}

body,
body p,
body li {
    font-size: var(--Body-Size);
    font-family: var(--Font-Body);
}

body small {
    font-size: clamp(.5rem, 1.25cqi, .8rem);
    font-family: var(--Font-Body);
}

/*Blog Font Sizes*/
.post-template-default {
    h1 {
        &.entry-title {
            font-size: clamp(1.75rem, round(1.125rem + 2cqi, 0.5em), 2.625rem) !important;
        }
    }

    h2 {
        font-size: clamp(1.5rem, round(0.875rem + 2cqi, 0.5em), 2.375rem) !important;
    }

    h3 {
        font-size: clamp(1.25rem, round(0.75rem + 2cqi, 0.5em), 2.125rem) !important;
    }

    h4 {
        font-size: clamp(1.125rem, round(0.625rem + 2cqi, 0.5em), 1.875rem) !important;
    }

    h5 {
        font-size: clamp(1rem, round(0.5rem + 2cqi, 0.5em), 1.625rem) !important;
    }

    h6 {
        font-size: clamp(0.875rem, round(0.375rem + 2cqi, 0.5em), 1.375rem) !important;
    }
}

/*CUSTOM FONT STYLES*/


/*END FONT STYLE*/

/*
MENU STYLES
*/
/*IF MENU HAS SECONDARY ITEMS - Make Logo LARGER & REPOSITION*/
/*#logo {
        max-height: 99%;
        position: absolute;
        top: -20px;    }

/*IF MENU HAS last-child CTA BUTTON 
- Style LI element as button*/

/*ul#mega-menu-primary-menu li:last-child a:not(ul.mega-sub-menu li a) {
    background-color: #f9a11d !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    line-height: 20px !important;
    border-radius: 2px !important;
    color: #212121 !important;
    transition: ease all .3s;
}*/

div#main-header .flex {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

div#main-header #menu {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}


/*Hover Styles*/

.mega-menu li a {
    color: #000 !important;
    transition: ease all 0.3s !important;
}

.mega-menu li a:hover {
    opacity: .8 !important;
}

/*Active Styles*/

.mega-current-menu-item a.mega-menu-link {
    color: var(--Default-White) !important;
    text-decoration: underline 2px #fff !important;
    text-underline-offset: 8px !important;
}

/* MOBILE STYLES */
@media only screen and (max-width:980px) {
    .mega-menu li a {
        color: var(--Default-White) !important;
    }

    #mega-menu-wrap-primary-menu .mega-menu-toggle {
        background: transparent !important;
    }

    div#mega-toggle-block-0 {
        background: var(--Default-White) !important;
        border: 2px solid #6a8790;
        border-radius: 5px;
    }
}

/*END MENU*/

/* GLOBAL FORM STYLES */
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    font-weight: var(--Font-Weight-Bold) !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    padding: 1em 1em 1em 3em !important;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    font-size: 14px !important;
    border-radius: 5px !important;
    padding: .5em .5em .5em 40px !important;
}

.gform_wrapper.gravity-theme .validation_message {
    position: relative;
}

.gform_wrapper.gravity-theme .validation_message::before {
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: var(--Font-Weight-Extra-Bold);
    color: #c02b0a;
    font-size: 20px;
    content: '\f057';
    margin-left: -28px;
}

/* CUSTOM FORM STYLES */
/* END FORM STYLES */

/*START PAGE ORGANIZATION*/
/*
HOMEPAGE
*/

.flex {
    display: flex;
}

.grid {
    display: grid;
}

/*Generic Slider w Blurbs*/

.fsm-generic-slide-row {
    min-width: 100%;
    width: 100%;
    padding-top: 0 !important;
}

.fsm-generic-slide-column-initiate .slick-track {
    display: flex;
    height: 100%;
    padding: 1em 0;
}

.fsm-generic-slide-column-initiate .slick-list.draggable {
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.fsm-generic-slide-blurb {
    margin: 0 .7em !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    height: auto !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.fsm-generic-slide-blurb .et_pb_blurb_content {
    padding: 2vh;
    max-width: 100% !important;
}

.fsm-generic-slide-append-arrows i.fa-light.fa-circle-arrow-right.slick-arrow {
    margin-left: 1vw;
}

i.slick-arrow {
    font-size: 20px !important;
}

i.slick-arrow:hover {
    cursor: pointer;
    transition: all .5s ease !important;
}

i.slick-arrow:hover {
    font-size: 1.2em !important;
}

@media only screen and (max-width:980px) {

    .fsm-generic-slide-row {
        min-width: 90%;
        width: 90%;

    }
}

/*Blog Section*/
.onpage-post-list {
    position: relative;
}

.onpage-post-list i {
    position: absolute;
    top: -10%;
    color: #fff;
}

.onpage-post-list i.fa-chevron-right {
    right: 0;
}

.onpage-post-list i.fa-chevron-left {
    right: 5%;
}

ol.fsm-on-page-posts {
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 2vh;
}

li.on-page-post-item {
    background: #fff;
    display: flex !important;
    height: auto;
}

li.on-page-post-item .card {
    height: 100% !important;
    width: 100% !important;
    padding: 2vh;
}

li.on-page-post-item .card img {
    min-height: 250px;
    max-height: 250px;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 2vh;
}

li.on-page-post-item .card h3 {
    font-size: 18px;
}

@media only screen and (max-width:980px) {
    ol.fsm-on-page-posts {
        display: block;
        padding-bottom: 0 !important;
    }

    ol.fsm-on-page-posts .slick-track {
        display: flex;
        height: auto;
    }

    ol.fsm-on-page-posts .slick-track li {
        min-height: 100%;
    }

}

/*END*/


/*
BLOG
*/
/*END*/

/*
BLOG LIST
*/

ol.fsm-post-list {
    list-style-type: none;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 3vh !important;
}

ol.fsm-post-list li:first-child {
    grid-column: 1 / span 3 !important;
    min-width: 100% !important;
}

li.fsm-post-item.featured-post {
    border: none;
    box-shadow: unset;
    border: none;
    box-shadow: unset;
    padding: 0 !important;
}

div#imagewrapper {
    height: 100%;
    display: flex;
}

.featured-post img {
    border-radius: 5px;
    width: 100%;
    margin-right: 30px;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 5;
}

li.fsm-post-item.featured-post .wrapping-link {
    display: grid;
    grid-template-columns: 50% 50%;
}

span#date-published {
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.featured-post p {
    color: #0B1527;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

div#post-info {
    padding: 5vh 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 20px;
}

div#post-info p,
div#post-info span,
div#post-info h2 {
    width: 100%;
}

.fsm-post-list h2 {
    font-size: clamp(1.2rem, 2.5cqw, 1.8rem) !important;
}

.fsm-post-list h3 {
    font-size: clamp(1.2rem, 2.5cqw, 1.8rem) !important;
}

li.fsm-post-item {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 5px;
    transition: ease all 0.3s;
}

li.fsm-post-item:not(.featured-post) img {
    min-height: 215px;
    max-height: 215px !important;
    object-fit: cover;
    object-position: center;
    min-width: 100%;
    padding: 0;
}

li.fsm-post-item a.wrapping-link {
    display: block;
    height: auto;
    width: 100%;
    padding: 2em 1em;
}

li.fsm-post-item a.text-link-style {
    display: block;
    margin-top: auto;
}

@media screen and (max-width: 980px) {

    ol.fsm-post-list,
    ol.fsm-post-list li:first-child {
        display: block !important;
    }

    ol.fsm-post-list li {
        margin-bottom: 10px;
    }

    li.fsm-post-item.featured-post .wrapping-link {
        display: block;
    }

    div#imagewrapper,
    .featured-post img {
        max-height: 400px;
        margin: 0;
    }
}


/*END*/


/*
ABOUT
*/
/*END*/

/*
CONTACT
*/
/*END*/

/*FOOTER*/
#subfooter a {
    text-decoration: underline;
    color: #fff;
}

/* Homepage */

#page-container .hero-section h1 {
	text-transform: uppercase;
	font-weight: 400;
line-height: 105%;
letter-spacing: 3.6px;
}

#page-container .green-divider h2 {
	position: relative;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

#page-container .green-divider h2:before {
	position: absolute;
	content:'';
	height: 10px;
	width: 40%;
	background-color: #49B42D;
	bottom: 0;
}

#page-container .hero-section h2 {
	font-family: "Inter", sans-serif;
	font-weight: 700;
	font-size: clamp(1.15rem, round(1.071rem + 0.571cqi, 0.5em), 1.3rem);
	padding: 1rem 0 0.75rem;
}

#page-container .hero-section {
	min-height: 700px;
    display: flex;
	padding-top: 120px;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb .et_pb_main_blurb_image {
	margin-bottom: 0;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et-waypoint {
	position: relative;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb:nth-child(1) .et-waypoint:before {
	position: absolute;
	content: '';
	width: 70%;
	height: 70%;
	background-image: url('/wp-content/themes/Divi-child/assets/images/tow-truck.svg');
	background-repeat: no-repeat;
	bottom: 0;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb:nth-child(2) .et-waypoint:before {
	position: absolute;
	content: '';
	width: 70%;
	height: 70%;
	background-image: url('/wp-content/themes/Divi-child/assets/images/gears.svg');
	background-repeat: no-repeat;
	bottom: 0;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb:nth-child(3) .et-waypoint:before {
	position: absolute;
	content: '';
	width: 60%;
	height: 60%;
	background-image: url('/wp-content/themes/Divi-child/assets/images/key.svg');
	background-repeat: no-repeat;
	bottom: 0;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb:nth-child(4) .et-waypoint:before {
	position: absolute;
	content: '';
	width: 60%;
	height: 60%;
	background-image: url('/wp-content/themes/Divi-child/assets/images/wrench.svg');
	background-repeat: no-repeat;
	bottom: 0;
}

#page-container .services {
	position: relative;
}

#page-container .services:before {
	position: absolute;
	width: 50%;
	height: 50%;
	top: 0;
	right: 0;
	content:'';
	background-image: url('/wp-content/themes/Divi-child/assets/images/light-tracks.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

#page-container .commercial-driver .et_pb_column:first-child {
	display: flex;
	align-items: center;
}

#page-container .commercial-driver .et_pb_column:first--child {
	display: flex;
	align-items: center;
}

#page-container .testimonials .et_pb_row:first-child .et_pb_text {
	margin-left: auto !important;
}

#page-container .testimonials .et_pb_testimonial {
    margin: 0 0.4rem;
}

#page-container .testimonials .et_pb_testimonial {
    margin: 0 0.4rem;
	transition: outline 0.2s linear;
}

#page-container .testimonials .et_pb_testimonial {
	border: none !important;
	outline: 1px solid #49B42D;
    outline-offset: -1px;
}

#page-container #et-boc .testimonials .et_pb_testimonial.slick-active.slick-center {
    border: none !important;
	outline: 7px solid #49B42D;
    outline-offset: -7px;
}

#page-container #et-boc .testimonials .et_pb_testimonial:not(.slick-center) {
	margin-left: calc(0.4rem + 6px);
}

#page-container .commercial-driver {
	position: relative;
}

#page-container .commercial-driver:before {
		position: absolute;
	width: 50%;
	height: 50%;
	top: 0;
	left: -2%;
	content:'';
	background-image: url('/wp-content/themes/Divi-child/assets/images/dark-tracks.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

#page-container .slick-slider {
    height: auto;
  display: flex;
}

#page-container .county-map .et_pb_row:first-child .et_pb_column:last-child {
  position: relative;
}

#page-container .county-map .et_pb_row:first-child .et_pb_column:last-child:before {
  content:'';
  background-image: url('/wp-content/themes/Divi-child/assets/images/ohio-map.svg');
  width: 100%;
  height: 100%;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}

#page-container .about-section .et_pb_row .et_pb_column {
	position: relative;
	padding: 2.5rem 0;
    display: flex;
    align-items: center;
}

#page-container .about-section .et_pb_row .et_pb_column:before {
content:'';
	background-image: url('/wp-content/uploads/2024/11/oscars-truck.jpg');
	height: 100%;
	width: 48%;
	right: 0;
	display: block;
	position: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 5px;
    background-position: bottom;
}

#page-container .global-cta {
	position: relative;
    padding: 0;
}

#page-container .testimonials .fsm-generic-slide-append-arrows {
    width: 86%;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: unset;
}

#page-container .testimonials .fsm-generic-slide-append-arrows i {
font-size: 2.25rem !important;
font-weight: 600;
}

@media screen and (min-width: 981px) {
	#page-container .services .et_pb_row:nth-child(2) .et_pb_column {
	display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

#page-container .hero-section.homepage .et_pb_promo_description div {
	width: 85%;
	margin: auto;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb:nth-child(odd) {
	margin-right: 2rem;
}

#page-container .services .et_pb_row:nth-child(2) .et_pb_column .et_pb_blurb:nth-child(even) {
	margin-left: 2rem;
}

#page-container .commercial-driver .et_pb_column:first-child {
	padding-right: 5%;
}

#page-container .testimonials .fsm-generic-slide-append-arrows {
    width: 86%;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: unset;
}

#page-container .hero-section.homepage h1 {
    width: 80%;
    margin: auto;
}


#page-container .global-cta .et_pb_row:before {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	content: '';
	background-image: url('/wp-content/uploads/2024/11/oscars-towing-wide.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;
}

#page-container .global-cta:after {
	position: absolute;
	width: 400%;
	height: 101%;
	left: -344%;
	top: 0;
	content: '';
	background-color: #1A1A1A;
	display: block;
	transform: skew(-17.6deg);
}

#page-container .global-cta:before {
	position: absolute;
	width: 30%;
	height: 100%;
	left: 50%;
	top: 0;
	content: '';
	background-image: url('/wp-content/themes/Divi-child/assets/images/green-tracks.svg');
	z-index: 9999999;
	transform: translatex(-50%);
	background-size: cover;
	background-repeat: no-repeat;
}

#main-footer .et_pb_row:first-child .et_pb_column:first-child, 
#et-main-area .footer-logos  .et_pb_column:first-child {
    display: flex;
}

#main-footer .et_pb_row:first-child .et_pb_column:first-child > div {
    width: 50%;
}

#main-footer .et_pb_row, 
#footer-address {
    display: flex;
    align-items: center;
}
}

#page-container .global-cta .et_pb_row .et_pb_column {
    max-width: 1200px;
    width: 80%;
    margin: auto;
    margin-right: auto !important;
    padding: 8% 0;
}

#page-container .global-cta .et_pb_row {
    max-width: unset;
    width: 100%;
    margin: 0;
    display: flex;
    padding: 0;
}

#page-container .global-cta .et_pb_row .et_pb_column .et_pb_module {
    z-index: 1;
}

#page-container {
    overflow: hidden;
}

@media screen and (max-width: 980px) {
    #page-container .testimonials .fsm-generic-slide-append-arrows {
        display: flex;
        margin: auto;
        padding-bottom: 4rem !important;
        justify-content: center;
        position:relative;
    }

    #page-container .services:before {
        position: absolute;
        width: 100%;
        height: 27%;
        top: 0px;
        left: 0;
        opacity: 50%;
    }

    #page-container .testimonials .fsm-generic-slide-append-arrows i {
        margin: 0 1rem;
    }

    #page-container .county-map .et_pb_row:first-child .et_pb_column {
        height: 320px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    #page-container .county-map .et_pb_row:first-child .et_pb_column:last-child:before {
        background-position: center;
      }

      #page-container .about-section .et_pb_row .et_pb_column {
        flex-direction: column;
      }

      #page-container .about-section .et_pb_row .et_pb_column:before {
        background-size: cover;
        background-image: url(/wp-content/uploads/2024/11/oscar-truck-mobile.jpg);
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: bottom;
    width: 100%;
    height: auto;
    aspect-ratio: 1.5 / 1;
    position: relative;
      }

      #page-container .about-section .et_pb_row .et_pb_column .et_pb_text {
        width: 90%;
        margin: auto;
        margin-left: auto !important;
        margin-top: -7%;
      }

      #page-container .commercial-driver .et_pb_row {
        display: flex;
        flex-direction: column-reverse;
      }

      #page-container .commercial-driver .et_pb_row .et_pb_column:last-child {
        margin-bottom: 2rem;
      }

      #page-container .global-cta .et_pb_column .et_pb_module:first-child {
        min-height: 200px;
      }

      #page-container .global-cta .et_pb_column:before {
        position: absolute;
        width: 200%;
        height: 75%;
        top: -20%;
        left: -50%;
        content: '';
        background-color: #1a1a1a;
        display: block;
        transform: skewY(-7.6deg);
        z-index: 1;
    }

    #page-container .about-section {
        z-index: 5;
    }

    #page-container .global-cta {
        padding: 6% 0;
        position: relative;
    }

    #page-container #et-boc .global-cta .et_pb_row {
        min-height: 600px;
    }

    #page-container #et-boc .global-cta {
        padding: 0 !important;
    }

    #page-container #et-boc .global-cta .et_pb_row .et_pb_column {
        max-width: 1200px;
        width: 80%;
        margin: 0 auto;
        margin-right: auto !important;
        padding: 8% 0;
    }

    #page-container .global-cta:after {
        position: absolute;
        width: 100%;
        height: 129%;
        left: 0;
        top: -13%;
        content: '';
        background-image: url(/wp-content/themes/Divi-child/assets/images/green-tracks-mobile.svg);
        z-index: 9999999;
        transform: rotatex(72deg);
        background-size: cover;
        background-repeat: no-repeat;
    }

    #main-header .et_pb_image {
        width: 40%;
    }

    #main-header .et_pb_text_inner > div:not(:last-child) {
        display: none;
    }

    #main-header .et_pb_text_inner .et_pb_button {
        white-space: nowrap;
    }

    #main-header .et_pb_text {
        display: flex;
    }

    #page-container .global-cta .et_pb_row:before {
        position: absolute;
        width: 100%;
        height: 55%;
        right: 0;
        bottom: 0;
        content: '';
        background-image: url('/wp-content/uploads/2024/11/oscars-towing-wide.jpg');
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #page-container .global-cta {
        padding: 0;
    }
}

#main-header .et_pb_button {
    font-size: clamp(0.8375rem, 0.75rem + 0.5vw, 1rem);
}

#page-container .about-section .et_pb_row .et_pb_column .et_pb_text:before {
    position: absolute;
	width: 60%;
	height: 50%;
	top: 0;
	left: 0;
	content:'';
	background-image: url('/wp-content/themes/Divi-child/assets/images/light-tracks.svg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  opacity: 80%;
}

@media screen and (max-width: 980px) {
    #page-container #et-boc .global-cta .et_pb_row .et_pb_column {
        max-width: 1200px;
        width: 80% !important;
        margin: 0 auto;
        margin-right: auto !important;
        padding: 8% 0;
    }

    #main-footer .et_pb_image img {
        width: 80%;
    }

    #main-footer .et_pb_image, 
    #main-footer .et_pb_image_wrap, 
    footer .et_pb_row .et_pb_column:last-child .et_pb_code_inner {
        display: flex;
    justify-content: center;
    }

    #main-footer .et_pb_code:last-child {
        justify-content: center;
    }

    #main-footer .et_pb_row:first-child .et_pb_column:first-child {
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    #page-container .global-cta:after {
        position: absolute;
        width: 100%;
        height: 70%;
        left: 0;
        top: 13%;
        content: '';
        background-image: url(/wp-content/themes/Divi-child/assets/images/green-tracks-mobile.svg);
        z-index: 9999999;
        transform: rotatex(59deg);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

#main-header .et_pb_text_inner div div {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.52px;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
}

#main-header .et_pb_text_inner div p {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.52px;
    text-transform: uppercase;
    font-family: "Inter", sans-serif;
}

.global-cta a {
    color: #F5F5F5!important;
}

.global-cta a:hover {
    color: #6d6e71 !important;
}

#page-container .about-section .et_pb_text_inner p:last-child a {
    color:#1A1A1A;
}

.about-section a:hover {
    opacity: 70%;
}

.hero-section.homepage h2 span {
    border-bottom: 3px solid #49b42d;
}

#main-header {
    width: 90%;
}

#main-header .et_pb_image {
    height: auto;
    max-height: 120px;
}

#main-header .et_pb_image img {
    height: 100%;
    width: auto;
}

#main-header .et_pb_text {
    display: flex;
}

/* #main-footer .et_pb_button {
    padding: 1em 1.5em !important;
    font-size: clamp(1.2rem, round(1.071rem + .571cqi, .3em), 1.4rem) !important;
} */

#main-footer .et_pb_button, 
#main-footer .et_pb_button i {
    transition: ease all .2s;
}

#main-footer .et_pb_button:hover, 
#main-footer .et_pb_button:hover i {
    color: #000 !important;
}

#footer-address a span:nth-child(1) {
    display: block;
}

#footer-address {
    text-align: left;
}

#main-footer {
    padding-bottom: 0;
}

#main-footer .et_pb_code:last-child {
    display: flex;
    align-items: center;
}

#main-footer .et_pb_button {
    white-space: nowrap;
}

#main-footer h2 {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 800;
}

#et-main-area .footer-logos .et_pb_column:first-child img {
    height: 110px;
    width: auto;
    padding: 0 1rem;
}

#page-container #et-main-area .footer-logos .et_pb_column:first-child .et_pb_image:first-child img {
    height: 80px;
    width: auto;
    padding: 0 1rem;
}

#main-footer .et_pb_row:first-child .et_pb_column:first-child, 
#et-main-area .footer-logos  .et_pb_column:first-child {
    display: flex;
}

#main-footer .et_pb_row, 
#page-container #et-main-area .footer-logos .et_pb_column:first-child .et_pb_image {
    display: flex;
    align-items: center;
}

#et-main-area .footer-logos .et_pb_column {
    width: 70%;
}

#et-main-area .footer-logos .et_pb_row {
    display: flex;
    justify-content: center;
}

#et-main-area .footer-logos .et_pb_column:first-child .et_pb_image {
    display: flex;
}

#footer-address a:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Forms */
.gform_wrapper.gravity-theme .gsection {
    padding: 32px 16px 8px 0;
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: 32px 0 0;
    padding: 16px 0;
}

body #page-container .et_pb_button,
body #page-container .gform_button {
    cursor: pointer;
}

.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
    border-radius: 5px !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    font-size: 18px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 0.75rem !important;
}

.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
    display: flex;
    justify-content: center;
}

.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button {
    border-radius: 2px !important;
    color: var(--Brand-Color-Primary) !important;
    text-align: center !important;
    background-color: #49B42D;
    font-style: normal !important;
    font-weight: var(--Font-Weight-Regular) !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    font-weight: 800 !important;
    padding: 0.7em 1.2em !important;
    border-radius: 12px !important;
    letter-spacing: 0.5px !important;
    font-size: clamp(1rem, round(1.071rem + 0.571cqi, 0.5em), 1.2rem);
    font-family: "Inter", sans-serif;
    cursor: pointer;
}

.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_footer button:hover,
.gform_wrapper.gravity-theme .gform_page_footer input:hover,
.gform_wrapper.gravity-theme .gform_page_footer button:hover {
    color: #000;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #49B42D;
    color: var(--Brand-Color-Primary);
}

.gform_wrapper.gravity-theme .gform_save_link.button,
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_next_button.button {
    border-radius: 2px !important;
    color: var(--Brand-Color-Primary) !important;
    text-align: center !important;
    background-color: #49B42D;
    font-style: normal !important;
    font-weight: var(--Font-Weight-Regular) !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    font-weight: 800 !important;
    padding: 0.7em 1.2em !important;
    border-radius: 12px !important;
    letter-spacing: 0.5px !important;
    font-size: clamp(1rem, round(1.071rem + 0.571cqi, 0.5em), 1.2rem);
    font-family: "Inter", sans-serif;
    cursor: pointer;
}

.gform_wrapper.gravity-theme .gform_save_link.button:hover,
.gform_wrapper.gravity-theme .gform_previous_button.button:hover,
.gform_wrapper.gravity-theme .gform_next_button.button:hover  {
    transition: ease all .3s !important;
    border: none !important;
    color: #000 !important;
    cursor: pointer;
    opacity: .75;
}

.gform_required_legend {
    margin-bottom: 2em;
}

.gform-field-label--type-sub {
    padding-bottom: 0.5rem;
}

.gform_page_fields {
    text-align: left;
}

#page-container .et_pb_button_two {
    border-radius: 2px !important;
    color: var(--Brand-Color-Primary) !important;
    text-align: center !important;
    font-style: normal !important;
    font-weight: var(--Font-Weight-Regular) !important;
    line-height: normal !important;
    text-transform: uppercase !important;
    transition: ease all .3s !important;
    border: none !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    letter-spacing: 0.5px !important;
    font-size: clamp(1rem, round(1.071rem + 0.571cqi, 0.5em), 1.2rem);
    font-family: "Inter", sans-serif;
    color: #FFF !important;
    padding: .7em 1em !important;
    background-color: transparent;
    border-width: 2px !important;
    border-color: #FFFFFF !important;
    border-style: solid !important;
}

#page-container #header .et_pb_button_two {
    margin-right: 1rem;
}

#page-container .et_pb_button_two:hover {
    background-color: #5f5f5f1b !important;
    border-color: #ffffffc2!important;
    border-width: 2px !important;
    border-style: solid !important;
    color: #ffffffc2!important;
}

#page-container #main-header .et_pb_image_wrap {
    height: 100%;
}

@media screen and (max-width: 480px) {
    #main-footer .et_pb_image, #main-footer .et_pb_image_wrap, footer .et_pb_row .et_pb_column:last-child .et_pb_code_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #main-footer .et_pb_button {
        margin-top: 1rem;
        width: fit-content;
    }

    #main-footer .et_pb_button_two {
        width: fit-content;
    }
}

@media screen and (min-width: 481px) {
#main-footer .et_pb_button {
    margin-left: 1rem;
}
}

#main-footer .et_pb_button_two {
    white-space: nowrap;
}

#main-header .et_pb_image_wrap {
    height: inherit;
}

#main-footer .et_pb_code:last-child .et_pb_code_inner {
    display: flex;
}

#page-container #main-header .et_pb_image_wrap {
    object-fit: contain;
}

#page-container #main-header .et_pb_button_two {
    padding: .55em 1em !important;
}

#main-header {
    width: 90%;
    max-width: 90%;
}