html{scroll-snap-type:y mandatory}
@media (max-width:1200px){html{scroll-snap-type:none}}
body{background-color:#121212}
.about-first-section{padding-top:75px;height:100vh;background-image:linear-gradient(to bottom,rgba(18,60,71,0) 75%,#121212 98%),url("../themes/demo/assets/images/about-us/about-us-header.webp");background-size:cover;background-position:center center;background-repeat:no-repeat}
@media (max-width:1024px){.about-first-section{background-image:linear-gradient(to bottom,rgba(18,60,71,0) 75%,#121212 98%),url("../themes/demo/assets/images/about-us/about-us-header-mobile.webp");background-position:center;height:70lvh !important;background-position-y:28%}}
.about-us-section{display:flex;flex-direction:column;gap:50px}
.about-us-section h2{margin:0;color:white;text-align:center;font-size:clamp(48px,4.5vw,48px);font-weight:700;font-family:"Source Han Sans CN Normal",sans-serif}
@media (max-width:1024px){.about-us-section h2{font-size:29px;padding:10px}}
.about-us-section .our-philosophy{display:flex;justify-content:center;gap:40px;margin:50px 0;width:100%}
.about-us-section .our-philosophy .title{width:25%}
.about-us-section .our-philosophy .title h3{font-family:"Source Han Sans CN Normal",sans-serif;font-weight:700;font-size:clamp(38px,4.5vw,38px);letter-spacing:0;width:max-content}
.about-us-section .our-philosophy .content p{font-family:"Source Han Sans CN Normal",sans-serif;font-weight:400;font-size:clamp(20px,2.5vw,20px);line-height:30px;letter-spacing:0;margin:0}
.about-us-section .our-philosophy .content h4{font-family:"Source Sans 3",sans-serif !important;font-weight:700;font-size:clamp(28px,3vw,28px);letter-spacing:0;margin:0}
@media (max-width:1024px){.about-us-section .our-philosophy{flex-direction:column;text-align:center;align-items:center;padding:0 20px;gap:20px;margin:0}.about-us-section .our-philosophy .title{width:100%}.about-us-section .our-philosophy .title h3{width:100%;font-size:29px}.about-us-section .our-philosophy .content p{font-size:16px}.about-us-section .our-philosophy .content h4{font-size:16px}}
.about-us-section .office-outer{display:flex;justify-content:center;margin-top:30px}
.about-us-section .office-outer picture img{object-fit:contain}
@media (max-width:1024px){.about-us-section .office-outer{display:block;padding:30px 20px}.about-us-section .office-outer picture img{width:100%}}
.about-us-section .about-page-flex{display:flex;justify-content:center;max-width:1440px;margin:0 auto;padding:0 20px}
@media (max-width:768px){.about-us-section .about-page-flex{display:block}}
.about-us-section .about-page-flex h3{color:white;text-align:left;width:40%;align-self:center;font-size:22px;font-weight:300}
@media (max-width:768px){.about-us-section .about-page-flex h3{padding:0 15px;width:fit-content;font-size:16px}}
.about-us-section .about-page-flex .off-road-img-one{flex:1;width:50%}
@media (max-width:768px){.about-us-section .about-page-flex .off-road-img-one{width:100%;margin:0 auto}}
.about-us-section .about-page-flex .off-road-img-padding-top{padding-top:50px}
@media (max-width:768px){.about-us-section .about-page-flex .off-road-img-padding-top{padding-top:10px}}
@media (max-width:1024px){.about-us-section{gap:0px}}
.omoda-section{padding:100px 0}
.omoda-section .omoda{display:flex;justify-content:center;align-items:center;max-width:1440px;margin:0 auto;padding:0 20px;height:45lvh;width:100%}
.omoda-section .omoda .description{width:50%;height:100%;display:flex;flex:1;align-items:center;justify-content:center;position:relative}
.omoda-section .omoda .description p{font-family:"Source Han Sans CN Normal",sans-serif;font-weight:400;font-size:clamp(20px,2.5vw,20px);width:60%}
.omoda-section .omoda .description .omoda-logo{position:absolute;top:15%;left:0;width:30lvw}
@media (max-width:1024px){.omoda-section .omoda .description .omoda-logo.desktop-logo{display:none}.omoda-section .omoda .description p{font-size:16px}}
.omoda-section .omoda picture{width:50%;height:100%}
.omoda-section .omoda picture .omoda-parallax{width:100%;height:100%;object-fit:cover;object-position:center top;transition:object-position 1s;will-change:object-position}
.omoda-section .omoda .omoda-logo-mobile{display:none}
@media (max-width:1024px){.omoda-section .omoda{flex-direction:column-reverse;text-align:center;align-items:center;padding:0 20px;gap:20px}.omoda-section .omoda .description{width:100%}.omoda-section .omoda .description p{width:100%;text-align:center}.omoda-section .omoda picture{width:100%}.omoda-section .omoda .omoda-logo-mobile{display:block;width:50lvw}}
@media (max-width:1024px){.omoda-section{padding:60px 0}}
.infinite-scroll-logo{width:100%;overflow:hidden;height:100px;display:flex;align-items:center;margin:50px 0}
.infinite-scroll-logo .scroll-track{display:flex;gap:0;will-change:transform}
.infinite-scroll-logo img{height:70px;width:auto;object-fit:contain;flex-shrink:0;margin:0}
@media (max-width:1024px){.infinite-scroll-logo{margin:30px 0}.infinite-scroll-logo .scroll-track{gap:0}.infinite-scroll-logo img{height:3lvh}}
.jaecoo-section{padding:100px 0}
.jaecoo-section .jaecoo{display:flex;justify-content:center;align-items:center;max-width:1440px;margin:0 auto;padding:0 20px;height:45lvh;width:100%}
.jaecoo-section .jaecoo .description{width:50%;height:100%;display:flex;flex:1;align-items:center;justify-content:center;position:relative}
.jaecoo-section .jaecoo .description p{font-family:"Source Han Sans CN Normal",sans-serif;font-weight:400;font-size:clamp(20px,2.5vw,20px);width:60%}
.jaecoo-section .jaecoo .description .jaecoo-logo{position:absolute;top:5%;right:0;width:30lvw}
.jaecoo-section .jaecoo .description .jaecoo-logo-mobile{display:none}
@media (max-width:1024px){.jaecoo-section .jaecoo .description .jaecoo-logo.desktop-logo{display:none}.jaecoo-section .jaecoo .description p{font-size:16px}}
.jaecoo-section .jaecoo picture{width:50%;height:100%}
.jaecoo-section .jaecoo picture .jaecoo-parallax{width:100%;height:100%;object-fit:cover;object-position:center top;transition:object-position 1s;will-change:object-position}
.jaecoo-section .jaecoo .jaecoo-logo-mobile{display:none}
@media (max-width:1024px){.jaecoo-section .jaecoo{flex-direction:column;text-align:center;align-items:center;padding:0 20px;gap:20px}.jaecoo-section .jaecoo .description{width:100%}.jaecoo-section .jaecoo .description p{width:100%;text-align:center}.jaecoo-section .jaecoo .jaecoo-logo-mobile{display:block;width:50lvw}.jaecoo-section .jaecoo picture{width:100%}}
@media (max-width:1024px){.jaecoo-section{padding:60px 0}}
.video-section .the-future{display:flex;justify-content:center;gap:40px;margin:50px auto;width:100%}
.video-section .the-future .title{width:25%}
.video-section .the-future .title h3{font-family:"Source Han Sans CN Normal",sans-serif;font-weight:700;font-size:clamp(38px,4.5vw,38px);letter-spacing:0;width:max-content}
.video-section .the-future .content{width:40%}
.video-section .the-future .content p{font-family:"Source Han Sans CN Normal",sans-serif;font-weight:400;font-size:clamp(20px,2.5vw,20px);line-height:30px;letter-spacing:0;margin:0}
.video-section .the-future .content h4{font-family:"Source Han Sans CN Normal",sans-serif !important;font-weight:700;font-size:clamp(28px,3vw,28px);letter-spacing:0;margin:0}
@media (max-width:1024px){.video-section .the-future{flex-direction:column;text-align:center;align-items:center;padding:0 20px;gap:20px;margin:30px auto}.video-section .the-future .title{width:100%}.video-section .the-future .title h3{width:100%;font-size:29px}.video-section .the-future .content{width:100%}.video-section .the-future .content p{font-size:16px}.video-section .the-future .content h4{font-size:16px}}
.video-section .video-container{width:100%;height:100%;object-fit:cover;object-position:center top;transition:object-position 1s;will-change:object-position}
.video-section .video-container video{width:100%;height:100%;object-fit:cover;object-position:center top;transition:object-position 1s;will-change:object-position}
.video-section .video-container .lazy-video{opacity:0;transition:opacity 1s}
.off-road-section{padding:60px 0 40px}
.off-road-section h2{margin:0;padding:30px 0;color:white;text-align:center;font-size:92px;font-weight:100;font-family:"Source Han Sans CN ExtraLight",sans-serif}
@media (max-width:768px){.off-road-section h2{font-size:44px;padding:10px}}
.off-road-section .about-page-flex{display:flex;justify-content:center;max-width:1440px;margin:0 auto;padding:0 20px}
@media (max-width:768px){.off-road-section .about-page-flex{display:block}}
.off-road-section .about-page-flex h3{color:white;text-align:left;width:40%;align-self:center;font-size:22px;font-weight:300}
@media (max-width:768px){.off-road-section .about-page-flex h3{padding:0 15px;width:fit-content;font-size:16px}}
.off-road-section .about-page-flex .off-road-img-one{flex:1;width:50%}
@media (max-width:768px){.off-road-section .about-page-flex .off-road-img-one{width:100%;margin:0 auto}}
.off-road-section .about-page-flex .off-road-img-padding-top{padding-top:50px}
@media (max-width:768px){.off-road-section .about-page-flex .off-road-img-padding-top{padding-top:10px}}
.about-compound-section{display:flex;position:relative}
@media (max-width:1200px){.about-compound-section{flex-direction:column-reverse}}
@media (max-width:768px){.about-compound-section{flex-direction:column}}
.about-compound-section:before,.about-compound-section:after{content:"";position:absolute;width:100%;height:20%;left:0;right:0;z-index:0;pointer-events:none}
.about-compound-section:before{background:linear-gradient(to bottom,#20677a,transparent);top:0}
.about-compound-section:after{background:linear-gradient(to top,#1f6779,transparent);bottom:0}
.about-compound-section .about-compound-img{width:100%;height:100%;object-fit:cover}
@media (max-width:768px){.about-compound-section .about-compound-img{order:2}}
.about-compound-section .about-compound-box{position:absolute;top:30%;left:12%;max-width:700px;border-radius:12px;background-color:rgba(12,36,42,0.75);padding:40px;color:white;backdrop-filter:blur(8px)}
@media (max-width:1200px){.about-compound-section .about-compound-box{position:relative;max-width:none;top:0;left:0;border-radius:0;background-color:#1f6779;text-align:center}}
@media (max-width:768px){.about-compound-section .about-compound-box{background:linear-gradient(to bottom,#1f6779,#1f6779)}}
.about-compound-section .about-compound-box h4{font-size:28px;margin-bottom:1rem;line-height:1;letter-spacing:1px}
.about-compound-section .about-compound-box p{font-size:16px}
.about-quote-section{background:linear-gradient(to top,#154957,#1f6779);background-size:cover;padding:80px 30px 140px;display:flex;flex-direction:column}
@media (max-width:767px){.about-quote-section{padding-bottom:100px}}
.about-quote-section .about-quote-container{max-width:1200px;margin:0 auto;text-align:center}
.about-quote-section .about-quote-container p{font-size:22px;font-weight:100;padding:0 10px;margin-bottom:3rem;line-height:1.25}
@media (max-width:768px){.about-quote-section .about-quote-container p{font-size:16px}}
.about-quote-section .about-quote-container .buttons-container{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}
@media (max-width:768px){.about-quote-section .about-quote-container .buttons-container{padding:0 10px}}
.about-quote-section .tags{font-size:38px}
.about-quote-section p{color:white}
.about-quote-section .ceo{font-weight:700}
@media (min-width:1024px){.delay-1{transition-delay:0.4s !important}}
form{background-color:#222;margin:0}
form h4{margin:0;color:white;padding:10px 0}
form .form-master-container{max-width:1440px;margin:0 auto;padding:20px 0}
@media (max-width:768px){form .form-master-container{padding:10px 20px}}
form .form-sub-container{display:flex;gap:20px}
@media (max-width:768px){form .form-sub-container{flex-direction:column}}
form .form-sub-container input{border:transparent;background-color:gray;color-scheme:dark}
form .form-sub-container ::placeholder{color:white}
form .form-sub-container button{margin-left:auto}