nav.white-label-us {  }
nav.white-label-us div.white-label-menu {}
nav.white-label-us div.navbar { background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding-inline: 2.5rem; height: 4.5rem; }
nav.white-label-us div.navbar > div { flex: 0 1 auto; width: 100%; max-width: 50%; }
nav.white-label-us div.navbar > div:nth-child(2) { width: auto; flex: 0 0 auto; }
nav.white-label-us div.navbar > div:nth-child(3) {  justify-content: end; }
nav.white-label-us span.burgerMenu { display: block; background: url(../img/img/O_BurgerMenu.svg) no-repeat center; width: 24px; height: 24px; }
nav.white-label-us span.closeMenu { display: none; background: url(../img/img/O_Close.svg) no-repeat center; width: 24px; height: 24px; }
nav.white-label-us button.hamburger-wrapper span.burgerMenu.opened { display: none; }
nav.white-label-us button.hamburger-wrapper span.closeMenu.opened { display: block; }
nav.white-label-us .gap-4 { gap: 4rem; }
nav.white-label-us .gap-2 { gap: 2rem; }
nav.white-label-us .logo { margin-right: unset; }
nav.white-label-us .logo.opened { margin-right: auto; margin-left: 0px; }

nav.white-label-us button.hamburger-wrapper { background-color: rgb(249,249,249); padding: 0.5rem 0.75rem; border-radius: 3.75rem; cursor: pointer; border: 0; margin-bottom: 0; }

nav.white-label-us span.ico { display: block; }
nav.white-label-us span.headset-ico { background: url(../img/img/O_Headset.svg) no-repeat center; width: 32px; height: 32px; }
nav.white-label-us span.location-ico { background: url(../img/img/O_OnMap.svg) no-repeat center; width: 32px; height: 32px; }
nav.white-label-us span.arrow-right-ico { background: url(../img/img/O_ArrowRight.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.maintance-ico { background: url(../img/img/O_Maintenance.svg) no-repeat center; width: 32px; height: 32px; background-size: contain; }
nav.white-label-us span.profile-ico { background: url(../img/img/O_Profile.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.safety-ico { background: url(../img/img/O_Safety.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.paper-ico { background: url(../img/img/O_Quote.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.battery-ico { background: url(../img/img/O_BatteryCharging.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.energy-ico { background: url(../img/img/S_ZeroEmission.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.time-ico { background: url(../img/img/O_DeferredElectricCharging.svg) no-repeat center; width: 24px; height: 24px; background-size: contain; }
nav.white-label-us span.chevron-ico { background: url(../img/img/O_ChevronLeftLarge.svg) no-repeat center; width: 32px; height: 32px; background-size: contain; }


nav.white-label-us a { text-decoration: none; }
nav.white-label-us a.link { font-weight: bold; color: black; }
nav.white-label-us .padding-1 { padding: 0 1rem; }

body.white-label-us .overlay { background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 72px; bottom: 0; right: 0; backdrop-filter: blur(0.3125rem); }
nav.white-label-us .menu { position: absolute; left: -23.75rem; bottom: 0; top: 72px; z-index: 99; height: calc(100vh - 72px); background-color: white; display: flex; flex-direction: column; justify-content: space-between; padding: 2.5rem 2.75rem; width: 23.75rem; box-sizing: border-box; }
nav.white-label-us .menu.opened { left: 0; } 
nav.white-label-us ul { list-style-type: none; padding: 0; margin: 0; }
nav.white-label-us ul li a.menu-link-with-ico { padding-bottom: 0.5rem; padding-top: 0.5rem; display: flex; color: black; justify-content: space-between; font-weight: 300; }
nav.white-label-us div.other ul { display: flex; flex-direction: column; gap: 1rem; } 

nav.white-label-us div.drop-menu { position: absolute; left: -300%; top: 0px; bottom: 0; background-color: white; z-index: 1; width: auto; padding: 2.5rem 2rem; box-sizing: border-box; }
nav.white-label-us div.drop-menu.opened { left: 23.75rem; }
nav.white-label-us div.drop-menu.opened.in { left: 21rem; width: unset; padding: 2.5rem 1.5rem; }
nav.white-label-us div.drop-menu.opened.in-link { width: 100%; }
nav.white-label-us div.drop-menu.drop-bg { background-color: rgb(249, 249, 249); }
nav.white-label-us div.drop-menu.drop-bg-dark { background-color: rgb(243, 243, 243); }
nav.white-label-us div.drop-menu#electric,
nav.white-label-us div.drop-menu#sale { width: 100%; }
nav.white-label-us div.drop-menu ul li a { padding: .5rem 0; display: flex; font-weight: 300; color: black; justify-content: space-between; align-items: center; }
nav.white-label-us div.drop-menu ul li a.menu-link-with-ico,
nav.white-label-us a.link-with-ico { display: flex; align-items: center; gap: 0.5rem; font-weight: bold; color: black; }

nav.white-label-us div.back { display: none; cursor: pointer; }
nav.white-label-us .mobile-ico { opacity: 0; }

nav.white-label-us div.card-wrapper { overflow-y: scroll; }
nav.white-label-us div.card-wrapper > div { height: 637px; }
nav.white-label-us div.card-wrapper a { color: initial; padding-left: 2rem; padding-right: 1rem; display: block; }
nav.white-label-us div.car-model-wrapper { width: 234px; padding: 0.5rem; box-sizing: border-box; }
nav.white-label-us div.car-model-wrapper span.title { font-size: 16px; font-weight: 300; }
nav.white-label-us div.car-model-wrapper .gap-025 { gap: 0.25rem }
nav.white-label-us div.car-model-wrapper div.bubble { border: 1px solid #034d70; color: #034d70; border-radius: 1.25rem; }
nav.white-label-us div.car-model-wrapper div.bubble span { font-size: 12px; font-weight: 400;  padding-bottom: 0.1875rem; padding-top: 0.1875rem; display: block; padding-inline: 0.5rem; }
nav.white-label-us div.car-model-wrapper p { margin: 0; font-size: 0.75rem; color: rgb(115,115,115); font-weight: 700; }
nav.white-label-us div.title-wrap { display: flex; flex-direction: column; gap: 0.5rem; }

div.overlay { display: none; z-index: 98; }

@media screen and (max-width: 1272px) {
    nav.white-label-us .menu.opened { width: 100%; height: calc(100vh - 64px); }
    nav.white-label-us div.drop-menu.opened { left: 0; width: 100%; }
    nav.white-label-us .mobile-ico { opacity: 1; }
    nav.white-label-us .header-link { display: none; }  
    nav.white-label-us div.navbar { padding-inline: 1.5rem; height: 64px; }  
    nav.white-label-us .menu,
    body.white-label-us .overlay { top: 64px; }
    nav.white-label-us div.car-model-wrapper { width: 100%; }
    nav.white-label-us div.card-wrapper > div { height: auto; }
    nav.white-label-us div.drop-menu { padding: 0 1.5rem; }
    nav.white-label-us div.drop-menu.opened.in { left: 0; width: 100%; }

    
}