nav{position:fixed;z-index:9999999999;width:100%;background-color:transparent;font-family:"Source Han Sans CN Normal"}
nav.active .first-line-nav:before,nav.active .second-line-nav:before{opacity:1}
nav:before{content:"";position:fixed;width:100%;top:0;left:0;right:0;bottom:0;background:#121212;transition:0.3s;height:0%}
nav:has(.second-line-nav.active):before{height:100%}
@media (max-width:1200px){nav .second-line-nav:not(.active){height:0;pointer-events:none;opacity:0}nav .second-line-nav:not(.active) *{opacity:0}}
ul{position:relative;z-index:1;text-decoration:none;list-style:none;display:flex;flex-direction:column}
.first-line-nav{position:relative;display:flex;justify-content:center;padding:14px 0}
.first-line-nav .logo{display:flex}
.first-line-nav .logo img{width:100%;height:100%;object-fit:contain}
@media (min-width:1201px){.first-line-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;width:100%;opacity:0;background-color:#121212;z-index:0;transition:0.25s;pointer-events:none}}
@media (max-width:1200px){.first-line-nav{justify-content:space-between;padding:18px 25px;background-color:#121212}}
.first-line-nav li{z-index:1}
.first-line-nav .hamburger{display:none}
@media (max-width:1200px){.first-line-nav .hamburger{display:flex;cursor:pointer}}
.first-line-nav .hamburger-icon{width:29px}
@media (max-width:767px){.first-line-nav .hamburger-icon{width:25px}}
.second-line-nav{position:relative;display:flex;justify-content:center;gap:2.5rem;padding:10px 0 15px;transition:0.3s}
@media (max-width:1200px){.second-line-nav{justify-content:flex-start;align-items:flex-start;background-color:#121212;flex-direction:column;padding:18px 25px;gap:0;margin-top:-1px}}
.second-line-nav li{position:relative;text-align:center}
@media (max-width:767px){.second-line-nav li{max-width:330px;width:100%}}
.second-line-nav li.has-child .plus-button{position:absolute;top:0.75rem;right:0;background:url(../themes/demo/assets/images/icons/plus-icon.svg) center center no-repeat;background-size:contain;width:20px;height:20px;aspect-ratio:1;margin:auto}
.second-line-nav li.active ul.drop-down{opacity:1;pointer-events:all}
@media (max-width:767px){.second-line-nav li.active ul.drop-down{display:block;width:fit-content;margin:auto}}
.second-line-nav li ul.drop-down{width:max-content}
@media (max-width:767px){.second-line-nav li ul.drop-down{display:none}}
@media (min-width:768px){.second-line-nav li ul.drop-down{position:absolute;transform:translateX(-50%);right:0;margin:0 auto;left:50%;top:100%;padding-top:0.8rem;opacity:0;pointer-events:none;transition:0.3s}}
.second-line-nav li ul.drop-down li{margin:0;padding:0.5rem 1rem;background:black}
@media (max-width:767px){.second-line-nav li ul.drop-down li,.second-line-nav li ul.drop-down li a{font-size:18px}}
.second-line-nav li ul.drop-down li a:before{display:none}
@media (min-width:1201px){.second-line-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;width:100%;opacity:0;background-color:#121212;z-index:0;transition:0.25s;pointer-events:none}}
.second-line-nav.active{display:flex}
.second-line-nav.hide{opacity:0;pointer-events:none;transition:0.15s}
.second-line-nav .nav-link{position:relative;transition:0.15s;font-family:"Source Han Sans CN Light";letter-spacing:1.2px;font-size:14px}
@media (max-width:1200px){.second-line-nav .nav-link{font-size:clamp(18px,1.354vw,1.354vw)}}
.second-line-nav .nav-link:before{content:"";position:absolute;bottom:-0.25rem;left:0;right:0;margin:auto;height:2px;background:#fff;transition:0.3s;width:0%;transform-origin:left}
@media (max-width:1200px){.second-line-nav .nav-link:before{display:none}}
.second-line-nav .nav-link:hover{color:#fff}
.second-line-nav .nav-link:hover:before{opacity:1;width:60%}
@media (max-width:1200px){.second-line-nav .nav-link:hover:before{display:none}}
.second-line-nav .nav-link.active{color:#fff;font-weight:700}
.second-line-nav .nav-link.active:before{opacity:1;width:60%}
@media (max-width:1200px){.second-line-nav .nav-link.active:before{display:none}}
@media (max-width:1200px){.second-line-nav .nav-link.active{color:white}}
li{color:white;text-decoration:none;font-size:16px;font-family:"Source Han Sans CN Normal"}
li a{color:white;text-decoration:none;text-decoration-color:none;font-family:"Source Han Sans CN Normal"}
li a:visited{color:white;text-decoration:none;text-decoration-color:none}
nav .parent{display:flex;align-items:center;z-index:1;position:relative}
@media (max-width:1200px){nav .parent{margin-right:auto}}
nav .parent a{color:#fff}
nav .parent[data-menu-parent]{margin-right:1rem}
nav .parent[data-menu-parent]:after{content:"";position:absolute;top:0;bottom:-0.15rem;margin:auto;right:-1.5rem;background:url("../themes/demo/assets/images/icons/arrow-down-icon.svg") center center no-repeat;background-size:85%;width:auto;height:100%;aspect-ratio:1}
@media (max-width:1200px){nav .parent[data-menu-parent]:after{background:url("../themes/demo/assets/images/icons/right-arrow-white.svg") center center no-repeat;background-size:contain;width:auto;height:45%;bottom:0;right:1rem;transform:translateY(-5px)}}
nav .parent:has(>.dropdown){position:relative}
nav .parent:has(>.dropdown) .dropdown{position:absolute;top:calc(100% + 1rem);left:100%;transform:translateX(-60%);right:0;margin:auto;background:white;width:max-content;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:0.3s}
nav .parent:has(>.dropdown) .dropdown.active{opacity:1;pointer-events:all}
nav .parent:has(>.dropdown) .dropdown a{color:#000 !important;padding:0.5rem 1rem}
nav .parent:has(>.dropdown) .dropdown a sub{font-size:65%;line-height:1;display:inline-block;transform:translate(0px,-3px);margin-left:0.2rem}
@media (max-width:1200px){nav .parent:has(>.dropdown){flex-direction:column}nav .parent:has(>.dropdown) .dropdown{position:relative;height:0 !important;left:0;right:unset;transform:none;height:0%;width:max-content;margin-top:1rem;margin-left:2rem;background:transparent;margin-bottom:0;margin-top:0}nav .parent:has(>.dropdown) .dropdown.active{height:100% !important}nav .parent:has(>.dropdown) .dropdown a{color:#fff !important}}
nav .children{position:absolute;width:100%;margin-top:2.1rem}
@media (max-width:1200px){nav .children{position:relative;z-index:999;margin-top:0}}
nav .menu-child{position:absolute;top:100%;background:#fff;width:100%;left:0;padding:clamp(30px,2.083vw,2.083vw) clamp(30px,8.854vw,8.854vw);transition:0.25s;box-shadow:0px 20px 20px rgba(0,0,0,0.251)}
nav .menu-child .nav-link{color:#000 !important}
nav .menu-child .nav-link:hover:before{width:100%}
nav .menu-child .nav-link:before{height:1px;background:#000}
@media (max-width:1200px){nav .menu-child{opacity:1 !important;position:fixed !important;top:0;left:0;bottom:0;right:0;height:100%;width:100%;transform:translateX(100%) !important}nav .menu-child.active{transform:translateX(0) !important}}
nav .menu-child:not(.active){opacity:0;transform:translateY(10px);pointer-events:none}
nav .menu-child[data-menu-child="models"] .models{display:flex;justify-content:flex-start;margin-bottom:1.8rem;padding-bottom:1.4rem;border-bottom:1px solid #000}
@media (max-width:1200px){nav .menu-child[data-menu-child="models"] .models{flex-direction:column}}
nav .menu-child[data-menu-child="models"] .models .model-tabs{width:15%;display:flex;flex-direction:column;gap:20px;justify-content:center}
nav .menu-child[data-menu-child="models"] .models .model-tabs .tab-button{background:transparent;border:none;cursor:pointer;font-weight:bold;font-size:clamp(18px,1.563vw,1.563vw);font-weight:700;color:#6C6C6C}
nav .menu-child[data-menu-child="models"] .models .model-tabs .tab-button:hover{color:#121212}
nav .menu-child[data-menu-child="models"] .models .model-tabs .tab-button.active{color:#121212;position:relative;display:inline-flex;justify-content:center}
nav .menu-child[data-menu-child="models"] .models .model-tabs .tab-button.active::after{content:"";position:absolute;bottom:0;left:35%;width:30%;height:2px;background-color:#121212}
@media (max-width:1200px){nav .menu-child[data-menu-child="models"] .models .model-tabs .tab-button.active::after{width:60%;left:20%}}
@media (max-width:1200px){nav .menu-child[data-menu-child="models"] .models .model-tabs{width:100%;flex-direction:row;justify-content:flex-start;gap:1.3rem;margin-bottom:1.2rem}}
nav .menu-child[data-menu-child="models"] .jaecoo-models,nav .menu-child[data-menu-child="models"] .omoda-models{display:flex;justify-content:flex-start;width:85%;min-height:291px}
@media (max-width:767px){nav .menu-child[data-menu-child="models"] .jaecoo-models,nav .menu-child[data-menu-child="models"] .omoda-models{flex-direction:column;min-height:auto;width:100%}}
nav .menu-child[data-menu-child="models"] .jaecoo-models a,nav .menu-child[data-menu-child="models"] .omoda-models a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:clamp(250px,25.833vw,25.833vw)}
@media (max-width:767px){nav .menu-child[data-menu-child="models"] .jaecoo-models a,nav .menu-child[data-menu-child="models"] .omoda-models a{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:1.3rem;width:100%}}
nav .menu-child[data-menu-child="models"] .jaecoo-models a:hover img,nav .menu-child[data-menu-child="models"] .omoda-models a:hover img{transform:scale(1.03)}
nav .menu-child[data-menu-child="models"] .jaecoo-models a img,nav .menu-child[data-menu-child="models"] .omoda-models a img{width:100%;object-fit:contain;transition:0.3s;transform-origin:center;height:auto;aspect-ratio:2;max-width:clamp(200px,25.833vw,25.833vw)}
nav .menu-child[data-menu-child="models"] .jaecoo-models a span,nav .menu-child[data-menu-child="models"] .omoda-models a span{position:relative;color:#000;font-weight:600;font-size:clamp(18px,1.563vw,1.563vw)}
nav .menu-child[data-menu-child="models"] .bottom{display:flex;justify-content:center;align-items:center;gap:clamp(50px,5.208vw,5.208vw);flex-wrap:wrap}
@media (max-width:767px){nav .menu-child[data-menu-child="models"] .bottom{flex-direction:column;align-items:flex-start;gap:1.2rem}}
nav .menu-child[data-menu-child="models"] .bottom a{display:flex;align-items:center;color:#000;gap:1rem}
nav .menu-child[data-menu-child="models"] .bottom a img{width:clamp(30px,2.083vw,2.083vw);height:auto}
nav .menu-child[data-menu-child="models"] .bottom a span{font-size:clamp(16px,0.938vw,0.938vw)}
nav .menu-child[data-menu-child="models"] .bottom a.coming-soon{position:relative}
nav .menu-child[data-menu-child="models"] .bottom a.coming-soon:before{content:"Coming Soon";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto 0;margin-left:3.5rem;opacity:0;transition:0.3s;height:fit-content;width:fit-content;line-height:1;display:block}
nav .menu-child[data-menu-child="models"] .bottom a.coming-soon span{position:relative;transition:0.3s}
nav .menu-child[data-menu-child="models"] .bottom a.coming-soon:hover:before{opacity:1}
nav .menu-child[data-menu-child="models"] .bottom a.coming-soon:hover span{opacity:0}
nav .menu-child[data-menu-child="services"] .services{display:flex;justify-content:center;column-gap:2rem;row-gap:1.5rem}
@media (max-width:767px){nav .menu-child[data-menu-child="services"] .services{row-gap:0;flex-wrap:wrap}}
nav .menu-child[data-menu-child="services"] .services a{display:flex;flex-direction:column;text-align:center;color:#000;gap:0.5rem;width:clamp(300px,20.833vw,20.833vw)}
@media (max-width:767px){nav .menu-child[data-menu-child="services"] .services a{width:100%;flex-direction:row;align-items:center;border-bottom:1px solid #E1E1E1;padding-bottom:1.2rem;margin-bottom:1.2rem;gap:1.2rem}}
nav .menu-child[data-menu-child="services"] .services a span{font-size:clamp(16px,0.938vw,0.938vw);line-height:1.2;width:fit-content;margin:auto}
@media (max-width:767px){nav .menu-child[data-menu-child="services"] .services a span{width:100%;text-align:left}}
nav .menu-child[data-menu-child="services"] .services a span sub{font-size:75%;line-height:1;display:inline-block;transform:translate(0px,-3px);margin-left:0.2rem;color:#1f6779}
nav .menu-child[data-menu-child="services"] .services a .image-holder{display:flex;overflow:hidden}
@media (max-width:767px){nav .menu-child[data-menu-child="services"] .services a .image-holder{min-width:clamp(185px,26.076vw,26.076vw) !important}}
nav .menu-child[data-menu-child="services"] .services a .image-holder img{width:100%;height:100%;object-fit:contain;transition:0.3s}
nav .menu-child[data-menu-child="services"] .services a:hover .image-holder img{transform:scale(1.03)}
@media (max-width:1200px){nav .second-line-nav:has(.menu-child.active) .parent{pointer-events:none}}
@media (max-width:1200px){nav .second-line-nav .parent{width:100%;margin-bottom:0.8rem;padding-bottom:0.8rem;border-bottom:1px solid #353535}}
nav .second-line-nav .parent a{width:100%}
@media (max-width:1200px){nav .second-line-nav .parent:has(.menu-child)>a{pointer-events:none}}
nav .children:has(.menu-child.active) .top-bar-label{pointer-events:auto;transform:translateY(0)}
nav .children .top-bar-label{position:fixed;padding:18px 25px;top:0;background:#121212;z-index:1;width:100%;height:0;left:0;display:flex;justify-content:space-between;align-items:center;transform:translateY(-100%);pointer-events:none;transition:0.3s}
nav .children .top-bar-label .back-btn,nav .children .top-bar-label .close-btn{display:flex;width:30px;height:auto;aspect-ratio:1}
nav .children .top-bar-label .back-btn svg,nav .children .top-bar-label .close-btn svg{width:100%;height:100%;object-fit:contain}
nav .children .top-bar-label .label{color:#fff;text-transform:capitalize}