@font-face {
    font-family: FordBold;
    src: url(../font//FordF-1-Bold.woff)
}

@font-face {
    font-family: FordRegular;
    src: url(../font//FordF-1-Regular.woff)
}

@font-face {
    font-family: GwmReg;
    src: url(https://haval2024.e5.ix.co.za/Content/Layout/Haval/2024/font/c9a5bc6a7c948fb0-s.p.woff);
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: bydMed;
    src: url(https://bydkzn.co.za/Content/Layout/BYD/2022/font//Montserrat-Medium.ttf);
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: fordBold;
    src: url(https://ford2024.e5.ix.co.za/Content/Layout/Ford/2025/font//FordF-1-Bold.woff)
}

@font-face {
    font-family: fordReg;
    src: url(https://ford2024.e5.ix.co.za/Content/Layout/Ford/2025/font//FordF-1-Regular.woff)
}

@font-face {
    font-family: j2;
    src: url(https://jetour2025.e5.ix.co.za/Content/Layout/Jetour/2025/font//j2.woff)
}

@font-face {
    font-family: suzukiReg;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2)
}

@font-face {
    font-family: man_bold;
    src: url(https://man.hatfieldgroup.co.za/Content/Layout/MAN/2024/font//maneuropecondensed_bold.woff)
}

@font-face {
    font-family: man_light;
    src: url(https://man.hatfieldgroup.co.za/Content/Layout/MAN/2024/font//maneurope_light.woff)
}

@font-face {
    font-family: font1;
    src: url(https://geely2025.e5.ix.co.za/Content/Layout/Geely/2025/font/GEELY-Bold.43ef443c.ttf);
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: font2;
    src: url(https://geely2025.e5.ix.co.za/Content/Layout/Geely/2025/font/Inter-Variable.5bb5755c.woff);
    font-style: normal;
    font-weight: 200
}

.divider-brand::after {
    right: 0
}

a:hover {
    text-decoration: none
}

.brandHeader.sticky {
    width: 100%;
    background: #fff;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    transition: .3s ease-in-out
}

.geelyBrand h1,h2,h3,h4,h5,h6 {
    font-family: font1;
}

.geelyBrand p {
    font-family: font2;
}

.geelyBrand span {
    font-family: font2;
}

.geelyHeader {
    background-color: #252728 !important;
    padding: 20px;
}

.brandHeader.sticky {
    background-color: #252728
}
.geelyLogo {
    width: 205px
}

.geelyLogo img {
    width: 100%
}

.geelyBrand .brand-links a {
    margin: 0 0 0 4rem;
    color: #fff;
    font-family: font2
}

section.geelyBrand {
    font-family: font2;
    color: #252728
}

.geelyBrand .brand-links a:hover {
    border-bottom: 2px solid #fff
}

.geelyBrand .nav-tabs .nav-link {
    background-color: #252728;
    border-radius: 0;
    border: 0
}

.geelyBrand .img-social-icons,.geelyBrand .ourDealers {
    background-color: #252728!important
}

.geelyBrand .nav-tabs .nav-item {
    background-color: #252728;
    border: 1px solid #252728;
    margin: 0 1rem
}

.geelyBrand .border-primary {
    border-color: #252728!important
}

.geelyBrand .nms-wishlist-icon-item,.geelyBrand .text-primary {
    color: #252728!important
}

.geelyBrand .btn-danger,.geelyBrand .btn-danger:not(:disabled):not(.disabled):active,.geelyBrand .btn-info,.geelyBrand .btn-info:not(:disabled):not(.disabled):active,.geelyBrand .btn-primary,.geelyBrand .btn-primary:not(:disabled):not(.disabled):active,.geelyBrand .btn-secondary:hover {
    color: #fff;
    background-color: #252728;
    border-color: #252728
}

.geelyBrand .btn-danger:hover,.geelyBrand .btn-info:hover,.geelyBrand .btn-primary:hover,.geelyBrand .btn-secondary,.geelyBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #252728;
    background-color: transparent;
    border-color: #252728
}

.geelyBrand .text-danger {
    color: #e80000!important
}

.geelyBrand .btn-danger,.geelyBrand .btn-danger:not(:disabled):not(.disabled):active {
    background-color: #252728;
    border-color: #252728
}

.geelyBrand .btn-danger:hover {
    background-color: transparent;
    border-color: #252728;
    color: #252728
}

.bydHeader.brandHeader.sticky {
    background-color: #252728
}

.audiHeader .brand-links a:hover,
.brandSection .ourDealers .card,
.brandSection a {
    color: #000
}

.brandHeader a {
    font-size: 16px
}

.brandSection .new-model-navigation .nav-tabs {
    width: max-content;
    margin: 0 auto;
    border: 0
}

.brandSection .new-model-shape.tab-pane.active.border.d-inline-block.my-3 {
    border: 0 !important;
    margin: 4rem 0 0 !important;
    width: 100%
}

.brandSection .nav-tabs .nav-link {
    min-width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 0
}

.brandSection .nav-tabs .nav-link.active {
    background-color: #fff;
    border-radius: 0;
    color: #000;
    border-color: #5b5b5b
}

.brandSection .new-model-shape.tab-pane.border.my-3.active {
    border: 0 !important
}

.brandSection .nav-tabs .nav-link:hover {
    background-color: #ebebeb;
    border-radius: 0;
    color: #000
}

.brandSection .divider-brand::after,
.brandSection .divider-brand::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 44%;
    height: 2px;
    background: #001e50
}

.brandSection .divider-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: .5rem 0
}

.brandSection .divider-brand::before {
    left: 0
}

.audiBrand .new-model-navigation .nav-tabs ul li,
.brandSection .ourBrands,
.havalBrand .ourDealers,
.mahindraHeader.brandHeader.sticky,
.renaultHeader.brandHeader.sticky {
    background-color: #000
}

.brandSection .new-model-shape.tab-pane:before {
    font-size: 1.5rem
}

.brandCopy,
.brandSection .ourDealers,
.brandSection .vwCopy .brandLinks,
.vwBrand .brandLinks {
    text-align: center
}

.brandSection .vwCopy .brandLinks a {
    margin: 1rem;
    color: #000;
    padding: 5px
}

.brandSection .vwCopy .brandLinks a:hover,
.vwCopy .new-model-navigation .nav-tabs .nav-item {
    background-color: #001e50;
    color: #fff
}

.brandSection .ourDealers {
    padding: 2rem 0 3rem;
    color: #fff
}

.brandSection .nav-tabs .nav-item {
    margin-bottom: 0
}

.brandSection div#widget-dealer-list-HMGA {
    background-color: #fff;
    padding: 0 1rem !important;
    margin-top: 2rem !important
}

.audiBrand {
    font-family: AudiType
}

.audiBrand .nav-tabs .nav-item {
    background-color: #000;
    border: 1px solid #000
}

.audiBrand .new-model-navigation .nav-tabs {
    margin: 3rem auto
}

.audiBrand .img-social-icons,
.audiBrand .ourDealers {
    background-color: #000 !important
}

.audiLogo {
    width: 69px;
    margin-right: 2rem
}

.audiLogo img {
    width: 100%;
    margin-right: 10px
}

.audiHeader,
.manHeader.brandHeader {
    padding: 1rem 0;
    box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px
}

.audiHeader .brand-links a {
    color: #666;
    font-family: AudiType;
    font-size: 16px;
    margin-right: 2rem
}

.audiBrand .border-primary,
.jetourBrand .border-primary {
    border-color: #000 !important
}

.IsuzuHeader a:not([href]):not([tabindex]),
.audiBrand .nms-list-price.text-primary,
.cheryBrand .img-social-icons a.text-white.DLIcons,
.cheryBrand .nms-list-price.text-primary,
.cheryBrand .ourDealers h4,
.jetourBrand .img-social-icons h4,
.jetourBrand .nms-wishlist-icon-item,
.jetourBrand .text-primary,
.jetourBrand a.text-white.DLIcons,
.manBrand .img-social-icons .text-white,
.renaultBrand .new-model-navigation ul li a,
.suzukiBrand .img-social-icons .text-white {
    color: #000 !important
}

.audiBrand .nms-wishlist-icon-item,
.audiBrand .text-primary {
    color: #ec3137 !important
}

.audiBrand .btn-danger,
.audiBrand .btn-danger:not(:disabled):not(.disabled):active,
.audiBrand .btn-primary,
.audiBrand .btn-primary:not(:disabled):not(.disabled):active,
.jetourBrand .btn-danger,
.jetourBrand .btn-danger:not(:disabled):not(.disabled):active,
.jetourBrand .btn-primary,
.jetourBrand .btn-primary:not(:disabled):not(.disabled):active,
.jetourBrand .btn-secondary:hover,
.mahindraBrand .btn-secondary,
.mahindraBrand .btn-secondary:not(:disabled):not(.disabled):active,
.mazdaBrand .btn-danger:hover,
.mazdaBrand .btn-primary:hover,
.mazdaBrand .btn-secondary,
.mazdaBrand .btn-secondary:not(:disabled):not(.disabled):active,
.renaultBrand .btn-secondary,
.renaultBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.audiBrand .btn-danger:hover,
.audiBrand .btn-primary:hover,
.jetourBrand .btn-danger:hover,
.jetourBrand .btn-primary:hover,
.mahindraBrand .btn-secondary:hover,
.renaultBrand .btn-danger:hover,
.renaultBrand .btn-primary:hover {
    color: #000;
    background-color: transparent;
    border-color: #000
}

.audiBrand .btn-secondary,
.audiBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #4c4c4c
}

.audiBrand .btn-secondary:hover {
    color: #4c4c4c;
    background-color: transparent;
    border-color: #4c4c4c
}

.brandSection .btn {
    border-radius: 0
}

.bydHeader {
    background: #252728;
    padding: 1rem 0
}

.bydLogo {
    width: 104px
}

.bydLogo img,
.fordBrand .nav-tabs .nav-item,
.manLogo img.nav-logo {
    width: 100%
}

.bydBrand .brand-links a {
    margin: 0 0 0 4rem;
    color: #fff;
    font-family: bydMed
}

section.bydBrand {
    font-family: bydMed;
    color: #252728
}

.bydBrand .brand-links a:hover {
    border-bottom: 2px solid #fff
}

.bydBrand .nav-tabs .nav-link {
    background-color: #252728;
    border-radius: 0;
    border: 0
}

.brandCopy {
    margin: 3rem 0
}

.bydBrand .img-social-icons,
.bydBrand .ourDealers {
    background-color: #252728 !important
}

.bydBrand .nav-tabs .nav-item {
    background-color: #252728;
    border: 1px solid #252728;
    margin: 0 1rem
}

.bydBrand .border-primary {
    border-color: #252728 !important
}

.bydBrand .nms-wishlist-icon-item,
.bydBrand .text-primary {
    color: #252728 !important
}

.bydBrand .btn-danger,
.bydBrand .btn-danger:not(:disabled):not(.disabled):active,
.bydBrand .btn-info,
.bydBrand .btn-info:not(:disabled):not(.disabled):active,
.bydBrand .btn-primary,
.bydBrand .btn-primary:not(:disabled):not(.disabled):active,
.bydBrand .btn-secondary:hover {
    color: #fff;
    background-color: #252728;
    border-color: #252728
}

.bydBrand .btn-danger:hover,
.bydBrand .btn-info:hover,
.bydBrand .btn-primary:hover,
.bydBrand .btn-secondary,
.bydBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #252728;
    background-color: transparent;
    border-color: #252728
}

.bydBrand .text-danger {
    color: #e80000 !important
}

.bydBrand .btn-danger,
.bydBrand .btn-danger:not(:disabled):not(.disabled):active {
    background-color: #252728;
    border-color: #252728
}

.bydBrand .btn-danger:hover {
    background-color: transparent;
    border-color: #252728;
    color: #252728
}

.cheryHeader {
    padding: 1rem 0;
    background-color: #dad9d7 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.cheryLogo img {
    height: auto;
    width: 100%
}

.cheryLogo {
    margin-right: 2rem;
    width: 180px
}

.IsuzuLogo,
.fordLogo {
    margin-right: 3rem
}

.cheryHeader .brand-links a {
    color: #343434;
    margin: 0 0 0 2rem;
    text-transform: uppercase
}

.cheryBrand .nav-tabs .nav-item {
    background-color: transparent;
    border: 1px solid #a48a73;
    margin: 0 2rem 0 0;
    min-width: 190px;
    border-radius: 5px
}

.cheryBrand .nav-tabs .nav-link.active {
    border: 1px solid #a48a73;
    background-color: #a48a73;
    color: #fff
}

.cheryBrand .nav-tabs .nav-item a {
    color: #5b5b5b
}

.cheryBrand .new-model-navigation .nav-tabs {
    display: flex;
    justify-content: space-evenly
}

.cheryBrand .nav-tabs .nav-link:hover {
    background-color: #a48a73;
    color: #fff !important;
    border-color: #a48a73
}

.cheryBrand .img-social-icons,
.cheryBrand .ourDealers {
    background: #dad9d7 !important;
    color: #000
}

.cheryBrand .nms-wishlist-icon-item,
.cheryBrand .text-danger,
.cheryBrand .text-primary {
    color: #a48a73 !important
}

.cheryBrand .border-primary {
    border-color: #a48a73 !important
}

.cheryBrand .btn,
.omodaBrand .btn {
    border-radius: 5px
}

.cheryBrand .btn-danger,
.cheryBrand .btn-danger:not(:disabled):not(.disabled):active,
.cheryBrand .btn-primary,
.cheryBrand .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #a48a73;
    border-color: #a48a73
}

.cheryBrand .btn-danger:hover,
.cheryBrand .btn-primary:hover {
    color: #a48a73;
    background-color: transparent;
    border-color: #a48a73
}

.cheryBrand .btn-info,
.cheryBrand .btn-info:not(:disabled):not(.disabled):active,
.cheryBrand .btn-secondary,
.cheryBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #5b5b5b;
    background-color: transparent;
    border-color: #5b5b5b
}

.cheryBrand .btn-info:hover,
.cheryBrand .btn-secondary:hover {
    color: #fff;
    background-color: #5b5b5b;
    border-color: #5b5b5b
}

.fordLogo {
    height: 4.3rem
}

.fordLogo img {
    height: 100%
}

.IsuzuHeader,
.fordHeader,
.haval-gwmHeader,
.jetourHeader {
    box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px
}

.fordHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #00095b;
    font-family: fordBold
}

.fordBrand .img-social-icons,
.fordBrand .ourDealers {
    background-color: #00142e
}

.fordBrand .nav-tabs ul {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 1%;
    padding: 10px 0
}

.fordBrand .nav-tabs .nav-item a {
    border-bottom: 4px solid #5e5e5e !important;
    color: #5e5e5e;
    cursor: pointer;
    flex-grow: 1;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: border-bottom-width .2s ease-in-out;
    transition: border-bottom-width .2s ease-in-out;
    font-family: fordReg;
    letter-spacing: -.0625rem;
    line-height: 2.75rem;
    font-size: 16px;
    border: 0
}

.fordBrand .nav-tabs .nav-item a.active {
    border-bottom: 4px solid #066fef !important;
    color: #066fef !important;
    border: 0
}

section.fordBrand.brandSection {
    font-family: fordReg
}

.fordBrand .active.new-model-shape.tab-pane:before,
.fordBrand .nms-model-link h5.card-title.text-center.mb-1,
.fordBrand .nms-model-link p.text-center {
    color: #00095b
}

.fordBrand .new-model-navigation .nav-tabs {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 1%;
    padding: 10px 0;
    margin: 0;
    flex-wrap: nowrap;
    width: 100%
}

.fordBrand .nms-wishlist-icon-item,
.fordBrand .text-danger,
.fordBrand .text-primary {
    color: #066fef !important
}

.fordBrand .btn-danger,
.fordBrand .btn-danger:not(:disabled):not(.disabled):active,
.fordBrand .btn-info:hover,
.fordBrand .btn-primary,
.fordBrand .btn-primary:not(:disabled):not(.disabled):active,
.fordBrand .btn-secondary:hover {
    color: #fff;
    background-color: #066fef;
    border-color: #066fef
}

.fordBrand .btn-info,
.fordBrand .btn-info:not(:disabled):not(.disabled):active,
.fordBrand .btn-primary:hover,
.fordBrand .btn-secondary,
.fordBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #066fef;
    background-color: transparent;
    border-color: #066fef
}

.fordBrand .img-social-icons {
    background-color: #00095b !important
}

.fordHeader .brand-links a {
    height: 56px;
    display: flex;
    align-items: center;
    font-size: 16px
}

.fordHeader .brand-links,
.mahindraHeader .leftItems {
    display: flex;
    align-items: center
}

.fordHeader .brand-links a:hover {
    border-color: #00095b
}

.fordHeader .brand-links a {
    border-bottom: 3px solid transparent
}

.fordHeader {
    padding: 0
}

.haval-gwmHeader .brand-links a {
    margin: 0 0 0 3rem;
    font-family: GwmReg;
    text-transform: uppercase
}

section.haval-gwmBrand {
    font-family: GwmReg
}

.haval-gwmBrand .img-social-icons,
.haval-gwmBrand .ourDealers {
    background-color: #1b1c22 !important
}

.haval-gwmBrand .nav-tabs .nav-item {
    background-color: #e30613;
    margin: 0 1rem
}

.haval-gwmBrand .border-primary {
    border-color: #e30613 !important
}

.haval-gwmBrand .nms-wishlist-icon-item,
.haval-gwmBrand .text-primary {
    color: #e30613 !important
}

.haval-gwmBrand .btn-danger,
.haval-gwmBrand .btn-danger:not(:disabled):not(.disabled):active,
.haval-gwmBrand .btn-info,
.haval-gwmBrand .btn-info:not(:disabled):not(.disabled):active,
.haval-gwmBrand .btn-primary,
.haval-gwmBrand .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1b1c22;
    border-color: #1b1c22
}

.haval-gwmBrand .btn-danger:hover,
.haval-gwmBrand .btn-info:hover,
.haval-gwmBrand .btn-primary:hover {
    color: #1b1c22;
    background-color: transparent;
    border-color: #1b1c22
}

.haval-gwmBrand .btn-secondary,
.haval-gwmBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e30613;
    border-color: #fff
}

.haval-gwmBrand .btn-secondary:hover {
    color: #e30613;
    background-color: #fff;
    border-color: #e30613
}

.haval-gwmBrand .nav-tabs .nav-link.active {
    background-color: #1b1c22;
    color: #fff;
    border-radius: 8px;
    border-color: #1b1c22
}

.haval-gwmBrand .btn,
.haval-gwmBrand .nav-tabs .nav-item,
.haval-gwmBrand .nav-tabs .nav-link:hover {
    border-radius: 8px
}

.haval-gwmBrand .nav-tabs .nav-item:first-child {
    border-color: #1b1c22
}

.havalBrand .new-model-navigation .nav-tabs {
    background: #000
}

.honda-motorcycleHeader .brand-links a,
.hondaHeader .brand-links a,
.renaultHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #fff;
    font-weight: 700
}

.honda-motorcycleBrand .img-social-icons,
.honda-motorcycleBrand .ourDealers,
.hondaBrand .img-social-icons,
.hondaBrand .ourDealers {
    background-color: #999
}

.honda-motorcycleHeader {
    background-color: #999;
    padding: 10px 0
}

.hondaHeader.brandHeader.sticky {
    background-color: rgba(51, 51, 51, .5)
}

.honda-motorcycleHeader .brand-links a:hover,
.hondaHeader .brand-links a:hover {
    color: #e61f35
}

.hondaBrand .nav-tabs .nav-item {
    background-color: #999;
    border: 1px solid #999;
    margin: 0 .2rem
}

.IsuzuBrand .img-social-icons,
.IsuzuBrand .ourDealers,
.hondaBrand .img-social-icons,
.hondaBrand .ourDealers,
.mazdaBrand .img-social-icons,
.mazdaBrand .ourDealers,
.renaultBrand .img-social-icons,
.renaultBrand .ourDealers {
    background-color: #242424 !important
}

.hondaBrand .border-primary {
    border-color: #f51638 !important
}

.hondaBrand .nms-wishlist-icon-item,
.hondaBrand .text-primary {
    color: #f51638 !important
}

.hondaBrand .btn-danger,
.hondaBrand .btn-danger:not(:disabled):not(.disabled):active,
.hondaBrand .btn-primary,
.hondaBrand .btn-primary:not(:disabled):not(.disabled):active,
.hondaBrand .btn-secondary:hover {
    color: #fff;
    background-color: #f51638;
    border-color: #f51638
}

.hondaBrand .btn-primary:hover {
    color: #f51638;
    background-color: transparent;
    border-color: #f51638
}

.hondaBrand .btn-secondary,
.hondaBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.IsuzuTrucksHeader .brand-links a {
    font-weight: 700;
    color: #242424 !important;
    letter-spacing: .2em;
    font-size: 12px;
    text-transform: uppercase;
    margin: 1rem;
    line-height: 18px
}

.IsuzuTrucksBrand .new-model-navigation ul {
    background: #d81e05
}

.IsuzuTrucksBrand .img-social-icons,
.IsuzuTrucksBrand .ourDealers {
    background-color: #d81e05
}

.IsuzuHeader .brand-links a:last-child {
    background: #d81e05;
    padding: 11px;
    border-radius: 20px;
    color: #fff
}

.IsuzuTrucksHeader {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6 !important
}

.IsuzuHeader .align-items-center.mx-0.row.container {
    padding: 1.5rem 10rem
}

.IsuzuHeader .brand-links a {
    margin: 0 1rem;
    font-weight: 600
}

.IsuzuBrand .nav-tabs .nav-item {
    background-color: #d91e04;
    border: 1px solid #d91e04
}

.IsuzuBrand .border-primary {
    border-color: #d91e04 !important
}

.IsuzuBrand .nms-wishlist-icon-item,
.IsuzuBrand .text-primary {
    color: #d91e04 !important
}

.IsuzuBrand .btn-danger,
.IsuzuBrand .btn-danger:not(:disabled):not(.disabled):active,
.IsuzuBrand .btn-primary,
.IsuzuBrand .btn-primary:not(:disabled):not(.disabled):active,
.IsuzuBrand .btn-secondary:hover {
    color: #fff;
    background-color: #d91e04;
    border-color: #d91e04
}

.IsuzuBrand .btn-danger:hover,
.IsuzuBrand .btn-primary:hover {
    color: #d91e04;
    background-color: transparent;
    border-color: #d91e04
}

.IsuzuBrand .btn-secondary,
.IsuzuBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #000;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.jetourHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #000;
    font-family: j2
}

.jetourBrand .nav-tabs .nav-item {
    background-color: #5b5b5b;
    font-family: j2;
    border-radius: 30px;
    margin: 0 1rem
}

.jetourBrand .img-social-icons,
.jetourBrand .ourDealers {
    background-color: #f1f1f1 !important;
    color: #000
}

.jetourBrand .btn-secondary,
.jetourBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #000;
    background-color: #bbb;
    border-color: #bbb
}

.jetourBrand .btn {
    border-radius: 30px
}

.jetourBrand .nav-tabs .nav-link:hover {
    border-radius: 30px;
    border-color: #5b5b5b
}

section.jetourBrand.brandSection {
    font-family: j2
}

.jetourBrand .nav-tabs .nav-link.active {
    border-color: #5b5b5b;
    border-radius: 30px
}

.vwBrand .brandLinks a:hover {
    color: #0040c5
}

.vwCopy .new-model-navigation ul.nav.nav-tabs {
    width: max-content;
    margin: 0 auto
}

.vwCopy .new-model-navigation .nav-tabs .nav-link.active {
    border: 1px solid #001e50;
    background-color: #fff;
    color: #001e50 !important
}

.vwCopy .new-model-navigation .nav-tabs .nav-link {
    padding: 0 !important
}

.vwCopy .new-model-navigation {
    margin-bottom: 1rem
}

.vwCopy .new-model-navigation .nav-tabs .nav-item a {
    padding: 5px 20px !important
}

.vwBrand .img-social-icons,
.vwBrand .ourDealers {
    background-color: #001e50 !important
}

.vwBrand .border-primary {
    border-color: #001e50 !important
}

.vwCopy .brandHeader.sticky {
    padding-bottom: 10px
}

.vwCopy .brandHeader.sticky img.dividerBrand-logo {
    max-width: 60px
}

.vwCopy .brandHeader.sticky .divider-brand {
    padding-bottom: 5px
}

.vwCopy .brandHeader.sticky .divider-brand::after,
.vwCopy .brandHeader.sticky .divider-brand::before {
    width: 46%
}

.vwBrand .nms-wishlist-icon-item,
.vwBrand .text-primary {
    color: #001e50 !important
}

.vwBrand .btn-danger,
.vwBrand .btn-danger:not(:disabled):not(.disabled):active,
.vwBrand .btn-primary,
.vwBrand .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #001e50;
    border-color: #001e50
}

.vwBrand .btn-danger:hover,
.vwBrand .btn-primary:hover {
    color: #001e50;
    background-color: transparent;
    border-color: #001e50
}

.vwBrand .btn-secondary,
.vwBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.vwBrand .btn-secondary:hover {
    color: #6c757d;
    background-color: transparent;
    border-color: #6c757d
}

.hondaHeader {
    background: rgba(51, 51, 51, .5);
    padding: .5rem 0
}

.mgLogo {
    max-width: 7rem;
    padding: 2rem 1.5rem;
    background-color: #e10012
}

.mgLogo img.nav-logo {
    width: 100%;
    filter: invert(1)
}

.mgHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #000;
    font-weight: 700
}

.mgBrand .new-model-navigation ul li {
    background-color: #a00022
}

.mgBrand .img-social-icons,
.mgBrand .ourDealers {
    background-color: #a00022 !important
}

.mgBrand .btn-danger,
.mgBrand .btn-danger:not(:disabled):not(.disabled):active,
.mgBrand .btn-primary:hover,
.mgBrand .btn-secondary,
.mgBrand .btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggl {
    background-color: #a00022;
    border-color: #a00022;
    color: #fff
}

.mgBrand .btn-primary,
.mgBrand .btn-secondary:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.mgBrand .nms-wishlist-icon-item,
.mgBrand .text-primary {
    color: #a00022 !important
}

.mgBrand .btn-danger:hover {
    background-color: #000;
    border-color: #000
}

.mgBrand .border-primary {
    border-color: #a00022 !important
}

.mahindraHeader {
    background-color: #000;
    padding: 6px 0;
    border-top: 1px solid #fff
}

.mahindraHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #fff;
    font-weight: 700;
    padding: 10px
}

.mahindraHeader .brand-links a:hover {
    background-color: #333;
    color: #e31837
}

.mahindraBrand .img-social-icons,
.mahindraBrand .ourDealers {
    background-image: linear-gradient(180deg, #e31837 0, #9b1328 100%);
    background-color: #000 !important
}

.mahindraLogo img {
    width: 60%
}

.mahindraLogo {
    max-width: 220px
}

.suzukiBrand .nav-tabs .nav-link.active {
    border-color: transparent
}

.mahindraBrand .nav-tabs .nav-item {
    background: linear-gradient(180deg, #e31837 0, #9b1328 100%);
    border: 1px solid #cb1732;
    margin: 0 1rem
}

.mahindraBrand .border-primary {
    border-color: #e31837 !important
}

.mahindraBrand .nms-wishlist-icon-item,
.mahindraBrand .text-primary {
    color: #e31837 !important
}

.mahindraBrand .btn-danger,
.mahindraBrand .btn-danger:not(:disabled):not(.disabled):active,
.mahindraBrand .btn-primary,
.mahindraBrand .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e31837;
    border-color: #e31837
}

.mahindraBrand .btn-danger:hover,
.mahindraBrand .btn-primary:hover {
    color: #e31837;
    background-color: transparent;
    border-color: #e31837
}

.mazdaHeader {
    background-color: #101010 !important
}

.mazdaHeader .brand-links a {
    margin: 0 0 0 1rem;
    color: #fff
}

.mazdaHeader .brand-links a:hover {
    border-bottom: 2px solid #910a2d
}

.mazdaBrand div#dealers div#dealer-list-grid .btn,
.mazdaBrand div#dealers div#dealer-list-grid .btn-primary:not(:disabled):not(.disabled):active,
.renaultHeader a:not([href]):not([tabindex]):focus,
.renaultHeader a:not([href]):not([tabindex]):hover {
    color: #fff
}

.mazdaBrand .nav-tabs .nav-item {
    background-color: #910a2d;
    border: 1px solid #910a2d;
    margin: 0 .1rem;
    border-radius: .2rem
}

.mazdaBrand .border-primary {
    border-color: #910a2d !important
}

.mazdaBrand .nms-wishlist-icon-item,
.mazdaBrand .text-primary {
    color: #910a2d !important
}

.mazdaBrand .btn-danger,
.mazdaBrand .btn-danger:not(:disabled):not(.disabled):active,
.mazdaBrand .btn-primary,
.mazdaBrand .btn-primary:not(:disabled):not(.disabled):active,
.mazdaBrand .btn-secondary:hover {
    color: #fff;
    background-color: #910a2d;
    border-color: #910a2d
}

.mazdaBrand.brandSection .btn {
    border-radius: .2rem
}

.omodaHeader img.nav-logo {
    width: 250px
}

.omodaHeader {
    border-bottom: 1px solid #dfe3e5
}

.omodaBrand .nav-tabs .nav-item {
    background-color: #30363a;
    border: 1px solid #30363a
}

.omodaBrand .img-social-icons,
.omodaBrand .ourDealers {
    background-color: #30363a !important
}

.omodaBrand .border-primary {
    border-color: #30363a !important
}

.omodaBrand .nms-wishlist-icon-item,
.omodaBrand .text-primary {
    color: #30363a !important
}

.omodaBrand .btn-danger,
.omodaBrand .btn-danger:not(:disabled):not(.disabled):active,
.omodaBrand .btn-primary,
.omodaBrand .btn-primary:not(:disabled):not(.disabled):active,
.omodaBrand .btn-secondary:hover {
    color: #fff;
    background-color: #30363a;
    border-color: #30363a
}

.omodaBrand .btn-danger:hover,
.omodaBrand .btn-primary:hover {
    color: #515253;
    background-color: transparent;
    border-color: #515253
}

.omodaBrand .btn-secondary,
.omodaBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #30363a;
    background-color: transparent;
    border-color: #30363a
}

.omodaHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #485054
}

.omodaBrand .new-model-navigation ul {
    background: #485054
}

.manBrand div#dealer-list-grid .btn-secondary {
    background-color: transparent;
    color: #303c49;
    border-color: #303c49
}

.manBrand div#dealer-list-grid .btn-secondary:hover {
    background-color: #ebebeb
}

.manBrand .nav-tabs .nav-item {
    border: 1px solid #303c49;
    margin: 0 1rem
}

.manBrand .img-social-icons,
.manBrand .ourDealers {
    background-color: #f4f5f6 !important;
    color: #000
}

.manBrand .border-primary {
    border-color: #e40045 !important
}

.manBrand .nms-wishlist-icon-item,
.manBrand .text-primary {
    color: #e40045 !important
}

.manBrand .btn-danger,
.manBrand .btn-danger:not(:disabled):not(.disabled):active,
.manBrand .btn-primary,
.manBrand .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e40045;
    border-color: #e40045
}

.manBrand .btn-primary:hover,
.manBrand .btn-secondary:hover {
    color: #303c49;
    background-color: transparent;
    border-color: #303c49
}

.manBrand .btn-secondary,
.manBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #303c49;
    border-color: #303c49
}

.manHeader .brand-links {
    margin-left: 3rem
}

.manHeader .brand-links a {
    margin: 0 .625rem;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    color: #303c49;
    font-family: man_bold
}

.manHeader .brand-links a:hover:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 1000;
    background-color: #ad0040
}

.manBrand .nav-tabs .nav-item a {
    color: #303c49
}

.manBrand .nav-tabs .nav-item a.active {
    border: 0
}

.renaultBrand .ourDealers {
    color: #fff !important
}

.renaultBrand .nav-tabs .nav-item {
    background-color: #fc3;
    border: 1px solid #fc3
}

.renaultBrand .border-primary {
    border-color: #fc3 !important
}

.renaultBrand.brandSection .nav-tabs .nav-link.active {
    border: unset
}

.renaultBrand .nms-wishlist-icon-item,
.renaultBrand .text-primary {
    color: #fc3 !important
}

.renaultBrand .btn-danger,
.renaultBrand .btn-danger:not(:disabled):not(.disabled):active,
.renaultBrand .btn-primary,
.renaultBrand .btn-primary:not(:disabled):not(.disabled):active {
    color: #000;
    background-color: #fc3;
    border-color: #fc3
}

.renaultBrand .btn-secondary:hover {
    color: #fff;
    background-color: #fc3;
    border-color: #fc3
}

.suzukiHeader {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

.suzukiHeader .brand-links a {
    margin: 0 0 0 2rem;
    color: #000;
    font-family: suzukiReg
}

.suzukiHeader .brand-links a.bg-secondary:hover,
.suzukiHeader .brand-links a:hover {
    color: #00a499 !important
}

section.suzukiBrand.brandSection {
    font-family: suzukiReg
}

.nms-model-link h5.card-title.text-center.mb-1 {
    font-weight: 700
}

div#widget-forms-parts .form-group.row {
    margin: 0 0 1rem
}

.suzukiBrand .nav-tabs .nav-item {
    background-color: #1ba499;
    border: 1px solid #1ba499
}

.suzukiBrand .img-social-icons,
.suzukiBrand .ourDealers {
    background-color: #d8d8d8 !important;
    color: #000
}

.suzukiBrand .border-primary {
    border-color: #1ba499 !important
}

.suzukiBrand .nms-wishlist-icon-item,
.suzukiBrand .text-primary {
    color: #1ba499 !important
}

.suzukiBrand .btn-danger,
.suzukiBrand .btn-danger:not(:disabled):not(.disabled):active,
.suzukiBrand .btn-primary,
.suzukiBrand .btn-primary:not(:disabled):not(.disabled):active,
.suzukiBrand .btn-secondary:hover {
    color: #000;
    background-color: #1ba499;
    border-color: #1ba499
}

.suzukiBrand .btn-danger:hover,
.suzukiBrand .btn-primary:hover {
    color: #1ba499;
    background-color: #000;
    border-color: #000
}

.suzukiBrand .btn-secondary,
.suzukiBrand .btn-secondary:not(:disabled):not(.disabled):active {
    color: #1ba499;
    background-color: #000;
    border-color: #1ba499
}

.suzukiLogo img {
    width: 50%
}

.vwBrand .brandLinks a {
    margin: 0 1rem;
    color: #001e50;
    font-weight: 700
}

.vwBrand img.dividerBrand-logo {
    max-height: 80px
}

header#header.scrolledUp {
    z-index: 99999
}

.iframeInner {
    margin-top: 10rem
}

.audiBtt {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 0;
    z-index: 999
}

.audiBtt:hover {
    background-color: #444
}

.manHeader.brandHeader.sticky {
    padding: 1rem 0
}

section.audiBrand.brandSection button i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-style: normal
}

@media only screen and (max-width:1440px) {
    .IsuzuHeader .align-items-center.mx-0.row.container {
        padding: 1.5rem 2rem
    }
}

@media only screen and (max-width:1367px) {
    .nms-container .container-fluid .row .nms-brand-block {
        padding: 1%
    }

    .mahindraHeader {
        padding: 1rem 0
    }

    .mahindraHeader .brand-links a {
        margin: 0 .5rem
    }

    .mahindraLogo {
        max-width: 200px
    }

    .mapSection .card.text-center.border-0.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12 {
        padding: 0
    }
}

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

    .haval-gwmBrand .new-model-navigation .nav-tabs,
    .jetourLogo img {
        width: 100%
    }

    .jetourLogo {
        max-width: 120px
    }

    section.hondaBrand ul.nav.nav-tabs {
        flex-direction: column
    }

    .hondaBrand .nav-tabs .nav-item a {
        color: #fff
    }

    .hondaBrand .nav-tabs .nav-item a.active {
        color: #000
    }

    .hondaBrand .nav-tabs .nav-item {
        margin: .2rem 0
    }

    .haval-gwmBrand .new-model-navigation .nav-tabs .nav-item {
        margin-bottom: 1rem
    }

    .mega-menu:hover .mega-menu-layout a.mega-menu-dropdown:after {
        content: '\f067';
        border: 0
    }

    .mega-menu:hover .mega-menu-layout.show a.mega-menu-dropdown:after {
        content: '\f068';
        border: 0
    }

    .cheryHeader .brand-links a,
    .honda-motorcycleHeader .brand-links a,
    .hondaHeader .brand-links a {
        margin: 0 0 0 1rem
    }

    .fordHeader .brand-links a,
    .haval-gwmHeader .brand-links a,
    .renaultHeader .brand-links a {
        margin: 0 .5rem
    }

    .fordHeader>.row {
        justify-content: center
    }
}

@media only screen and (max-width:835px) {
    .brandSection .brandCopy {
        margin: 2rem;
        width: 100% !important
    }

    .mahindraHeader .rightLogo {
        display: none
    }

    .mahindraHeader .mahindraLogo {
        max-width: 124px
    }

    .honda-motorcycleHeader .brand-links a,
    .hondaHeader .brand-links a {
        margin: 0 0 0 .5rem
    }

    .mahindraHeader .mahindraLogo img {
        width: 100%
    }

    .audiBrand .nav-tabs .nav-item {
        border: 1px solid !important
    }

    .mgLogo {
        max-width: 6rem;
        padding: 1rem 1.5rem
    }

    .brandSection .new-model-navigation .nav-tabs {
        width: 100% !important
    }

    .IsuzuHeader .align-items-center.mx-0.row.container {
        padding: 1.5rem 2rem
    }

    .nms-container .container-fluid .row .nms-brand-block a img {
        max-width: 50px
    }

    .header-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu a {
        padding: .2rem
    }

    .brandSection .new-model-list .d-flex.flex-wrap {
        justify-content: center
    }

    .audiHeader .brand-links a {
        margin-right: 1rem
    }

    .brandSection div#info-buttons-VWNewModels {
        flex-direction: column;
        margin: 0 auto
    }

    .brandSection div#info-buttons-VWNewModels .col-4.col-sm-3.col-md-2 {
        max-width: 100%;
        margin: 0 auto;
        padding: 0
    }

    .fordHeader .brand-links a,
    .haval-gwmHeader .brand-links a {
        margin: 0 0 0 1rem;
        font-size: 14px
    }

    .fordHeader.brandHeader>div.row,
    .haval-gwmHeader>div.row {
        justify-content: center !important
    }

    .haval-gwmHeader.brandHeader {
        box-shadow: none;
        padding: 0 0 1rem
    }

    .bydBrand .brand-links a {
        margin: 0 0 0 1rem
    }

    .renaultLogo img {
        width: 50px
    }

    .renaultHeader .row.mx-0.container.align-items-center {
        justify-content: space-between
    }

    .geelyBrand .brand-links a {
        margin: 0 0 0 1rem
    }
}

@media only screen and (max-width:480px) {
    .brand-links a {
        font-size: .75rem
    }

    .innerContent {
        padding: 0 !important
    }

    .jetourHeader .brand-links {
        margin-top: 1rem
    }

    .honda-motorcycleLogo,
    .mahindraLogo {
        margin-bottom: 1rem
    }

    .haval-gwmHeader,
    .mazdaHeader .brand-links,
    .omodaHeader .brand-links {
        padding: 0 0 1rem
    }

    .audiLogo,
    .bydLogo,
    .cheryLogo {
        margin: 0 auto 1rem
    }

    .IsuzuHeader .align-items-center.mx-0.row.container,
    .audiHeader {
        padding: 1rem
    }

    .brandSection h1,
    .haval-gwmBrand div#newModelTabContentNewModels {
        text-align: center
    }

    .brandSection .highlight,
    .brandSection h1 {
        font-size: 1.5rem !important
    }

    .brandSection img.nav-logo {
        margin-bottom: 0
    }

    .nms-container .container-fluid .row .nms-brand-block a img {
        max-width: 90px
    }

    .cheryHeader .brand-links a {
        margin-left: 0;
        margin-right: 1rem
    }

    .cheryHeader,
    .hondaHeader,
    mahindraHeader {
        padding: 1rem 0
    }

    .bydBrand .brand-links a {
        margin: 0 1rem 0 0
    }

    .bydBrand .container.justify-content-between.mx-0.row {
        flex-direction: column;
        justify-content: center !important;
        margin: 0 auto;
        text-align: center
    }

    .brandSection .brand-links a {
        margin-left: 0 !important;
        margin-right: 1rem !important
    }

    .IsuzuHeader .brand-links a:last-child {
        background: 0 0;
        color: #000;
        padding: 0
    }

    .IsuzuLogo,
    .brandSection .form-group.row,
    .contactvw.vwCopy.vwBrand .brandLinks {
        margin: 0 0 1rem
    }

    .manHeader .align-items-center.mx-0.row.container {
        flex-direction: column-reverse
    }

    .manHeader .brand-links {
        min-height: unset;
        width: 100%;
        justify-content: center
    }

    .mahindraHeader .leftItems {
        flex-direction: column
    }

    .brand-links {
        width: 100%;
        text-align: center;
        justify-content: center
    }

    .brandSection .brand-links a:last-child {
        margin-right: 0 !important
    }

    .brandSection .ourBrands,
    .brands.swiper-container {
        padding: 0
    }

    .brandSection .align-items-center.mx-0.row.container,
    .brandSection .new-model-list .d-flex.flex-wrap {
        justify-content: center !important
    }

    .fordLogo {
        margin: 0
    }

    .mahindraHeader .brand-links {
        padding: 0 0 10px
    }

    .suzukiLogo {
        text-align: center;
        margin: 0 auto 1rem
    }

    .dividerBrand-logo {
        width: 50px
    }

    .details h3 {
        font-size: 1rem
    }

    .details em.fas.fa-download {
        margin-right: .5rem
    }

    .honda-motorcycleHeader .new-model-shape.tab-pane.active.border.d-inline-block.my-3,
    .hondaHeader .new-model-shape.tab-pane.active.border.d-inline-block.my-3 {
        margin: 0 !important
    }

    .brandSection .new-model-shape.tab-pane.active.border.d-inline-block.my-3 {
        margin: 2rem 0 !important;
        width: 100%
    }

    .brandSection .new-model-shape.tab-pane:before {
        text-align: center;
        width: 100%;
        display: block;
        left: 0 !important
    }

    .mgLogo {
        max-width: 4rem;
        padding: .5rem
    }

    .mgHeader .brand-links {
        width: unset
    }

    .manHeader .brand-links {
        margin: 0;
        padding: .5rem 0 0
    }

    .fordHeader,
    .manHeader.brandHeader {
        padding: .5rem 0
    }

    .brand-links {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .mgHeader .brand-links a {
        margin: 0 1rem !important
    }

    .contactDealerCopy .contactCopy .container.text-overlay {
        padding: 0 1rem
    }

    .brandSection .vwCopy .brandLinks a {
        margin: 0 .5rem
    }

    .brand-links a,
    .brandLinks a {
        line-height: 2rem
    }

    .mahindraHeader .brand-links a {
        padding: 5px
    }

    .brandHeader>.row,
    .fordHeader>.row {
        justify-content: center
    }

    .fordHeader .brand-links {
        flex-wrap: wrap
    }

    .fordHeader .brand-links a {
        height: unset
    }

    .fordHeader {
        box-shadow: none
    }

    .geelyLogo {
        margin: 0 auto 1rem
    }

    .geelyBrand .brand-links a {
        margin: 0 1rem 0 0
    }

    .geelyBrand .container.justify-content-between.mx-0.row {
        flex-direction: column;
        justify-content: center!important;
        margin: 0 auto;
        text-align: center
    }
}

@media only screen and (max-width:376px) {
    .brandSection .brand-links a {
        margin-right: 1rem !important
    }

    .mgHeader .brand-links a {
        margin: 0 .5rem !important
    }

    .audiHeader {
        padding: 1rem 0
    }

    .brandSection .vwCopy .brandLinks a {
        margin: 0 .2rem
    }
}

.active.new-model-shape.tab-pane:before {
    text-align: center;
    width: 100%;
    display: block;
    left: 0 !important
}

.new-model-shape .d-flex.flex-wrap {
    justify-content: center
}

.brandInner .btn {
    font-family: unset
}

#new-model-list-NewModels div#ThisWeekTile {
    color: unset;
    border: unset;
    padding: unset;
    background: unset
}

.img-social-icons h4 {
    font-size: 1.2rem;
    font-weight: unset
}

.suzukiHeader .brand-links a.bg-secondary {
    color: #00388f !important;
    background: 0 0 !important
}