.home-container{padding-top:100px;background-color:var(--bg-main-white);.main-parallax-image{height:320px;border-radius:50px;overflow:hidden}.banner-section{height:460px;position:relative;.banner{background-image:url(/_next/static/media/banner.47b7c1d3.png);background-repeat:no-repeat;background-position:right -200px center;background-size:60%}.content{padding-inline:16px;position:absolute;top:50%;transform:translateY(-50%);width:clamp(700px,100%,300px);.ant-flex{.select-brand{flex:0.25 1}.select-model{flex:0.5 1}.search{flex:0.25 1}}}}.filter-brand{padding:32px;background-color:var(--bg-white);margin-top:16px}.brands-section{padding:16px 32px;.brands{.brand-image{max-width:100px;object-fit:contain;filter:grayscale(1);opacity:.8}}.marquee{display:none}}.how-to-section{gap:2rem;padding:64px 16px;.grid{padding-inline:64px;display:grid;grid-template-columns:auto 1fr;grid-gap:16px;gap:16px;.desktop-image{height:400px;width:500px;margin-left:auto;.image{width:clamp(100%,100%,250px);object-fit:contain;border-radius:12px}}.trade-step-image{display:none}.card:not(:first-child):not(:last-child){margin-block:16px}.card{padding:16px;gap:32px;transition:all .25s ease-in-out;.step{min-width:64px;height:64px;font-size:32px;font-weight:600;background-color:var(--bg-white);border-radius:50%}}.card:hover{background-color:var(--bg-white);box-shadow:0 4px 16px 2px rgba(0,0,0,.05);.trade-step-title{color:var(--bg-blue)}.step{background:linear-gradient(328.14deg,rgba(140,163,254,.95) -17.32%,rgba(243,244,251,0) 51.47%);.step-text{color:var(--bg-blue)}}}}.mobile-carousel{display:none}}.why-remobie-section{padding:64px 16px;.content-container{.carousel-container{display:none}.grid{padding-inline:16px;margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:1rem;gap:1rem}.main-card{padding:32px;.icon{width:56px;height:56px;background-color:var(--bg-main-white);border-radius:16px}.main-card-title{margin:32px 0 8px}&:hover{transition:all .25s ease-in-out;box-shadow:0 4px 16px 2px rgba(0,0,0,.1)}}}}.eco-section{background:var(--bg-white);padding:64px 16px;.content-container{position:relative;.eco-content{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);.eco-title{font-size:56px}}}.image{background-image:url(/_next/static/media/eco.a165a1a7.jpg);background-position:50%;background-repeat:no-repeat}}.company-section{padding-inline:16px;position:relative;.aboutus-btn{border:1.5px solid #000}.company-parallax-image{height:640px;overflow:hidden;.image{background-image:url(/_next/static/media/devices.e85ec244.png);background-position:50%;background-repeat:no-repeat;inset:-100px 0;background-size:cover}}}.enterprise-section{padding:64px 16px;background:linear-gradient(352deg,#cafce1cf,#cafce180 40%,#cafce140);.image{background-image:url(/_next/static/media/enterprise.4d42b57f.png);background-position:50%;background-repeat:no-repeat;inset:-100px 0}.enterprise-title{color:var(--bg-deep-primary);font-size:56px}}.testimonial-section{padding:64px 16px;.main-card{padding:32px;.main-card-avatar{margin-bottom:2rem}.main-card-footer{font-weight:600;margin-top:8px}}.main-card:hover{transition:all .25s ease-in-out;box-shadow:0 4px 16px 2px rgba(0,0,0,.1)}.marquee{display:none}.grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}}.faq-section{padding:64px 16px;.accordion{max-width:928px;width:100%;margin-inline:auto;margin-top:32px;.ant-collapse-item{border-top:1px solid rgba(0,0,0,.1)}}}.app-download-section{padding:64px 16px 0;.wrap-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:16px;gap:16px;.title{font-size:48px;letter-spacing:-1.5px;font-weight:500;.gradient{background:-webkit-linear-gradient(#e6fff7,#00cdab97,#00cdac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.description{font-size:16px}}}.other-faq-section{padding:64px 16px;.ant-collapse-header{background-color:transparent;color:var(--bg-dark-grey);border-top:1px solid rgba(0,0,0,.05)}.link-device{letter-spacing:.2;color:var(--bg-dark-grey);transition:all .2s ease-in-out;&:hover{color:var(--bg-primary)}}}}.drawer-select-device{.search-options,.tab-options{max-height:calc(100dvh - 220px);overflow-y:scroll}.tab-option:hover{background-color:var(--bg-main-white)}.search-option,.tab-option{padding-block:4px;font-size:16px}}.device-search-modal{.device-search-card{transition:.2s ease;border:1px solid var(--bg-rgba-light-grey);border-radius:8px;&:hover{border-color:var(--bg-primary)}}.device-search-card.active{background:var(--bg-light-primary);border:1px solid var(--bg-primary)}.model-list-container{max-height:360px;overflow-y:scroll;padding-bottom:10px}}@media (max-width:1024px){.home-container{.banner-section{.banner{background-size:80%;filter:blur(3px);background-position:right -100px center}.content{left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 100px);max-width:650px}}.brands-section{.brand-image{object-fit:contain;max-height:50px;max-width:120px}}.how-to-section{.grid{display:flex;flex-direction:column;align-items:center;margin:auto;.desktop-image{display:none}.ant-flex:not(:last-child){.trade-step-image{display:block;max-width:600px;width:100%;height:auto;margin:auto}}.card{gap:16px}.card,.card:hover{background-color:inherit;box-shadow:unset;.content{white-space:no-wrap}.trade-step-title{color:inherit;font-size:20px}.trade-step-description{font-size:14px;text-align:start}.step{background:var(--bg-white);min-width:48px;height:48px;display:flex;.step-text{color:inherit;font-size:20px}}}}}.why-remobie-section{.grid{padding-inline:unset}.main-card{padding:28px 24px;.main-card-title{font-size:20px}.main-card-description{font-size:14px}}}.company-section .company-parallax-image{height:540px}.enterprise-section .content{flex-direction:column;row-gap:16px!important}.app-download-section{.title{font-size:40px}.image-content{display:flex;justify-content:center;.image{max-width:80%}}}}}@media (max-width:768px){.home-container{.brands-section{.brands{display:none}.marquee{display:flex;align-items:center;.brand-image{max-width:100px;object-fit:contain;margin-inline:12px;filter:grayscale(1)}}}.honor-event-container{.image{height:200px;object-fit:contain}}.how-to-section{padding-block:32px;.section-title-heading{font-size:24px;text-align:center}.section-title-subheading{font-size:16px;text-align:center}}.why-remobie-section{padding-block:32px;.section-title-heading{font-size:24px;text-align:center}.section-title-subheading{font-size:16px;text-align:center}.content-container{.grid{display:none}.carousel-container{padding-block:10px;display:block;.main-card{margin-inline:8px;border-radius:4px;.content{align-items:center;text-align:center}}.carousel{gap:16px}}}}.eco-section{padding-block:32px;.content-container .eco-content .eco-title{font-size:36px}}.enterprise-section{padding-block:32px;.enterprise-title{font-size:36px}}.testimonial-section{padding-block:32px;.content-container{.section-title-heading{font-size:24px;text-align:center}.section-title-subheading{font-size:16px;text-align:center}}.grid{margin:unset;display:none}.marquee{display:flex;padding-block:20px;margin-top:32px;.main-card{max-width:400px;margin-inline:16px;width:100%;height:280px;.content{align-items:center}}}}.faq-section{padding:32px 14px;.content-container{.section-title-heading{font-size:24px;text-align:center}.section-title-subheading{font-size:16px;text-align:center}}}.other-faq-section{padding:32px 14px}}}@media (max-width:600px){.home-container{.banner-section{min-height:560px}.honor-event-container{.image{height:180px}}.banner{height:400px;filter:blur(4px);background-position:right -60px center;.content{top:60%;padding-inline:unset;width:calc(100% - 60px);.subtitle{font-size:16px;font-weight:500}}}.filter-brand{padding:24px 16px;.ant-flex{flex-direction:column}}.brands-section{.marquee{.brand-image{max-width:80px;margin-inline:20px}}}.how-to-section{padding-inline:14px;.section-title-heading{font-size:20px}.section-title-subheading{font-size:14px}.grid{display:none}.mobile-carousel{display:block;.mobile-card{min-height:550px}}}.why-remobie-section{padding-inline:14px;.section-title-heading{font-size:20px}.section-title-subheading{font-size:14px}.content-container{.grid{padding:unset;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.main-card{padding:24px 16px;.content{.main-card-title{margin:16px 0 8px}}}}}.eco-section{padding:32px 14px;.content-container .eco-content{width:calc(100% - 50px);.eco-title{font-size:24px}}}.enterprise-section{padding:32px 14px;.content{.enterprise-title{font-size:24px}.image{background-size:150%}}}.testimonial-section{.section-title-heading{font-size:20px}.section-title-subheading{font-size:14px}}.faq-section{.content-container{.section-title-heading{font-size:20px}.section-title-subheading{font-size:14px}}.ant-collapse-header{.ant-collapse-header-text{.ant-typography{font-size:15px;font-weight:500}}}.ant-collapse-content{text-align:start;.ant-typography{font-size:12px!important}}}.app-download-section{padding-inline:14px;.wrap-content{display:flex;flex-direction:column;.title{font-size:32px}.description{font-size:15px}.image-content{.image{min-height:472px;object-fit:cover}}}}.other-faq-section{.ant-collapse-header{.ant-collapse-header-text{.ant-typography{font-weight:500}}}}}.drawer-select-device{.content{.ant-tabs-nav-list{display:flex;.ant-tabs-tab{width:calc((100dvw / 2) - 48px);justify-content:center}}.search-options,.tab-options{max-height:calc(100dvh - 220px);overflow-y:scroll}.search-option,.tab-option{padding-block:4px;font-size:16px}}}}@media (max-width:400px){.home-container{.banner-section{height:500px;.content{text-align:center;width:calc(100% - 30px);.subtitle{width:90%;margin:auto;font-size:15px!important}}}.brands-section{padding:16px}.company-section .company-parallax-image{height:720px;.content .title{font-size:18px}}.testimonial-section .marquee{padding-block:14px;.main-card{padding:14px 16px;margin-inline:16px;max-width:300px;max-height:260px;height:100%}}}}