@font-face {font-family: font1;src: url(../font/e8f2fbee2754df70-s.p.0fzkl03jw-sdz.ttf);}
@font-face {font-family: font2;src: url(../font/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.ttf);}
@font-face {font-family: font4;src: url(../font/Montserrat-Regular.ttf);}
@font-face {font-family: font5;src: url(../font/Montserrat-Bold.ttf);}
@font-face {font-family: font6;src: url(../font/Montserrat-ExtraBold.ttf);}
.container-fluid {padding: 0;}
.header-nav nav {background-color: transparent !important;padding: 0 !important;}
header#header {z-index: 9999;width: 100%;transition: all .3s;position: fixed;top: 0;left: 0;right: 0;background: #fff;}
body {font-family: 'font2';color: #000;}
html {scroll-behavior: smooth;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link {color: #121212;}
ul.navbar-nav li a {font-family: 'font5';text-transform: uppercase;letter-spacing: .5px;white-space: nowrap;font-size: 14px;font-weight: 700;text-align: center;}
.container {max-width: 1400px;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0;}
ul.navbar-nav,.contact {gap: 24px;}
.contact a {color: #000;}
header span.pre-header-link .info-details {display: none;}
.header-wrapper {height: 80px;display: flex;align-items: center;}
a {color: #f36c28;}
a:hover {color: #000;text-decoration: none;}
.contact {margin-left: 24px !important;}
section.models {justify-content: center;align-items: stretch;width: 100%;margin-inline: auto;display: flex;}
.z-wrapper .models .car-card:first-child a {flex-direction: column;flex: 1;align-items: flex-end;padding-top: 74px;padding-left: 16px;display: flex;}
.z-wrapper .models .car-title {max-width: 146px;}
.z-wrapper .models .car-img {max-width: 100%;height: auto;margin-top: 20px;width: 100%;max-width: 80%;height: auto;}
.z-wrapper .models .discover {position: relative;padding-right: 30px;display: inline-flex;align-items: center;gap: 10px;font-size: 16px;color: #000;text-decoration: none;margin-top: 23px;transition: all .2s ease-in-out;}
.z-wrapper .models .discover::after, .discover-label::after {content: "";width: 20px;height: 20px;background-image: url("https://image.blob.ix.co.za/LayoutImage/385/1/385-1-icaur-arrow-1-120x120.png");background-size: contain;background-repeat: no-repeat;display: inline-block;transition: transform 0.3s ease;}
.discover-label::after {width: 36px;height: 36px;}
.z-wrapper .models .discover:hover::after {transform: translate(6px);}
section.discover-more {flex-direction: column;align-items: center;width: 1200px;max-width: 80%;margin-inline: auto;padding-top: 110px;display: flex;}
section.discover-more h2 {font-size: 53px;font-weight: 700;}
section.discover-more .row {aspect-ratio: 1163 / 439;align-items: stretch;width: 100%;margin-top: 41px;display: flex;}
.models-item-v23 {flex: 2;transition: flex .6s cubic-bezier(.65, 0, .35, 1);position: relative;}
section.discover-more img {object-fit: cover;width: 100%;height: 100%;position: absolute;inset: 0;}
.Zone_3.container {flex-direction: column;align-items: center;width: 1200px;max-width: 80%;margin-inline: auto;padding-top: 110px;display: flex;}
.models-item-03t {flex: 1;min-width: 280px;transition: flex .6s cubic-bezier(.65, 0, .35, 1);position: relative;}
.discover-label {color: #fff;justify-content: space-between;align-items: center;font-size: 23px;font-weight: 700;display: flex;position: absolute;inset: auto 18px 18px;}
.grid-03t {aspect-ratio: 1163 / 549;grid-template-rows: 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;gap: 8px;width: 100%;display: grid;}
.copy {padding: 9px 14px 0 27px;}
.copy h3 {margin-bottom: 12px;font-size: 23px;font-weight: 700;}
#backToTop {color: #121212;background: transparent;border: none;display: none;border-radius: 2px;cursor: pointer;line-height: 45px;width: 100%;margin-bottom: 64px;font-family: 'font5';}
#backToTop:hover {background-color: transparent;color: #121212;}
button#backToTop i {font-family: 'Font Awesome 5 Free';font-weight: 600;font-style: normal;color: #121212;}
footer#footer {color: #121212;border-top: 1px solid lab(90.952% 0 -.0000119209);background-color: #fafafa;flex-direction: column;align-items: center;gap: 1rem;padding: 2.5rem 4rem 1rem;;display: flex;position: relative;margin-top: 2.5rem;}
.footerlinks ul {display: flex;flex-direction: column;gap: .5rem;width: 100%;}
.f-links-wrapper {flex-wrap: wrap;flex: auto;justify-content: space-evenly;gap: 1rem;display: flex;}
span.system-info-logo {max-width: 142px;width: 142px;display: block;}
span.system-info-logo img {max-width: 100%;}
.f-links {flex-direction: column;gap: 1.5rem;display: flex;}
.socials li {border-radius: .625rem;width: 34px;height: 34px;color: #121212;background-color: #fff;justify-content: center;align-items: center;transition: background-color .2s, color .2s;display: flex;}
footer a {color: #121212;font-family: 'font5';}
.footerlinks li a {color: #121212;font-size: .95rem;font-weight: 700;transition: color .2s;}
.footerlinks li:first-child a {color: lab(48.496% 0 0);margin: 0;font-size: .9rem;pointer-events: none;}
.post-footer .container {max-width: 1200px;color: lab(48.496% 0 0);gap: .5rem;margin: 0 auto;font-size: .75rem;display: flex;justify-content: center;font-family: 'font4';}
.post-footer li a {color: lab(48.496% 0 0);font-weight: unset;font-family: 'font4';gap: .5rem;display: inline-block;}
.post-footer li a:after {content: "·";color: lab(48.496% 0 0);margin-left: .5rem;}
.post-footer ul {gap: .5rem;display: inline-flex;}
.z-wrapper .container {width: 1200px;max-width: 80%;margin-inline: auto;padding-top: 96px;}
.long-img {grid-row: span 2 / span 2;}
.last-img-box {aspect-ratio: 1163 / 412;width: 100%;margin-top: 8px;position: relative;overflow: hidden;}
.last-img-box p {color: #fff;text-align: center;width: 100%;margin: 0;font-size: 36px;font-weight: 700;position: absolute;inset: auto 0 15px;}
.last-img-box img {object-fit: cover;width: 100%;height: 100%;display: block;}
section.models .col-md-6:last-child {background: #f9f9f9;flex: 1;padding: 74px 16px 27px 48px;}
.z-wrapper section.models .col-md-6:first-child .car-card {flex-direction: column;flex: 1;padding-top: 74px;padding-left: 16px;display: flex;}
.Zone_2.z-wrapper {margin-top: 64px;}
.z-wrapper h2 {color: #121212;letter-spacing: -.02em;margin: 0;font-size: 3.5rem;font-weight: 700;line-height: .9;text-align: center;font-family: 'font5';}
.Zone_5.z-wrapper h2 {margin-bottom: 66px;}
.navbar-nav .dropdown-menu {margin-top: 29px;border-radius: 0;padding: 0;}
.navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .dropdown-item:active {background-color: #dad9d71f;color: #f60;}
.navbar-nav .dropdown.nav-item.show a:after {border-bottom: .3em solid;border-top: 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'font5';}
.header-wrapper span.system-info-name {color: #212121;font-family: 'font5';font-size: 24px;margin-top: 4px;display: block;}
.header-wrapper span.system-info-logo {max-width: 108px;}
.models-item-03t:hover {flex: 2;}
section.discover-more .row:has(.models-item-03t:hover) .models-item-v23 {flex: 1;}
section.models .row.mx-0 {justify-content: center;align-items: stretch;width: 100%;margin-inline: auto;}
.car-card-name {width: 100%;max-width: 80%;display: flex;flex-direction: column;}
.z-wrapper .models .car-card:last-child a {background-color: #f9f9f9;flex: 1;padding: 74px 16px 27px 48px;}
li.dropdown.nav-item .dropdown-menu {left: 50%;transform: translateX(-50%);top: 100%;}
.socials i {font-size: 18px;}
a.nms-model-link p {color: #000000;}
a.nms-model-link:hover, a.nms-model-link:hover p {color: #f36c28;}
.car-card {display: flex;}
.Zone_1.z-wrapper .container {padding-top: 0;}
.Zone_1.z-wrapper .container .content-home {padding: 50px 0px;}
#backToTop b {font-family: 'font6';}
span.rotator-button-icon {width: clamp(40px, 6vw, 70px);height: clamp(40px, 6vw, 70px);}
span.rotator-button-icon i {color: #f60;font-size: clamp(30px, 5vw, 60px);}
.rotator-button {opacity: 1 !important;align-items: end;margin-bottom: clamp(1rem, 5vw, 5rem);width: max-content;}
span.system-info-whatsapp i:before {content: '\f232';font-family: 'Font Awesome 5 Brands';font-size: 16px;}
div#RotatorPrevious {left: 4% !important;}
div#RotatorNext {left: 10% !important;}
.rotator-indicators {display: none;}

@media (max-width: 991px) {
div#RotatorPrevious {left: 2% !important;}
div#RotatorNext {left: 14% !important;}}

@media (max-width: 767px) {
span.rotator-button-icon {width: 45px;height: 45px;}
span.rotator-button-icon i {font-size: 32px;}
.rotator-button {margin-bottom: 1.5rem;}
div#RotatorPrevious {left: 2% !important;}
div#RotatorNext {left: 18% !important;}}