.home{}

.home .hero { height: 100vh; }
.home .hero .backgrounds { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
.home .hero .backgrounds .background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover }
.home .hero .backgrounds .background.background-1 { background-image: url('../img/home/hero/home-hero-background-1.png'); }
.home .hero .backgrounds .background.background-2 { background-image: url('../img/home/hero/home-hero-background-2.png'); }
.home .hero .backgrounds .background.background-3 { background-image: url('../img/home/hero/home-hero-background-3.png'); }
.home .hero .backgrounds .background.background-4 { background-image: url('../img/home/hero/home-hero-background-4.png'); }
.home .hero .backgrounds .background.background-5 { background-image: url('../img/home/hero/home-hero-background-5.svg'); width: 80%; max-width: 1372px; top: 173px; left: auto; background-size: contain; }
.home .hero .backgrounds .background.device-1 { background-image: url('../img/home/hero/device-1.png'); }
.home .hero .backgrounds .background.device-2 { background-image: url('../img/home/hero/device-2.png'); }
.home .hero .background.background-6 { position: absolute; width: 100%; bottom: 0; left: 0; }
.home .hero .content{}
.home .hero .content h1{font-family: var(--manrope); font-size: 24px; font-style: normal; font-weight: 500; line-height: 137%; letter-spacing: 18px; color: var(--white); }


.home .strider-one { position: relative; background: #000; color: var(--white); padding: 100px 0; height: 100vh; display: flex; justify-content: center; }
.home .strider-one .backgrounds { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.home .strider-one .backgrounds .background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; }
.home .strider-one .backgrounds .background.background-1 { background-image: url('../img/home/strider-one/pattern.svg'); }
.home .strider-one .content .text { width: 50%; max-width: 540px; }
.home .strider-one .content .text h3 { font-size: 20px; margin-bottom: 25px; }
.home .strider-one .content .text h3::after { content: ""; display: block; width: 100%; height: 1px; background: linear-gradient(91deg, #FF5407, #000000); margin-top: 5px; }
.home .strider-one .content .text p {}
.home .strider-one .main-img { position: absolute; top: 0; width: 100%; display: flex; justify-content: center; max-width: 1410px; margin: auto; height: 100%; align-items: center; }
.home .strider-one .main-img img { width: 100%; height: 100%; object-fit: contain; }


.home .go-where-you-dare {}
.home .go-where-you-dare .content {}
.home .go-where-you-dare .content .text {}
.home .go-where-you-dare .content .text h3.box-title {}
.home .go-where-you-dare .content .text h2 {}
.home .go-where-you-dare .content .text p {}

.home .boxes-gallery {}
.home .boxes-gallery .content {}
.home .boxes-gallery .content .left {}
.home .boxes-gallery .content .left .box {}
.home .boxes-gallery .content .left .box span {}
.home .boxes-gallery .content .left .box h4 {}
.home .boxes-gallery .content .right {}
.home .boxes-gallery .content .right .box {}
.home .boxes-gallery .content .right .box span {}
.home .boxes-gallery .content .right .box h4 {}

.home .a-new-standard-of-motion {}
.home .a-new-standard-of-motion .content {}
.home .a-new-standard-of-motion .content .text {}
.home .a-new-standard-of-motion .content .text h3.box-title {}
.home .a-new-standard-of-motion .content .text h2 {}
.home .a-new-standard-of-motion .content .text p {}

.home .boxes-horizontal {}
.home .boxes-horizontal .content {}
.home .boxes-horizontal .content .box {}
.home .boxes-horizontal .content .box span {}
.home .boxes-horizontal .content .box h4 {}

.home .uncompromised-performance {}
.home .uncompromised-performance .content {}
.home .uncompromised-performance .content .text {}
.home .uncompromised-performance .content .text h3.box-title {}
.home .uncompromised-performance .content .text h2 {}
.home .uncompromised-performance .content .text p {}
.home .uncompromised-performance .content ul {}
.home .uncompromised-performance .content ul li {}
.home .uncompromised-performance .content ul li span {}
.home .uncompromised-performance .content ul li h4 {}

.home .designed-for-independence {}
.home .designed-for-independence .content {}
.home .designed-for-independence .content .text {}
.home .designed-for-independence .content .text h3.box-title {}
.home .designed-for-independence .content .text h2 {}
.home .designed-for-independence .content .text p {}

.home .luxury-in-motion {}
.home .luxury-in-motion .content {}
.home .luxury-in-motion .content .text {}
.home .luxury-in-motion .content .text h3.box-title {}
.home .luxury-in-motion .content .text h2 {}
.home .luxury-in-motion .content .text p {}
.home .luxury-in-motion .content ul {}
.home .luxury-in-motion .content ul li {}
.home .luxury-in-motion .content ul li span {}
.home .luxury-in-motion .content ul li h4 {}

.home .transfer-seamlessly {}
.home .transfer-seamlessly .content {}
.home .transfer-seamlessly .content .text {}
.home .transfer-seamlessly .content .text h3.box-title {}
.home .transfer-seamlessly .content .text h2 {}
.home .transfer-seamlessly .content .text p {}

.home .horizontal-boxes {}
.home .horizontal-boxes .content {}
.home .horizontal-boxes .content ul {}
.home .horizontal-boxes .content ul li {}
.home .horizontal-boxes .content ul li span {}
.home .horizontal-boxes .content ul li h4 {}

.home .mobility-reimagined {}
.home .mobility-reimagined .content {}
.home .mobility-reimagined .content h2 {}
.home .mobility-reimagined .content ul {}
.home .mobility-reimagined .content ul li {}
.home .mobility-reimagined .content ul li .icon {}
.home .mobility-reimagined .content ul li .icon img {}
.home .mobility-reimagined .content ul li h4 {}
.home .mobility-reimagined .content ul li p {}

.home .discover-drives-us {}
.home .discover-drives-us .content {}
.home .discover-drives-us .content h2 {}
.home .discover-drives-us .content .description {}
.home .discover-drives-us .content .button {}

.home .blog-section {}
.home .blog-section .content {}
.home .blog-section .content .head {}
.home .blog-section .content .head .title {}
.home .blog-section .content .head .description {}
.home .blog-section .content .blog-listing {}
.home .blog-section .content .bottom {}
.home .blog-section .content .bottom .button {}


@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1023px){
 
}

@media screen and (max-width: 767px){
   
}

@media screen and (max-width: 540px){
    
}