.model-pricing-section{display:flex;flex-direction:column;background:linear-gradient(0deg,#0b2126 5%,rgba(13,31,41,0) 18%,#0D1F29 100%),url("/themes/demo/assets/images/modelJ5ev/modelJ5ev_Banner_Header.webp") center center no-repeat;background-size:cover;padding:clamp(120px,12%,12%) clamp(30px,7.292vw,7.292vw) 0;min-height:100lvh}
.model-pricing-section .left img{width:clamp(165px,29.177vw,29.177vw);margin-bottom:2rem;object-fit:contain}
@media (max-width:768px){.model-pricing-section .left img{width:80vw}}
@media (max-width:400px){.model-pricing-section .left img{width:100px}}
.model-pricing-section .left h1{font-size:clamp(34px,2.125vw,2.125vw);font-family:"Source Han Sans CN Light";text-transform:uppercase;font-weight:400;letter-spacing:0.3rem;width:fit-content;line-height:1;margin-bottom:clamp(2.2rem,2.865vw,2.865vw)}
@media (max-width:480px){.model-pricing-section .left h1{margin-bottom:0.5rem}}
@media (max-width:400px){.model-pricing-section .left h1{font-size:28px;line-height:1.2}}
@media (max-width:380px){.model-pricing-section .left h1{font-size:22px}}
.model-pricing-section .left h3{font-size:clamp(38px,3.125vw,3.125vw);font-family:"Source Han Sans CN Normal";font-weight:900;letter-spacing:3px;width:fit-content;line-height:1;margin-bottom:clamp(2.2rem,2.865vw,2.865vw)}
@media (max-width:480px){.model-pricing-section .left h3{margin-bottom:0.5rem}}
@media (max-width:400px){.model-pricing-section .left h3{font-size:28px;line-height:1.2}}
@media (max-width:380px){.model-pricing-section .left h3{font-size:22px}}
.model-pricing-section .left .price{margin-bottom:1.5rem}
.model-pricing-section .left .price *{font-family:"Source Han Sans CN Normal" !important}
.model-pricing-section .left .price sup{font-weight:100;font-size:60%}
.model-pricing-section .left .price span{font-size:clamp(12px,1.202vw,1.202vw);line-height:1;font-weight:900;letter-spacing:1px;color:#fff;margin-left:0.5%}
@media (max-width:400px){.model-pricing-section .left .price span{font-size:16px}}
@media (max-width:380px){.model-pricing-section .left .price span{font-size:12px}}
.model-pricing-section .left .price p{font-size:clamp(65px,5.3vw,5.3vw);width:fit-content;font-weight:900;backdrop-filter:drop-shadow(2px 4px 46px black);text-shadow:0 4px 20px rgba(0,0,0,0.15);line-height:1;font-family:"Source Han Sans TW Medium" !important}
@media (max-width:400px){.model-pricing-section .left .price p{font-size:45px}}
@media (max-width:380px){.model-pricing-section .left .price p{font-size:38px}}
@media screen and (max-width:969px){.model-pricing-section{background:linear-gradient(0deg,#0b2126 5%,rgba(13,31,41,0) 18%,#0D1F29 100%),url("/themes/demo/assets/images/modelJ5ev/modelJ5ev_Banner_Header_mobile.webp") center center no-repeat;background-size:cover}}
@media screen and (max-width:565px){.model-pricing-section{background-size:cover;padding:clamp(180px,12%,12%) clamp(30px,7.292vw,7.292vw) 0}}
.model-features{min-height:100lvh;background:#0D1F29;position:relative;padding-bottom:20px;padding-left:0;padding-right:0;display:flex;flex-direction:column;justify-content:center;margin-top:-5px}
.model-features .j5ev-side{width:100%;max-width:1440px;display:block;margin:0 auto;object-fit:cover}
@media (max-width:767px){.model-features .j5ev-side{width:80%}}
.model-features h2{color:white;font-weight:300;text-align:center;font-size:18px}
@media (max-width:767px){.model-features{min-height:unset;padding-top:30px;padding-bottom:60px;gap:2rem}}
.model-features .stats-container{display:flex;max-width:1440px;margin:0 auto;justify-content:space-between;flex-wrap:wrap;gap:3.5rem;width:100%}
@media (max-width:1200px){.model-features .stats-container{max-width:75%}}
@media (max-width:969px){.model-features .stats-container{margin-top:0;width:80%;gap:2rem}}
@media (max-width:565px){.model-features .stats-container{max-width:unset;display:grid;justify-items:flex-start;grid-template-columns:repeat(1,minmax(0,1fr));width:80%;gap:2rem}}
.model-features .stats-container .stats{display:flex;flex:1;align-items:start;justify-content:start;max-width:fit-content;flex-direction:column}
@media (max-width:1200px){.model-features .stats-container .stats{flex:unset;width:100%;justify-content:flex-start;max-width:unset;flex-direction:unset;gap:1.2rem}}
.model-features .stats-container .stats .tsob-logo{width:100px !important}
@media (max-width:767px){.model-features .stats-container .stats .tsob-logo{width:48px !important}}
@media (max-width:565px){.model-features .stats-container .stats .tsob-logo{width:42px}}
@media (max-width:480px){.model-features .stats-container .stats .tsob-logo{width:32px}}
.model-features .stats-container .stats img{width:65px;aspect-ratio:1;object-fit:contain}
@media (max-width:767px){.model-features .stats-container .stats img{width:48px}}
@media (max-width:565px){.model-features .stats-container .stats img{width:42px}}
@media (max-width:480px){.model-features .stats-container .stats img{width:32px}}
.model-features .stats-container .stats h4{margin-bottom:0;font-size:28px;line-height:1.2;font-family:"Source Sans 3",sans-serif;font-weight:600}
@media (max-width:565px){.model-features .stats-container .stats h4{font-size:22px}}
@media (max-width:480px){.model-features .stats-container .stats h4{font-size:20px}}
.model-features .stats-container .stats>div .counter-container{display:inline-flex}
.model-features .stats-container .stats>div .counter-container *{font-size:20px;line-height:1.5;font-family:"Source Sans 3",sans-serif;font-weight:300}
@media (max-width:565px){.model-features .stats-container .stats>div .counter-container *{font-size:16px}}
@media (max-width:480px){.model-features .stats-container .stats>div .counter-container *{font-size:14px}}
.model-features .stats-container .stats *{color:white}
.panel-section{height:100lvh;overflow:hidden;position:relative}
.panel-section .panel-container{height:100%;width:max-content;display:flex}
@media screen and (max-width:768px){.panel-section{display:none}}
.panel-section .panel{min-width:100vw;height:100%;display:flex;position:relative}
.panel-section #panel1{background:url("/themes/demo/assets/images/modelJ5ev/panel_1.webp") no-repeat;background-size:cover}
.panel-section #panel2{background:url("/themes/demo/assets/images/modelJ5ev/panel_2.webp") no-repeat;background-size:cover}
.panel-section #panel3{background:url("/themes/demo/assets/images/modelJ5ev/panel_3.webp") no-repeat;background-size:cover}
.panel-section .description-box{display:flex;flex-direction:column;height:200px;max-width:702px;width:max-content;gap:15px;opacity:0px;background:#206779BF;position:absolute;bottom:5%;left:5%;border:1px solid #FFF;border-radius:10px;padding:30px;box-shadow:0px 0px 10px 0px #FFF;justify-content:center}
.panel-section .description-box h4{font-size:24px;font-weight:600;letter-spacing:0.05em;text-align:left}
.panel-section .description-box p{font-family:"Source Sans 3",sans-serif;font-size:18px;font-weight:400;line-height:28px;letter-spacing:0.05em;text-align:left}
.panel-section-mobile{height:auto;min-height:65lvh;background:#0C242A;padding:20px 0}
@media screen and (min-width:768px){.panel-section-mobile{display:none}}
.panel-section-mobile .swiper-container{height:auto;padding-bottom:50px}
.panel-section-mobile .swiper-slide{height:auto;display:flex;flex-direction:column;position:relative}
.panel-section-mobile .slide-cards{display:flex;flex-direction:column;height:100%;padding:0 20px;position:relative}
.panel-section-mobile .slide-cards .flex-1{width:100%;position:relative}
.panel-section-mobile .slide-cards .flex-1 img{width:100%;height:auto;max-height:300px;object-fit:cover}
.panel-section-mobile .slide-cards .p-4{padding-bottom:1.5rem;padding-top:1.5rem}
.panel-section-mobile h2{font-size:24px;font-weight:700;margin-bottom:10px;color:white}
.panel-section-mobile p{font-size:16px;font-weight:100;line-height:28px;letter-spacing:0.05em;text-align:left;margin-bottom:0;color:white}
.panel-section-mobile .swiper-pagination{position:relative !important;bottom:auto !important;margin-top:20px;text-align:center}
.panel-section-mobile .swiper-pagination-bullet{background-color:rgba(255,255,255,0.5);margin:0 5px}
.panel-section-mobile .swiper-pagination-bullet-active{background-color:#fff}
.panel-section-mobile .swiper-container{position:relative}
.panel-section-mobile .swiper-container .navigation-btn{position:absolute;top:15%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 30px;z-index:10;pointer-events:none}
.panel-section-mobile .swiper-container .navigation-btn .panel-prev,.panel-section-mobile .swiper-container .navigation-btn .panel-next{color:white;pointer-events:all}
.panel-section-mobile .swiper-container .navigation-btn .swiper-button-prev:after,.panel-section-mobile .swiper-container .navigation-btn .swiper-button-next:after{--swiper-navigation-size:20px}
.panel-section-mobile .panel-navbar{position:static;margin-top:0}
.replenishment-section{position:relative;min-height:100vh;background-color:#0D1F29}
@media (max-width:767px){.replenishment-section{min-height:0}}
.replenishment-section picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.replenishment-section picture img{width:100%;height:100%;object-fit:cover;object-position:center}
@media (max-width:1240px){.replenishment-section picture img{object-position:top}}
.replenishment-section .replenishment-container{display:flex;height:100%;position:relative;z-index:1}
@media (max-width:1240px){.replenishment-section .replenishment-container{flex-direction:column}}
.replenishment-section .replenishment-container .left-container{width:40%}
@media (max-width:1240px){.replenishment-section .replenishment-container .left-container{width:100%}}
.replenishment-section .replenishment-container .right-container{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8lvw}
@media (max-width:1240px){.replenishment-section .replenishment-container .right-container{width:100%;height:100%}}
.replenishment-section .replenishment-container .right-container .right-container-text{text-align:center}
.replenishment-section .replenishment-container .right-container .right-container-text h2{font-family:"Source Sans 3",sans-serif !important;font-weight:700;font-size:clamp(40px,4vw,48px);letter-spacing:0}
@media (max-width:767px){.replenishment-section .replenishment-container .right-container .right-container-text h2{font-size:clamp(26px,4vw,32px)}}
.replenishment-section .replenishment-container .right-container .right-container-text .descriptions{font-family:"Source Sans 3",sans-serif !important}
.replenishment-section .replenishment-container .right-container .right-container-text .descriptions h4{font-family:"Source Sans 3",sans-serif !important;font-weight:700;font-size:clamp(24px,2vw,28px);letter-spacing:0}
@media (max-width:767px){.replenishment-section .replenishment-container .right-container .right-container-text .descriptions h4{font-size:clamp(20px,2vw,24px)}}
.replenishment-section .replenishment-container .right-container .right-container-text .descriptions p{font-family:"Source Sans 3",sans-serif !important;font-weight:400;font-size:clamp(20px,2vw,24px);letter-spacing:0}
@media (max-width:767px){.replenishment-section .replenishment-container .right-container .right-container-text .descriptions p{font-size:clamp(16px,2vw,20px)}}
.replenishment-section .replenishment-container .right-container .replenishment-slider{background:linear-gradient(180deg,rgba(40,117,137,0) 0%,#287589 100%);border-radius:10px;border:1.5px solid var(--Mid-blue,#287589);width:100%;max-width:51rem;max-height:32rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;position:relative}
@media (max-width:1240px){.replenishment-section .replenishment-container .right-container .replenishment-slider{max-width:unset;padding:0}}
.replenishment-section .replenishment-container .right-container .replenishment-slider .swiper-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;position:relative;z-index:2}
.replenishment-section .replenishment-container .right-container .replenishment-slider .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;border-radius:20px;cursor:pointer;transition:0.3s ease width;display:inline-block;border:none;outline:none;margin:0 3px;padding:0}
.replenishment-section .replenishment-container .right-container .replenishment-slider .swiper-pagination-bullet-active{width:40px;cursor:auto}
.replenishment-section .replenishment-container .right-container .replenishment-slider .replenishment-item{width:100% !important;display:flex;flex-direction:column;justify-content:center;align-items:center}
.replenishment-section .replenishment-container .right-container .replenishment-slider .replenishment-item img{height:65%;width:auto;max-width:100%;object-fit:contain}
.replenishment-section .replenishment-container .right-container .replenishment-slider .replenishment-item .replenishment-item-text{height:20%;width:100%;text-align:center}
@media (max-width:1240px){.replenishment-section .replenishment-container .right-container .replenishment-slider .replenishment-item img{width:100%}.replenishment-section .replenishment-container .right-container .replenishment-slider .replenishment-item .replenishment-item-text{padding:0 20px}}
.replenishment-section .replenishment-container .right-container .replenishment-slider .swiper-pagination{position:relative;bottom:10px;width:100% !important}
.replenishment-section .replenishment-container .right-container .replenishment-slider .button-prev,.replenishment-section .replenishment-container .right-container .replenishment-slider .button-next{display:flex;align-items:center;justify-content:center;position:absolute;color:white;background:black;padding:15px;cursor:pointer;z-index:10}
.replenishment-section .replenishment-container .right-container .replenishment-slider .button-prev{left:0}
.replenishment-section .replenishment-container .right-container .replenishment-slider .button-next{right:0}
.scenario-section{min-height:100lvh;height:max-content;background:#0d1f29}
@media (max-width:1240px){.scenario-section{min-height:auto;height:max-content;padding-bottom:50px}}
.scenario-section .scenario-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}
@media (max-width:1240px){.scenario-section .scenario-container{height:max-content}}
.scenario-section .scenario-container .scenario-image-container{height:60%;width:100%}
.scenario-section .scenario-container .scenario-image-container img{width:100%;height:100%;object-fit:cover;object-position:bottom center}
.scenario-section .scenario-container .scenario-text-container{display:flex;align-items:flex-start;padding:40px 165px 100px 165px;height:40%;width:100%}
@media (max-width:1240px){.scenario-section .scenario-container .scenario-text-container{padding:20px;flex-direction:column;gap:30px}}
.scenario-section .scenario-container .scenario-text-container .selection-tabs{width:45%;display:flex;flex-direction:column;justify-content:flex-start;height:100%}
@media (max-width:1240px){.scenario-section .scenario-container .scenario-text-container .selection-tabs{width:100%;flex-direction:row;justify-content:space-around;overflow-x:scroll;scroll-behavior:smooth;gap:1em}}
.scenario-section .scenario-container .scenario-text-container .selection-tabs button{background:none;color:inherit;border:none;border-bottom:1px solid white;padding:10px 0;font:inherit;cursor:pointer;outline:inherit;display:flex;justify-content:space-between;width:60%;font-weight:400;color:white;font-size:clamp(20px,2vw,25px);font-family:"Source Sans 3",sans-serif !important;text-align:start}
.scenario-section .scenario-container .scenario-text-container .selection-tabs button.active{font-weight:700;border-bottom:2px solid white}
.scenario-section .scenario-container .scenario-text-container .selection-tabs button:hover{border-bottom:1px solid #287589;color:#287589}
.scenario-section .scenario-container .scenario-text-container .selection-tabs button:hover span path{fill:#287589}
@media (max-width:1240px){.scenario-section .scenario-container .scenario-text-container .selection-tabs button{font-size:clamp(18px,2vw,24px);align-items:center}}
.scenario-section .scenario-container .scenario-text-container .scenario-items{width:55%;height:100%;display:flex;flex-direction:column;gap:20px}
@media (max-width:1240px){.scenario-section .scenario-container .scenario-text-container .scenario-items{width:90%}}
.scenario-section .scenario-container .scenario-text-container .scenario-items .description{width:100%;height:50%;display:flex;flex-direction:column;gap:10px}
.scenario-section .scenario-container .scenario-text-container .scenario-items .description .description-title{font-family:"Source Sans 3",sans-serif !important;font-weight:600;font-size:clamp(20px,2vw,24px);letter-spacing:0;margin:0}
.scenario-section .scenario-container .scenario-text-container .scenario-items .description .description-description{font-family:"Source Sans 3",sans-serif !important;font-weight:300;font-size:clamp(16px,2vw,20px);letter-spacing:0}
.scenario-section .scenario-container .scenario-text-container .scenario-items .points{width:100%;height:50%;display:flex;flex-direction:column;gap:10px}
.scenario-section .scenario-container .scenario-text-container .scenario-items .points .points-title{font-family:"Source Sans 3",sans-serif !important;font-weight:600;font-size:clamp(20px,2vw,24px);letter-spacing:0;margin-bottom:0}
.scenario-section .scenario-container .scenario-text-container .scenario-items .points ul{list-style-type:disc;padding:0;margin-left:1em}
.scenario-section .scenario-container .scenario-text-container .scenario-items .points ul li{font-family:"Source Sans 3",sans-serif !important;font-weight:300;font-size:clamp(16px,2vw,20px);letter-spacing:0;margin-bottom:0}
.scenario-section .scenario-container .scenario-text-container .scenario-items .points ul li::marker{font-size:0.8em}
.outer-section{background-image:url("../themes/demo/assets/images/modelJ5ev/J5EV_exterior.webp");background-size:cover;background-position:center center;height:90vh}
@media (max-width:767px){.outer-section{background-image:url("../themes/demo/assets/images/modelJ5ev/J5EV_exterior_mobile.webp");background-size:cover;height:80vh;background-size:100%;background-repeat:no-repeat}}
.outer-section .outer-section-relative{position:relative !important;height:90vh}
@media (max-width:767px){.outer-section .outer-section-relative{height:65vh}}
.outer-section .splide__slide{display:flex !important}
.outer-section .splide__arrow{top:30% !important}
.outer-section .splide__track{border-radius:10px}
.outer-section .outer-section-img{width:100%;object-fit:cover;object-position:center;height:100%}
.outer-section .sonar-container-one,.outer-section .sonar-container-two,.outer-section .sonar-container-three,.outer-section .sonar-container-four,.outer-section .sonar-container-five{cursor:pointer;position:absolute;z-index:2}
.outer-section .sonar-container-one{top:40%;left:57%;transform:translate(-30%,-47%)}
@media (max-width:565px){.outer-section .sonar-container-one{top:57%;left:61%}}
.outer-section .sonar-container-two{top:68%;left:26%;transform:translate(-46%,-35%)}
@media (max-width:565px){.outer-section .sonar-container-two{top:69%;left:17%}}
.outer-section .sonar-container-three{top:47%;left:80%;transform:translate(-54%,-47%)}
@media (max-width:565px){.outer-section .sonar-container-three{top:60%;left:91%}}
.outer-section .sonarBtn{background-color:#1f6779;height:12px;width:12px;border-radius:50%;position:relative;z-index:3}
.outer-section .sonarBtn::after{content:"";display:block;width:30px;height:30px;background-color:#1f6779;border-radius:100%;position:absolute;left:50%;top:50%;translate:-50% -50%;animation:pulse 2s ease-in-out infinite;z-index:1}
.outer-section .sonarBtn::before{content:"";display:block;width:30px;height:30px;background-color:rgba(31,103,121,0.6);border-radius:100%;position:absolute;left:50%;top:50%;translate:-50% -50%;animation:innerPulse 2s ease-in-out infinite;z-index:2}
@keyframes pulse{0%{scale:0;opacity:1}100%{opacity:0;scale:1.25}}
@keyframes innerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.outer-section .carousel-of{position:absolute;top:8%;right:12%;width:420px;max-height:700px;border-radius:12px;display:none;height:100%}
.outer-section .carousel-of .inner{position:relative}
.outer-section .carousel-of .inner>.btn-close-of{position:absolute;top:1.5rem;right:1.5rem;z-index:99;cursor:pointer}
@media (max-width:768px){.outer-section .carousel-of{position:absolute;max-width:330px;margin:auto;height:fit-content;width:100%;min-height:auto;top:0;bottom:0;right:0;left:0}}
.outer-section h2{font-size:24px;margin:0}
@media (max-width:768px){.outer-section h2{font-size:18px}}
.outer-section h2,.outer-section h4{text-align:center;font-weight:300;color:white}
.outer-section .of-text-box-1,.outer-section .of-text-box-2,.outer-section .of-text-box-3,.outer-section .of-text-box-4,.outer-section .of-text-box-5{color:white;max-width:100%}
@media (max-width:768px){.outer-section .of-text-box-1,.outer-section .of-text-box-2,.outer-section .of-text-box-3,.outer-section .of-text-box-4,.outer-section .of-text-box-5{width:100%;max-width:100%;height:100%}}
.outer-section .of-text-box-1 .of-text-sub-box,.outer-section .of-text-box-2 .of-text-sub-box,.outer-section .of-text-box-3 .of-text-sub-box,.outer-section .of-text-box-4 .of-text-sub-box,.outer-section .of-text-box-5 .of-text-sub-box{background-color:rgba(12,12,12,0.9);max-height:500px;border-radius:10px;height:100%}
@media (max-width:768px){.outer-section .of-text-box-1 .of-text-sub-box,.outer-section .of-text-box-2 .of-text-sub-box,.outer-section .of-text-box-3 .of-text-sub-box,.outer-section .of-text-box-4 .of-text-sub-box,.outer-section .of-text-box-5 .of-text-sub-box{max-height:500px}}
.outer-section .of-text-box-1 .of-text-sub-box .of-text-sub-img,.outer-section .of-text-box-2 .of-text-sub-box .of-text-sub-img,.outer-section .of-text-box-3 .of-text-sub-box .of-text-sub-img,.outer-section .of-text-box-4 .of-text-sub-box .of-text-sub-img,.outer-section .of-text-box-5 .of-text-sub-box .of-text-sub-img{width:100%;aspect-ratio:1.6666666667;border-radius:10px 10px 0 0;object-fit:cover}
.outer-section .of-text-box-1 .of-text-sub-box .btn-close-of,.outer-section .of-text-box-2 .of-text-sub-box .btn-close-of,.outer-section .of-text-box-3 .of-text-sub-box .btn-close-of,.outer-section .of-text-box-4 .of-text-sub-box .btn-close-of,.outer-section .of-text-box-5 .of-text-sub-box .btn-close-of{position:absolute;cursor:pointer;right:1rem;top:1rem}
.outer-section .of-text-box-1 .of-text-sub-box .of-text-sub-box-text-box,.outer-section .of-text-box-2 .of-text-sub-box .of-text-sub-box-text-box,.outer-section .of-text-box-3 .of-text-sub-box .of-text-sub-box-text-box,.outer-section .of-text-box-4 .of-text-sub-box .of-text-sub-box-text-box,.outer-section .of-text-box-5 .of-text-sub-box .of-text-sub-box-text-box{padding:20px 20px}
.outer-section .of-text-box-1 .of-text-sub-box .of-text-sub-box-text-box h2,.outer-section .of-text-box-2 .of-text-sub-box .of-text-sub-box-text-box h2,.outer-section .of-text-box-3 .of-text-sub-box .of-text-sub-box-text-box h2,.outer-section .of-text-box-4 .of-text-sub-box .of-text-sub-box-text-box h2,.outer-section .of-text-box-5 .of-text-sub-box .of-text-sub-box-text-box h2{color:white;font-size:22px;font-family:"Source Han Sans CN Normal";text-align:left;font-weight:700;margin-bottom:0.45rem}
.outer-section .of-text-box-1 .of-text-sub-box .of-text-sub-box-text-box p,.outer-section .of-text-box-2 .of-text-sub-box .of-text-sub-box-text-box p,.outer-section .of-text-box-3 .of-text-sub-box .of-text-sub-box-text-box p,.outer-section .of-text-box-4 .of-text-sub-box .of-text-sub-box-text-box p,.outer-section .of-text-box-5 .of-text-sub-box .of-text-sub-box-text-box p{font-size:16px;color:white;line-height:1.3}
.inner-section{width:100%;background-image:url("../themes/demo/assets/images/modelJ5ev/J5EV_interior.webp");background-size:cover;background-position:center center;position:relative !important;display:flex;max-height:90lvh;height:90lvh}
@media (max-width:767px){.inner-section{background-image:url("../themes/demo/assets/images/modelJ5ev/J5EV-interior-mobile.webp");background-size:cover;background-size:100%;background-repeat:no-repeat;background-position:center center;height:85vh}}
.inner-section .interior-features{object-fit:cover;width:100%;height:100%;object-position:center}
.inner-section>div>img{height:100%;object-fit:cover}
.inner-section .sonar-container-1,.inner-section .sonar-container-2,.inner-section .sonar-container-3,.inner-section .sonar-container-4,.inner-section .sonar-container-5{cursor:pointer;position:absolute;z-index:2}
.inner-section .sonar-container-1{top:80.5%;left:49%;transform:translate(-5%,-50%)}
@media (max-width:768px){.inner-section .sonar-container-1{top:72%;left:18%}}
.inner-section .sonar-container-2{top:55%;left:50%;transform:translate(-35%,-34%)}
@media (max-width:768px){.inner-section .sonar-container-2{top:53%;left:19%}}
.inner-section .sonar-container-3{top:11%;left:57%;transform:translate(-42%,-50%)}
@media (max-width:768px){.inner-section .sonar-container-3{top:21%;left:42%}}
.inner-section .sonarBtn{background-color:white;height:12px;width:12px;border-radius:50%;position:relative;z-index:3}
.inner-section .sonarBtn::before,.inner-section .sonarBtn::after{content:"";display:block;border-radius:100%;position:absolute;left:50%;top:50%;translate:-50% -50%}
.inner-section .sonarBtn::after{width:35px;height:35px;background-color:#fff;animation:pulse 2s ease-in-out infinite;z-index:1}
.inner-section .sonarBtn::before{width:30px;height:30px;background-color:#fff66;animation:innerPulse 2s ease-in-out infinite;z-index:2}
.inner-section .carousel-if{position:absolute;top:8%;right:12%;width:400px;display:none}
.inner-section .carousel-if .inner{position:relative}
.inner-section .carousel-if .inner>.btn-close{position:absolute;z-index:99;top:1.5rem;right:1.5rem;cursor:pointer}
@media (max-width:768px){.inner-section .carousel-if{height:0;top:0%;right:0%;left:0%;width:100%;max-width:330px;position:absolute;margin:auto;height:fit-content;bottom:0}}
.inner-section .if-text-box{color:white;max-width:100%;background-color:#fff33;overflow:hidden;height:100%}
@media (max-width:768px){.inner-section .if-text-box{max-width:100%;width:100%}}
.inner-section .if-text-box .if-text-sub-box{background-color:rgba(12,12,12,0.9);height:100%;border-radius:10px}
@media (max-width:768px){.inner-section .if-text-box .if-text-sub-box{min-height:424px}}
.inner-section .if-text-box .if-text-sub-box .if-text-sub-box-text-box{padding:20px 20px}
@media (max-width:768px){.inner-section .if-text-box .if-text-sub-box .if-text-sub-box-text-box{padding:1.8rem}}
.inner-section .if-text-box .if-text-sub-box .btn-close{position:absolute;cursor:pointer;right:2%;top:2%;z-index:99}
.inner-section .if-text-box .if-text-sub-box .if-text-sub-img{width:100%;aspect-ratio:1.5714285714;object-fit:cover}
@media (max-width:768px){.inner-section .if-text-box .if-text-sub-box .if-text-sub-img{min-width:250px}}
.inner-section .if-text-box .if-text-sub-box h2{color:white;font-size:22px;letter-spacing:1px;font-family:"Source Han Sans CN Light";margin-bottom:1.05rem;line-height:1.3}
.inner-section .if-text-box .if-text-sub-box p{color:white;font-size:16px;margin-bottom:0;line-height:1.5}
.inner-section .splide__arrow{top:30% !important}
.color-picker-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;height:90lvh;padding-bottom:20px;background:#000;overflow:hidden}
@media screen and (max-width:969px){.color-picker-section{height:60vh}}
@media screen and (max-width:767px){.color-picker-section{height:60vh}}
.car-image-container{flex:1 1 auto;height:100%;width:100%}
@media screen and (max-width:767px){.car-image-container{width:100%}}
.car-image-container img{display:block;object-fit:cover;object-position:top;width:100%;max-width:100%;transition:opacity 0.5s ease}
.color-control-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:translateY(-2vh)}
.slider-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:250px;height:2px;background-color:#B3B3B3}
@media (max-width:565px){.slider-container{margin-top:20px}}
.custom-slider{-webkit-appearance:none;appearance:none;width:150px;height:2px;background:transparent;outline:none;position:relative}
.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;border:2px solid #fff;cursor:pointer;position:relative;z-index:2;display:flex;justify-content:center;align-items:center;background-image:url("../themes/demo/assets/images/modelJ5ev/mory_gray_cursor.webp");background-repeat:no-repeat;background-position:center;background-size:contain}
.custom-slider::-moz-range-thumb{width:40px;height:40px;border-radius:50%;border:2px solid #fff;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;background-image:url("../themes/demo/assets/images/modelJ5ev/mory_gray_cursor.webp");background-repeat:no-repeat;background-position:center;background-size:contain}
.custom-slider::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:#B3B3B3;transform:translateY(-50%);z-index:1}.dot-container{position:absolute;top:50%;width:50%;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:1}
.slider-dot{width:8px;height:8px;background-color:white;border-radius:50%}
.color-name{font-size:1rem;color:#333;margin-top:10px;text-align:center}
.color-name{margin-top:20px}
.color-name p{color:#000;font-size:20px;font-weight:800;font-family:"Source Han Sans TW Heavy",sans-serif}
.gallery-carousel{background:#0D1F29;display:flex;flex-direction:column;width:100%;height:max-content;max-height:100lvh;overflow:hidden}
.gallery-carousel .gallery-navigation{position:relative;top:-50%;display:none}
@media screen and (max-width:565px){.gallery-carousel .gallery-navigation{display:block}}
.gallery-carousel .gallery-next,.gallery-carousel .gallery-prev{color:white}
@media screen and (max-width:565px){.gallery-carousel .gallery-next,.gallery-carousel .gallery-prev{top:-100%}}
.gallery-carousel .swiper-button-prev:after,.gallery-carousel .swiper-button-next:after{--swiper-navigation-size:30px}
@media screen and (max-width:565px){.gallery-carousel{height:40lvh}.gallery-carousel .swiper-button-prev:after,.gallery-carousel .swiper-button-next:after{--swiper-navigation-size:20px}}
.gallery-carousel .carousel-container{width:100%;height:80lvh}
@media (max-width:969px){.gallery-carousel .carousel-container{height:100%}}
.gallery-carousel .carousel-container:hover{cursor:url(../themes/demo/assets/images/CustomCursor.png),auto}
.gallery-carousel .swiper-slide{display:flex;justify-content:center}
.gallery-carousel .swiper-slide img{width:100%;height:80lvh;object-fit:cover;object-position:bottom}
@media (max-width:969px){.gallery-carousel .swiper-slide img{height:100%}}
.carousel-title{padding-left:10%;padding-top:20px;padding-bottom:20px;display:flex;flex-direction:row;align-items:center;height:10lvh}
.carousel-title h2{margin-bottom:0;font-size:3rem;color:#fff}
@media (max-width:969px){.carousel-title h2{font-size:2rem}}
.bold-section .bold-title{font-family:"Source Sans 3",sans-serif !important;font-weight:800}
.model-cta-section{background:#000;display:flex;align-items:center;overflow:hidden;position:relative}
.model-cta-section>div{width:100%;display:flex}
@media (max-width:767px){.model-cta-section>div{width:100%}}
.model-cta-section .buttons-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:0.8rem;min-width:275px}
@media (max-width:1024px){.model-cta-section .buttons-container{grid-template-columns:repeat(1,1fr)}}
.model-cta-section .buttons-container .fill-btn{width:100%;height:100%}
@media (max-width:767px){.model-cta-section .buttons-container .fill-btn{width:100% !important}}
.model-cta-section .left{overflow:hidden}
.model-cta-section .left img{width:100%;height:100%;object-fit:cover}
.model-cta-section .right{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:0 30px;text-align:center}
@media (min-width:969px){.model-cta-section .right{max-height:280px}}
.model-cta-section .right h2{font-size:3rem;color:#fff}
@media (min-width:1025px){.model-cta-section .right h2{width:58%}}
@media (max-width:969px){.model-cta-section .right h2{font-size:2rem}}
@media (max-width:969px){.model-cta-section{flex-direction:column}}
.model-cta-section .price-list{display:flex;flex-direction:column;position:relative;min-width:275px;z-index:99}
.model-cta-section .price-list>span{padding:10px 30px;color:#fff}
.model-cta-section .price-list .dropdown{opacity:0;pointer-events:none;transition:0.3s;position:relative;z-index:99}
.model-cta-section .price-list .dropdown .close-btn{position:absolute;padding:10px;cursor:pointer;background:url(../themes/demo/assets/images/icons/x-icon.svg) center center no-repeat;background-size:contain;top:1rem;right:1rem;width:35px;height:35px}
.model-cta-section .price-list .dropdown.active{opacity:1;pointer-events:all}
.model-cta-section .price-list .dropdown h4{line-height:1;margin-bottom:1rem;text-align:left}
.model-cta-section .price-list .dropdown .backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.471);z-index:0}
.model-cta-section .price-list .dropdown .content{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:2;background:linear-gradient(#0b0b0b,#141414);height:fit-content;max-width:660px;padding:3rem;border-radius:1rem;gap:1rem}
.model-cta-section .price-list .dropdown .content h4{text-align:center}
@media (max-width:565px){.model-cta-section .price-list .dropdown .content{max-height:70lvh;overflow:scroll;width:95%}}
.model-cta-section .price-list .dropdown .inner{margin-bottom:1.4rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}
.model-cta-section .price-list .dropdown .inner a{width:calc((100% / 2) - (1rem / 2))}
@media (max-width:565px){.model-cta-section .price-list .dropdown .inner a{width:100%}}