.clear,
.mfp-bg {
    overflow: hidden
}

:root {
    --color-prime: #144372;
    --color-prime-dark: #063142;
    --color-black: rgb(0, 0, 0);
    --color-light: #f3f3f3;
    --color-white: rgba(255, 255, 255);
    --color-yellow: #fdb813;
    --color-red: #ee4055;
    --color-dark-yellow: rgb(243, 146, 0);
    --color-blue: #73a9df;
    --text-clr: #2c2c2c;
    --dark-text-clr: rgba(245, 245, 245);
    --body-bg: rgb(255, 255, 255);
    --btn-padding: 1em 1.5em;
    --btn-lg-fontsize: 1.3rem;
    --btn-sm-fontsize: .85rem;
    --btn-border-radius: .5rem;
    --btn-border-radius: .7em;
    --btn-alt-border-width: .1em;
    --open-sans: 'Open Sans', sans-serif;
    --georgia-reg: 'Georgia Regular', sans-serif;
    --georgia-bold: 'Georgia Bold', sans-serif;
    --light: 300;
    --reg: 400;
    --med: 500;
    --semi: 600;
    --bold: 700;
    --yellow_bg: #FDB813;
    --light_gray: #F3F3F3;
    --blue_bg: #073648;
    --color28: #1E2028;
    --color-66: #666666;
    --color2c: #2C2C2C;
    --color77: #777777;
    --color42: #063142;
    --color_white: #fff;
    --font30: normal 1.67rem/2.33rem var(--georgia-reg);
    --font30bold: bold 1.67rem/2.33rem var(--open-sans);
    --font26: normal 1.44rem/2.33rem var(--open-sans);
    --font21: bold 1.16rem/1.67rem var(--open-sans);
    --font18: normal 1rem/1.55rem var(--open-sans);
    --font16: normal max(13px, .89rem)/1.55rem var(--open-sans)
}

.comman-tab .card {
    border: 0;
    border-radius: 0;
    background: #a50000
}

.comman-tab .nav-tabs {
    border-bottom: 0;
    max-width: 100%;
    padding: 15px 0
}

.comman-tab .card nav {
    max-width: 900px;
    margin: auto
}

.comman-tab .nav-link {
    background-image: url('../images/arrow-tab.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    width: 200px;
    color: #fff;
    font-family: Cairo, Medium;
    border: 1px solid #fffFFF29 !important;
    margin: 0 3px;
    text-align: left;
    font-size: 14px
}

.comman-tab .nav-link:focus,
.comman-tab .nav-link:hover {
    color: #fff
}

.comman-tab .nav-tabs .nav-item.show .nav-link,
.comman-tab .nav-tabs .nav-link.active {
    color: #a50000 !important;
    font-size: 14px;
    font-family: Cairo, bold;
    background-color: #fff;
    background-image: url('../images/arrow-active.svg') !important
}

.tab-heading h3 {
    font-size: 16px;
    font-family: Orbitron, Medium;
    font-weight: 800;
    text-align: start;
    padding: 30px 0;
    color: #000
}

.comman-tab .nav-tabs .nav-link {
    background: #fffFFF29;
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.clear {
    margin-top: 129px;
    float: left;
    width: 100%
}

.main-section-inner-page .about-top-section,
.mfp-ie7 .mfp-container,
.mfp-ie7 .mfp-img {
    padding: 0
}

.main-section-inner-page .about-top-section .text-padding-inn-page {
    padding-top: 00px
}

.main-section-inner-page .about-top-section .text-padding-inn-page p {
    font-size: 14px;
    padding: 22px 0 54px;
    color: #4a4a4a
}

.main-section-inner-page .about-mid-section h4 {
    padding-bottom: 57px
}

.main-section-inner-page .img-left,
.main-section-inner-page .img-mid,
.main-section-inner-page .img-right {
    width: 33.333%
}

.contact-main-page .btn {
    background: #a50000;
    color: #fff;
    border-radius: 0;
    width: 150px;
    font-size: 18px;
    padding: 10px 0;
    font-family: Cairo, Regular
}

.product-list-emp .product_listing_banner,
.product-space.seriesdetail {
    padding-top: 130px
}

.product-detail-bg-col .carousel-indicators [data-bs-target] {
    width: 22%;
    height: 100%;
    background-color: transparent
}

.product-detail-bg-col .carousel-indicators button.active {
    border: 1px solid maroon !important;
    border-radius: 8px
}

.product-detail-bg-col .carousel-indicators button {
    border: 1px solid #343434 !important;
    border-radius: 8px
}

.product-detail-bg-col .carousel-indicators {
    bottom: -24%
}

.product-detail-bg-col {
    background-color: #e2e2e2 !important
}

.productDetails {
    padding-top: 50px;
    background-color: #e2e2e2
}

.image-container {
    background: linear-gradient(180deg, #070808 0, #2a2b2b 100%) no-repeat padding-box
}

.product-detail-bg-col .carousel-container {
    width: 50%;
    margin: auto
}

.product-detail-bg-col div#img {
    width: 80%;
    margin: auto
}

.product-detail-bg-col section#bestfit {
    padding: 80px 0 0
}

.product-detail-bg-col .accordion-button:focus {
    border-color: transparent;
    box-shadow: none
}

.product-detail-bg-col .accordion-button:not(.collapsed) {
    color: #000;
    box-shadow: none
}

.product-detail-bg-col .accordion-body {
    background-color: #e2e2e2;
    border-color: #e2e2e2;
    font-family: Cairo, sans-serif;
    font-size: 14px;
    color: #4a4a4a
}

.search-icon {
    position: relative;
    top: 5%;
    opacity: .6;
    transition: .5s ease-in
}

.mfp-arrow:focus,
.mfp-arrow:hover,
.mfp-close:focus,
.mfp-close:hover,
.search-icon:hover {
    opacity: 1
}

.text-heading {
    font-family: Cairo, sans-serif;
    font-size: 32px;
    color: #000;
    font-weight: 600
}

.text-paragraph {
    font-family: Cairo, sans-serif;
    font-size: 14px;
    color: #4a4a4a
}

.resize {
    height: auto;
    width: 100% !important;
    min-width: 180px
}

.ads {
    height: auto;
    width: 100%;
    display: flex;
    padding: 0;
    margin: 2rem 0 .5rem;
    border-radius: 4px;
    align-items: center
}

.ads p {
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin: 0;
    padding-left: 1.5rem
}

.ads a {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    top: 12px;
    font-weight: 500;
    color: #0045bc;
    display: block
}

.ads a:hover {
    color: #2973f1
}

.product-detail-bg-col .accordion-button:not(.collapsed),
.product-detail-bg-col button.accordion-button.collapsed {
    background-color: #e2e2e2;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 14px
}

.product-detail-bg-col .bnt-maroon-clr {
    background-color: #a50000;
    color: #fff;
    border-radius: 0
}

.product-detail-bg-col .bnt-white-clr {
    background-color: #f5f5f5;
    color: #616161;
    border: 1px solid #e6e6e6;
    border-radius: 0
}

.product-detail-bg-col .btn-check:focus+.btn,
.product-detail-bg-col .btn:focus {
    box-shadow: none
}

.product-detail-bg-col .accordion-button {
    padding: 1.5rem 1.25rem
}

.button-container .bnt-maroon-clr,
.button-container button {
    width: 100%;
    height: auto;
    padding: .7rem 0;
    border: 0;
    font-family: Poppins, sans-serif;
    margin-top: 18px;
    transition: .5s
}

.button-container .bnt-maroon-clr:hover,
.button-container button:hover {
    background: #000
}

.over_tab_common li.by-vehicle-hover:hover,
.product-detail-bg-col .accordion-button::after {
    background-image: url('../images/arrow-active.svg') !important
}

.bdr-img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #6a6a6a;
    text-align: center;
    justify-content: center;
    display: inline-block;
    position: relative
}

.over_tab_common {
    padding-top: 16px;
    position: fixed;
    z-index: 99;
    width: 100%
}

.over_tab_common ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
    width: 100%
}

.over_tab_common ul li {
    width: 100%;
    background: no-repeat #fffFFF29;
    padding: .375rem 2.25rem .375rem .75rem;
    color: #fff;
    text-transform: uppercase;
    font-family: Cairo, Medium;
    font-size: 15px;
    border: 1px solid #ffffff54;
    background-image: linear-gradient(45deg, transparent 50%, #d58a8a 50%), linear-gradient(135deg, #d58a8a 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 1px), calc(100% - 15px) calc(1em + 1px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    margin: .7rem 0;
    line-height: 21px
}

.cart-btm p b,
.showroom-price-cart p b {
    font-family: Orbitron, sans-serif;
    font-weight: 500
}

.bg-light-maroon {
    background: #a50000
}

.droupdown-content-mega-menu {
    z-index: 9;
    position: absolute;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    transition: .5s ease-in-out;
    top: 75px
}

.events-list .happening-thumb:not(.with-image) .happening-content,
.featured-event,
.featured-news,
.featured-news .col-xl-11,
.happening-heading,
.preOrder-terms ul li,
.video_box {
    position: relative
}

.by-vehicle-hover .droupdown-content-mega-menu.dropdown-brand {
    visibility: visible;
    opacity: 1;
    padding: 15px 0
}

.over_tab_common li.by-vehicle-hover:hover {
    color: #a50000 !important;
    font-size: 15px;
    font-family: Cairo, bold;
    background-color: #fff
}

.custom_width {
    max-width: 1320px;
    margin: auto
}

.clear,
.mfp-align-top .mfp-container:before,
.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.happening-list .form-select {
    height: auto;
    padding: .9em 1.2em;
    line-height: 1.2
}

.happening-list .form {
    margin-bottom: 3rem
}

.happening-list .form .row>* {
    flex-grow: 1
}

.featured-news {
    display: block;
    isolation: isolate
}

.featured-news .col-xl-11::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-prime-dark);
    z-index: -1
}

.featured-news .news-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    position: relative;
    color: #fff;
    padding: 3rem 2rem
}

:where(.featured-news,
.featured-event) :where(.news-text,
.event-text) span {
    display: block
}

:where(.featured-news,
.featured-event) :where(.news-text,
.event-text) .timing {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    font-family: Cairo, Regular
}

:where(.featured-news,
.featured-event) :where(.news-text,
.event-text) .news-title {
    font-size: 1.8rem;
    line-height: 1;
    font-family: Cairo, Regular;
    margin-bottom: 1.8rem
}

:where(.featured-news,
.featured-event) :where(.news-text,
.event-text) .news-desc {
    margin-bottom: 1.8rem;
    font-family: Cairo, Regular
}

.events-list .happening-thumb:not(.with-image) .happening-content .timing,
.happening-heading,
.happening-thumb .news-desc {
    margin-bottom: 2rem
}

.featured-event {
    isolation: isolate;
    display: block
}

.featured-event .event-text {
    padding: 5rem;
    color: #fff
}

.featured-event .event-text::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(100% - 3rem);
    background-color: #ac1f24;
    z-index: -1;
    width: 60%
}

.featured-event .event-text .news-title {
    font-size: 2.5rem
}

.other-news {
    margin-top: 3rem
}

.happening-thumb {
    display: block;
    height: 100%
}

.happening-thumb .happening-content {
    padding-inline: .7rem;
    padding-bottom: 1.5rem
}

.happening-thumb:not(.with-image) .happening-content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    height: 100%
}

.happening-thumb.with-image {
    border-bottom: 1px solid #ccd1d6
}

.happening-thumb figure img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover
}

.happening-thumb .happening-content span {
    display: block;
    transition: .3s
}

.happening-thumb .happening-content .btn {
    display: flex
}

.happening-thumb .happening-content .timing {
    margin-bottom: .7rem
}

.happening-thumb .happening-content .happening-title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.4;
    font-family: Cairo, Regular;
    color: #000
}

.happening-thumb.with-image:hover .happening-title {
    color: var(--color-red)
}

.happening-thumb.with-image:hover .timing {
    color: var(--text-clr)
}

.happening-thumb:not(.with-image) :where(.happening-title,
.happening-title,
.timing,
.happening-desc,
.happening-desc) {
    color: #fff
}

.other-news .happening-thumb:not(.with-image) :where(.happening-title,
.happening-title,
.timing,
.happening-desc,
.happening-desc) {
    color: #000
}

.happening-thumb:not(.with-image) :where(.happening-title,
.timing,
.happening-title) {
    margin-bottom: 1.6rem
}

.happening-thumb:not(.with-image) :where(.happening-title,
.happening-title) {
    font-size: 1.4rem
}

.happening-thumb:not(.with-image) .btn {
    margin-top: auto
}

.happening-thumb:is(.bg-light) :is(.happening-title,
.happening-title,
.timing,
.happening-desc,
.happening-desc) {
    color: var(--text-clr)
}

.events-list .happening-thumb:not(.with-image) .happening-content .happening-title {
    font-size: 2rem;
    font-family: Cairo, Regular;
    line-height: 1.2;
    margin-bottom: 2.5rem;
    font-weight: 400
}

.events-list .happening-thumb:is(.bg-light,
.bg-yellow) :is(.happening-title,
.happening-title,
.timing,
.happening-desc,
.happening-desc) {
    color: var(--text-clr);
    font-family: Cairo, Regular
}

.events-list .happening-thumb.with-image .happening-content .timing {
    margin-bottom: 1.4rem;
    font-family: Cairo, Regular;
    color: #000
}

.events-list .happening-thumb.with-image .happening-content {
    padding: 1.5rem
}

.events-list .happening-thumb:not(.with-image) .happening-content::after {
    content: '';
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    width: 4.6rem;
    height: 1px;
    background-color: var(--color-black)
}

.detail-prz p.booking-amount,
.events-list .happening-thumb figure,
.happening-details .happening-content figure,
.login-wrapper.login-form .social-media .line-box p,
.showroom-price-cart p {
    margin-bottom: 0
}

.happening-heading {
    padding-bottom: .7rem
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.happening-heading::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .2)
}

.happening-heading .happening-title {
    font-family: Cairo, Regular;
    font-size: 2rem;
    margin-bottom: 1.8rem
}

.happening-heading blockquote {
    color: #666;
    margin-bottom: 2.3rem;
    font-family: Cairo, Regular
}

.happening-heading .timing {
    margin-bottom: 1.3rem;
    font-family: Cairo, Regular
}

.happening-heading .btns-group {
    column-gap: .5rem;
    position: absolute;
    left: 0;
    top: 100%;
    transform: translateY(-50%);
    background: #fff;
    z-index: 1;
    padding-right: 1.1rem
}

.happening-heading .btns-group .btn {
    background-color: #ddebf1;
    border-radius: 50%
}

.happening-banner {
    padding-block: 3rem
}

.happening-banner img {
    padding-block: 3rem;
    width: 100%;
    max-height: 550px;
    object-fit: cover;
    object-position: top
}

.happening-details .happening-content {
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-top: 4rem;
    padding-bottom: 7rem
}

.happening-details.event-details .happening-content {
    border-bottom: none;
    padding-bottom: 3rem
}

.happening-details .happening-content p {
    font-size: .889rem;
    line-height: 1.5;
    font-family: Cairo, Regular
}

.cart-box1 .acceptance a,
.cart-box1 .acceptance label {
    font-family: Cairo, sans-serif
}

.event-photos-slider {
    padding-bottom: 3rem
}

.related-news {
    margin-top: 0
}

section.happening-list.events-list.top-section p {
    font-family: Cairo, Regular
}

a.featured-event img.img-fluid.featured {
    width: 100%;
    height: 480px;
    object-fit: cover
}

.bg-yellow {
    background-color: var(--color-yellow)
}

section.happening-list.events-list.top-section {
    margin-top: 5rem;
    margin-bottom: 10rem
}

.showroom-price-cart ul {
    padding-left: 2rem
}

.showroom-price-cart p b {
    color: #c70606;
    font-size: 18px;
    padding-left: 0;
    display: block;
    margin-top: 1.5rem
}

.cart-btm,
.preOrder-terms ul+h5 {
    margin-top: 2rem
}

.billing-detail-panel ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap
}

.product-space.seriesdetail.banner {
    padding-top: 60px
}

.px_listed_banner {
    padding-top: 70px
}

.product-cart .row {
    align-items: flex-start;
    /* margin-bottom: -20px */
}

.login-content .cforget,
.preOrder-terms h5,
.preOrder-terms h6 {
    margin-bottom: 1rem
}

.over_tab_common ul li.search-dropdown a {
    color: #000;
    font-family: Cairo, bold
}

.abut-brochure a:hover span,
.abut_us_brochure a:hover span,
.awdealers-grid .thumb-content .btn-wrapper .icon:first-child a,
.over_tab_common li.by-vehicle-hover.dropdown-header-menu.header-on-hover.search-dropdown a:hover,
.over_tab_common ul li.search-dropdown a:hover,
.preOrder-terms a:hover {
    color: #a50000
}

.detail-prz .remaining span,
.over_tab_common li.by-vehicle-hover.dropdown-header-menu.header-on-hover.search-dropdown,
.over_tab_common li.search-dropdown a,
.over_tab_common ul li.search-dropdown>a:hover {
    color: #000
}

.events-list .featured-event .event-text .timing,
.mfp-preloader a:hover,
.over_tab_common li.by-vehicle-hover.dropdown-header-menu.header-on-hover.search-dropdown:hover {
    color: #fff
}

.by-vehicle-hover.dropdown-header-menu.header-on-hover.search-dropdown .dropdown-menu-content {
    margin-left: -8px;
    margin-top: 8px
}

.by-vehicle-hover.dropdown-header-menu.header-on-hover.search-dropdown .dropdown-menu-content a {
    font-size: 16px
}

.over_tab_common ul li.search-dropdown>a {
    color: #fff;
    display: block
}

.cart-btm {
    display: flex;
    justify-content: left;
    align-items: center;
    background: #c5c5c5;
    padding: 1rem 1rem 1rem 2rem;
    max-width: 28rem;
    margin-left: auto;
}

.mfp-container:before,
.mfp-content {
    display: inline-block;
    vertical-align: middle
}

.product-cart .cart-btm p {
    font-weight: 600;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    color: #000;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;width: 100%;
}

.cart-btm p b {
    color: #000;
    /* margin-left: 12rem; */
    margin-left: 0rem;
}

.branch-space.bg_grey.brand {
    padding-top: 0
}

.showroom-price-cart img {
    max-width: 30px;
    max-height: 30px;
    object-fit: cover;
    margin-top: 3.2rem;
    filter: brightness(0)
}

.abut-brochure figure img,
.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.pdb-40 {
    padding-bottom: 40px
}

.preOrder-terms :is(p,
li,
h5,
h6,
a) {
    font-family: Cairo, Regular
}

.preOrder-terms a {
    color: inherit;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.preOrder-terms h6 {
    font-weight: 700;
    font-size: 20px
}

.preOrder-terms h5 {
    font-weight: 700;
    font-size: 21px;
    margin-top: 1rem;
    font-family: Cairo, Regular
}

.preOrder-terms ul {
    padding-left: 0
}

.abut-brochure figure,
.abut_us_brochure figure {
    height: auto;
    right: 1rem;
    background-color: #fff;
    padding: .3rem .2rem;
    border-radius: 2px
}

.preOrder-terms ul li {
    padding-left: 1.3rem;
    margin-bottom: .5rem
}

.preOrder-terms ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #a50000;
    width: 8px;
    height: 8px;
    border-radius: 10px
}

.black-10 {
    max-width: 300px
}

.detail-prz .mrp {
    font-size: .89rem
}

.detail-prz .remaining {
    font-size: .89rem;
    color: #000
}

.description-container .detail-prz .note_statement {
    font-family: Cairo;
    font-size: 18px;
    color: #000;
    display: block
}

.cart-box1 .acceptance,
.login-wrapper.login-form .button-container.sec {
    margin-top: 1rem
}

.cart-box1 .acceptance a {
    color: inherit;
    border-bottom: 1px solid #000
}

.cart-box1 .form-check-input {
    min-height: 1.3rem;
    min-width: 1.3rem
}

.abut-brochure a {
    display: flex;
    text-align: left;
    position: static;
    align-items: center
}

.abut-brochure a span {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: Cairo, medium;
    line-height: 1.3;
    margin-left: 1.5rem
}

.abut-brochure img {
    width: 150px
}

.abut-brochure figure {
    position: absolute;
    width: 2rem;
    bottom: -1rem
}

.events-list .featured-event .event-text .news-title {
    color: #fff;
    font-family: Cairo, Regular;
    font-weight: 600
}

.events-list .featured-event .event-text .btn-prime {
    background: 0 0
}

.abut_us_brochure a {
    display: block;
    text-align: right;
    position: relative
}

.abut_us_brochure img {
    width: 250px
}

.abut_us_brochure figure {
    width: 2rem;
    margin-top: 1rem
}

.abut_us_brochure {
    margin: 2rem 0 -2em -6rem;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
    font-family: Cairo, Bold;
    line-height: 1.3
}

.abut_us_brochure span {
    line-height: 1.3
}

.video_popup figure::before {
    content: url(owl.video.play.png);
    opacity: .7;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    cursor: pointer
}

.video_popup figure {
    position: relative;
    margin-bottom: 0
}

.video_box a {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    margin: auto
}
/* .detail-video-whats .video_box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    margin: auto;
    background: rgba(0, 0, 0, 0.2);
} */
.detail-video-whats .video_box a img {
    width: 48px;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.awdealers-grid .thumb-content .btn-wrapper.know {
    display: flex;
    column-gap: 1rem;
    max-width: 45%
}

@media screen and (max-width:480px) {
    .abut-brochure img {
        width: 120px
    }
    .abut-brochure a span {
        font-size: 16px
    }
}

.field-wrap span {
    font-size: .8rem;
    font-family: Cairo, sans-serif
}

.captcha_wrap input {
    margin-bottom: .5rem
}

.aw-dealers .icon.login a:hover img,
.awdealers-grid .thumb-content .btn-wrapper .icon a:hover img,
.login-content .captcha_wrap .refresh-capcha img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1)
}

.login-content .captcha_wrap .refresh-capcha {
    margin-left: .3rem
}

.login-content .button-container+.button-container a {
    border: none;
    font-size: 14px;
    padding: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}
.login-content .button-container.flx-btn a{
    padding: 7px 35px;
}
.login-content .button-container+.button-container a:hover {
    background-color: transparent;
    border: none;
    color: #a50000
}

.login-content .button-container+.button-container .lgin-click {
    margin-top: .5rem;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-left: auto;
    font-family: Cairo, sans-serif;
    text-align: center
}

:is(.login-content,
.billing-detail) textarea {
    font-family: Cairo, sans-serif
}

.mfp-bg {
    height: 100%;
    z-index: 502;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    height: 100%;
    z-index: 503;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    height: 100%
}

.mfp-content {
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 505
}

.aw-dealers .icon.login {
    flex-grow: 1;
    max-width: 150px;
    margin: 0 auto 4rem
}

.aw-dealers .icon.login a {
    display: flex;
    font-family: Cairo, sans-serif;
    font-size: 1.13rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .5rem 1rem;
    background: #fff6;
    -webkit-border-radius: 4px;
    -webkit-transition: .3s;
    color: #a50000
}

.aw-dealers .icon.login a:hover,
.awdealers-grid .thumb-content .btn-wrapper .icon a:hover {
    background: #a50000;
    color: #fff
}

.account-type {
    row-gap: 1rem;
    margin-bottom: 2rem
}

.account-type label {
    color: #fff;
    cursor: pointer
}

.account-type .form-check {
    position: relative;
    border: 1px solid #6c6c6c;
    padding: .6rem 2rem;
    background: #000;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.account-type .form-check.active,
.account-type .form-check:hover {
    background-color: #a50000;
    color: #fff;
    border: 1px solid #a50000
}

.account-type input[type=radio] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer
}

.login-wrapper.login-form .form-check-inline {
    margin-right: 0
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-gallery .mfp-image-holder .mfp-figure,
.mfp-zoom {
    cursor: pointer
}

.mfp-zoom {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 504
}

.mfp-preloader a {
    color: #ccc
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    opacity: .8;
    border-top-width: 12px;
    border-bottom-width: 12px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 20px;
    border-bottom-width: 20px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 12px solid #000;
    left: 5px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    border-right: 20px solid #fff
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 12px solid #000;
    left: 3px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 20px solid #fff
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

.mfp-iframe-holder .mfp-close {
    top: -43px
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile .mfp-bottom-bar:empty,
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width:800px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.search-input .form-control {
    padding: .8rem .75rem;
    height: auto
}

.forgot-wrapper .button-container {
    justify-content: center;
}

.forgot-wrapper .login-content .button-container+.button-container .lgin-click {
    margin-left: 0
}

.login-content input+span {
    font-size: .89rem;
    font-family: Cairo, sans-serif;
    display: block;
    margin-top: .5rem
}

.my-account textarea {
    font-family: Orbitron, sans-serif
}

.login-wrapper.login-form .form-control {
    padding: .7rem .75rem;
    margin-top: .8rem;
    margin-bottom: 2rem;
    width: 75%
}

.login-wrapper.login-form .login-content label,
.product-space p {
    font-family: Cairo
}

.login-wrapper.login-form .login-content .cforget {
    margin-bottom: 1rem;
    width: 75%
}

.login-wrapper.login-form .button-container {
    width: 75%;
    margin-top: 2rem
}

.login-wrapper.login-form .account-type {
    row-gap: 1rem;
    margin-bottom: 3rem;
    margin-top: 3rem
}

.login-wrapper.login-form .social-media {
    margin-top: 50px;
    text-align: center;
    width: 75%
}

.login-wrapper.login-form .social-media .line-box {
    gap: 20px;
    justify-content: center
}

.login-wrapper.login-form .social-media .line-box .left,
.login-wrapper.login-form .social-media .line-box .right {
    width: 96px;
    height: 1px;
    background: #969292
}

.social-icons.social-links li a img {
    margin-bottom: 0;
    max-width: 12px;
    height: 12px
}

ul.social-icons.social-links {
    gap: 0
}

.dealer-banner {
    background-color: #e2e2e2;
    margin-top: 8rem
}

.awdealers-grid figure,
.dealer-banner figure {
    display: grid;
    place-items: center
}

.awdealers-grid figure>*,
.dealer-banner figure>* {
    grid-area: 1/1
}

.dealer-banner figure figcaption,
.dealer-banner figure figcaption span {
    color: #fff;
    font-size: 1.33rem
}

.dealer-banner figure figcaption p {
    margin-bottom: 1.5rem;
    font-size: 3.5rem;
    font-weight: 500;
    max-width: 43rem;
    line-height: 1.2
}

.aw-dealers {
    padding-block: 3.5rem 6.5rem;
    background: #e2e2e2
}

.aw-dealers blockquote {
    font-size: 1.8rem;
    font-family: Cairo, Regular;
    color: #000;
    margin-bottom: 4rem;
    text-align: center
}
.aw-dealers.dealers h1 {font-size: 2.8rem;margin-bottom: 20px;}.aw-dealers.dealers blockquote {text-align: left}


.awdealers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem
}

.awdealers-grid figcaption {
    color: #fff;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1.2
}

.awdealers-grid .thumb-content {
    padding-block: 10px 20px;
    padding-inline: 0px
}

.awdealers-grid .thumb-content h5 {
    font-size: 20px;
    padding-bottom: 10px;
    font-family: Cairo, sans-serif
}

.awdealers-grid .thumb-content p {
    position: relative;
    font-size: 1.13rem;
    line-height: 1.3;
    font-family: Cairo, sans-serif;
    color: #000;
    font-weight: 450;
    margin-block: 1rem 1.5rem;
    padding-right: 0
}

.awdealers-grid .thumb-content .btn-wrapper {
    display: flex;
    column-gap: 1rem;
    max-width: 90%
}

.awdealers-grid .thumb-content .btn-wrapper .icon {
    flex-grow: 1;
    max-width: 230px
}

.awdealers-grid .thumb-content .btn-wrapper .icon a {
    display: flex;
    transition: .3s;
    color: #000;
    font-family: Cairo, sans-serif;
    font-size: 1.13rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 4px;
    padding: .5rem 1rem;
    background: #fff6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.awdealers-grid .thumb-content .btn-wrapper img {
    max-width: 1.5rem
}

.awdealers-grid .thumb-content .btn-wrapper .awdealers-grid .awd_box {
    box-shadow: rgba(0, 0, 0, .04) 0 3px 5px;
    height: 100%
}

.dealer-bottom {
    background: #a50000;
    color: #fff;
    padding-block: 3rem 3.5rem
}

.dealer-bottom .row {
    justify-content: space-between
}

.dealer-bottom figure {
    margin-top: -4.7rem
}

.dealer-bottom p {
    font-size: 1.7rem;
    line-height: 1.4;
    margin-bottom: .4rem
}

.dealer-bottom .bottom-content {
    padding-left: 6%
}

.dealer-bottom span {
    font-size: 1.7rem;
    line-height: 1.3;
    color: #fff;
    font-family: Cairo, sans-serif;
    font-weight: 350
}

.dealer-bottom span a {
    font-weight: 700;
    color: #fff;
    font-family: Cairo, sans-serif
}

.awd-cotnt {
    padding-bottom: 2rem
}

.awd-cotnt p {
    font-size: 18px;
    font-family: Cairo, Regular;
    padding: 0 0 10px;
    margin-bottom: 0;
    font-weight: 400
}

.contct_info p,
.contct_info p>a {
    font-size: 18px;
    font-family: Cairo
}

.awd-cotnt figure {
    padding-top: 1rem
}

.contct_info {
    padding-top: 3rem
}

.contct_info p:first-child {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #a60000;
    max-width: max-content
}

.contct_info p>a {
    color: #a60000
}

.contct_info p>a:hover {
    color: #353535
}

.product-space.bg_grey h3 {
    font-size: 21px;
    font-weight: 400
}

@media (min-width:1399px) and (max-width:2000px) {
    .login-wrapper::after {
        left: 32px;
        bottom: 27px;
        transform: scale(1.1)
    }
}

@media (min-width:4001px) and (max-width:8000px) {
    .engg-tools {
        max-width: 1320px;
        margin: auto;
        width: 100%
    }
    .login-wrapper::after {
        content: url(../images/wheel-login.png);
        position: absolute;
        left: 16%;
        bottom: 31%;
        transform: scale(4.3)
    }
}

@media (min-width:3000px) and (max-width:4000px) {
    .engg-tools {
        max-width: 1320px;
        margin: auto;
        width: 100%
    }
    .engg-tools img {
        max-width: 100%;
        width: 100%
    }
    .login-wrapper::after {
        left: 12%;
        bottom: 21%;
        transform: scale(2.3)
    }
}

@media (min-width:2400px) and (max-width:2999px) {
    .login-wrapper::after {
        left: 90px;
        bottom: 81px;
        transform: scale(1.5)
    }
}

@media (min-width:1801px) and (max-width:2200px) {
    .login-wrapper::after {
        left: 0;
        bottom: 0;
        transform: scale(1.3)
    }
}

@media (min-width:1601px) and (max-width:1800px) {
    .login-wrapper::after {
        left: 0;
        bottom: 0;
        transform: scale(1.3)
    }
}

@media (max-width:1600px) {
    .login-wrapper::after {
        left: 0;
        bottom: 0;
        transform: scale(1)
    }
}

@media (max-width:1440px) {
    .login-wrapper::after {
        opacity: .1
    }
}

@media only screen and (max-width:1024px) {
    .login-wrapper::after {
        left: -85px;
        bottom: -90px;
        transform: scale(.8)
    }
     .cart-btm {max-width: 23rem;}
}

@media(max-width:1399px) {
    .awdealers-grid figcaption {
        padding-inline: 13px
    }
    .cart-btm p b {
    margin-left: 0rem;
}
    .cart-btm { max-width: 22rem;}

}
@media(max-width:1199px) {
 .cart-btm { max-width: 19rem;}
     .cart-btm p b {
        margin-left:0rem;
    }
}
@media(max-width:992px) {
    .row.coupon-section .col-8{display: none;}
    .cart {padding-bottom: 10rem;}
    .row.coupon-section .col-4{width: 100%!important;}
    .product-cart p {max-width: 100%!important;}
    .cart-btm {max-width: 100%;}
    .awdealers-grid {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 2rem
    }
        .cart-btm p b {
        margin-left: 0rem;
    }
    .cart-btm { padding: 1rem 1rem 1rem 1rem;}
    .aw-dealers {
        padding-block: 3rem 5rem
    }
    .contct_info p:first-child {
        margin-bottom: 1rem
    }
    .contct_info p {
        margin-bottom: .6rem
    }
}

@media (min-width:993px) and (max-width:1279px) {
    .login-wrapper::after {
        left: 0;
        bottom: 0;
        transform: scale(1)
    }
}

@media(max-width:768px) {
    .awdealers-grid {
        row-gap: 1rem
    }
    .aw-dealers {
        padding-block: 1rem 3rem
    }
    .awd-cotnt {
        padding-bottom: 1rem
    }
}

@media screen and (max-width:767px) {
    .login-wrapper::after {
        left: 0;
        bottom: 0;
        transform: scale(1);
        display: none;
    }
     .cart-btm p b {
        margin-left: 0rem;
    }
    .listing-search h3 {
        font-size: 21px !important
    }
}

@media(min-width:1399px) {
    .awdealers-grid figcaption h5 {
        font-size: 24px
    }
    .awdealers-grid figcaption p {
        font-size: 18px
    }
    .cart-btm {max-width: 26rem;}

}

.happening-banner.bhart_mobilty_banner img {
    max-height: 728px;
}

@media screen and (max-width:767px) {
    .happening-banner img {
        padding-block: 0rem;
    }
}
@media screen and (max-width:575px) {

    .cart-btm p b {
        margin-left: 0rem;
    }
        .cart-btm p b {
        margin-left: 0rem;
    }

}


.product-detail-bg-col section#bestfit-fiment {
    padding: 80px 0px 0px 0px;
}
.bestfit-fitment{background-color: #e2e2e2;}
.flow-convenience-sec{padding: 4rem 0;}
.flow-convenience-sec h3{margin-bottom: 28px;}
.custom-list li{position: relative;margin-bottom: 0.6rem;font-family: "Cairo", Medium;}
.custom-list li::before {content: '';position: absolute;width: 6px;height: 6px;background: #000;left: -15px;top: 12px;border-radius: 50%;}
.flow-convenience-sec ul{margin-left: 1rem;}
.flow-convenience-sec ul li{font-size: 16px;font-family: "cairo";position: relative;padding-left: 1.5rem;margin-bottom: 0.5rem;}
.flow-convenience-sec ul li:before{content: "";  position: absolute;  left: 0;  top: 9px;  background-color: #A50000; width: 8px; height: 8px; border-radius: 10px;}
.fitment-link .view-more-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #0e0202;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.featured-event .event-text {
    padding: 5rem 2rem 3rem 5rem;
}
.happening-banner img {
    max-height: 728px;
}
.fitment-link a {
    font-size: 18px;
    color: #A50000;
    font-weight: 500;
}
.view-more-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #0e0202;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-radius: 25px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}
.fitment-link .view-more-button:hover {
    background-color: #fff;
    color: #0e0202;
    cursor: pointer;
}
.view-more-button:hover {
    background-color: #fff;
    color: #0e0202;
}
.shopnow-button {
    padding: 8px 15px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    border-radius: 20px;
    background-color: #110803;
    color: #fff;
}

.preOrder-terms.preOrder-termsnewsc p:last-child {padding-bottom: 20px;}
.preOrder-terms.preOrder-termsnewsc ul {margin-bottom: 2rem;}

.preOrder-terms.preOrder-termsnewsc .manufacturer_text {
    margin-bottom: 4rem;
}
.con-btn .submit-btn {
    width: 150px;
    border: none;
    background-color: #A50000;
    color: #fff;
    border-radius: 0;
}
.contact_left .con-form-field .submit-btn {
    width: 150px;
    border: none;
    background-color: #A50000;
    color: #fff;
    border-radius: 0;
}


.contact_left .con-form-field .con-btn {
    display: flex;
    gap: 1rem;
}

.contact_left .con-form-field .con-btn label {
    margin-top: 0.7rem;
    font-size: 1rem;
    color: #444;
}
section.heading-sec.thankyousec .thankyou { padding: 14rem 0 6rem;}

@media screen and (max-width: 575px) {
section.heading-sec.thankyousec .thankyou {padding: 12rem 0 6rem; }
section.heading-sec.thankyousec .thankyou h5 { max-width: 90%;}
section.heading-sec.thankyousec .thankyou p{padding: 0 2rem;}

}

.contact_left .con-form-field .submit-btn {
    padding: 0.3rem 0;
    margin: 1rem 0 0 0;
    font-size: 16px;
}