.hero-swiper .swiper-slide{visibility:hidden;opacity:0;height:400px;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease-in-out,visibility 3s 1s}.hero-swiper .swiper-slide.swiper-slide-active{visibility:visible;opacity:1;transition:opacity 1s ease-in-out,visibility 3s 0s}.hero-swiper .swiper-slide.forward .wheel{animation-name:spin-fwd;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:both}.hero-swiper .swiper-slide.backward .wheel{animation-name:spin-bwd;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes spin-fwd{0%{transform:rotate(0deg)}to{transform:rotate(-460deg)}}@keyframes spin-bwd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wheel-2w{position:absolute;top:50%;left:50%;transform:translate(-52%,26%);width:417px;z-index:-1;img{width:106px}@media (max-width:767px){transform:translate(-52%,25%);width:318px;img{width:81px}}}.wheel-4w{position:absolute;top:50%;left:50%;transform:translate(-54%,50%);width:366px;img{width:84px}@media (max-width:767px){transform:translate(-54%,67%);width:290px;img{width:66px}}}.atv-wheel{position:absolute;top:50%;left:50%;transform:translate(-54%);width:482px;img{width:190px}}.active{cursor:default;.title-image{box-shadow:0 1px 55px 0 #578fff6c}}.ATV,.EV,.auto{padding-top:10px;width:500px!important}.absolute-backText{transition:opacity 1.5s ease-in-out;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:-1;font-size:340px;color:#9EC8BA;font-weight:700}.absolute-backText.fade-in{opacity:1}.absolute-backText.fade-out{animation:Fadeout .5s ease-in-out forwards}@keyframes Fadein{0%{opacity:0}to{opacity:.4}}@keyframes Fadeout{0%{opacity:.4}to{opacity:0}}.absolute-backText.fade-in{animation:Fadein 1.5s ease-in-out forwards}@media (max-width:767px){.absolute-backText{font-size:200px;bottom:0;left:50%;transform:translate(-50%)}}.line-path svg{width:100%}.line-path svg path{fill:none;stroke:rgb(0,0,0);stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:dash 5s linear forwards;animation:dash 5s linear forwards}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}.rotate{animation:rotate 50s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.roundedborder{border-radius:50%;border:1px dashed black}.vehicle-image-container{min-height:300px}.vehicle-image-container,.vehicle-image-container img{transition:opacity .3s ease-in-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wheel{opacity:0;transition:opacity .3s ease-in-out}.wheel.loaded{opacity:1}.hotspot-marker.hotspot-glow{filter:drop-shadow(0 0 8px #7c3aed88) drop-shadow(0 0 16px #7c3aed44);animation:hotspot-popup 1.2s cubic-bezier(.4,0,.6,1) infinite alternate;transition:filter .2s,transform .2s}@keyframes hotspot-popup{0%{transform:scale(1);filter:drop-shadow(0 0 8px #7c3aed88) drop-shadow(0 0 16px #7c3aed44)}to{transform:scale(1.15);filter:drop-shadow(0 0 16px #7c3aedcc) drop-shadow(0 0 32px #7c3aed88)}}.hotspot-marker.hotspot-active{filter:drop-shadow(0 0 0 #7c3aed00);animation:none;outline-offset:2px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6d28d9}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#7c3aed #f1f1f1}