* {
    padding: 0;
    margin: 0;
    font-family: "Jura", sans-serif;
}

body {
    -webkit-overflow-scrolling: touch;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Font/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jura';
    src: url('../fonts/Jura/Jura-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h1 {
    color: #1B1E1C;
    font-size: 76px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: normal !important;
    letter-spacing: 3.8px;
    text-transform: uppercase;
    margin-bottom: 35px !important;
}

h2 {
    color: #1B1E1C;
    text-align: center;
    font-size: 48px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: normal !important;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

h3 {
    color: #1B1E1C;
    font-family: "Helvetica", sans-serif;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 38px !important;
    margin-bottom: 50px !important;
}

h5 {
    color: #1B1E1C;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: normal !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

h6 {
    color: #1B1E1C;
    font-family: "Helvetica", sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: capitalize;
    margin-bottom: 1px !important;
}

p {
    color: #1B1E1C;
    font-family: "Helvetica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

section {
    margin-bottom: 140px;
}

.header {
    position: relative;
    z-index: 500;
    background: #FFF;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
}

.header-logo-a {
    cursor: pointer;
    display: inline-block;
}

.header-row {
    padding: 17px;
}

.section-cover {
    padding-top: 226px;
    position: relative;
    overflow: hidden;
}

.header-cover {
    position: absolute;
    right: 0;
    /*bottom: 18%;*/
    z-index: 0;
    top: 0;
}

.header-menu {

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 68px;
}

.mobile-header-menu {
    display: none !important;
}

.header-menu nav .menu {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    align-items: center;
}

.header-menu nav .menu .nav-item a {
    list-style: none;
    color: #1B1E1C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    text-decoration: none;
    font-family: "Helvetica", sans-serif;
    padding: 0 18px;
    border-right: 1px solid #A3A3A3;;
}

.header-menu nav .menu > .nav-item:last-child > a {
    border: none !important;
}

.header-phone-div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.header-phone-div a {
    text-decoration: none;
    padding: 7px 24px 8px;
    background: #15994A;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    color: #FFF;
    text-align: center;
    font-family: "Helvetica", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;

}

.header-phone-div a:hover {
    background: #22B34E;
    color: #FFF;
}


.custom-button {
    background: #15994A !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    color: #FFF !important;
    text-align: center;
    font-family: "Helvetica", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    padding: 12px 20px;
    max-width: 173px !important;
    width: 100%;
}

/*.custom-button a {*/
/*    text-decoration: none;*/
/*    color: #FFF;*/
/*}*/

.custom-button:hover {
    background: #22B34E !important;
}


.cover-inputs-row {
    margin-top: 190px !important;
    position: relative;
    z-index: 20;
    background: #F1F1F1;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    padding: 45px 55px;
}

.cover-inputs-row h2 {
    margin-bottom: 38px;
}

.cover-inputs-quote {
    gap: 20px 0;
}

.cover-inputs-quote input {
    width: 100%;
    border: none;
    padding: 16px;
    color: #636363;
    font-family: "Helvetica", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.cover-inputs-row .custom-button {
    margin-top: 50px;
}

.mobile-service {
    display: none;
}

.section-services h2 {
    margin-bottom: 50px;
}

.service-images-col {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 0 !important;
}


.video-slider a {
    display: block;
    width: 640px !important;
    height: 335px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.video-slider .video-1 {
    background-image: url('../images/video-1.png');
}

.video-slider .video-2 {
    background-image: url('../images/video-2.png');
}


.service-images-col a {
    position: relative;
    display: block;
    /*width: 260px !important;*/
    /*height: 360px;*/
    /*background-position-y: bottom;*/
    /*background-repeat: no-repeat;*/
    /*color: #FFF;*/
    /*text-align: center;*/
    /*font-size: 24px;*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*line-height: normal;*/
    /*letter-spacing: 1.2px;*/
    /*text-transform: uppercase;*/
    /*text-decoration: none;*/
    /*align-items: end;*/
    /*display: flex !important;*/
    /*justify-content: center;*/
}

.service-images-col a div {
    position: absolute;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;
    bottom: 6%;
    left: 0;
    right: 0; /* Center the text horizontally */
    margin: auto; /* Center the text vertically */
    width: 100%;
}


.service-images-col a img {
    width: 100%;
}

/*.dedicated-services {*/
/*    padding: 25px;*/
/*    display: inline-block;*/
/*    background-image: url('../images/services/1.png');*/
/*    transition: background-image 0.3s ease!important;*/
/*}*/

/*.dedicated-services.hovered {*/
/*    background-image: url('../images/services/1-hover.png');*/
/*    color: #FFF;*/
/*}*/

/*.port-rail-services {*/
/*    padding: 25px;*/
/*    background-image: url('../images/services/2.png');*/
/*    transition: background-image 0.3s ease!important;*/
/*}*/

/*.port-rail-services:hover {*/
/*    background-image: url('../images/services/2-hover.png');*/
/*    color: #FFF;*/
/*}*/

.lcl-services {
    padding: 0 46px;
    /*background-image: url('../images/services/3.png');*/
}

/*.lcl-services:hover {*/
/*    background-image: url('../images/services/3-hover.png');*/
/*    color: #FFF;*/
/*}*/

/*.full-truckload-services {*/
/*    padding: 25px 0;*/
/*    background-image: url('../images/services/4.png');*/
/*}*/

/*.full-truckload-services:hover {*/
/*    background-image: url('../images/services/4-hover.png');*/
/*    color: #FFF;*/
/*}*/

.bonded-carrier {
    padding: 0 26px;
    /*background-image: url('../images/services/5.png');*/
}

/*.bonded-carrier:hover {*/
/*    background-image: url('../images/services/5-hover.png');*/
/*    color: #FFF;*/
/*}*/

.about-1 {
    background-image: url("../images/about-us-cover-1.png");
    background-repeat: no-repeat;
    background-position: center;
}

.about-2 {
    background-image: url("../images/about-us-cover-2.png");
    background-repeat: no-repeat;
    background-position: center;
}

.section-about-us h2 {
    margin-bottom: 50px;
}

.about-us-info-row {
    padding: 24px 32px;
    gap: 60px;
}

.about-us-info-row h4 {
    color: #15994A;
    font-size: 72px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 5px;
}


.about-us-info-row p {
    margin-bottom: 0;
}

.about-us-info-row-2 {
    padding: 60px 32px;
    gap: 60px;
}

.about-us-planted {
    margin-left: 30px;
    align-self: center;

}

.about-us-info-row-2 h4 {
    color: #FFFDFE;
    font-size: 72px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 5px;
}

.about-us-info-row-2 h6 {
    color: #FFF;
    margin-bottom: 0 !important;
}


.mis-vis-val {

}

.mis-vis-val-img {
    height: 220px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mis-vis-val h4 {
    color: #1B1E1C;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.mis-vis-val p {
    margin: 0 auto;
    text-align: center;
    max-width: 345px;

}

.mis-vis-val-long {
    height: 7px;
    max-width: 166px;
    width: 100%;
    background-color: #15994A;
    margin: 0 auto 32px;
}

.mis-vis-val-img .mission {
    height: 220px;
}


.section-out-customers {
    background-color: #F1F1F1;
    padding: 108px;
}

.section-out-customers h2 {
    margin-bottom: 60px;
}

.customers-slider {
    margin-bottom: 60px;
}

.customers-logos-div {
    display: flex;
    align-items: center;
    height: 100px;
}

.customers-logos-div img {
    margin: 0 auto;
    padding: 0 10px;
    width: 100%;
    height: inherit;
}


.slick-arrow {
    width: 67px !important;
    height: 8px !important;
    top: 166% !important
}

.slick-arrow:before {
    display: block;
    width: 67px !important;
    height: 8px !important;
}

.slick-prev {
    left: 43% !important;
}

.slick-next {
    right: 43% !important;
}

.slick-prev:before {
    display: none;

}

.slick-next:before {
    display: none;
}


.overlay {
    /*content: "";*/
    /*background: transparent;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
}

.review-row {
    padding-bottom: 54px;
}

.review-section h2 {
    margin-bottom: 20px;
}

.review-customer-div {
    padding: 35px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);
    margin: 30px 15px;
}

.review-customer-name {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.review-customer-name h5 {
    margin-bottom: 0;
    margin-left: 20px;
}

.review-customer-div p {
    height: 308px;
    margin-bottom: 0;
}

.reviews-slider .slick-arrow {
    top: 110% !important
}

.service-slider .slick-arrow {
    top: 110% !important
}


.latest-news-section h2 {
    margin-bottom: 50px;
}

.latest-news-row {
    padding-bottom: 54px;
}

.our-blog-slider-div-main {
    margin: 30px 15px;
    background: #FFF;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10);

}

.our-blog-slider-div-main img {
    width: 100%;
    /*max-height: 242px;*/
}

.our-blog-slider-title {
    padding: 20px 28px 26px;
    text-align: left;
}

.our-blog-slider-title h5 {
    margin-bottom: 20px;
    text-transform: none;
    height: 112px;
}

.our-blog-date-div {
    display: flex;
    justify-content: space-between;
}

.our-blog-date-div {
    display: flex;
    padding-top: 20px;
    border-top: 1px solid #15994A;
}

.our-blog-date-div a {
    color: #1B1E1C;
    font-family: "Helvetica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
}

.our-blog-date-div a:hover {
    color: #15994A;
}

.our-blog-date-div span {
    color: #8A8A8A;
    font-family: "Helvetica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.latest-news-slider .slick-arrow {
    top: 110% !important
}

.latest-news-section {
    margin-bottom: 0;
}

.footer-contact-us {
    background: #1B1E1C;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.10);
    padding: 86px 55px 100px;
    position: relative;
    top: 140px;
    z-index: 50;
}

.footer-contact-us-col {
    gap: 20px 0;
    display: grid;
}

.footer-contact-us-col h2 {
    color: #FFF;
    margin-bottom: 30px;
}

.footer-contact-us-col input, textarea {
    width: 100%;
    background: rgba(244, 244, 244, 0.14);
    border: none;
    padding: 16px;
    color: #C3C3C3;
    font-family: "Helvetica", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
}

.footer-contact-us-col .custom-button {
    margin: 0 auto;
}

.footer-contacts-info-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.footer-info {
    margin-top: 106px;
    display: grid;
    gap: 50px 0;
}

.footer-contacts-info-p {
    margin-bottom: 14px;
    color: #C3C3C3;
    line-height: 28px;
}

.footer-contacts-info-p-2 {
    margin-bottom: 0;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
}

.footer-contacts-info-p-2:hover {
    color: #FFF;
}

.social-images {
    /*margin-top: 50px;*/
    display: flex;
    gap: 0 35px;
}

.social-images a {
    width: 100%;
    max-width: 36px;
    height: 36px;
    transition: background-image 0.3s;
}


.fb-icon {
    display: inline-block;
    background: url('../images/socials/fb.svg') no-repeat;

}

.fb-icon:hover {
    filter: invert(50%) sepia(97%) saturate(383%) hue-rotate(86deg) brightness(92%) contrast(92%) !important
}

.insta-icon {
    display: inline-block;
    background: url('../images/socials/insta.svg') no-repeat;
}

.insta-icon:hover {
    filter: invert(50%) sepia(97%) saturate(383%) hue-rotate(86deg) brightness(92%) contrast(92%) !important

}


.twitter-icon {
    display: inline-block;
    background: url('../images/socials/twitter.svg') no-repeat;

}

.twitter-icon:hover {
    filter: invert(50%) sepia(97%) saturate(383%) hue-rotate(86deg) brightness(92%) contrast(92%) !important

}

.in-icon {
    display: inline-block;
    background: url('../images/socials/in.svg') no-repeat;

}

.in-icon:hover {
    filter: invert(50%) sepia(97%) saturate(383%) hue-rotate(86deg) brightness(92%) contrast(92%) !important
}

footer {
    overflow: hidden;
}

.footer-body {
    text-align: center;
    padding: 245px 0 62px;
    background: radial-gradient(107.18% 53.59% at 50.91% 50.11%, #535353 0%, #121212 100%);
    position: relative;
}

.footer-body img {
    margin-bottom: 62px;
}


.footer-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 68px;
}

.footer-menu nav .menu {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    align-items: center;
}

.footer-menu nav .menu .nav-item a {
    list-style: none;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    text-decoration: none;
    font-family: "Helvetica", sans-serif;
    padding: 0 18px;
    border-right: 1px solid #A3A3A3;
}

.footer-menu nav .menu > .nav-item:last-child > a {
    border: none !important;
}


.footer-cover-image {
    position: absolute;
    right: 0;
    bottom: 40%;
    margin: 0 !important;
    z-index: 80;
}

.footer-ellipse {
    position: absolute;
    right: 0;
    bottom: 40%;
    margin: 0 !important;
    z-index: 40;
}

.footer-span-col {
    text-align: center;
    padding: 13px 0;
}

.footer-span {
    color: #1B1E1C;
    font-family: "Helvetica", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.mobile-menu > li {
    overflow: hidden;
}


.menu-button-container {
    display: none;
    height: 100%;
    width: 30px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#menu-toggle {
    display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
    display: block;
    background-color: black;
    position: absolute;
    height: 2px;
    width: 30px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px;
}

.menu-button::before {
    content: '';
    margin-top: -8px;
}

.menu-button::after {
    content: '';
    margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
    margin-top: 0;
    transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
    margin-top: 0;
    transform: rotate(-405deg);
}

.nav-item ul {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.10);
    border: none;
}

.nav-item ul li a {
    padding: 14px 0;
    border-bottom: 1px solid #D2D2D2;
}

.nav-item ul li {
    padding: 0 25px;
}

.nav-item ul li a {
    padding: 14px 0;
    border-bottom: 1px solid #D2D2D2;
    font-weight: 400 !important;
}

.nav-item > ul > li:last-child > a {
    border: none;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.footer-body-all {
    padding: 90px 0 62px;
}

.services-page-section {
    margin-top: 42px;
    position: relative;
    overflow-x: clip;
}

.services-page-section h1 {
    text-align: center;
    margin-bottom: 80px !important;
}

.services-div {
    background-color: #F1F1F1;
    height: 100%;
    z-index: 22;
    position: relative;
    overflow: hidden;

}

.services-div img {
    max-height: 360px;
    height: 100%;
}

.services-div .image-3 {
    position: relative;
    right: 206px;
}

.services-div .image-4 {
    position: relative;
    right: 20px;
}

.services-div .image-5 {
    position: relative;
    right: 48px;
}

.services-title {
    padding: 22px;
}

.ellipse-all {
    position: absolute;
    right: 0;
    bottom: -24%;
    margin: 0 !important;
    z-index: 20;
}

.fleet-page-head {
    background-image: url("../images/fleet-page/fleet-cover.png");
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 50px;
}

.about-page-head {
    background-image: url("../images/about-us/cover.png");
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 0;
}

.fleet-div {
    padding: 112px 0 120px;
}

.about-div {
    padding: 112px 0 22px;
}

.fleet-page-body {
    background-image: url("../images/fleet-page/vector.svg");
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    z-index: 22;
    overflow-x: clip;
}

.about-page-body {
    background-image: url("../images/about-us/Vector.svg");
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
    z-index: 22;
    overflow-x: clip;
}

.cover-fleet-bottom {
    width: 100%;
    z-index: 33;
    position: relative;
}

.fleet-ellipse-top {
    position: absolute;
    left: -60px;
    top: -102px;
    margin: 0 !important;
    z-index: 10;
    transform: scale(-1);
}

.fleet-ellipse {
    position: absolute;
    right: 0;
    bottom: -20%;
    margin: 0 !important;
    z-index: 10;
}

.fleet-cover {
    display: none;
}

.vector-fleet {
    display: none;
}

.vector-about {
    display: none;
}

.mission-head {
    background-image: url("../images/our-mission/Vector.svg");
    background-repeat: no-repeat;
    background-position: top left;
}

.jack {
    width: 100%;
    z-index: 20;
}

.our-mission-title {
    /*display: flex;*/
    padding: 160px 0;
}

.top-title {
    display: flex;
    align-items: center;
    margin-bottom: 8px;

}

.top-title p {
    margin: 0 0 0 45px;
}

.bottom-title {
    margin: 0 0 0 162px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bottom-title h4 {
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.bottom-title p {
    margin-bottom: 0;
}

.our-mission-9 {
    padding: 10px 0 50px;
}

.our-mission-long {
    margin: 0 0 30px;
}

.recruitment-section {
    padding: 96px 0 106px;
    background: radial-gradient(79.06% 39.53% at 50% 50%, #FFF 0%, #F1F1F1 100%);
}

.recruitment-section h4 {
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.recruitment-section h5 {
    font-size: 32px !important;
    letter-spacing: 1.6px;
    text-transform: none;
    max-width: 740px;
    width: 100%;
    margin: 0 auto;
}

.recruitment-section h5 a {
    color: #15994A;

}

.mission-get-quote-section {
    position: relative;
    overflow-x: clip;
}

.mission-get-quote-section .fleet-ellipse {
    height: 460px;
    bottom: -44%;
    right: 4%;
}

.mission-get-quote h2 {
    color: #FFF;
    font-family: "Helvetica", sans-serif;
    margin-bottom: 20px;

}

.mission-get-quote p {
    color: #FFF;
    font-family: "Helvetica", sans-serif;
    margin-bottom: 50px;
}

.mission-get-quote {
    background: #1B1E1C;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.10);
    padding: 55px;
    z-index: 20;
    position: relative;
}

.mission-get-quote input {
    background: rgba(244, 244, 244, 0.14);
    color: #C3C3C3;
}

.mission-get-quote .custom-button {
    margin-top: 36px;
}

.mission-head .fleet-ellipse {
    height: 460px !important;
    bottom: 14%;
    left: 10%;
}

.about-us-logos {
    padding: 140px 0;
    display: grid;
    gap: 114px;
    position: relative;
    z-index: 10;
}

.about-us-body-div {
    margin-top: 134px;
}

.about-us-body-div h4 {
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.about-us-body-div p {
    margin-bottom: 0;
}


.about-us-long {
    margin: 0 0 33px;
    max-width: 290px;
}

.about-page-body .fleet-ellipse {
    height: 538px;
    left: -16%;
}

.blog-section {
    position: relative;
    overflow-x: clip;
}

.article-section {
    position: relative;
    overflow-x: clip;
}

.blog-cover-section {
    background-image: url("../images/latest-news/cover.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blog-cover-section h1 {
    color: #FFF;
    text-align: center;
    padding: 155px 0;
    margin-bottom: 0 !important;
}

.blog-cols-row {
    gap: 30px 0;
}

.blog-cols-row .our-blog-slider-div-main {
    margin: 0;
}

.follow-us .social-images a {
    filter: invert(90%) sepia(0%) saturate(6144%) hue-rotate(214deg) brightness(86%) contrast(85%);
}

.follow-us {
    margin-bottom: 100px;
}

.blog-section h5 {
    color: #2D3134;
    margin-bottom: 26px;
}

.long-line {
    width: 1px;
    height: 100%;
    background: rgba(21, 153, 74, 0.35);
}

.recent-posts-links {
    display: grid;
    gap: 25px 0;
}

.recent-posts-links a {
    color: #2D3134 !important;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    text-decoration: none;
}

.blog-section .custom-button {
    margin-top: 90px;
}

.article-section .custom-button {
    margin-top: 90px;
}

.blog-section .fleet-ellipse {
    right: -16%;
    bottom: -24%;
}

.blog-row {
    gap: 90px 0;
}

.article-div {
    text-align: left;
}

.blog-article img {
    margin-bottom: 30px;
    width: 100%;
}

.blog-article h5 {
    margin-bottom: 15px;
}

.article-div {
    margin-bottom: 50px;
}

.article-calendar {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.article-calendar span {
    color: #2D3134;
    font-family: "Helvetica", sans-serif;
    font-size: 14px;
}

.article-calendar img {
    margin-bottom: 0;
    margin-right: 10px;
    width: auto;
}

.interested-articles {
    z-index: 22;
    position: relative;
}

.interested-articles h2 {
    margin-bottom: 50px;
}

.article-section .fleet-ellipse {
    bottom: -8%;
    right: -18%;
}

.footer-contact-us-col .wpcf7-form {
    display: grid;
    gap: 20px 0;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
.wpcf7-response-output{
    border: none!important;
    font-size: 14px;
    font-weight: 600;
    margin: 10px auto 0!important;
}
.wpcf7-spinner{
    display: none;
}
.footer-contact-us .wpcf7-response-output{
    color: #FFF;
    margin: 0!important;
}
.mission-get-quote .wpcf7-response-output{
    color: #FFF;
}
@media screen and (min-width: 1700px) {
    .max-container {
        max-width: 1374px !important;
    }
}

@media screen and (max-width: 1850px) {
    .header-cover {
        right: -120px;
    }

    .footer-cover-image {
        right: -20px;
    }

    .footer-ellipse {
        right: -20px;
    }

    .fleet-page-head {
        background-position: 120%;
    }

    .about-page-head {
        background-position: 120%;
    }

    .fleet-page-body {
        background-position-x: -20%;
        background-position-y: 0;
    }

    .about-page-body {
        background-position-x: -4%;
        background-position-y: 0;
    }


    .mission-head {
        background-position-x: -10%;
        background-position-y: 0;
    }

    .mission-head .fleet-ellipse {
        left: 4%;
    }

    .about-page-body .fleet-ellipse {
        height: 400px;
        bottom: -24%;
    }
}

@media screen and (max-width: 1700px) {
    .section-cover {
        overflow: hidden;
    }

    .header-cover {
        right: -270px;
    }

    .about-us-info-row {
        gap: 46px;
    }

    .about-us-info-row-2 {
        gap: 58px;
    }

    .footer-cover-image {
        right: -140px;
    }

    .footer-ellipse {
        right: -140px;

    }

    .fleet-page-head {
        background-position: 140%;
    }

    .about-page-head {
        background-position: 140%;
    }

    .fleet-ellipse-top {
        left: -200px;
    }

    .fleet-page-body {
        background-position-x: -30%;
    }

    .about-page-body {
        background-position-x: -10%;
    }

    .blog-section .fleet-ellipse {
        height: 500px;
        right: -16%;
        bottom: -24%;
    }

    .article-section .fleet-ellipse {
        height: 500px;
        bottom: -8%;
        right: -18%;
    }
}

@media screen and (max-width: 1560px) {
    .fleet-page-head {
        background-position: 150%;
    }

    .about-page-head {
        background-position: 150%;
    }

    .fleet-page-body {
        background-position-x: -52%;
    }

    .about-page-body {
        background-position-x: -24%;
    }

    .mission-head {
        background-position-x: -22%;
    }

    .mission-head .fleet-ellipse {
        left: 2%;
    }
}

@media screen and (max-width: 1399px) {
    .header-phone-col {
        display: none;
    }

    .header-menu {
        width: 83% !important;
        justify-content: end;
    }

    .header-cover {
        right: -420px;
    }

    .about-us-info-row-2 {
        gap: 40px;
    }

    .about-us-info-row {
        gap: 32px;
    }

    .review-customer-div p {
        height: 392px;
    }

    .our-blog-slider-title h5 {
        height: 140px;
    }

    .footer-cover-image {
        right: -270px;
    }

    .footer-ellipse {
        right: -270px;
    }

    .fleet-page-head {
        background: none;
        margin-bottom: 14px;
    }

    .about-page-head {
        background: none;
        margin-bottom: 14px;
    }

    .fleet-page-body {
        background: none;
        margin-bottom: 280px;
    }

    .about-page-body {
        background: none;
    }

    .fleet-cover {
        display: block;
    }

    .vector-fleet {
        display: block;
    }

    .vector-about {
        display: block;
        position: absolute;
        top: 0;
        left: -14%;
        height: 100%;
    }

    .fleet-ellipse-top {
        left: -200px;
    }

    .fleet-ellipse-top {
        left: -28%;
        top: 14%;
        height: 400px;
    }

    .cover-fleet-bottom {
        top: 50%;
        position: absolute;
    }

    .fleet-ellipse {
        position: absolute;
        right: 0;
        bottom: -42%;
        height: 400px;
    }

    .mission-head {
        background-position-x: -40%;
    }

    .mission-head .fleet-ellipse {
        left: -10%;
    }


    .about-us-logos {
        gap: 200px
    }

    .about-us-logos img {
        max-width: 93px;
        width: 100%;
    }

    .about-us-body-div {
        margin-top: 68px;
    }

    .video-slider a {
        width: 540px !important;
        height: 300px;
    }
}

@media screen and (max-width: 1200px) {
    .header-menu {
        display: none;
    }

    .mobile-header-menu {
        display: flex !important;
        justify-content: end;
    }

    .menu-button-container {
        display: flex;
    }

    .mobile-menu {
        position: absolute;
        top: 0;
        margin-top: 100px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 0;
        z-index: 80;
    }

    .mobile-menu li a {
        text-decoration: none;
        color: #1B1E1C;
    }

    #menu-toggle ~ .mobile-menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    #menu-toggle:checked ~ .mobile-menu li {
        /*border: 1px solid #333;*/
        height: 2.5em;
        padding: 0.5em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .mobile-menu > li {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: white;
        background-color: white;
    }

    .mobile-menu > li:not(:last-child) {
        border-bottom: 1px solid #444;
    }

    .section-cover {
        padding-top: 120px;
    }

    .header-cover {
        right: 0;
        height: 600px;
        top: 700px;
    }

    .cover-inputs-row {
        margin-top: 520px !important;
    }

    .mobile-service {
        display: block;
        overflow: hidden;
    }

    .web-service {
        display: none !important;
    }

    .service-images-col {
        margin-bottom: 50px;
    }

    .service-slider .slick-slide div {
        margin-right: 12px;
    }

    .service-slider .slick-slide div div {
        margin-right: 0;
    }

    .service-images-col a {
        /*margin-right: 12px;*/
    }

    .our-blog-slider-title h5 {
        height: 226px;
    }

    .review-customer-div p {
        height: 476px;
    }

    .slick-next {
        right: 40% !important;
    }

    .slick-prev {
        left: 40% !important;
    }

    .footer-cover-image {
        height: 500px;
        right: 0;
        bottom: 36%;
    }

    .footer-ellipse {
        height: 500px;
        right: -80px;
        bottom: 34%;
    }

    .footer-contact-us {
        top: 60px;
    }

    .footer-body {
        padding: 460px 0 62px;
    }

    .footer-body-all {
        padding: 90px 0 62px;
    }

    .ellipse-all {
        height: 480px;
        bottom: -20%;
    }

    .mission-head {
        background-position-x: -80%;
    }

    .vector-about {
        left: -22%;
    }

    .video-slider a {
        width: 440px !important;
        height: 240px;
    }
}


@media screen and (max-width: 991px) {
    .header-cover {
        top: 610px;
    }

    .about-1 {
        background-image: none;
    }

    .about-us-info-row {
        padding: 40px 0 70px;
        gap: 55px;
    }

    .about-2 {
        background: radial-gradient(107.18% 53.59% at 50.91% 50.11%, #535353 0%, #121212 100%);
    }

    .about-us-info-row-2 {
        padding: 66px 0 84px;
        gap: 75px;
    }

    .review-customer-div p {
        height: auto;
    }

    .mis-vis-val-row {
        gap: 100px 0;
    }

    .slick-next {
        right: 36% !important;
    }

    .slick-prev {
        left: 36% !important;
    }

    .our-blog-slider-title h5 {
        height: auto;
    }

    .services-title {
        padding: 30px 20px;
    }

    .services-div img {
        /*max-height: 205px;*/
        height: auto;
        width: 100%;
        position: unset !important;
    }


    .ellipse-all {
        height: 480px;
        bottom: -12%;
        left: 80%;
    }

    .fleet-body-div {
        padding: 30px 0;
    }

    .fleet-body-div p {
        margin-bottom: 0;
    }

    .fleet-div {
        padding: 30px 0;
    }

    .about-div {
        padding: 30px 0;
    }

    .fleet-div h1 {
        margin-bottom: 25px !important;
        text-align: center;
    }

    .about-div h1 {
        margin-bottom: 25px !important;
        text-align: center;
    }

    .fleet-ellipse {
        bottom: -52%;
    }

    .ellipse-all {
        height: 480px;
        bottom: -20%;
    }

    .mission-head {
        background-position-y: bottom;
        background-image: url("../images/our-mission/Vector-mobile.svg");
        background-position-x: 0;
    }

    .mission-head .fleet-ellipse {
        height: 300px;
        bottom: -62%;
        left: -20%;
    }

    .mission-get-quote-section .fleet-ellipse {
        height: 332px;
        bottom: -34%;
        right: -10%;
    }

    .about-us-col {
        padding: 0 !important;
    }

    .about-us-logos {
        gap: 260px;
    }

    .vector-about {
        left: -28%;
    }

    .blog-section .fleet-ellipse {
        height: 332px;
        right: -22%;
        bottom: -8%;
    }

    .article-section .fleet-ellipse {
        height: 332px;
        bottom: -6%;
        right: -18%;
    }

    .video-slider a {
        width: 340px !important;
        height: 188px;
    }
}

@media screen and (max-width: 920px) {
    .vector-about {
        left: -38%;
    }
}

@media screen and (max-width: 810px) {
    .vector-about {
        left: -46%;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 42px !important;
        margin-bottom: 15px !important;
    }

    h2 {
        font-size: 32px !important;
        margin-bottom: 36px !important;
    }

    h3 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }

    section {
        margin-bottom: 90px;
    }

    .header-logo {
        max-width: 164px;
        width: 100%;
    }

    .section-cover {
        padding-top: 30px;
    }

    .header-cover {
        height: 426px;
        top: 360px;
    }

    .cover-inputs-row {
        margin-top: 366px !important;
        padding: 50px 30px 42px;
    }

    .section-about-us h2 {
        margin-bottom: 40px !important;
    }

    .mis-vis-val h4 {
        font-size: 32px;
        margin-bottom: 13px;
    }

    .mis-vis-val-img {
        height: auto;
        margin-bottom: 28px;
    }

    .mis-vis-val-img .mission {
        height: auto;
        width: auto !important;
    }

    .mis-vis-val-img .vision {
        width: 24.5%;
    }

    .mis-vis-val-img .values {
        width: 30.5%;
    }

    .mis-vis-val-long {
        margin-bottom: 23px;
    }

    .section-out-customers {
        padding: 72px 20px 82px;
    }

    .section-out-customers h2 {
        margin-bottom: 40px !important;
    }

    .slick-arrow {
        top: 150% !important;
    }

    .slick-prev {
        left: 34% !important;
    }

    .slick-next {
        right: 34% !important;
    }


    .review-section h2 {
        margin-bottom: 40px !important;
    }

    .review-customer-div {
        padding: 35px 33px 30px;
    }

    .reviews-slider .slick-arrow {
        top: 96% !important;
    }

    .review-row {
        padding-bottom: 0;
    }

    .latest-news-section h2 {
        margin-bottom: 40px !important;
    }

    .our-blog-slider-div-main {
        margin: 0 15px 26px;
    }

    .our-blog-slider-title {
        padding: 28px 28px 25px;
    }

    .about-us-info-row-1 h4 {
        font-size: 48px;
    }

    .about-us-info-row-2 h4 {
        font-size: 48px;
    }

    .latest-news-slider .slick-arrow {
        top: 102% !important;
    }

    .latest-news-row {
        padding-bottom: 0;
    }

    .latest-news-section {
        margin-bottom: 90px;
    }


    .footer-contact-us {
        padding: 64px 18px;
    }

    .footer-contact-us-col h2 {
        margin-bottom: 16px !important;
    }

    .footer-contact-us-col .custom-button {
        margin-top: 20px;
    }

    .footer-info {
        margin-top: 64px;
    }

    .footer-contacts-info-col {
        gap: 70px 0;
    }

    .social-images {
        justify-content: center;
    }

    .footer-cover-image {
        height: 378px;
        bottom: 42%;
    }

    .footer-ellipse {
        height: 378px;
        bottom: 40%;
    }

    .footer-body {
        padding: 420px 20px 46px;
    }

    .footer-menu nav .menu {
        justify-content: center;
        flex-flow: wrap;
        gap: 20px 0;
    }

    .footer-menu nav .menu .nav-item a {
        font-size: 14px;
    }

    .footer-body .footer-logo {
        max-width: 173px;
        width: 100%;
        margin-bottom: 44px;
    }

    .footer-body-all {
        padding: 76px 0 62px;
    }

    .ellipse-all {
        height: 333px;
        bottom: -7%;
        left: 76%;
    }

    .services-page-section {
        margin-top: 30px;
    }

    .services-page-section h1 {
        margin-bottom: 40px !important;
    }

    .fleet-ellipse-top {
        top: 28%;
        left: -24%;
        max-height: 297px;
        height: 100%;
    }

    .fleet-ellipse {
        right: -22%;
        bottom: -44%;
        max-height: 332px;
        height: 100%;
    }

    .fleet-page-body {
        margin-bottom: 230px;
    }

    .our-mission-title {
        padding: 30px 0 70px;
    }

    .our-mission-title .top-c {
        max-width: 57px;
        width: 100%;
    }

    .our-mission-title .bottom-c {
        max-width: 57px;
        width: 100%;
    }

    .top-title {
        align-items: start;
        margin-bottom: 30px;
    }

    .bottom-title {
        margin: 0;
        align-items: end;
    }

    .mission-head {
        background-position-y: 188%;
    }

    .mission-head .fleet-ellipse {
        bottom: -10%;
    }

    .mission-get-quote-section .fleet-ellipse {
        bottom: -16%;
        right: -30%;
    }

    .vector-about {
        left: -50%;
    }

    .about-us-logos {
        padding-top: 72px;
        gap: 346px;
    }

    .about-us-body-div {
        margin-top: 72px;
    }

    .about-page-body .fleet-ellipse {
        height: 332px;
        bottom: -14%;
        left: -32%;
    }

    .blog-cover-section {
        margin-bottom: 50px;
    }

    .blog-cover-section h1 {
        padding: 72px 0;
    }

    .blog-cols-row {
        gap: 20px 0;
    }

    .blog-section .custom-button {
        margin-top: 40px;
    }

    .article-section .custom-button {
        margin-top: 40px;
    }

    .follow-us {
        margin-bottom: 74px;
    }

    .follow-us .social-images {
        justify-content: start;
    }

    .blog-section .fleet-ellipse {
        right: -36%;
    }

    .article-section .fleet-ellipse {
        right: -30%;
        bottom: -4%;
    }

    .article-div p {
        font-size: 16px;
    }

    .video-slider a {
        display: block;
        width: 364px !important;
        height: 200px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 730px) {
    .vector-about {
        left: -54%;
    }

}

@media screen and (max-width: 700px) {
    .vector-about {
        left: -60%;
    }
}

@media screen and (max-width: 660px) {
    .vector-about {
        left: -66%;
    }
}

@media screen and (max-width: 630px) {
    .vector-about {
        left: -72%;
    }

    .blog-section .fleet-ellipse {
        right: -44%;
    }
}

@media screen and (max-width: 600px) {
    .vector-about {
        left: -78%;
    }
}

@media screen and (max-width: 575px) {
    .footer-row {
        margin: 0 !important;
    }

    .fleet-ellipse-top {
        top: 36%;
    }

    .fleet-page-body {
        margin-bottom: 160px;
    }

    .fleet-ellipse {
        bottom: -40%;
        right: -28%;
    }

    .cover-fleet-bottom {
        top: 58%;
    }

    .vector-about {
        display: none;
    }

    .about-us-logos {
        background: radial-gradient(54% 110% at 10% 50%, #797979 0%, #121212 100%);
        gap: 252px;
        width: 100%;
        padding-bottom: 220px;
    }

    .about-us-logos img {
        width: auto;
    }

    .about-us-logos .image-2 {
        margin-top: 130px;
    }

    .about-us-body-div h4 {
        font-size: 32px;
    }

    .about-us-long {
        height: 4px;
    }

    .about-page-body .fleet-ellipse {
        left: -48%;
    }

    .blog-section .fleet-ellipse {
        right: -52%;
    }

    .article-section .fleet-ellipse {
        right: -36%;
    }
}

@media screen and (max-width: 550px) {
    .about-us-logos .image-3 {
        margin-top: 50px;
    }
}

@media screen and (max-width: 480px) {
    .header-cover {
        top: 390px;
    }

    .footer-cover-image {
        bottom: 46%;
    }

    .footer-ellipse {
        bottom: 44%;
    }

    .reviews-slider .slick-arrow {
        top: 100% !important;
    }

    .section-out-customers .slick-prev {
        left: 28% !important;
    }

    .section-out-customers .slick-next {
        right: 28% !important;
    }

    .slick-prev {
        left: 30% !important;
    }

    .slick-next {
        right: 30% !important;
    }

    .fleet-ellipse-top {
        left: -30%;
        top: 44%;
    }

    .fleet-page-body {
        margin-bottom: 130px;
    }

    .cover-fleet-bottom {
        top: 66%;

    }

    .fleet-ellipse {
        bottom: -32%;
        right: -38%;
    }

    .mission-get-quote-section .fleet-ellipse {
        right: -40%;
    }

    .mission-head .fleet-ellipse {
        bottom: -6%;
    }

    .mission-head {

        background-position-y: 160%;
    }

    .about-us-body-div {
        margin-top: 64px;
    }

    .about-us-logos {
        gap: 262px;
    }

    .about-us-logos .image-2 {
        margin-top: 140px;
    }
}

@media screen and (max-width: 450px) {
    .mission-head {
        background-position-x: -5%;
        background-position-y: 140%;
    }

    .about-us-logos .image-2 {
        margin-top: 174px;
    }
}

@media screen and (max-width: 432px) {
    .about-us-logos .image-2 {
        margin-top: 200px;
    }

    .blog-section .fleet-ellipse {
        right: -64%;
    }

    .article-section .fleet-ellipse {
        right: -52%;
    }

    .video-slider a {
        width: 340px !important;
        height: 190px;
    }
}

@media screen and (max-width: 426px) {
    .about-us-logos .image-3 {
        margin-top: 96px;
    }

    .about-us-logos {
        gap: 288px;
    }

    .about-page-body .fleet-ellipse {
        height: 280px;
        left: -52%;
        bottom: -10%;
    }
}

@media screen and (max-width: 400px) {
    h1 {
        font-size: 34px !important;
    }

    .section-out-customers .slick-prev {
        left: 26% !important;
    }

    .section-out-customers .slick-next {
        right: 26% !important;
    }

    .slick-prev {
        left: 28% !important;
    }

    .slick-next {
        right: 28% !important;
    }

    .cover-fleet-bottom {
        top: 76%;
    }

    .fleet-ellipse-top {
        left: -50%;
        top: 54%;
    }

    .fleet-ellipse {
        bottom: -36%;
        right: -50%;
    }

    .mission-head {
        background-position-y: 120%;
    }

    .video-slider a {
        width: 300px !important;
        height: 166px;
    }
}

@media screen and (max-width: 386px) {
    .header-cover {
        height: 380px;
        top: 428px;
    }

    .cover-inputs-row {
        margin-top: 324px !important;
    }

    .mission-head {
        background-position-y: 110%;
    }

}

@media screen and (max-width: 379px) {
    .about-us-logos {
        gap: 316px;
        width: 104%;

    }
}