@charset "utf-8";

/*------------------------------|| fonts||----------------------------------*/

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Thin.eot');
    src: url('../fonts/Sora-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-Thin.woff2') format('woff2'),
        url('../fonts/Sora-Thin.woff') format('woff'),
        url('../fonts/Sora-Thin.ttf') format('truetype'),
        url('../fonts/Sora-Thin.svg#Sora-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-ExtraLight.eot');
    src: url('../fonts/Sora-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-ExtraLight.woff2') format('woff2'),
        url('../fonts/Sora-ExtraLight.woff') format('woff'),
        url('../fonts/Sora-ExtraLight.ttf') format('truetype'),
        url('../fonts/Sora-ExtraLight.svg#Sora-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Light.eot');
    src: url('../fonts/Sora-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-Light.woff2') format('woff2'),
        url('../fonts/Sora-Light.woff') format('woff'),
        url('../fonts/Sora-Light.ttf') format('truetype'),
        url('../fonts/Sora-Light.svg#Sora-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Regular.eot');
    src: url('../fonts/Sora-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-Regular.woff2') format('woff2'),
        url('../fonts/Sora-Regular.woff') format('woff'),
        url('../fonts/Sora-Regular.ttf') format('truetype'),
        url('../fonts/Sora-Regular.svg#Sora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Medium.eot');
    src: url('../fonts/Sora-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-Medium.woff2') format('woff2'),
        url('../fonts/Sora-Medium.woff') format('woff'),
        url('../fonts/Sora-Medium.ttf') format('truetype'),
        url('../fonts/Sora-Medium.svg#Sora-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-SemiBold.eot');
    src: url('../fonts/Sora-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-SemiBold.woff2') format('woff2'),
        url('../fonts/Sora-SemiBold.woff') format('woff'),
        url('../fonts/Sora-SemiBold.ttf') format('truetype'),
        url('../fonts/Sora-SemiBold.svg#Sora-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-Bold.eot');
    src: url('../fonts/Sora-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-Bold.woff2') format('woff2'),
        url('../fonts/Sora-Bold.woff') format('woff'),
        url('../fonts/Sora-Bold.ttf') format('truetype'),
        url('../fonts/Sora-Bold.svg#Sora-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sora';
    src: url('../fonts/Sora-ExtraBold.eot');
    src: url('../fonts/Sora-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sora-ExtraBold.woff2') format('woff2'),
        url('../fonts/Sora-ExtraBold.woff') format('woff'),
        url('../fonts/Sora-ExtraBold.ttf') format('truetype'),
        url('../fonts/Sora-ExtraBold.svg#Sora-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/*------------------------------|| fonts end ||----------------------------------*/

body,
html {
    font-family: var(--sitefonts);
    color: var(--black);
    line-height: 24px;
    font-size: 16px;
}

p a,
p span a,
ul li a,
ol li a {
    color: var(--themeyellow);
    text-decoration: underline;
    display: inline-block;
}

p {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: #151313;
    margin-bottom: 30px;
    letter-spacing: 0px;
    font-family: 'Sora';
}

/* common ul li */

ul {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}

ul:has(+ *) {
    margin-bottom: 30px;
}

ul.twocollist {
    column-count: 2;
}

main ul>li,
main ul.wp-block-list>li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    letter-spacing: 0.36px;
    list-style: none;
    font-size: 16px;
    font-weight: normal;
    color: var(--black);
    line-height: 1.25;
}

main ul>li:last-child {
    margin-bottom: 0;
}

main ul>li>strong,
main ul>li>span,
main ul.wp-block-list>li>strong,
main ul.wp-block-list>li>span {
    font-weight: bold;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    margin-bottom: 5px;
}

main ul>li a {
    text-decoration: none;
    color: var(--sitetext);
}

main ul>li a:hover {
    text-decoration: underline;
    color: var(--themeyellow);
}

main ul>li:after {
    content: "";
    background: transparent url(../images/icon/check-icon.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0px;
    top: -3px;
    width: 25px;
    height: 25px;
    z-index: 1;
}

main ul>li:has(strong):after {
    top: 3px;
}

p span {
    color: initial;
}

P {
    &.bold {
        font-weight: bold;
    }

    &.fs-20 {
        font-size: 20px;
    }

    &.fs-18 {
        font-size: 18px;
    }

    &.color-orange {
        color: #F97E28 !important;
    }

    &:last-child {
        margin-bottom: 0;
    }
}

.row-reverse {
    flex-direction: row-reverse;
}


/* --------- Select Option --------- */

::-ms-expand {
    display: none;
}

::-moz-selection {
    color: #fff;
    background: #515151;
}

::selection {
    color: #fff;
    background: #515151;
}

.field.field:after,
.field:hover.field:after {
    display: none;
}

/*- --------- FORM CONTROL --------- -*/

::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: var(--black);
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 500;
    font-family: "Inter";
    text-transform: math-auto;
}

::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: 14px;
    color: var(--black);
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 500;
    font-family: "Inter";
}

:-ms-input-placeholder,
textarea::placeholder {
    font-size: 14px;
    color: var(--black);
    line-height: 17px;
    letter-spacing: 0;
    font-weight: 500;
    font-family: "Inter";
}

/*-----FORM CONTROL FULL WIDTH-----*/

input:invalid {
    box-shadow: none;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="submit"],
input[type="email"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--sitefonts);
}

.form-control,
input[type="text"],
input[type="email"],
select,
textarea,
input[type="number"],
input[type="tel"],
input[type="file"] {
    width: 100%;
    padding: 17px 17px 17px 17px;
    background-color: var(--white);
    border: 1px solid transparent;
    color: var(--black);
    font-size: 14px;
    line-height: 1.2;
    font-family: "Inter";
    transition: all 0.5s ease -in-out;
    -webkit-transition: all 0.5s ease -in-out;
    min-height: 50px;
    border-radius: 4px;
    margin-bottom: 15px;
    font-weight: 500;
}

input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="file"]:focus {
    border-color: var(--themeyellow);
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/icon/select-arrow.svg) no-repeat right 16px center / 0.8em;
}

.form-control {
    min-width: auto;
}

.wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 0;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
    display: inline-flex;
    width: calc(100% + 20px);
    flex-wrap: wrap;
}

.form-group {
    padding: 0 10px;
    position: relative;
    width: 100%;
}

.form-group.width50 {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left;
}

.form-group.width33 {
    width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left;
}

.form-group.width100 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left;
}

form .form-group label {
    color: var(--white);
    font-family: var(--sitefonts);
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1.1;
    width: 100%;
}

.checkbxdiv {
    display: flex;
    margin-top: 15px;
    line-height: 1.2;
    align-items: center;
}

.checkbxdiv input[type="checkbox"] {
    margin: 0 15px 0 0;
}

form .form-group .checkbxdiv label {
    margin-bottom: 0;
}

.ddmmyy .datepicker-177 {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ddmmyy .datepicker-177::before {
    content: "";
    position: absolute;
    background: url(../images/icon/calender-icon.svg) no-repeat right 0 top 0px;
    right: 16px;
    top: 17px;
    width: 17px;
    height: 17px;
    background-size: contain;
}


/*- --------- BUTTONS --------- -*/

button,
.button,
button[type="submit"],
input[type="submit"] {
    font-size: 16px;
    padding: 14px 26px;
    position: relative;
    font-family: var(--sitefonts);
    font-weight: 600;
    letter-spacing: 0;
    background-color: var(--themeyellow);
    color: var(--white);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    margin: 0;
    z-index: 1;
    line-height: 1;
    text-decoration: none;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    border: 2px solid transparent;
    --border-offset: none;
    text-transform: capitalize;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    min-height: 50px;
    gap: 10px;
    border-radius: 100px !important;
}

.submitbtn {
    width: 100%;
    letter-spacing: 0.16px !important;

    &:hover {
        background-color: #000;
        color: var(--themeyellow);
        border-color: var(--themeyellow);
    }
}

input[type="submit"]:hover {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
}

.button>span {
    display: inline-block;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
}

.button>span>i.fa {
    font-weight: bold;
}

.btn-border {
    background-color: transparent;
    color: #000337;
    border-color: #000337;
}

.btn-border:hover {
    background: var(--themeyellow);
    color: var(--white);
    border-color: var(--themeyellow);
}

.btn-theme:hover {
    background: #fff;
    color: var(--themeyellow);
    background: #fff;
    border-color: var(--themeyellow);
}

.btn-white {
    background: var(--white);
    color: var(--black);

    &:hover {
        background: transparent;
        border-color: var(--white);
        color: var(--white) !important;
    }
}

.btn-border-grey {
    background: transparent;
    border: 2px solid #BEBEBE;
    color: #BEBEBE;

    &:hover {
        background: var(--white);
        border-color: transparent;
        color: var(--black);
    }
}

.btn-dark {
    background: var(--black);
    border: 2px solid var(--black);
    color: var(--white);

    &:hover {
        background: var(--white);
        border-color: var(--themeyellow);
        color: var(--themeyellow);
    }
}

.btn-serv {
    background-color: var(--white);
    border: 2px solid var(--black);
    color: var(--black);

    &:hover {
        background-color: var(--black);
        color: var(--white);
    }
}

.btn-darkbg-greybdr {
    background-color: var(--black);
    border: 2px solid #BEBEBE;
    color: var(--white);

    &:hover {
        background-color: var(--themeyellow);
        border: 2px solid var(--themeyellow);
    }
}

.sm-title {
    font-family: var(--sitefonts);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: 0px;
    color: #707070;
    padding-inline: 8px;
    text-transform: uppercase;
    position: relative;
    width: fit-content;

    &::before {
        content: "/";
        position: absolute;
        left: 0;
        color: #707070;
    }

    &::after {
        content: "/";
        position: absolute;
        color: #707070;
        margin-left: 3px;
    }
}

.btnlist {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;

    &>a.button {
        min-width: 173px;
    }
}

/* normal button style end */

a {
    text-decoration: none;
}

header nav ul {
    margin-left: 0;
    list-style-type: none;
}

p a:hover,
ul li a:hover,
ol li a:hover {
    color: var(--themeyellow);
    /* text-decoration: underline; */
}

@media (hover: hover) {}

.relative {
    position: relative;
    z-index: 0;
}

.whitetxt {
    color: var(--white) !important;
}

.redtxt {
    color: var(--themered) !important;
}

[class*="heading-"],
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--sitefonts);
    color: var(--heading-black);
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 800;
    letter-spacing: 0;
    position: relative;
    text-transform: capitalize;
}

.heading-50 {
    font-size: clamp(30px, 30px + (50 - 30) * ((100vw - 375px) / (1920 - 375)), 50px);
}

h1,
.heading-46 {
    font-size: clamp(28px, 28px + (46 - 28) * ((100vw - 375px) / (1920 - 375)), 46px);
}

h2,
.heading-42 {
    font-size: clamp(26px, 26px + (42 - 26) * ((100vw - 375px) / (1920 - 375)), 42px);
}

h2 {
    font-size: clamp(24px, 24px + (40 - 24) * ((100vw - 375px) / (1920 - 375)), 40px);
}

.areasdetail-page.inner-pg h2 {
    font-size: clamp(24px, 24px + (30 - 24) * ((100vw - 375px) / (1920 - 375)), 30px);
}

.heading-40 {
    font-size: clamp(24px, 24px + (40 - 24) * ((100vw - 375px) / (1920 - 375)), 40px);
}

.heading-28 {
    font-size: clamp(22px, 22px + (28 - 22) * ((100vw - 350px) / (1920 - 350)), 28px);
}

h3,
.heading-30 {
    font-size: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
}

.heading-22 {
    font-size: clamp(18px, 18px + (22 - 18) * ((100vw - 375px) / (1920 - 375)), 22px);
}

.heading-20 {
    font-size: clamp(18px, 18px + (20 - 18) * ((100vw - 375px) / (1920 - 375)), 20px);
    line-height: 1.3;
    font-weight: 600;
}

.heading-18 {
    font-size: 18px;
}

.uppercase {
    text-transform: uppercase;
}

/* ------------ Sub Title -------------- */
.subtitle {
    font-weight: 600;
    font-size: clamp(18px, 18px + (22 - 18) * ((100vw - 375px) / (1920 - 375)), 22px);
    line-height: 1.2;
    font-family: var(--sitefonts);
    letter-spacing: 0px;
    color: var(--black);
}

.subtitle:has(+ *) {
    margin-bottom: 30px;
}

/* Enhance only where :has() is supported */
@supports selector(:has(+ *)) {
    :where(h1, h2, h3, h4, h5, h6, [class*="heading-"]):has(+ .subtitle) {
        margin-bottom: 5px !important;
    }
}


/* form message style  */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #f5c812;
    background: url(../images/icon/material-error-outline.svg) no-repeat 12px center #fff9df;
    font-size: 12px;
    padding-left: 40px;
}

.wpcf7 form.failed .wpcf7-response-output {
    border: 1px solid #fe0000 !important;
    background: url(../images/icon/validation-cross.svg) no-repeat 12px center #ffdfdf;
    font-size: 12px;
    padding-left: 40px;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: url(../images/icon/validation-tick.svg) no-repeat 12px center #e1ffd9;
    border-color: #498e36;
    font-size: 12px;
    padding-left: 40px;
    margin: 2em 0em 1em;
    border: 2px solid #58ac3e;
}

.wpcf7-not-valid {
    background-color: #ffdfdf !important;
    border: 1px solid #fe0000 !important;
}

.wpcf7-not-valid-tip {
    font-weight: 400;
    background: #fe0000;
    display: inline-block;
    position: relative;
    top: -15px;
    left: 0;
    padding: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

.wpcf7-not-valid-tip:before {
    top: -5px;
    margin: 0;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fe0000;
}

form.wpcf7-form .btnbox.width100 .btn_theme:disabled,
form.wpcf7-form .btnbox.width100 .btn_theme:disabled:hover {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background: #f8a73f;
    color: #000;
    border: 1px solid #f8a73f;
}

.form-group small {
    font: normal normal normal 14px/22px PT Sans;
    letter-spacing: 0.28px;
    color: #BBBBBB;
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
}

.form-group:last-child small {
    margin-bottom: 0;
}

.form-group.advert-link input[type="text"] {
    margin-bottom: 0;
}

.fileinputs {
    position: relative;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    font-family: var(--sitefonts);
    transition: all 0.5s ease-in-out;
    padding: 0px;
    color: #D9D9D9;
    min-height: 40px;
    font-weight: 300;
    background: url(../../assets/images/upload.png) no-repeat top 15px right 20px transparent;
    border: 1px dashed #333333;

    & span.wpcf7-form-control-wrap {
        height: 100%;
        display: block;
    }

    & input[type="file"] {
        cursor: pointer;
        opacity: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        position: relative;
        padding: 0;
        margin: 0;
        border: 1px dotted var(--themeyellow);
    }
}

.fileinputs .fakefile {
    font: normal normal normal 14px/26px PT Sans;
    letter-spacing: 0.28px;
    color: #D9D9D9;
    background: transparent;
    border-radius: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 48px;
    padding: 12px 20px;
}

/* work with us section form */

.form-group.note-submit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    & .work-note {
        width: calc(100% - 97px);

        p {
            font: normal normal normal 14px/22px PT Sans;
            letter-spacing: 0.28px;
            color: #D9D9D9;
        }
    }

    & .work-submit {
        width: 97px;
    }
}

/*-----SCROLL TOP-----*/

.scrollTop {
    position: fixed !important;
    right: 15px;
    bottom: 80px;
    opacity: 0;
    height: 40px;
    width: 40px;
    z-index: 10;
    text-align: center;
    font-size: 26px !important;
    color: var(--white) !important;
    background: var(--themeyellow) !important;
    border: 1px solid var(--grey-color);
    border-radius: 50%;
    padding: 5px 10px !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.scrollTop:hover {
    background: var(--black) !important;
    color: var(--white) !important;
}

.scrolldown {
    cursor: pointer;
}

.container {
    max-width: 1530px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.container-lg {
    max-width: 1750px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.container:before,
.container:after {
    display: none;
}


/*  select option  */

input:invalid {
    box-shadow: none;
}

input[type="text"],
input[type="tel"],
input[type="number"] input[type="submit"],
input[type="email"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* font-family: var(--sitefonts); */
}

textarea {
    resize: none;
    min-height: 100px;
    overflow: hidden;
    margin: 0 0 25px 0;
    vertical-align: bottom;
    font-size: 18px;
    overflow: auto;
}

textarea.form-control {
    height: auto;
    min-height: 200px;
    overflow-y: auto;
}

.wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 0;
}


/* slick slider arrows styles  */

.slick-slider .slick-prev,
.slick-slider .slick-next {
    right: 15px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-height: auto;
    padding: 0;
    border: 2px solid #6E6E6E;
    border-radius: 100% !important;
    cursor: pointer;
    outline: none;
    clip-path: none;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: transparent;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
}

.slick-slider .slick-prev {
    left: 15px;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/icon/arrow-right-slick-light.svg) no-repeat center center;
    transform: rotate(180deg);
    background-size: 14px;
    opacity: 1;
}

.slick-slider .slick-next:before {
    transform: rotate(0deg);
    background-position: center left 55%;
}

.slick-slider .slick-prev:hover,
/* .slick-slider .slick-prev:focus, */
/* .slick-slider .slick-next:focus */
.slick-slider .slick-next:hover {
    border: 2px solid transparent;
    background: transparent;
}

.slick-slider .slick-prev:hover:before,
.slick-slider .slick-next:hover:before {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg) brightness(96%) contrast(104%);
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 1 !important;
}

a {
    text-decoration: none;
}

ol {
    margin-left: 0;
    counter-reset: line;
}

ol li strong {
    font-size: 16px;
    color: #242527;
    padding-left: 35px;
    margin-bottom: 20px;
    display: inline-block;
}

ol>li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 24px;
    height: 24px;
    margin-right: 0;
    background-color: #F97E28;
    border-radius: 50%;
    color: #fff;
    line-height: 1.25em;
    counter-increment: line;
    content: counter(line);
    align-items: center;
    font-weight: 800;
    font-size: 14px;
    justify-content: center;
    text-align: center;
}

ol li {
    position: relative;
    margin-bottom: 32px;
    line-height: 1.4;
    list-style-type: none
}

.videos-wrap {
    display: inline-block;
    width: 100%;
    min-height: 560px;
    height: auto;
}


/* ********************COMMON SECTION END****************  */
html {
    scroll-behavior: smooth;
}

main {
    margin: 0;
    position: relative;
    z-index: 2;
}

.slide-box {
    display: inline-block;
    line-height: 0.8;
}

img.mobile-image {
    display: none;
}

/* ------------.slick-dotted -------------*/
.slick-dots {
    bottom: -25px;
}

.slick-slider .slick-dots li {
    border-radius: 100% !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;

    &:hover {
        background: #fff;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }
}

.slick-slider .slick-dots li,
.slick-slider .slick-dots li button {
    width: 18px;
    height: 18px;
    min-height: auto;
    background-color: transparent;
}

.slick-slider .slick-dots li::after {
    display: none;
}

.slick-slider .slick-dots li.slick-active {
    background: #fff;
}

.slick-slider .slick-dots li button {
    padding: 0px;
    background: transparent;
    border-radius: 100% !important;
}

.slick-slider .slick-dots li button:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    background: rgb(255 255 255 / 40%);
    opacity: 1;
    border: 0px solid transparent;
    border-radius: 100%;
    margin: auto;
    inset: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slick-slider .slick-dots li button:hover:before,
.slick-slider .slick-dots li button:focus:before,
.slick-slider .slick-dots li.slick-active button:before {
    opacity: 0.2;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.slick-slider .slick-dots li.slick-active button:before {
    background-color: var(--themeyellow);
    border: 0px solid #313131;
    opacity: 1;
}

.slick-slider .slick-dots li button:hover:before,
.slick-slider .slick-dots li button:focus:before {
    background-color: var(--themeyellow);
    border: 0px solid #313131;
    opacity: 1;
}

/* ------------.slick-dotted -------------*/


/* ------------------ Divider Section ------------------ */
.divider {
    display: inline-block;
    width: 100%;

    & .container {
        border-bottom: 1px solid #D6D6D6;
        padding-bottom: 120px;
    }

    & .container-lg {
        width: 100%;
        border-bottom: 1px solid #D6D6D6;
        padding-bottom: 120px;
    }
}

/* -------------------- Book Service Section -------------------- */

.section-title {
    font-size: clamp(26px, 26px + (42 - 26) * ((100vw - 375px) / (1920 - 375)), 42px);
    line-height: 54px;
    font-family: var(--sitefonts);
    font-weight: normal;
    letter-spacing: 0.84px;
    color: #FFFFFF;
}

.book-ser-wrapper {
    display: flex;
    flex-wrap: wrap;

    & .book-ser-left {
        width: calc(100% - 595px);
        background-color: #CD7F32;
        padding: 50px 85px 45px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        column-gap: 80px;

        & .book-car-heading {
            width: calc(100% - 652px);
            max-width: 270px;

            & .heading-46 {
                color: #F0F2F4;
                text-transform: math-auto;
                line-height: 1;
                margin-bottom: 18px;
            }

            & ul>li {
                color: #F0F2F4;
                padding-left: 15px;
                font-size: 14px;
                line-height: 1.1;
                margin-bottom: 10px;
                position: relative;

                &:last-child {
                    margin-bottom: 0;
                }

                &:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 3px;
                    background-color: var(--white);
                    height: 8px;
                    width: 8px;
                    border-radius: 100%;
                }

                &:after {
                    content: none;
                }
            }
        }

        & .book-car-form {
            width: 652px;

            & input[type="submit"] {
                width: 100%;
                background-color: var(--black);

                &:hover {
                    background-color: #F0F2F4;
                    color: var(--themeyellow);
                    border-color: var(--white);
                }
            }
        }
    }

    & .book-ser-right {
        width: 595px;
        background-color: #C37426;
        border-left: 1px solid #B26214;
        padding: 50px 0 45px 50px;

        & .book-ser-right-inner {
            max-width: 285px;
            text-align: center;

            & .heading-17 {
                font-weight: 600;
                font-size: 17px;
                line-height: 1.2;
                color: #F0F2F4;
                margin-bottom: 7px;
            }

            & p {
                font: normal normal normal 14px/19px Sora;
                letter-spacing: 0px;
                color: #F0F2F4;
                position: relative;
                padding-bottom: 10px;

                &:after {
                    content: "";
                    position: absolute;
                    height: 3px;
                    width: 70px;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin-inline: auto;
                    background-color: #F0F2F4;
                }
            }
        }

    }
}

/* ------------------ Brands We Serve ------------------ */
.brands-we-serve:has(+ .our-service-sec) {
    margin-bottom: 0;
}

.brands-we-serve-wrap {
    justify-content: space-between;

    & .brands-we-ser-content {
        width: 470px;

        & .heading-50 {
            line-height: 1.1;
            margin-bottom: 10px;
        }
    }

    & .brands-list-block {
        width: calc(100% - 470px);
        max-width: 785px;

        & .brands-list {
            display: flex;
            flex-wrap: wrap;
            gap: 22px;

            & .brand-icon {
                width: calc(25% - 17px);
                background: var(--white);
                border: 1px solid #EAECF0;
                border-radius: 15px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding-block: 5px;
            }
        }
    }
}

/* ------------------- Our Service -------------------- */
.our-service-sec .service-intro {
    align-items: center;
    justify-content: space-between;

    & .title-sec {
        max-width: 680px;

        & .sm-title {
            color: var(--white);

            &::before,
            &::after {
                color: var(--white);
            }
        }

        & .heading-50 {
            color: var(--white);
            margin-bottom: 40px;
        }
    }

    .title-img {
        margin-right: 170px;
    }
}

.special_wrapper {
    & .special_list {
        & li {
            margin-bottom: 0;

            &:after {
                content: none;
            }

            & .our-service-items {
                position: relative;
                background: #000;
                border: 2px solid #fff;
                border-radius: 32px;

                & .ourserv-imgwrap {
                    position: relative;
                    z-index: 0;
                    padding: 3px;

                    &::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 100%;
                        width: 100%;
                        background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
                        border-radius: 28px;
                        z-index: 0;
                    }

                    & img {
                        border-radius: 28px;
                        object-fit: cover;
                        width: 100%;
                    }
                }

                & .service-img-content {
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding: 42px 47px 0 47px;
                    width: 100%;

                    & .heading-28 {
                        font-weight: 600;
                        line-height: 1.08;
                        margin-bottom: 8px;
                        color: var(--white);
                    }

                    & p {
                        line-height: 1.3;
                        color: var(--white);
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
}

.specials-js:not(.slick-initialized) {
    display: flex;
    margin: 0 -25px;
    width: calc(100% + 50px);

    & li {
        padding: 0 25px;
        margin: 0;
        width: calc(100% / 3);
    }
}

.specials-js.slick-initialized {
    margin-inline: -25px;
    width: calc(100% + 50px);
}

.specials-js.slick-initialized .slick-slide {
    padding-inline: 25px;
}

.specials-js:not(.slick-initialized) li:not(:nth-child(-n + 3)) {
    display: none;
}

.specials-js.slick-slider .slick-prev,
.specials-js.slick-slider .slick-next {
    border: 2px solid #6E6E6E;
}

.specials-js.slick-slider .slick-prev:hover,
.specials-js.slick-slider .slick-next:hover {
    background: var(--white);
    border: 2px solid var(--white);
}

.specials-js.slick-slider .slick-prev:hover:before,
.specials-js.slick-slider .slick-next:hover:before {
    filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(26%) hue-rotate(224deg) brightness(97%) contrast(107%);
}

.specials-js.slick-slider .slick-prev,
.specials-js.slick-slider .slick-next {
    top: -90px;
}

.specials-js.slick-slider .slick-prev {
    left: unset;
    right: 80px !important;
}

.specials-js.slick-slider .slick-next {
    right: 25px;
}

/* -------------------- Service Js --------------------- */
.service-js.slick-initialized {
    margin-inline: -30px;
    width: calc(100% + 60px);

    .slick-slide {
        padding-inline: 30px;
    }
}

.service-js .slick-prev {
    left: -30px;
}

.service-js .slick-next {
    right: -30px;
}

/* -------------------- Why Choose Us Section ------------------ */
.why-choose-sec {
    position: relative;

    & .wrench-rght-deg {
        position: absolute;
        bottom: 40px;
        right: 0;
        z-index: 0;
    }
}

.why-choose-wrap {
    justify-content: space-between;

    & .why-choose-left-block {
        width: calc(100% - 715px);
        max-width: 610px;

        & .heading-50 {
            margin-bottom: 5px;
        }

        & .why-choose-points {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            column-gap: 100px;
            row-gap: 60px;
            margin-top: 70px;

            & .point-wraper {
                width: calc(50% - 50px);

                & .point-icon {
                    background-color: #F0F2F4;
                    height: 70px;
                    width: 70px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 15px;
                    margin-bottom: 15px;
                }

                & .heading-20 {
                    margin-bottom: 12px;
                    line-height: 1.15;
                }

                & p {
                    line-height: 1.3;
                    color: #151313;
                }
            }
        }
    }

    & .why-choose-right-block {
        width: 715px;

        & .img-wrap {
            overflow: hidden;
            position: relative;

            & img {
                border-radius: 20px;
            }

            & .experience-badge {
                position: absolute;
                bottom: 0;
                right: 0px;
                background-color: var(--white);
                padding: 10px 0 0 10px;
                border-radius: 17px 0 0 0;
                max-width: 271px;

                & .exp-inner-block {
                    background-color: var(--themeyellow);
                    padding: 10px;
                    border-radius: 17px;
                    display: flex;
                    align-items: center;
                    gap: 8px;

                    & .exp-icon {
                        min-width: 70px;
                    }

                    & .exp-text {
                        width: calc(100% - 78px);
                        font-weight: 600;
                        font-size: clamp(18px, 18px + (20 - 18) * ((100vw - 375px) / (1920 - 375)), 20px);
                        color: var(--white);
                    }
                }
            }
        }
    }
}

/* -------------------- Book Our Service ------------------ */
.book-our-service-sec {
    position: relative;

    &:after {
        position: absolute;
        content: "";
        background: transparent linear-gradient(299deg, #000000D1 0%, #000000 100%) 0% 0% no-repeat padding-box;
        opacity: 0.91;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    & .book-ser-wrapper {
        justify-content: space-between;

        & .book-ourser-left {
            width: calc(100% - 673px);
            max-width: 490px;

            & .heading-50 {
                color: #F0F2F4;
            }

            & p {
                color: #F0F2F4;
                font-weight: 500;
            }

            & .ft-contact-info {
                & dl {
                    display: flex;
                    margin-block: 0 30px;
                    gap: 10px;

                    & .ft-contact-img-left {
                        width: 16px;
                        min-width: 16px;
                        display: flex;
                        align-items: start;

                        & img {
                            margin-top: 2px;
                        }
                    }

                    & .ft-contact-content {
                        width: calc(100% - 26px);

                        & label {
                            display: block;
                            width: 100%;
                            font-family: var(--sitefonts);
                            font-weight: bold;
                            font-size: 18px;
                            line-height: 1.3;
                            letter-spacing: 0px;
                            color: #F0F2F4;
                            margin-bottom: 3px;
                        }

                        & a,
                        p,
                        address {
                            font-weight: 400;
                            font-size: 16px;
                            line-height: 1.3;
                            letter-spacing: 0px;
                            color: #F0F2F4;
                        }

                        & a:hover {
                            color: var(--themeyellow);
                        }
                    }

                    &:last-of-type {
                        margin-bottom: 0;
                        margin-top: 0;
                    }
                }
            }

            & .badge-list {
                margin-top: 45px;

                & ul {
                    display: flex;
                    gap: 25px;

                    & li {
                        flex: 1;
                        padding: 0;

                        &::after {
                            content: none;
                        }
                    }
                }
            }
        }

        & .book-ourser-right {
            width: 673px;

            & .book-ourser-form {
                background: #F0F2F4;
                padding: 55px 70px 55px 70px;
                border-radius: 20px;
            }
        }
    }
}

.book-ourser-form form .row :is(input[type="text"],
    input[type="email"],
    select,
    textarea,
    input[type="number"],
    input[type="tel"],
    input[type="file"]) {
    padding: 16px 15px;
    border: 1px solid #C9C9C9;
    color: #707070;
}

.book-ourser-form form .row ::-webkit-input-placeholder,
.book-ourser-form form .row textarea::-webkit-input-placeholder {
    color: #707070;
}

.book-ourser-form form .row ::-moz-placeholder,
.book-ourser-form form .row textarea::-moz-placeholder {
    color: #707070;
}

.book-ourser-form form .row :-ms-input-placeholder,
.book-ourser-form form .row textarea::placeholder {
    color: #707070;
}

.book-ourser-form form .row select {
    background: #fff url(../images/icon/select-arrow2.svg) no-repeat right 16px center / 0.8em;
}

.book-ourser-form form .row textarea {
    min-height: 78px;
}


/* --------------------- Testimonial Section ------------------------- */
.testimonial-sec {
    overflow: hidden;

    & .testimonial-intro {
        justify-content: space-between;
        position: relative;
        margin-bottom: 40px;

        & .title-sec {
            max-width: 680px;

            & .heading-50 {
                margin-bottom: 4px;
            }
        }

        .title-img {
            position: absolute;
            top: 0;
            right: 0;
            margin-right: 170px;
        }
    }
}

.testimonial-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #F0F2F4;
    border-radius: 20px;
    padding: 55px 88px;
    opacity: 1;

    & .testimonial-content {
        margin-bottom: 25px;

        & .quote-icon {
            margin-bottom: 25px;
        }

        & .heading-26 {
            font-size: clamp(18px, 18px + (26 - 18) * ((100vw - 375px) / (1920 - 375)), 26px);
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: 0px;
            color: #151313;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            overflow: hidden;
            height: 60px;
            margin-bottom: 15px;
        }

        .testi-text {
            font-size: 18px;
            line-height: 1.3;
            font-family: var(--sitefonts);
            letter-spacing: 0px;
            color: #707070;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 5;
            line-clamp: 5;
            overflow: hidden;
            height: 118px;
        }
    }

    & .testimonial-author {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;

        & .author-img {
            width: 50px;
        }

        & .author-info {
            width: calc(100% - 58px);

            & .heading-20 {
                margin-bottom: 4px;
                font-weight: 700;
                line-height: 1.4;
            }

            & .star {
                gap: 3px;
            }
        }
    }

}

.testimonial-exitnote {
    display: flex;
    align-items: center;
    margin-inline: auto;
    width: fit-content;
    font-weight: 600;
    font-size: clamp(16px, 16px + (18 - 16) * ((100vw - 375px) / (1920 - 375)), 18px);
    line-height: 1.2;
    font-family: var(--sitefonts);
    letter-spacing: 0px;
    color: #151313;
    margin-top: 40px;

    & img {
        margin-inline: 5px;
    }
}

.testimonial-wrapper li {
    margin-bottom: 0;
}

.testimonial-js.slick-initialized {
    width: calc(100% + 40px);
    margin-inline: -20px;
}

.testimonial-js.slick-initialized .slick-slide {
    padding-inline: 20px;
}

.testimonial-js .slick-arrow {
    top: -90px;
}

.testimonial-js.slick-slider .slick-prev {
    left: unset;
    right: 80px !important;
}

.testimonial-js.slick-slider .slick-next {
    right: 25px;
}

.testimonial-wrapper.testimonial-js:not(.slick-initialized) {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.testimonial-wrapper.testimonial-js:not(.slick-initialized) li {
    padding: 0;
    width: calc(50% - 20px);

    &::after {
        content: none;
    }

    &:not(:nth-child(-n + 2)) {
        display: none;
    }
}

/* ------------ Popup Testimonial ---------------- */
.fancy-test-popup.fancybox-content {
    background: transparent;
    max-width: 600px;
    padding: 0;
}

.fancy-test-popup .testimonial-box {
    padding: 40px 40px;
}

.fancy-test-popup .fancybox-close-small {
    color: #0d0d0d !important;
}

/* ----------------- Fancy Box Common Css ----------------- */
.fancybox-navigation .fancybox-button {
    width: 45px !important;
    height: 45px !important;
    top: calc(50% - 25px) !important;
}

.fancybox-navigation .fancybox-button--arrow_right {
    margin-right: 15px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    margin-left: 15px;
}

/* ------------------ Fleet Services We Offer ----------------- */
.fleet-service-offer-sec {
    position: relative;

    &:after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.85);
        opacity: 0.91;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    & .fleet-serv-off-intro {
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px;

        & .title-sec {
            max-width: 550px;

            & .sm-title {
                color: var(--white);

                &::before,
                &::after {
                    color: var(--white);
                }
            }

            & .heading-30 {
                color: var(--white);
                margin-bottom: 3px;
            }

            & p {
                color: var(--white);
            }
        }
    }

    & .fleet-serv-grid-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 49px;

        & .fleet-serv-box {
            border: 1px solid #D8DCEB;
            border-radius: 20px;
            width: calc(20% - 40px);
            padding: 41px 18px;
            text-align: center;
        }

        & .fleet-serv-icon {
            margin-bottom: 23px;
        }

        & .fleet-serv-content {
            font-family: var(--sitefonts);
            font-weight: 600;
            font-size: clamp(16px, 16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)), 20px);
            line-height: 1.1;
            letter-spacing: 0px;
            color: var(--white);
        }
    }
}

/* ------------------ Industries We Support ----------------- */
.indust-we-support {
    position: relative;

    &:after {
        position: absolute;
        content: "";
        background: rgba(0, 0, 0, 0.85);
        opacity: 0.91;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    & .support-intro {
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px;

        & .title-sec {
            max-width: 750px;

            & .sm-title {
                color: var(--white);

                &::before,
                &::after {
                    color: var(--white);
                }
            }

            & .heading-50 {
                color: var(--white);
                margin-bottom: 3px;
            }

            & p {
                color: var(--white);
            }
        }
    }

    & .indust-we-suport-wrap {
        justify-content: space-between;

        & .indust-right-block {
            width: 448px;

            & .img-wrap {
                & img {
                    border-radius: 10px;
                }
            }
        }

        & .indust-left-block {
            width: calc(100% - 448px);
            max-width: 801px;

            & .industry-we-support-points {
                display: flex;
                flex-wrap: wrap;
                column-gap: 100px;
                row-gap: 60px;

                & .indust-point-wrap {
                    display: flex;
                    align-items: center;
                    gap: 30px;
                    width: calc(50% - 50px);

                    & .indust-point-icon {
                        background: #F0F2F4;
                        border-radius: 15px;
                        width: 70px;
                        height: 70px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    & .indust-point-content {
                        width: calc(100% - 100px);
                        font-family: var(--sitefonts);
                        font-size: 20px;
                        font-weight: 600;
                        line-height: 1.2;
                        letter-spacing: 0px;
                        color: var(--white);
                    }
                }
            }
        }
    }
}

/* ---------------------- Road Assistance Section ---------------------- */
.road-assistance-sec {
    padding-top: 50px;
}

.road-assistance-wrapper {
    background: transparent radial-gradient(closest-side at 31% 53%, #FBFBFB 0%, #D8DCEB 100%);
    border-radius: 20px;
    position: relative;

    & .road-content-block {
        max-width: 720px;
        padding: 87px 0px 87px 100px;

        & .heading-50 {
            line-height: 1.15;
            margin-bottom: 5px;
        }

        & p {
            line-height: 1.4;
            margin-bottom: 25px;
        }
    }

    & .img-wrap {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 100px;
    }
}

/* ---------------------- Road Assistance Section ---------------------- */
.experience-cta-sec {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
        opacity: 0.8;
        z-index: 0;
    }

    & .exp-cta-content {
        position: relative;
        max-width: 645px;
        margin-inline: auto;
        text-align: center;
        z-index: 1;

        & .over-years {
            font-weight: 500;
            padding: 5px 20px 5px 18px;
            background-color: var(--white);
            clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
            width: fit-content;
            margin: 0 auto 8px;
        }

        & .heading-40 {
            color: var(--white);
            margin-bottom: 5px;
        }

        & p {
            color: var(--white);
        }
    }
}

/* ------------------ Certificates We have achived --------------------- */
.certificate-intro {
    & .sm-title {
        color: var(--black);
        margin-inline: auto;
    }
}

.certificate-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.certi-box img {
    border: 1px solid #D6D6D6;
    border-radius: 15px;
}

img.bg-middlewrench-dsg {
    position: absolute;
    bottom: 50px;
    right: 525px;
}



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    .sticky {
        position: sticky !important;
        top: 100px;
        align-self: flex-start;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* Super large devices (large desktops, 1440px and up) */
@media (min-width: 1440px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1470px;
    }

    .container-lg {
        max-width: 1750px;
    }
}


/* Duper large devices (large desktops, 1600px and up) */

@media (min-width: 1921px) and (max-width: 2500px) {

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        .book-ser-left {
            width: calc(100% - 35%);
        }
    }
}

@media (max-width: 1900px) {

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            padding: 50px 50px 45px 0;
        }
    }
}

@media (max-width: 1800px) {

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            column-gap: 50px;
        }
    }
}

@media (max-width: 1599.98px) {

    /* ------------------ Divider Section ------------------ */
    .divider {
        & .container {
            padding-bottom: 100px;
        }

        & .container-lg {
            padding-bottom: 100px;
        }
    }

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            padding: 40px 40px 40px 0;
            column-gap: 40px;
            width: calc(100% - 430px);

            & .book-car-heading {
                width: calc(100% - 600px);
                max-width: 260px;
            }

            & .book-car-form {
                width: 600px;
            }
        }

        & .book-ser-right {
            width: 430px;
            padding: 40px 0 40px 40px;
        }
    }

    /* ------------------- Our Service -------------------- */
    .our-service-sec .service-intro {
        & .title-sec {
            & .heading-50 {
                margin-bottom: 30px;
            }
        }
    }

    .special_wrapper {
        & .special_list {
            & li {
                & .our-service-items {
                    & .service-img-content {
                        padding: 35px 35px 0 35px;
                    }
                }
            }
        }
    }

    .specials-js.slick-initialized {
        margin-inline: -20px;
        width: calc(100% + 40px);
    }

    .specials-js.slick-initialized .slick-slide {
        padding-inline: 20px;
    }

    /* -------------------- Why Choose Us Section ------------------ */
    .why-choose-wrap {
        & .why-choose-left-block {
            width: calc(100% - 660px);
            max-width: 600px;

            & .why-choose-points {
                column-gap: 50px;
                row-gap: 40px;
                margin-top: 40px;

                & .point-wraper {
                    width: calc(50% - 25px);
                }
            }
        }

        & .why-choose-right-block {
            width: 660px;
        }
    }

    /* ------------------ Certificates We have achived --------------------- */
    .certificate-list {
        gap: 20px;
    }

    .certi-box {
        width: calc(14.2% - 16px);
    }
}

@media (max-width: 1439.98px) {

    /* ------------------ Divider Section ------------------ */
    .divider {
        & .container {
            padding-bottom: 80px;
        }

        & .container-lg {
            padding-bottom: 80px;
        }
    }

    /* ------------- Img Content Background --------------- */

    img.bg-middlewrench-dsg {
        right: 310px;
        width: 410px;
    }

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            width: calc(100% - 370px);
            column-gap: 15px;

            & .book-car-heading {
                width: calc(100% - 440px);
                max-width: 260px;
            }

            & .book-car-form {
                width: 440px;

                & form .row .form-group.width33 {
                    width: 50%
                }
            }
        }

        & .book-ser-right {
            width: 370px;
        }
    }

    /* ------------------ Brands We Serve ------------------ */
    .brands-we-serve-wrap {
        & .brands-we-ser-content {
            width: 430px;
        }

        & .brands-list-block {
            width: calc(100% - 430px);
            max-width: 600px;

            & .brands-list {
                gap: 15px;

                & .brand-icon {
                    width: calc(25% - 12px);
                    padding: 5px;
                }
            }
        }
    }

    /* ------------------- Our Service -------------------- */
    .our-service-sec .service-intro {
        & .title-sec {
            max-width: 590px;
        }

        .title-img {
            margin-right: 130px;
        }
    }

    .special_wrapper {
        & .special_list {
            & li {
                & .our-service-items {
                    & .service-img-content {
                        padding: 25px 25px 0 25px;
                    }
                }
            }
        }
    }

    .specials-js.slick-initialized {
        margin-inline: -15px;
        width: calc(100% + 30px);
    }

    .specials-js.slick-initialized .slick-slide {
        padding-inline: 15px;
    }

    /* -------------------- Why Choose Us Section ------------------ */
    .why-choose-wrap {
        & .why-choose-left-block {
            width: calc(100% - 480px);
            max-width: 550px;
        }

        & .why-choose-right-block {
            width: 480px;
        }
    }

    /* -------------------- Book Our Service ------------------ */
    .book-our-service-sec {
        & .book-ser-wrapper {
            & .book-ourser-right {
                width: 550px;

                & .book-ourser-form {
                    padding: 40px;
                }
            }

            & .book-ourser-left {
                width: calc(100% - 550px);
                max-width: 490px;
            }
        }
    }

    /* --------------------- Testimonial Section ------------------------- */
    .testimonial-sec .testimonial-intro {
        margin-bottom: 30px;
    }

    .testimonial-box {
        padding: 50px;
    }

    /* ---------------------- Road Assistance Section ---------------------- */
    .road-assistance-sec {
        padding-top: 33px;
    }

    .road-assistance-wrapper {
        & .road-content-block {
            max-width: 595px;
            padding: 60px 0px 60px 60px;
        }

        & .img-wrap {
            margin-right: 50px;

            & img {
                width: 420px;
            }
        }
    }

    /* ------------------ Certificates We have achived --------------------- */
    .certificate-list {
        gap: 10px;
    }

    .certi-box {
        width: calc(14.2% - 8px);
    }

    /* ------------------ Fleet Services We Offer ----------------- */
    .fleet-service-offer-sec {

        & .fleet-serv-off-intro {
            margin-bottom: 40px;
        }

        & .fleet-serv-grid-wrap {
            gap: 30px;

            & .fleet-serv-box {
                width: calc(20% - 24px);
                padding: 28px 14px;
            }
        }
    }

    /* ------------------ Industries We Support ----------------- */
    .indust-we-support {
        & .support-intro {
            margin-bottom: 40px;
        }

        & .indust-we-suport-wrap {
            & .indust-left-block {
                max-width: 600px;

                & .industry-we-support-points {
                    column-gap: 40px;
                    row-gap: 40px;

                    & .indust-point-wrap {
                        gap: 20px;
                        width: calc(50% - 20px);

                        & .indust-point-content {
                            width: calc(100% - 90px);
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 1199.98px) {

    /* ------------------ Divider Section ------------------ */
    .divider {
        & .container {
            padding-bottom: 60px;
        }

        & .container-lg {
            padding-bottom: 60px;
        }
    }

    /* --------------- Common Button Css --------------- */
    .btnlist {
        &>a.button {
            min-width: 160px;
        }
    }

    button,
    .button,
    button[type="submit"],
    input[type="submit"] {
        padding: 14px 20px;
    }

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            width: 100%;
            justify-content: center;
            padding: 30px;

            & .book-car-heading {
                width: calc(100% - 570px);
                max-width: 260px;
            }

            & .book-car-form {
                width: 570px;

                & form .row .form-group.width33 {
                    width: 33.33%
                }
            }
        }

        & .book-ser-right {
            padding: 30px;
            width: 100%;

            & .book-ser-right-inner {
                max-width: 100%;
                text-align: center;
            }
        }
    }

    /* ------------------- Our Service -------------------- */
    .our-service-sec .service-intro {
        & .title-sec {
            max-width: 558px;
        }
    }

    .special_wrapper {
        & .special_list {
            & li {
                & .our-service-items {
                    & .service-img-content {
                        padding: 20px 20px 0 20px;
                    }
                }
            }
        }
    }

    .specials-js.slick-initialized {
        margin-inline: -10px;
        width: calc(100% + 20px);
    }

    .specials-js.slick-initialized .slick-slide {
        padding-inline: 10px;
    }

    /* -------------------- Why Choose Us Section ------------------ */
    .why-choose-wrap {
        & .why-choose-left-block {
            width: calc(100% - 420px);
            max-width: 460px;
        }

        & .why-choose-right-block {
            width: 420px;

            & .img-wrap {
                & .experience-badge {
                    max-width: 230px;

                    & .exp-inner-block {
                        gap: 5px;

                        & .exp-icon {
                            width: 50px;
                            min-width: 50px;
                        }

                        & .exp-text {
                            width: calc(100% - 55px);
                            font-size: clamp(16px, 16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)), 20px);
                        }
                    }
                }
            }
        }
    }

    /* -------------------- Book Our Service ------------------ */
    .book-our-service-sec {
        & .book-ser-wrapper {
            & .book-ourser-right {
                width: 450px;

                & .book-ourser-form {
                    padding: 40px;
                }
            }

            & .book-ourser-left {
                width: calc(100% - 450px);
                max-width: 450px;

                & .badge-list {
                    & ul {
                        gap: 15px;

                        & li {
                            flex: unset;

                            & .img-wrap img {
                                width: 120px;
                            }
                        }
                    }
                }
            }
        }
    }

    /* --------------------- Testimonial Section ------------------------- */
    .testimonial-sec .testimonial-intro {
        margin-bottom: 20px;

        & .title-sec {
            max-width: 610px;
        }

        & .title-img {
            margin-right: 120px;
        }
    }

    .testimonial-box {
        padding: 30px;

        & .testimonial-content {
            & .heading-26 {
                height: 50px;
                margin-bottom: 10px;
            }

            .testi-text {
                font-size: 16px;
                height: 105px;
            }
        }
    }

    .testimonial-exitnote {
        margin-top: 30px;
    }

    .testimonial-js.slick-initialized {
        width: calc(100% + 30px);
        margin-inline: -15px;
        margin-bottom: 0 !important;
    }

    .testimonial-js.slick-initialized .slick-slide {
        padding-inline: 15px;
    }

    /* ---------------------- Road Assistance Section ---------------------- */
    .road-assistance-sec {
        padding-top: 33px;
    }

    .road-assistance-wrapper {
        & .road-content-block {
            max-width: 575px;
            padding: 40px 0px 40px 40px;
        }

        & .img-wrap {
            margin-right: 20px;

            & img {
                width: 370px;
            }
        }
    }

    /* ------------------ Certificates We have achived --------------------- */
    .certificate-intro.mb-40 {
        margin-bottom: 30px;
    }

    /* ------------------ Fleet Services We Offer ----------------- */
    .fleet-service-offer-sec {

        & .fleet-serv-off-intro {
            margin-bottom: 30px;
        }

        & .fleet-serv-grid-wrap {
            justify-content: center;
            gap: 15px;

            & .fleet-serv-box {
                width: calc(25% - 12px);
                padding: 25px 12px;
            }
        }
    }

    /* ------------------ Industries We Support ----------------- */
    .indust-we-support {
        & .support-intro {
            margin-bottom: 30px;

            & .title-sec {
                max-width: 610px;
            }
        }

        & .indust-we-suport-wrap {
            & .indust-left-block {
                max-width: 600px;

                & .industry-we-support-points {
                    column-gap: 15px;
                    row-gap: 16px;

                    & .indust-point-wrap {
                        gap: 15px;
                        width: calc(50% - 7.5px);

                        & .indust-point-icon {
                            width: 50px;
                            height: 50px;

                            & img {
                                width: 35px;
                            }
                        }

                        & .indust-point-content {
                            width: calc(100% - 65px);
                            font-size: 18px;
                        }
                    }
                }
            }

            & .indust-right-block {
                width: 380px;
            }
        }


    }
}

@media (max-width: 991.98px) {

    /* ----------- Common Css for heading & P ----------- */
    [class*="heading-"],
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.1;
        margin-bottom: 10px;
    }

    p {
        margin-bottom: 15px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .subtitle:has(+ *) {
        margin-bottom: 20px;
    }

    /* ------------------ Divider Section ------------------ */
    .divider {
        & .container {
            padding-bottom: 40px;
        }

        & .container-lg {
            padding-bottom: 40px;
        }
    }

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            padding: 20px;

            & .book-car-heading {
                width: calc(100% - 400px);
            }

            & .book-car-form {
                width: 400px;

                & form .row .form-group.width33 {
                    width: 50%
                }
            }
        }

        & .book-ser-right {
            padding: 20px;
        }
    }

    /* ------------------ Brands We Serve ------------------ */
    .brands-we-serve-wrap {
        flex-wrap: wrap;
        row-gap: 30px;

        & .brands-we-ser-content {
            width: 100%;
        }

        & .brands-list-block {
            width: 100%;
            max-width: 100%;

            & .brands-list {
                gap: 12px;

                & .brand-icon {
                    width: calc(25% - 9px);
                    padding: 5px;
                }
            }
        }
    }

    /* ------------------- Our Service -------------------- */
    .our-service-sec .service-intro {
        & .title-sec {
            max-width: 100%;
        }

        .title-img {
            display: none;
        }
    }

    .specials-js.slick-slider .slick-prev,
    .specials-js.slick-slider .slick-next {
        top: calc(100% - 20px);
    }

    .specials-js.slick-slider .slick-prev {
        left: calc(50% - 45px);
        right: unset !important;
    }

    .specials-js.slick-slider .slick-next {
        right: calc(50% - 45px);
    }

    .specials-js.slick-initialized .draggable {
        padding-bottom: 70px !important;
    }

    /* -------------------- Why Choose Us Section ------------------ */
    .why-choose-wrap {
        flex-wrap: wrap;
        row-gap: 30px;

        & .why-choose-left-block {
            width: 100%;
            max-width: 100%;

            & .why-choose-points {
                column-gap: 30px;
                row-gap: 30px;
                margin-top: 30px;

                & .point-wraper {
                    width: calc(50% - 15px);
                }
            }
        }

        & .why-choose-right-block {
            width: 100%;
        }
    }

    /* -------------------- Book Our Service ------------------ */
    .book-our-service-sec {
        & .book-ser-wrapper {
            gap: 30px;

            & .book-ourser-left {
                width: 100%;
                max-width: 100%;

                & .ft-contact-info {
                    display: flex;
                    flex-wrap: wrap;
                    column-gap: 20px;

                    & dl {
                        width: calc(50% - 10px);
                        margin-block: 0 20px;

                        & .ft-contact-content {
                            & label {
                                font-size: 16px;
                            }
                        }
                    }

                    & .badge-list {
                        margin-top: 15px;
                    }
                }
            }

            & .book-ourser-right {
                width: 100%;
            }
        }
    }

    /* --------------------- Testimonial Section ------------------------- */
    .testimonial-sec .testimonial-intro {
        & .title-sec {
            max-width: 100%;
        }

        & .title-img {
            display: none;
        }
    }

    .testimonial-js .slick-arrow {
        top: calc(100% - 25px);
    }

    .testimonial-js.slick-initialized .slick-list.draggable {
        padding-bottom: 70px !important;
    }

    .testimonial-js.slick-initialized {
        margin-inline: -10px;
        width: calc(100% + 20px);
    }

    .testimonial-js.slick-initialized .slick-slide {
        padding-inline: 10px;
    }

    .testimonial-js.slick-slider .slick-prev {
        left: calc(50% - 45px);
        right: unset !important;
    }

    .testimonial-js.slick-slider .slick-next {
        right: calc(50% - 45px);
    }

    .testimonial-exitnote {
        flex-wrap: wrap;
        line-height: 1.5;
        justify-content: center;
    }

    /* ---------------------- Road Assistance Section ---------------------- */
    .road-assistance-sec {
        padding-top: 0;
    }

    .road-assistance-wrapper {
        & .road-content-block {
            position: relative;
            z-index: 1;
            max-width: 100%;
            padding: 30px;
            text-align: center;
        }

        & .img-wrap {
            opacity: 0.3;
            z-index: 0;

            & img {
                width: 230px;
            }
        }
    }

    /* ------------------ Certificates We have achived --------------------- */
    .certificate-intro.mb-40 {
        margin-bottom: 20px;
    }

    .certificate-list {
        gap: 15px;
        justify-content: center;
    }

    .certi-box {
        width: calc(20% - 12px);
    }

    /* ------------------ Fleet Services We Offer ----------------- */
    .fleet-service-offer-sec {
        & .fleet-serv-off-intro {
            margin-bottom: 30px;
            justify-content: center;
            gap: 20px;

            & .title-sec {
                max-width: 100%;
                text-align: center;

                & .sm-title {
                    margin-inline: auto;
                }
            }
        }

        & .fleet-serv-grid-wrap {
            & .fleet-serv-box {
                width: calc(33.33% - 12px);

                & .fleet-serv-icon {
                    margin-bottom: 15px;

                    & img {
                        max-width: 45px;
                    }
                }
            }
        }
    }

    /* ------------------ Industries We Support ----------------- */
    .indust-we-support {
        & .support-intro {
            margin-bottom: 20px;

            & .title-sec {
                max-width: 100%;
            }

            & .title-img {
                display: none;
            }
        }

        & .indust-we-suport-wrap {
            gap: 30px;

            & .indust-left-block {
                max-width: 100%;
                width: 100%;

                & .industry-we-support-points {
                    row-gap: 15px;

                    & .indust-point-wrap {
                        & .indust-point-content {
                            font-size: 16px;
                        }
                    }
                }
            }

            & .indust-right-block {
                width: 100%;

                & .img-wrap {
                    & img {
                        width: 100%;
                    }
                }
            }
        }
    }

}

@media (max-width: 767.98px) {

    /* ----------- Common Paragraph Css ----------- */
    p {
        line-height: 24px;
        margin-bottom: 20px;
    }

    /* ------------------ Divider Section ------------------ */
    .divider {
        & .container {
            padding-bottom: 30px;
        }

        & .container-lg {
            padding-bottom: 30px;
        }
    }

    /* ----------------- Fancy Box Common Css ----------------- */
    .fancybox-navigation .fancybox-button {
        width: 40px !important;
        height: 40px !important;
    }

    .fancybox-navigation .fancybox-button--arrow_right {
        margin-right: 10px;
    }

    .fancybox-navigation .fancybox-button--arrow_left {
        margin-left: 10px;
    }

    /* -------------- Common Subtitle Section ------------ */
    .subtitle:has(+ *) {
        margin-bottom: 15px;
    }

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            padding: 15px;
            gap: 20px;

            & .book-car-heading {
                width: 100%;
                max-width: 100%;
            }

            & .book-car-form {
                width: 100%;
            }
        }

        & .book-ser-right {
            padding: 15px;
        }
    }

    /* ------------------- Our Service -------------------- */
    .special_wrapper {
        & .special_list {
            & li {
                & .our-service-items {
                    & .service-img-content {
                        padding: 15px 15px 0 15px;

                        & p {
                            font-size: 14px;
                        }

                        & .btn-serv {
                            font-size: 14px;
                            min-height: 45px;
                            padding: 14px 16px;
                        }
                    }

                    & .ourserv-imgwrap {
                        &::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 100%;
                            width: 100%;
                            background: transparent linear-gradient(180deg, rgb(0 0 0 / 85%) 35%, #00000000 75%) 0% 0% no-repeat padding-box;
                            border-radius: 28px;
                            z-index: 0;
                        }
                    }
                }
            }
        }
    }

    /* -------------------- Book Our Service ------------------ */
    .book-our-service-sec {
        & .book-ser-wrapper {
            & .book-ourser-left {
                & .ft-contact-info {
                    & dl {
                        width: 100%;
                    }
                }

                & .badge-list {
                    margin-top: 10px;
                }
            }
        }
    }

    /* --------------------- Testimonial Section ------------------------- */
    .testimonial-exitnote {
        margin-top: 20px;
        row-gap: 3px;
    }

    .testimonial-box {
        padding: 20px;

        & .testimonial-content {
            & .quote-icon {
                margin-bottom: 15px;
            }
        }
    }

    /* ------------ Popup Testimonial ---------------- */
    .fancy-test-popup .testimonial-box {
        padding: 25px 25px;

        & .testimonial-author {
            & .author-img {
                width: 35px;
            }

            & .author-info {
                width: calc(100% - 43px);
            }
        }
    }

    /* ------------------ Certificates We have achived --------------------- */
    .certi-box {
        width: calc(25% - 12px);
    }

    /* ------------------ Fleet Services We Offer ----------------- */
    .fleet-service-offer-sec {
        & .fleet-serv-off-intro {
            margin-bottom: 20px;
        }

        & .fleet-serv-grid-wrap {
            & .fleet-serv-box {
                width: calc(50% - 12px);

                & .fleet-serv-icon {
                    margin-bottom: 15px;
                }
            }
        }
    }

    /* ------------------ Industries We Support ----------------- */
    .indust-we-support {
        & .indust-we-suport-wrap {
            & .indust-left-block {
                & .industry-we-support-points {
                    column-gap: 10px;

                    & .indust-point-wrap {
                        gap: 10px;

                        & .indust-point-icon {
                            width: 40px;
                            height: 40px;

                            & img {
                                width: 30px;
                            }
                        }

                        & .indust-point-content {
                            font-size: 14px;
                            width: calc(100% - 50px);
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 575.75px) {

    /* ---------------- Scroll To Top --------------- */
    .scrollTop {
        display: none;
    }

    /* ------------- Common Button Css -------------- */
    button,
    .button,
    button[type="submit"],
    input[type="submit"] {
        padding: 12px 13px;
    }

    .btnlist {
        &>a.button {
            min-width: 150px;
        }
    }

    /* ----------------- Common Form Css--------------- */
    .form-control,
    input[type="text"],
    input[type="email"],
    select,
    textarea,
    input[type="number"],
    input[type="tel"],
    input[type="file"] {
        padding: 12px 12px 12px 12px;
        min-height: 42px;
    }

    .form-group.form-group50 {
        width: 100%;
    }

    textarea.form-control {
        min-height: 100px;
    }

    .form-control {
        margin-bottom: 15px;
    }

    .ddmmyy .datepicker-177::before {
        top: 14px;
    }

    /* ---------- Common UL LI ---------- */
    ul:has(+ *) {
        margin-bottom: 20px;
    }

    main ul>li,
    main ul.wp-block-list>li {
        padding-left: 28px;
        margin-bottom: 10px;
    }

    main ul>li:after {
        top: 0px;
        width: 18px;
        height: 18px;
    }

    /* -------- Common Paragraph ------------ */
    .btnlist {
        gap: 10px;
        justify-content: center;
    }

    a.top-to-down-link {
        display: none !important;
    }

    /* -------------- Common Form ---------------- */
    .form-group.width33,
    .form-group.width50 {
        width: 100%;
    }

    .sm-title {
        font-size: 14px;
        line-height: 1.6;
    }

    /* -------------------- Book Service Section -------------------- */
    .book-ser-wrapper {
        & .book-ser-left {
            & .book-car-form {
                width: 100%;

                & form .row .form-group.width33 {
                    width: 100%;
                }
            }
        }
    }

    /* ------------------ Brands We Serve ------------------ */
    .brands-we-serve-wrap {

        & .brands-list-block {
            & .brands-list {
                gap: 8px;

                & .brand-icon {
                    width: calc(33.33% - 6px);
                }
            }
        }
    }

    /* ------------------- Our Service -------------------- */
    .special_wrapper {
        & .special_list {
            & li {
                & .our-service-items {
                    & .ourserv-imgwrap {
                        &::before {
                            background: transparent linear-gradient(180deg, rgb(0 0 0 / 85%) 35%, #00000000 75%) 0% 0% no-repeat padding-box;
                        }
                    }
                }
            }
        }
    }

    .specials-js.slick-initialized .draggable {
        padding-bottom: 50px !important;
    }

    /* -------------------- Book Our Service ------------------ */
    .book-our-service-sec {
        & .book-ser-wrapper {
            & .book-ourser-left {
                & .badge-list {
                    & ul {
                        gap: 10px;
                    }
                }

                & .ft-contact-info {

                    & dl {
                        margin-bottom: 10px;
                    }
                }

                & .badge-list {
                    margin-top: 10px;
                }
            }

            & .book-ourser-right {
                & .book-ourser-form {
                    padding: 20px;
                }
            }
        }
    }


    /* --------------------- Testimonial Section ------------------------- */
    .testimonial-js.slick-initialized .slick-list.draggable {
        overflow: visible;
    }

    .testimonial-js.slick-initialized {
        margin-inline: -6px;
        width: calc(100% + 12px);
    }

    .testimonial-js.slick-initialized .slick-slide {
        padding-inline: 6px;
    }

    .testimonial-box {
        padding: 15px;

        & .testimonial-author {
            & .author-info {
                & .heading-20 {
                    margin-bottom: 3px;
                    line-height: 1;
                }

                & .star img {
                    width: 12px;
                    height: 12px;
                }
            }

            & .author-img {
                width: 35px;
            }
        }

        & .testimonial-content {
            margin-bottom: 20px;

            & .heading-26 {
                height: 40px;
            }
        }
    }

    /* ---------------------- Road Assistance Section ---------------------- */

    .road-assistance-wrapper {

        & .road-content-block {
            padding: 15px;

            & p {
                line-height: 1.4;
                margin-bottom: 15px;
            }
        }
    }

    /* ------------------ Fleet Services We Offer ----------------- */
    .fleet-service-offer-sec {
        & .fleet-serv-off-intro {
            margin-bottom: 20px;
        }

        & .fleet-serv-grid-wrap {
            gap: 10px;

            & .fleet-serv-box {
                width: calc(50% - 12px);
                padding: 12px 12px;

                & .fleet-serv-icon {
                    margin-bottom: 12px;

                    & img {
                        max-width: 40px;
                    }
                }
            }
        }
    }


    .book-car-ser-sec.mobile-hide {
        display: none;
    }

    .book-car-ser-sec.mobile-hide+section {
        padding-top: 30px;
    }
}

@media (max-width: 480px) {

    /* -------------------- Why Choose Us Section ------------------ */
    .why-choose-wrap {
        & .why-choose-left-block {
            & .why-choose-points {
                row-gap: 15px;

                & .point-wraper {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    column-gap: 12px;

                    & .point-icon {
                        height: 50px;
                        width: 50px;
                        margin-bottom: 0;

                        & img {
                            width: 32px;
                        }
                    }

                    & .point-content {
                        width: calc(100% - 62px);

                        & .heading-20 {
                            margin-bottom: 0;
                            line-height: 1.25;
                        }
                    }
                }
            }
        }
    }

    /* ------------------ Certificates We have achived --------------------- */
    .certificate-list {
        gap: 10px;
    }

    .certi-box {
        width: calc(33.33% - 7px);
    }
}