.apply-heading,
.cars-block h2,
.locations-head-name h2,
.slide-tab a,
.tata-cars-head p {
    text-transform: uppercase
}

#sitemap-layout,
section#special-edition-banner {
    margin-top: 117px
}

.overviewslider-main .slick-next:before,
.overviewslider-main .slick-prev:before {
    font-family: FontAwesome !important;
    font-size: 36px;
    background: #0058a1;
    padding: 6px
}

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome-webfont.eot")
}

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome-webfont.ttf")
}

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome-webfont.woff")
}

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/FontAwesome.otf")
}

@font-face {
    font-family: Gotham-Pro-Medium;
    src: url("../fonts/Gotham_Pro_Medium.ttf")
}

@font-face {
    font-family: Gotham-Pro-Regular;
    src: url("../fonts/Gotham_Pro_Regular.ttf")
}

@font-face {
    font-family: Gotham-Pro-Black;
    src: url("../fonts/Gotham_Pro_Black.ttf")
}

.fixed-width {
    max-width: 1220px;
    width: 95%;
    margin: 0 auto
}

#special-offer-boxes img,
.banner-img,
.brochure-boxes img,
.car-folders img,
.corporote-add-layout-box img,
.forms-img-left,
.location-banner,
.location-boxes-layout img,
.m-gal-single img,
.special-img,
.visioncontents img {
    max-width: 100%
}

#form-layouts-head {
    width: 100%;
    float: left;
    margin-top: 10%;
    padding: 50px 0
}

.form-layout-content-section h1,
.form-layout-content-section h2 {
    color: #000;
    font-size: 32px;
    font-family: Montserrat-Bold;
    margin-bottom: 10px !important;
    margin: 0
}

.form-layouts-head-extended {
    width: 100%;
    float: left;
    margin-top: 40px
}

.overvies-featured-content h1 {
    font-size: 16px;
    color: #000;
    font-family: Montserrat-Medium;
    margin-bottom: 15px;
    line-height: 1.5
}

.form-layout-content-section h1,
.form-layout-content-section h3,
.form-layout-content-section p,
.renewal-head h2,
.renewal-head h3 {
    font-family: Montserrat-Medium;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

.form-layout-content-section h3 a {
    font-family: Montserrat-Medium;
    font-size: 16px;
    color: #e11428;
    margin-bottom: 10px
}

.form-layout-content-section {
    padding-left: 30px
}

.cont-par {
    font-family: Montserrat-Medium !important;
    font-size: 18px !important;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600
}

.cont-hed {
    color: #000;
    font-size: 32px !important;
    font-family: Montserrat-Bold !important;
    margin-bottom: 10px !important;
    margin: 0
}

.emi-form-steps h3,
.form-stepec h3,
.form-steps h3,
.form-stepsb h3 {
    font-family: Montserrat-Bold;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 7px;
    color: #242721;
    margin-bottom: 25px
}

.career-detail-page-contents h1,
.career-single-box h4,
.special-offers-heading-paragraph h1 {
    text-underline-offset: 8px;
    text-decoration: underline
}

.cover-box,
.share-divs {
    position: relative
}

.cover-box label,
.new-feature-box-info h6 {
    font-size: 14px;
    font-family: Montserrat-Medium;
    margin-bottom: 0
}

.cover-box .ciptxt,
.textareaciptxt {
    height: 42px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #242731;
    padding: 2px 15px 2px 0;
    margin-bottom: 10px !important;
    background-color: transparent;
    font-family: Montserrat-Medium;
    font-size: 12px;
    color: #242731;
    outline: 0
}

.cover-box {
    margin-bottom: 10px
}

#check-info,
#insurance-policy-info,
.info {
    color: red;
    left: 0;
    font-size: 10px
}

.info {
    position: absolute;
    bottom: -4px;
    font-family: Montserrat-Regular
}

input::placeholder {
    color: #242731 !important
}

textarea::placeholder {
    color: #242731 !important
}

@media(max-width:991px) and (min-width:768px) {
    .form-layout-content-section {
        width: 82%;
        margin: 0 auto
    }
}

#buying-guide {
    background-image: url('../images/form-pages/bg-cta.webp');
    background-size: cover;
    height: 57vh;
    width: 100%;
    float: left;
    padding: 25px
}

.buying-guide-div h3 {
    text-align: center;
    font-size: 25px;
    color: #fff;
    font-family: Gotham-Pro-Medium
}

.buying-guide-div p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: Gotham-Pro-Regular;
    font-weight: 600
}

.buying-guide-div {
    margin-bottom: 60px
}

.buying-guide-box {
    width: 80%;
    margin: 0 auto
}

.cls-box-guide {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.cls-box-guide p {
    font-family: Gotham-Pro-Medium;
    color: #242721;
    font-size: 18px
}

.cls-box-guide a {
    color: #fff !important;
    font-family: Gotham-Pro-Medium;
    font-size: 14px;
    background-color: #307fe2;
    border-radius: 22px;
    padding: 10px 20px
}

.input-boxes-star {
    position: absolute;
    border: none;
    font-size: 14px
}

.input-boxes-star input {
    border: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0
}

.input-boxes-star label {
    position: relative;
    float: right;
    color: #c8c8c8
}

.input-boxes-star label:before {
    margin: 5px;
    content: "\f005";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 1.5em;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.input-boxes-star input:checked~label:before,
.input-boxes-star label:hover:before {
    color: #ffc107
}

.input-boxes-star label:hover~label:before {
    color: #ffdb70
}

.form-second-step {
    margin-top: 46px
}

#insurance-policy-info {
    position: absolute;
    bottom: -41px !important;
    font-family: Gotham-Pro-Regular
}

#insurance-policy,
#resume-upload,
#review-main-layout img,
#sales-location-layout img,
#special-offers-layout-section img,
#value-added-services-layout img,
.banner,
.car-img-box,
.desktop-banner,
.form-disc,
.media-gallery-banner,
.overviewslider-main img,
img.banner-img {
    width: 100%
}

#thankyou-section {
    width: 100%;
    float: left;
    padding: 17% 0 10%;
    min-height: 49vh
}

.brochure-heading,
.career-apply-btn,
.info-box-head,
.key-points-heading,
.other-loc-explore,
.special-offer-image-order,
.thankyou-contents {
    text-align: center
}

.special-offers-heading-paragraph h1,
.thankyou-contents h3 {
    font-size: 32px;
    font-family: Gotham-Pro-Black;
    color: #242721
}

.thankyou-contents p {
    font-size: 16px;
    font-family: Gotham-Pro-Regular
}

#check-info {
    position: absolute;
    bottom: -43px;
    font-family: Gotham-Pro-Regular
}

#location-detail-layout,
#review-main-layout,
#special-offers-layout-section,
#value-added-services-layout {
    width: 100%;
    float: left;
    margin-top: 117px
}

.special-offers-heading-paragraph {
    text-align: center;
    padding: 45px 0;
    width: 100%;
    float: left
}

.special-offers-heading-paragraph p,
.visioncontents p,
.visioncontents ul li {
    font-size: 16px;
    font-family: Gotham-Pro-Regular;
    color: #000
}

.special-offers-btns {
    display: flex;
    justify-content: space-between
}

.offer-contents h3 {
    font-family: Gotham-Pro-Black;
    color: #242721;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.offer-contents p {
    font-size: 14px;
    font-family: Gotham-Pro-Regular;
    font-weight: 700;
    margin-bottom: 20px
}

.offer-extra-contents p,
.special-offers-btns a {
    font-size: 14px;
    font-family: Gotham-Pro-Regular;
    font-weight: 400
}

.careerbox-info p span,
.cars-block h2 {
    font-weight: 700
}

#career-detail-layout,
#career-page-layout,
#download-brochure-section,
#media-gallery-layout,
#overview-features,
#sales-location-layout,
#special-img-content,
#special-offer-boxes {
    width: 100%;
    float: left
}

.special-offers-btns a {
    background-color: #307fe2;
    padding: 8px 12px;
    color: #fff !important;
    border-radius: 19px;
    cursor: pointer;
    width: fit-content
}

.special-box {
    border: 1px solid #000;
    padding: 14px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    margin-bottom: 18px
}

.brochure-contents,
.car-folders-contents {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

@media(max-width:1133px) {
    .special-offers-btns {
        flex-direction: column
    }

    .special-offers-btns a {
        margin-bottom: 10px
    }
}

.cars-block h2 {
    font-size: 18px;
    color: #000;
    font-family: Montserrat-Medium
}

@media (max-width:767px) {
    .tata-cars-head p {
        font-size: 15px !important;
        margin-bottom: 10px !important
    }

    .cont-hed {
        font-size: 22px !important
    }

    .form-layout-content-section h3 {
        font-size: 14px !important
    }

    .cont-par {
        font-size: 16px !important
    }
}

.tata-cars-head p {
    font-size: 18px;
    color: #666;
    margin-bottom: 10px;
    font-family: Montserrat-Regular;
    font-weight: 700
}

@media(max-width:998px) {
    .renewal-head h2 {
        font-family: Montserrat-Medium;
        font-size: 16px !important;
        color: #000;
        margin-bottom: 10px
    }

    .form-col-1,
    .form-layout-content-section h1,
    .form-layout-content-section h2,
    .form-layout-content-section h3,
    .form-layout-content-section p {
        text-align: center
    }

    .form-layout-content-section {
        padding-left: 0;
        margin-top: 45px
    }

    .special-offers-btns {
        flex-direction: row
    }
}

.brochure-heading h2 {
    color: #307fe2;
    font-size: 32px;
    font-family: Gotham-Pro-Black;
    margin-bottom: 35px;
    text-align: center
}

.brochure-contents a,
.brochure-contents p {
    font-family: Gotham-Pro-Regular;
    font-size: 14px
}

.brochure-contents {
    background: #fafafa;
    padding: 20px 14px 31px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}

.brochure-contents p {
    color: #242721;
    margin-bottom: 12px;
    min-height: 102px
}

.brochure-contents a {
    background-color: #307fe2;
    color: #fff !important;
    font-weight: 600;
    cursor: pointer;
    padding: 10px;
    border-radius: 19px
}

.brochure-boxes,
.grp-heading h3 {
    margin-bottom: 25px
}

.career-detail-page-contents,
.media-gallery-contents-layout {
    padding: 50px 0
}

.media-gallery-contents-layout h1 {
    font-size: 32px;
    font-family: Montserrat-ExtraBold;
    color: #000;
    text-align: center;
    margin-bottom: 25px
}

#m-detail-layout h1,
.car-folders h3 {
    color: #242427;
    font-family: Montserrat-Bold
}

.car-folders-contents {
    background-color: #f5f5f5;
    padding: 12px;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

#value-service-cta,
.application-form,
.career-detail-box-types,
.career-single-box,
.openbox-cover,
.visioncontents img {
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.buying-giud-block input,
.car-folders a:hover,
.locations-btns-flex a,
input#db-sbtn {
    text-decoration: none !important
}

.car-folders h3 {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center
}

.car-folders p,
.single-breadcrumbs {
    font-family: Gotham-Pro-Regular;
    font-weight: 600
}

.car-folders p {
    font-size: 14px;
    color: #307fe2
}

.car-folders {
    cursor: pointer;
    margin-bottom: 25px
}

#m-detail-layout {
    width: 100%;
    float: left;
    margin-top: 109px;
    padding: 68px 0
}

#m-detail-layout h1 {
    font-size: 28px;
    margin-bottom: 30px
}

.media-gallery-light,
.sitemap-links ul {
    list-style: none
}

.m-gal-single {
    cursor: pointer;
    margin-bottom: 20px
}

.single-breadcrumbs {
    display: flex;
    color: #242721;
    align-items: center;
    margin-bottom: 20px;
    background: #626262;
    padding: 10px 0 10px 7px
}

.single-breadcrumbs li {
    list-style: none;
    padding: 3px;
    color: #fff !important
}

.single-breadcrumbs li a {
    font-size: 14px;
    color: #fff !important;
    font-family: Montserrat-Bold;
    cursor: pointer
}

#location-section-layout {
    width: 100%;
    float: left;
    margin-top: 17px
}

.location-detail-two-box,
.location-page-layout {
    padding: 45px 0
}

.location-page-layout h1 {
    font-family: Montserrat-ExtraBold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px
}

.career-box-layouts {
    background-color: #f8f8f8;
    padding: 35px 0
}

.career-single-box {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 20px
}

.careerbox-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.career-single-box h4 {
    font-family: Montserrat-Bold;
    font-size: 18px;
    color: #242721;
    text-decoration-color: #e11428;
    margin-bottom: 15px
}

.careerbox-info p,
.careerbox-info p span {
    font-family: Montserrat-Medium;
    font-size: 12px;
    color: #242721
}

.careerbox-info p {
    padding-left: 5px;
    min-height: 65px
}

.career-box-layouts h5 {
    text-align: center;
    font-family: Montserrat-ExtraBold;
    font-size: 32px;
    color: #242721;
    margin-bottom: 20px
}

.career-apply-btn a,
.career-s-btn {
    color: #fff !important;
    cursor: pointer
}

.career-apply-btn a {
    background-color: #e11428;
    padding: 8px 15px;
    font-family: Montserrat-Medium;
    font-size: 14px
}

.career-detail-page-contents h1 {
    font-family: Montserrat-Medium;
    font-size: 32px;
    color: #242721;
    text-decoration-color: #e11428;
    margin-bottom: 5%
}

.career-detail-box-types {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px
}

.career-detail-page-contents p {
    font-family: Montserrat-Medium;
    font-size: 16px;
    color: #242721;
    font-weight: 600
}

.application-form {
    background: #f8f8f8;
    padding: 30px;
    margin-bottom: 31px
}

.career-form-btn {
    text-align: center;
    margin: 30px 0
}

.career-s-btn {
    background: #e11428;
    padding: 10px 22px;
    font-family: Montserrat-Medium;
    border: none
}

.apply-heading {
    color: #242721;
    font-size: 24px;
    text-align: center;
    font-family: Montserrat-Bold;
    margin-bottom: 20px
}

@media(max-width:768px) {
    #sBtn {
        margin-top: 35px;
        margin-left: 5px
    }

    .brochure-heading h2,
    .career-box-layouts h5,
    .career-detail-page-contents h1 {
        font-size: 22px
    }

    .career-single-box h4 {
        font-size: 16px
    }

    .location-page-layout h1 {
        font-size: 22px !important
    }

    .locations-head-name h2,
    .other-loc-explore h5,
    .showroom-heading-detail h1 {
        font-size: 18px !important
    }
}

.locations-head-name {
    background-image: url('../images/location-bg.webp');
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10px;
    margin: 35px 0
}

.locations-head-name h2 {
    font-family: Gotham-Pro-Black;
    color: #000;
    font-size: 30px
}

.location-descriptions {
    background-color: #fafafa;
    padding: 12px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.loc-detail-tables,
.showroom-img-detail {
    box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px
}

.location-descriptions h3 {
    font-family: Gotham-Pro-Black;
    color: #212427;
    font-size: 18px;
    text-decoration: underline;
    text-underline-offset: 5px;
    margin: 19px 0
}

.location-descriptions p,
.location-detail-btn a,
.locations-btns-flex a {
    font-family: Montserrat-Regular;
    font-size: 14px
}

.flex1 a:hover,
.flex2 a:hover,
.flex3 a:hover,
.locations-btns-flex a:hover {
    color: #fff
}

.location-descriptions p span {
    font-family: Gotham-Pro-Black;
    color: #000;
    font-size: 14px;
    padding-right: 10px
}

.location-descriptions p {
    color: #000;
    margin-bottom: 10px;
    min-height: 10vh
}

.location-descriptions p:nth-child(5):after {
    content: "\f061";
    font-family: FontAwesome;
    color: #000;
    padding-left: 5px
}

.location-descriptions p:nth-child(5) {
    cursor: pointer
}

.location-detail-btn a {
    background-color: #307fe2;
    color: #fff !important;
    padding: 10px 15px;
    cursor: pointer
}

.location-detail-btn {
    margin: 25px 0
}

.location-boxes-layout {
    margin-bottom: 30px
}

.location-descriptions p:nth-child(3) {
    min-height: 82px
}

.locations-btns-flex a {
    padding: 10px 16px;
    background: #e11428 !important;
    color: #fff;
    border-radius: 33px;
    outline: 0;
    font-weight: 600
}

.location-link a,
.location-mail p {
    padding-left: 5px;
    margin-bottom: 10px
}

.locations-btns-flex {
    margin-top: 20px
}

.showroom-heading-detail h1 {
    color: #242721;
    font-family: Montserrat-Bold;
    font-size: 34px;
    margin-bottom: 10px
}

.location-detail-head,
.location-link a,
.location-mail p {
    font-family: Montserrat-Medium;
    font-weight: 600
}

.detail-share {
    text-align: end
}

.location-detail-first-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0
}

#location-details-section {
    width: 100%;
    float: left;
    background-color: #f5f5f5
}

.loc-detail-tables {
    border: 2px solid #ddd
}

.location-detail-head {
    text-align: center;
    background: #e11428;
    padding: 7px 0;
    color: #fff;
    font-size: 16px
}

.location-address,
.location-mail,
.location-phone,
.location-timings {
    display: flex;
    align-items: center;
    padding: 20px 0
}

.location-link {
    display: flex;
    align-items: center;
    padding: 8px 0
}

.location-link a::before {
    content: "\f124";
    font-family: FontAwesome;
    color: #e11428;
    font-size: 24px
}

.location-address p,
.location-phone p,
.location-timings p {
    font-family: Montserrat-Medium;
    font-size: 14px;
    font-weight: 600;
    color: #242721;
    padding-left: 5px
}

.location-mail p {
    font-size: 16px;
    color: #242721;
    word-break: break-all
}

.location-link a {
    font-size: 14px;
    color: #242721;
    cursor: pointer
}

.location-link a:hover {
    text-decoration: none
}

.col-box {
    border-bottom: 2px solid #ddd
}

.showroom-img-detail {
    padding: 15px;
    max-width: 100%
}

#other-locations-updates {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 45px 0;
    box-shadow: rgba(17, 12, 46, .15) 0 48px 100px 0
}

.other-loc-explore h5 {
    color: #242721;
    font-size: 30px;
    font-family: Montserrat-ExtraBold;
    margin-bottom: 20px
}

.other-loc-explore a {
    background-color: #e11428;
    padding: 12px 18px;
    color: #fff !important;
    font-size: 16px;
    font-family: Montserrat-Medium;
    margin: 10px 0;
    cursor: pointer
}

.slide-tab input,
input#db-sbtn {
    background: 0 0;
    border: 0;
    text-transform: uppercase
}

.overview-img {
    margin: 0 auto
}

.overviewslider-main .slick-prev:before {
    content: '\f104';
    color: #fff
}

.overviewslider-main button.slick-prev.slick-arrow {
    left: -2px
}

.overviewslider-main .slick-next:before {
    content: '\f105';
    color: #fff
}

.overviewslider-main button.slick-next.slick-arrow {
    right: 0
}

.slidr-contents {
    text-align: center;
    background-color: #f8f8f8;
    padding: 12px
}

#error-page-section {
    width: 100%;
    float: left;
    margin-top: 144px
}

.error-msgs-layout {
    text-align: center;
    padding: 65px 0
}

.error-msgs-layout h1 {
    font-size: 85px;
    font-family: Gotham-Pro-Black;
    color: #307fe2;
    font-weight: 600
}

.error-msgs-layout p {
    font-family: Gotham-Pro-Regular;
    font-size: 35px;
    color: #242721;
    font-weight: 400
}

.disclaimer-modal h4,
.forms-disclaimer,
.news-eventdate,
input#db-sbtn {
    font-family: Montserrat-SemiBold
}

.bodyshop-row,
.ca-b,
.service-row {
    justify-content: center
}

input#db-sbtn {
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center
}

@media (min-width:375px) {
    .slide-tab input {
        font-family: Gotham-Pro-Medium;
        font-size: 12px !important
    }
}

.slide-tab input {
    color: #fff;
    font-size: 13px
}

.of-content h3 {
    margin-bottom: 5px
}

.overview__slider-thmb button.slick-next.slick-arrow {
    right: 60px
}

.overview__slider-thmb button.slick-prev.slick-arrow {
    left: -7px
}

.overview__slider-main button.slick-next.slick-arrow,
.overview__slider-main button.slick-prev.slick-arrow {
    top: 113px
}

.location-mail p a,
.location-phone p a {
    color: #242721
}

.openbox-cover {
    position: absolute;
    top: 126%;
    right: 0;
    background: #fefefe;
    padding: 23px;
    border-radius: 12px;
    z-index: 9
}

.social-media-links {
    display: flex;
    flex-direction: column
}

.social-media-links img {
    padding: 5px
}

.forms-disclaimer {
    text-align: center;
    margin: 20px 0;
    font-size: 12px;
    position: relative
}

span#disclaimer-info {
    width: 100%;
    margin: 0 auto;
    top: 14px
}

.forms-disclaimer label {
    margin-bottom: 12px;
    font-family: Montserrat-Medium
}

.modal-content {
    top: 14em
}

.disclaimer-modal h4 {
    font-size: 16px
}

.disclaimer-modal p {
    font-family: Montserrat-Medium;
    font-size: 14px
}

.news-eventdate {
    color: #242721;
    font-size: 14px
}

#value-service-cta h4,
.v-add-servicesh {
    font-size: 24px;
    text-align: center
}

.buying-giud-block input {
    background: #307fe2;
    color: #fff;
    padding: 10px;
    width: 86%;
    font-family: Gotham-Pro-Regular;
    font-weight: 600;
    display: block;
    font-size: 13px;
    text-align: center;
    border-radius: 33px;
    border: none
}

#service-points {
    width: 100%;
    float: left;
    padding: 35px 0
}

.key-points-heading h1 {
    font-family: Gotham-Pro-Medium;
    font-size: 28px;
    color: #242721;
    text-decoration: underline;
    text-underline-offset: 8px
}

.price-list-btn input,
.service-submit-btn,
input#sBtn {
    outline: 0;
    text-decoration: none !important;
    margin-left: 15px
}

.key-points-heading p {
    font-family: Gotham-Pro-Regular;
    font-weight: 600;
    font-size: 18px
}

#value-service-cta h4,
.services-keys h3,
.v-add-servicesh {
    font-family: Gotham-Pro-Black
}

.services-keys {
    padding: 50px 0;
    border-bottom: 2px solid #000
}

.services-keys h3 {
    font-size: 20px;
    color: #242721
}

.services-keys p,
.services-keys ul li {
    font-family: Gotham-Pro-Regular;
    font-size: 14px;
    color: #242721
}

.services-keys p {
    font-weight: 600;
    margin-bottom: 5px
}

.sitemap-links h6 a,
.sitemap-links ul li a {
    color: #000 !important;
    font-size: 16px;
    cursor: pointer
}

@media(min-width:768px) {
    .services-keys img {
        width: 100%
    }
}

.v-add-servicesh {
    color: #242721;
    margin-bottom: 5px
}

#value-service-cta h4,
.v-add-servicesp {
    margin-bottom: 40px;
    color: #242721
}

.price-list-btn input,
.v-add-servicesp {
    font-size: 14px;
    font-family: Montserrat-Regular;
    font-weight: 600
}

#value-service-cta {
    width: 100%;
    float: left;
    padding: 50px 0;
    background-color: #fff;
    text-align: center
}

#value-service-cta .value-service-offerings-btn {
    background-color: #307fe2;
    color: #fff !important;
    padding: 17px 34px;
    text-align: center;
    font-family: Gotham-Pro-Medium;
    cursor: pointer
}

#value-service-cta .value-service-offerings-btn:hover {
    color: #fff !important;
    text-decoration: none
}

.price-list-btn input {
    padding: 10px 16px;
    background: #e11428 !important;
    color: #fff;
    border-radius: 33px;
    border: none
}

.corporate-heading h4,
.grp-heading h3,
.grp-vision-mision-heading h4 {
    color: #307fe2;
    font-size: 32px;
    font-family: Gotham-Pro-Black;
    text-align: center
}

#grp-vision-mission,
#our-grp-layout {
    width: 100%;
    float: left;
    padding: 45px 0
}

.icon-grp-col {
    text-align: center;
    font-family: Gotham-Pro-Medium;
    font-size: 18px;
    color: #242721;
    margin-bottom: 12px
}

.corporate-heading h4,
.grp-vision-mision-heading h4 {
    margin-bottom: 45px
}

.sitemap-links h6 a,
.visioncontents h5 {
    margin-bottom: 15px;
    font-family: Montserrat-SemiBold
}

.visioncontents h5 {
    font-weight: 600;
    color: #000;
    font-size: 22px
}

.mission-contents {
    margin-top: 25px
}

#sitemap-layout {
    width: 100%;
    float: left;
    padding: 45px 0
}

.sitemap-links ul li a {
    font-family: Montserrat-SemiBold;
    margin-bottom: 10px
}

.sitemap-links {
    margin-bottom: 40px
}

.corporate-address {
    width: 100%;
    float: left;
    padding: 40px 0
}

.corporate-heading {
    text-align: center;
    margin-bottom: 20px
}

.abt-img-loc {
    padding: 33px
}

.corporote-add-layout-box {
    background-color: #f6f4f3
}

.abt-loc-det {
    padding: 0
}

@media(min-width:790px) {
    .corporate-addres-details-box {
        padding: 20% 14% 0 9px !important
    }
}

.corporate-addres-details-box {
    padding: 25px 0
}

.corporate-addres-details-box h4 {
    font-size: 30px;
    font-family: Gotham-Pro-Black;
    margin-bottom: 14px
}

.corporate-addres-details-box p {
    font-size: 16px;
    font-family: Gotham-Pro-Regular;
    color: #000;
    font-weight: 600
}

.flex-item a:hover {
    color: #000;
    transition: .3s
}

@media(max-width:992px) {
    .desktop-banner {
        display: none
    }

    .mobile-banner {
        display: block !important
    }
}

.mobile-banner {
    display: none;
    width: 100%
}

@media (max-width:991px) {
    #special-offers-layout-section {
        width: 100%;
        float: left;
        margin-top: 58px
    }
}

@media (max-width:767px) {
    .buying-giud-block input {
        padding: 7px 4px;
        width: 70%;
        margin: 0 auto
    }

    .extended-content h1 {
        font-size: 24px !important;
        text-align: center !important
    }

    .extended-content h3,
    .extended-content p {
        font-size: 14px !important
    }

    div#extended-section {
        padding: 0 !important
    }

    section#form-layouts-head-extended {
        padding: 0 0 50px
    }

    #banner-sections-layouts,
    #location-detail-layout,
    #m-detail-layout {
        margin-top: 52px
    }
}

.service-booking-point {
    font-size: 10px;
    font-family: Gotham-Pro-Regular;
    color: #000;
    text-align: center
}

.banner-img-mobile,
img.spl-banner-mb,
input.star {
    display: none
}

label.star {
    padding: 6px;
    font-size: 15px;
    color: #444;
    transition: .2s;
    float: right
}

label.star:before {
    content: '\f006';
    font-family: FontAwesome
}

input.star:checked~label.star:before {
    content: '\f005';
    color: #fd4;
    transition: .25s
}

.input-boxes-star,
img.spl-banner-dt {
    display: block
}

input.star-5:checked~label.star:before {
    color: #fe7;
    text-shadow: 0 0 20px #952
}

input.star-1:checked~label.star:before {
    color: #f62
}

span#star-info {
    position: relative;
    top: 62px;
    left: -41px
}

@media(max-width:600px) {
    #location-details-section {
        padding: 0
    }

    .location-address p,
    .location-link a,
    .location-mail p,
    .location-phone p,
    .location-timings p {
        font-size: 12px
    }

    .features-video iframe {
        height: 100%
    }

    .forms-btns {
        text-align: center
    }

    #prevBtn {
        margin-bottom: 30px
    }

    .form-steps {
        padding: 10px 0
    }

    .thankyou-contents h3 {
        font-size: 22px
    }

    .thankyou-contents p {
        font-size: 14px
    }
}

@media (max-width:993px) and (min-width:991px) {
    .form-layout-content-section {
        margin-top: 5px;
        width: 95%
    }
}

.buying-giud-block input:hover {
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    transition: .4s;
    color: #fff
}

.apply-for-loan,
.extended-warranty,
.form-steps,
.insurance-form-block,
.online-form-block,
.refer-form-block,
.service-appointment {
    margin-top: 5px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    padding: 15px;
    margin-bottom: 20px
}

.service-submit-btn,
input#sBtn {
    background: #e11428 !important;
    color: #fff;
    border: unset;
    padding: 6px 24px;
    border-radius: 33px;
    font-weight: 600;
    cursor: pointer;
    font-family: Montserrat-Regular
}

.extended-warranty h3,
.extended-warranty h5 {
    font-size: 17px;
    text-decoration: underline;
    font-family: Montserrat-Bold;
    text-underline-offset: 4px
}

.car-detail a,
.info-box-body a {
    text-decoration: none !important
}

div#extended-section {
    width: 100%;
    float: left;
    margin-top: 95px;
    padding: 50px 0
}

.extended-content h1 {
    font-size: 32px;
    color: #000;
    font-family: Montserrat-ExtraBold;
    margin-bottom: 15px
}

.extended-content h3,
.extended-content p {
    font-size: 16px;
    font-family: Montserrat-Medium;
    padding-bottom: 10px;
    line-height: 1.5;
    text-align: justify
}

.info-box-head h4,
a.action {
    background: #d33d3d;
    padding: 10px 15px
}

input#iname::placeholder {
    color: #000 !important
}

section#form-layouts-head-extended {
    width: 100%;
    float: left;
    padding: 0 0 50px
}

.new-car-highlights {
    display: contents;
    background: #2f2f2f;
    padding: 0 0 8px;
    border-radius: 10px;
    color: #fff;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center
}

.new-car-highlights a:first-child {
    background: #e11428;
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
    font-family: Montserrat-Medium;
    max-width: 100%;
    width: 60%;
    margin: 0 auto !important;
    position: absolute;
    top: -20px
}

.new-car-highlights a:nth-child(2) {
    font-size: 14px;
    font-family: Montserrat-Regular;
    height: 9;
    padding-top: 30px !important;
    text-align: center
}

.new-car-highlights a:first-child span {
    font-size: 18px;
    font-family: Montserrat-SemiBold
}

.new-car-highlights a:first-child img {
    max-width: 100%;
    width: 18px;
    position: relative;
    top: -3px
}

@media(min-width:1071px) and (max-width:1200px) {
    .new-car-highlights {
        width: 100% !important
    }
}

@media(min-width:1015px) and (max-width:1070px) {
    .new-car-highlights {
        width: 100%
    }
}

@media(min-width:843px) and (max-width:1014px) {
    .new-car-highlights {
        width: 100%
    }
}

@media(min-width:769px) and (max-width:842px) {
    .new-car-highlights {
        width: 100%
    }
}

@media(min-width:701px) and (max-width:768px) {
    .new-car-highlights {
        width: 100%
    }
}

@media(min-width:601px) and (max-width:700px) {
    .new-car-highlights {
        width: 100%
    }
}

@media(min-width:542px) and (max-width:600px) {
    .new-car-highlights {
        width: 100%
    }
}

@media(min-width:450px) and (max-width:542px) {
    .new-car-highlights {
        width: 100%;
        margin: 0 auto
    }
}

@media(max-width:530px) {
    .new-car-highlights {
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-bottom: 0 !important;
        padding: 3px 15px 6px !important
    }

    .new-car-highlights a:first-child {
        margin-top: -24px;
        margin-bottom: 8px
    }
}

@media(max-width:940px) {

    .new-car-highlights a:first-child,
    .new-car-highlights a:nth-child(2) {
        font-size: 12px
    }

    .new-car-highlights a:first-child span {
        font-size: 16px
    }
}

section#honda-car-info {
    float: left;
    width: 100% !important;
    padding: 45px 0
}

.car-img-box img,
.car-img-thumb-box img {
    max-width: 100% !important
}

.car-img-thumb-box {
    width: 100% !important;
    padding: 5px
}

.info-box h6 {
    font-size: 32px;
    font-family: Montserrat-ExtraBold;
    color: #000;
    margin-bottom: 5px
}

@media(max-width:542px) {
    .info-box h6 {
        text-align: center;
        margin-bottom: 25px
    }

    .info-flx {
        flex-direction: column;
        gap: 10px !important;
        align-items: center !important
    }

    .price-info {
        align-items: flex-start !important;
        gap: 9px !important;
        flex-direction: column !important
    }

    .new-feature-box {
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: 1fr 1fr 1fr !important
    }
}

.info-box-body h5,
.info-box-head h4 {
    font-family: Montserrat-SemiBold;
    margin-bottom: 0
}

@media(max-width:768px) {
    .error-msgs-layout h1 {
        font-size: 24px !important
    }

    .error-msgs-layout p,
    .new-feature-box-info p {
        font-size: 16px !important
    }

    .call-back-cta,
    .td-cta {
        display: none
    }

    .book-test-drive-head h3,
    .corporate-addres-details-box h4,
    .corporate-heading h4,
    .form-layout-content-section h2,
    .grp-heading h3,
    .grp-vision-mision-heading h4 {
        font-size: 22px
    }

    .blog-container-layout-heading h1 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .visioncontents h5 {
        font-size: 18px;
        margin: 10px 0
    }

    .book-test-drive-head p {
        font-size: 14px
    }

    #value-service-cta h4 {
        font-size: 18px
    }

    #cst-disc {
        margin-top: 80px
    }

    #insurance-disclaimer {
        margin-top: 70px
    }

    .info-box h6 {
        font-size: 28px !important
    }

    .new-car-info p,
    .price-cont h6,
    a.action {
        font-size: 14px !important
    }

    .info-box-body h5 {
        font-size: 18px !important
    }

    .price-cont h4 {
        font-size: 20px !important
    }

    .new-feature-box-info h6 {
        font-size: 12px !important
    }

    .new-feature-box-info h5 {
        font-size: 11px !important
    }
}

.info-flx {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between
}

.info-box-head h4 {
    color: #fff;
    font-size: 14px;
    border-radius: 5px
}

.info-box-body {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #ececec;
    justify-content: center;
    padding: 10px 0
}

.info-box-body img {
    max-width: 100%;
    width: 35px
}

.info-box-two {
    background: #ececec;
    border: 1px solid #70707070;
    border-radius: 5px
}

.info-box-body a {
    color: #000
}

.info-box-body h5 {
    font-size: 20px;
    color: #000
}

.new-car-info p {
    font-size: 16px;
    font-family: Montserrat-Regular;
    color: #5b5b5b;
    margin-bottom: 6px;
    text-align: justify;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 4;
    line-height: 1.5em
}

.brochure-heading,
.car-detail h4,
.feature-box h4,
.price-cont,
.rat-cont h6,
.renewal-head h1,
.renewal-head p {
    text-align: left
}

.price-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between
}

.price-cont h6 {
    font-size: 16px;
    font-family: Montserrat-Bold;
    color: #000;
    margin-bottom: 5px
}

.price-cont h4 {
    font-size: 24px;
    font-family: Montserrat-ExtraBold;
    color: #000;
    margin-bottom: 2px
}

.price-cont p {
    font-size: 12px !important;
    font-family: Montserrat-Regular;
    color: #b4b4b4;
    margin-bottom: 0
}

a.action {
    color: #fff !important;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    font-family: Montserrat-Medium;
    border-radius: 5px
}

a.action img {
    max-width: 100%;
    width: 20px
}

.feature-box {
    background: #7070700f;
    padding: 10px 10px 0;
    border: 1px solid #707070;
    border-radius: 5px
}

.feature-box h4 {
    font-size: 20px;
    color: #000;
    font-family: Montserrat-Bold;
    margin-bottom: 5px
}

.new-feature-box-info img {
    max-width: 100%;
    width: 28px;
    margin-bottom: 5px
}

.new-feature-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

.new-feature-box-info {
    flex: 1;
    padding: 5px;
    text-align: center
}

.new-feature-box-info p {
    font-size: 16px;
    font-family: Montserrat-SemiBold;
    color: #000;
    margin-bottom: 0
}

.new-feature-box-info h5 {
    font-size: 13px;
    font-family: Montserrat-Medium;
    color: #000;
    margin-bottom: 0
}

.honda-car-img.slick-initialized.slick-slider img {
    max-width: 100% !important;
    width: 100%
}

.highlights-flx img {
    max-width: 100%;
    width: 120px
}

.highlights-flx {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 5px 0
}

.car-box,
.full-special-offers-contents .row .col-xs-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
    padding: 0 !important
}

.car-img-box img {
    border-radius: 5px
}

section#honda-car-info .row {
    align-items: center !important
}

.car-box,
.car-info-box {
    align-items: center;
    display: flex
}

.car-box {
    min-height: 200px
}

.car-box-1,
.car-box-2,
.car-box-3,
.car-box-4,
.car-box-5,
.car-box-6 {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px
}

.car-box-1 {
    background-image: url('../images/test-drive-bg.webp')
}

.car-box-2 {
    background-image: url('../images/service-booking-bg.webp')
}

.car-box-3 {
    background-image: url('../images/special-offers-bg.webp')
}

.car-box-4 {
    background-image: url('../images/online-car-booking-bg.webp')
}

.car-box-5 {
    background-image: url('../images/refer-bg.webp')
}

.car-box-6 {
    background-image: url('../images/used-cars-bg.webp')
}

.car-info-box {
    width: 100%;
    padding: 20px;
    justify-content: center !important;
    gap: 20px
}

.car-detail a {
    background: #e11428;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    font-family: Montserrat-Medium;
    border-radius: 20px
}

.car-detail h4 {
    font-size: 20px;
    font-family: Montserrat-SemiBold;
    margin-bottom: 3px;
    color: #fff
}

@media(max-width:768px) {
    .car-detail h4 {
        font-size: 16px !important
    }

    .car-info-box p {
        font-size: 14px !important;
        width: 100% !important
    }

    .car-detail a {
        font-size: 12px !important
    }

    .car-detail a:after {
        font: 14px/1 FontAwesome !important
    }
}

.car-info-box p {
    font-size: 16px;
    font-family: Montserrat-Medium;
    margin-bottom: 20px;
    color: #ffffffbf;
    width: 85%
}

.rat-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 3px solid #e11428;
    padding: 10px;
    background: #fff
}

section.mob-rating {
    width: 100%;
    float: left;
    padding: 20px 0 0;
    background: #f7f7f7;
    display: none
}

.rat-cont h6 {
    font-size: 24px;
    font-family: Montserrat-Bold;
    color: #e11428;
    margin-bottom: 0
}

.rat-cont img {
    max-width: 100%;
    width: 300px
}

@media(max-width:600px) {
    .rat-cont {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center
    }

    .rat-cont h6 {
        text-align: center
    }
}

@media(min-width:783px) and (max-width:991px) {
    section#special-edition-banner {
        margin-top: 66px
    }
}

@media(max-width:782px) {
    section#special-edition-banner {
        margin-top: 52px
    }
}

.special-banner img {
    max-width: 100%;
    width: 100%
}

section#limited-edition-price {
    width: 100%;
    float: left;
    padding: 15px 0;
    background: linear-gradient(#fff 23%, #d7d7d7)
}

.limited-edition-price-details h2,
.limited-edition-price-details p {
    font: 500 16px Montserrat-Medium;
    margin-bottom: 0
}

.limited-edition-price-details h3,
.limited-edition-price-details h5 {
    margin-bottom: 0;
    padding: 5px 0 10px;
    color: #000 !important;
    font: 700 24px Montserrat-Bold
}

.limited-edition-price-details a {
    text-decoration: none;
    color: #e30000 !important;
    font: 700 14px Montserrat-Bold;
    background: 0 0 !important
}

.limited-edition-price .row {
    padding: 0;
    margin: 0 !important
}

.bottom_wrapper {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    height: auto;
    padding: 1% 0
}

.limited-edition-price .row .col-xs-6 {
    width: 50%
}

@media(max-width:767px) {
    .special-box {
        text-align: center
    }

    .special-offers-heading-paragraph h1 {
        font-size: 22px
    }

    .special-offers-heading-paragraph p {
        font-size: 14px
    }

    .offer-contents h3 {
        margin-top: 10px
    }

    .limited-edition-price-details {
        min-height: 95px
    }

    .limited-edition-price-details h2,
    .limited-edition-price-details p {
        font: 500 14px Montserrat-Medium
    }

    .limited-edition-price-details h3,
    .limited-edition-price-details h5 {
        font: 700 21px Montserrat-Bold
    }

    .limited-edition-price-details a {
        font: 700 14px Montserrat-Bold
    }

    .limited-edition-price .row>* {
        padding: 10px !important
    }

    .key-featues-item h3 {
        font: 700 18px Montserrat-Bold
    }
}

.key-featues-item {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .13);
    margin: 15px 4px;
    width: 98% !important
}

.key-featues-item h3 {
    min-height: 80px;
    font: 700 21px Montserrat-Bold;
    text-align: center;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.slick-slide img {
    display: block;
    height: auto !important;
    max-width: 100% !important;
    width: 100%
}

section#key-features-sec {
    padding: 25px 0 80px;
    float: left;
    width: 100%;
    background: #fff !important
}

.key-features-head {
    margin-bottom: 20px;
    text-align: center !important
}

.key-features-head h1 {
    color: #e11428;
    font: 800 24px Montserrat-Bold;
    padding: 4px 10px 0
}

section#key-features-sec button.slick-next.slick-arrow,
section#key-features-sec button.slick-prev.slick-arrow {
    margin-top: 10px
}

section#key-features-sec .slick-prev {
    left: 44% !important;
    top: 100% !important;
    z-index: 99
}

section#key-features-sec .slick-next {
    right: 45% !important;
    top: 100% !important
}

section#key-features-sec .slick-next:before,
section#key-features-sec .slick-prev:before {
    display: inline-block;
    font: 24px/1.6 FontAwesome !important;
    border-radius: 25px;
    background: #e30000 !important;
    width: 40px;
    height: 40px;
    color: #fff
}

.testimonial-slider.slick-initialized.slick-slider>.slick-next:before,
.testimonial-slider.slick-initialized.slick-slider>.slick-prev:before {
    position: absolute;
    font-family: FontAwesome !important;
    top: -6px;
    font-size: 25px !important;
    line-height: 20px !important;
    padding: 9px;
    opacity: 1 !important;
    color: #fff;
    background: #e11428
}

section#key-features-sec .slick-prev:before {
    content: "\f104" !important
}

section#key-features-sec .slick-next:before {
    content: "\f105" !important
}

@media (max-width:574px) {
    section#key-features-sec .slick-prev {
        left: 30% !important
    }

    section#key-features-sec .slick-next {
        right: 35% !important
    }
}

.gallery-wid {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.address li a {
    color: #000 !important
}

.test-slid {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 10px
}

img.user-img {
    max-width: 100%;
    width: 50px
}

img.rating-img {
    max-width: 100%;
    width: 170px
}

.testimonial-slider.slick-initialized.slick-slider>.slick-prev:before {
    content: "\f104" !important;
    left: -3px
}

.testimonial-slider.slick-initialized.slick-slider>.slick-next:before {
    content: "\f105" !important;
    right: -3px
}

.testimonial-slider .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #e11428 !important
}

.re-date {
    text-align: right;
    padding: 4px 0
}

.re-date h6 {
    font-size: 16px;
    font-family: Montserrat-Medium;
    margin-bottom: 0
}

.renewal-flx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    gap: 5px
}

@media(max-width:768px) {

    img.spl-banner-mb,
    section.mob-rating {
        display: block
    }

    img.spl-banner-dt {
        display: none
    }

    .re-date h6,
    .renewal-info div p {
        font-size: 14px
    }

    .renewal-flx {
        flex-direction: column;
        align-items: center
    }

    .renewal-info h5 {
        font-size: 16px
    }

    .renewal-info div {
        gap: 10px
    }

    .service-flx {
        flex-direction: column
    }

    .loc-cont-flx {
        margin: 0 auto !important
    }
}

.renewal-info div {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px;
    background: #f5f5f5
}

.renewal-info div:first-child {
    border-bottom: 1px solid #000;
    width: 100%
}

.renewal-info div img {
    max-width: 100%;
    width: 24px
}

.renewal-info {
    border: 1px solid #000;
    display: flex;
    align-items: start;
    flex-direction: column
}

.renewal-info div a {
    color: #000;
    margin-bottom: 0
}

.renewal-info h5 {
    font-size: 18px;
    margin-bottom: 0
}

.renewal-info div p {
    font-size: 16px;
    margin-bottom: 0;
    color: #000;
    font-family: Montserrat-SemiBold
}

.service-flx {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    align-items: end
}

.loc-cont-flx {
    display: flex;
    flex-direction: column;
    gap: 10px
}

section.Whats-app-icon {
    position: fixed;
    top: 80%;
    right: 2%;
    z-index: 99
}

section.Whats-app-icon img {
    max-width: 100%;
    width: 45px
}

@media(max-width:991px) {

    #error-page-section,
    section#request-banner {
        margin-top: 58px !important
    }

    #review-main-layout,
    #value-added-services-layout {
        margin-top: 58px
    }

    .form-col-1 {
        order: 1
    }

    section.Whats-app-icon {
        top: 70%;
        right: 1%
    }
}

.engt.engt-mobile-tab .engt-right-theme .engt-launch-icon-box {
    right: 1% !important
}

.highlight-block {
    display: flex;
    align-items: center;
    gap: 30px;
    max-width: 1200px;
    margin: auto;
    flex-wrap: wrap;
    float: left;
    width: 100%
}

.text-area {
    flex: 1 1 100%
}

.text-area h2 {
    font-size: 36px;
    color: #000
}

.text-area h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0
}

.text-area p {
    font-size: 16px;
    color: #555
}

.display-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px
}

.visual-box {
    flex: 1 1 60%;
    min-width: 300px;
    max-width: 600px;
    height: 340px;
    overflow: hidden;
    border-radius: 10px
}

.visual-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .3s
}

.info-slide {
    flex: 1 1 35%;
    background: #333;
    color: #fff;
    padding: 25px;
    border-radius: 10px;
    position: relative
}

.car-ctas,
.slide-btn {
    display: flex;
    align-items: center
}

.info-slide h4 {
    font-size: 22px;
    margin-bottom: 10px
}

.info-slide p {
    font-size: 15px;
    line-height: 1.5;
    color: #ddd
}

.slide-controls {
    position: absolute;
    bottom: 20px;
    right: 25px;
    display: flex;
    gap: 15px
}

.slide-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: 0 0;
    color: #fff;
    font-size: 18px;
    justify-content: center;
    cursor: pointer;
    transition: .2s
}

.btn-red4,
.hovereffect {
    background-color: #e30000
}

.slide-btn:hover {
    background: #e11428;
    border-color: #e11428
}

@media (max-width:768px) {
    .highlight-block {
        flex-direction: column
    }

    .info-slide,
    .visual-box {
        flex: 1 1 100%
    }
}

.car-info h3,
.car-info h3 b {
    font-size: 24px;
    font-family: Montserrat-SemiBold;
    color: #e30000;
    text-align: center;
    width: 80%;
    margin: 0 auto 10px
}

.car-info p,
.car-info span {
    font-family: Montserrat-Medium
}

.car-info span {
    font-size: 20px;
    color: #000
}

.car-info p {
    margin: 0;
    font-size: 14px !important
}

@media (max-width:681px) {

    .car-inf p,
    .car-inf span {
        font-size: 16px !important
    }
}

.car-info {
    padding: 20px 10px !important
}

@media (min-width:768px) and (max-width:991px) {

    .car-info h3,
    .car-info h3 b,
    .car-info span {
        font-size: 18px !important
    }

    .car-info h3 {
        width: 95%
    }

    .car-info p {
        font-size: 12px !important
    }

    .car-ctas a {
        font-size: 15px
    }
}

@media(max-width:760px) {

    .car-info h3,
    .car-info h3 b {
        font-size: 16px !important
    }

    .car-ctas {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 10px !important
    }

    .car-info h3 {
        width: 100%
    }

    .car-info span {
        font-size: 16px;
        color: #000;
        font-family: Montserrat-Medium
    }

    .car-info p {
        font-size: 12px !important
    }

    .car-ctas a {
        font-size: 13px !important;
        width: 160px !important
    }

    .car-info {
        padding: 10px 5px !important
    }

    .sp-car-image {
        border-radius: 15px
    }
}

.car-ctas {
    justify-content: center;
    gap: 4%
}

.hovereffect,
.hovereffect:hover .hovereffecttext {
    display: flex;
    align-items: center;
    text-decoration: none !important
}

.car-ctas a {
    background: #df1428;
    color: #fff;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Montserrat-SemiBold;
    border-radius: 8px;
    border: 2px solid #df1428;
    width: 200px;
    text-align: center;
    text-decoration: none
}

#Every-month-offer h1,
.special-offers-imges h3,
.special-offers-imges p,
b {
    font-family: Montserrat-Bold
}

.car-ctas a:hover {
    text-decoration: none;
    color: #fff
}

.car-ctas a:first-child {
    border: 2px solid #df1428;
    color: #df1428;
    background: 0 0
}

#banner-images {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 115px
}

@media (min-width:1441px) {
    .banner {
        max-width: 100%
    }
}

#Every-month-offer {
    text-align: center;
    width: 100%;
    float: left;
    padding: 16px;
    background: #c62429
}

.btn-fixed-class {
    position: absolute;
    top: 35%;
    right: 0
}

.hovereffect {
    padding: 15px;
    position: fixed;
    z-index: 99;
    right: 0;
    top: 62%
}

@media(min-width:1300px) and (max-width:1590px) {
    .hovereffect {
        top: 60%
    }
}

.hovereffecttext {
    font-size: 0px;
    color: #fff;
    -webkit-transition: font-size 1s;
    transition: font-size 1s
}

.hovereffect:hover .hovereffecttext {
    font-size: 14px;
    color: #fff;
    padding-left: 13px;
    cursor: pointer;
    font-family: Montserrat-Medium
}

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

    .banner-img,
    .fixed-icons {
        display: none
    }

    .btn-red4 {
        padding: 8px 20px;
        font-size: 16px;
        text-align: center
    }

    .special-offers-imges {
        margin: 10px 0 !important
    }

    .banner-img-mobile {
        display: block;
        width: 100%;
        max-width: 100%
    }

    #banner-images {
        margin-top: 53px
    }

    #special-img-content {
        min-height: 778px;
        padding: 0 0 60px
    }

    .special-offers-imges p,
    .special-offers-imges span {
        font-size: 20px
    }
}

@media(max-width:768px) {
    #Every-month-offer h1 {
        font-size: 18px
    }

    #special-img-content {
        min-height: 750px !important
    }

    .special-offers-imges {
        margin: 10px 9px !important
    }

    .btn-red4 {
        text-align: center;
        padding: 8px 25px;
        font-size: 14px
    }
}

@media(max-width:767px) {
    #special-img-content {
        min-height: 1457px !important
    }

    .special-offers-imges {
        text-align: left !important
    }

    .special-offers-imges img {
        width: 90px !important;
        float: right;
        margin-top: -35px !important;
        margin-right: 0
    }
}

#Every-month-offer h1 {
    color: #fff;
    font-size: 22px
}

@media(max-width:425px) {

    #Every-month-offer h1,
    .special-offers-imges p,
    .special-offers-imges span {
        font-size: 16px
    }

    #special-img-content {
        width: 100%;
        float: left;
        min-height: 150vh !important
    }
}

.two-content {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width:575px) {
    .two-content {
        min-height: 1092px
    }

    .special-offers-imges {
        text-align: center
    }

    .special-offers-imges p {
        font-size: 12px !important
    }

    .special-offers-imges h2 {
        font-size: 16px !important
    }

    .special-offers-imges h3 {
        font-size: 17px !important
    }
}

.container-fixed-location {
    max-width: 1215px;
    margin: 0 auto;
    width: 95%
}

.full-special-offers-contents {
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;
    margin: 41px 0
}

.full-special-offers-contents .row {
    align-items: center
}

@media(max-width:681px) {
    .special-offers-img {
        padding: 0
    }

    .special-offers-imges p,
    .special-offers-imges span {
        font-size: 15px !important
    }
}

.special-offers-img {
    padding: 10px
}

@media(max-width:1441px) {

    .special-offers-imges p,
    .special-offers-imges span {
        font-size: 28px
    }
}

@media(max-width:1031px) {
    .special-offers-imges {
        margin: 39px 18px
    }
}

@media(max-width:737px) {
    .special-offers-imges {
        margin: 0
    }
}

@media(max-width:1150px) {

    .special-offers-imges p,
    .special-offers-imges span {
        font-size: 20px
    }

    .special-offers-imges {
        margin: 26px 5px
    }
}

.special-offers-imges {
    padding: 20px 15px 20px 0;
    margin: 0
}

.special-offers-imges h3 {
    font-size: 24px;
    color: #e30000;
    margin-bottom: 10px
}

.special-offers-imges p {
    color: #e30000;
    margin: 0;
    font-size: 14px !important
}

.special-offers-imges h2,
.special-offers-imges span {
    font-size: 20px;
    color: #000;
    font-family: Montserrat-Regular
}

.brochure-heading h5,
.btn-red4,
.download-btn a {
    font-family: Montserrat-SemiBold
}

.special-offers-imges a {
    float: right
}

@media(min-width:768px) and (max-width:991px) {
    .special-offers-imges h3 {
        font-size: 18px !important
    }

    .special-offers-imges h2,
    .special-offers-imges span {
        font-size: 16px !important
    }

    .special-offers-imges img {
        width: 100px !important;
        margin-top: -40px !important;
        margin-right: 0
    }

    .special-offers-imges p {
        font-size: 12px !important
    }
}

@media(max-width:480px) {
    .special-offers-imges a {
        float: none !important
    }

    .callback-btn {
        padding-top: 20px;
        text-align: center
    }
}

@media(max-width:1024px) {

    .special-offers-imges p,
    .special-offers-imges span {
        font-size: 24px
    }
}

.special-offers-imges img {
    width: 120px;
    float: right;
    margin-top: -50px;
    margin-right: 0
}

.callback-btn {
    padding: 15px 0
}

.btn-red4 {
    display: inline-block;
    border: none;
    padding: 9px 7px;
    font-size: 18px;
    width: 180px;
    color: #fff;
    border-radius: 5px;
    text-align: center
}

.contact-location {
    margin-top: 10%
}

.contact-us-form,
.refer-a-friend-form {
    margin-top: 0 !important
}

.banner-img img.desktop.refer-a-friend-banner {
    max-width: 100%;
    margin-top: 85px;
    height: auto
}

section#download-brochure {
    width: 100%;
    float: left;
    padding: 50px 0
}

.download-brochure-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 3px solid red;
    padding: 20px;
    gap: 10px
}

.download-brochure-img {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px
}

.download-brochure-content img {
    width: 80px
}

.download-btn a {
    background: red;
    color: #fff;
    padding: 10px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px
}

.brochure-heading h5 {
    font-size: 24px
}

.brochure-heading p {
    font-size: 16px;
    font-family: Montserrat-Medium
}

@media(min-width:991px) and (max-width:1200px) {
    .brochure-heading h5 {
        font-size: 20px !important
    }

    .brochure-heading p {
        font-size: 14px !important
    }

    .download-btn a {
        padding: 10px !important
    }
}

@media(min-width:450px) and (max-width:991px) {
    .download-brochure-content {
        flex-direction: column !important
    }

    .brochure-heading h5 {
        font-size: 18px !important
    }

    .brochure-heading p {
        font-size: 14px;
        font-family: Montserrat-Medium
    }
}

@media(max-width:450px) {

    .overview__slider-main button.slick-next.slick-arrow,
    .overview__slider-main button.slick-prev.slick-arrow {
        top: 97px !important
    }

    .new-car-highlights {
        width: 100%
    }

    .download-brochure-img {
        flex-direction: column
    }

    .brochure-heading h5 {
        font-size: 18px !important;
        text-align: center
    }

    .brochure-heading p {
        font-size: 14px;
        font-family: Montserrat-Medium;
        text-align: center
    }

    .download-brochure-content {
        flex-direction: column !important;
        padding: 20px 10px !important
    }
}
.black-text {
    color: #000;
  }