.HomeComponent .homeBanner{height:600px;background-image:var(--Home-banner-image-mobile);background-position:center;background-repeat:no-repeat;background-size:cover}@media (min-width: 992px){.HomeComponent .homeBanner{background-image:var(--Home-banner-image-desktop)}}.HomeComponent .homeBanner h1{font-size:42px}.HomeComponent .homeBanner h2{font-size:24px}.HomeComponent .homeBanner p{font-size:18px;max-width:700px}.HomeComponent .homeBanner .bannerPrimaryActionButton{width:280px;padding:.75rem 2rem;font-size:1.1rem}.HomeComponent .valueHeader{font-size:1.5rem}.HomeComponent .valuePropsList{color:var(--theme-color-gray-dark, #424242);font-size:var(--theme-settings-text-h4-font-size)}.HomeComponent .valuePropsList li{margin:1rem 0}.HomeComponent .valuePropsList li>img{margin-right:1rem}.HomeComponent .imageBackgroundSection{height:240px;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.HomeComponent .imageBackgroundSection.section1{background-image:var(--Home-section-background-1)}.HomeComponent .imageBackgroundSection.section2{background-image:var(--Home-section-background-2)}.HomeComponent .imageBackgroundSection.section3{background-image:var(--Home-section-background-3)}.HomeComponent .notchedArrowHead{width:0;height:0;border-left:1.5rem solid rgba(0,0,0,0);border-right:1.5rem solid rgba(0,0,0,0);margin-bottom:-1.5rem;border-top:1.5rem solid var(--theme-color-primary)}.HomeComponent .carouselWrapper .carousel{overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none}.HomeComponent .carouselWrapper .carousel .carouselItem{margin:1rem}.HomeComponent .carouselWrapper .carousel .carouselItem,.HomeComponent .carouselWrapper .carousel .carouselItem .brandImageContainer{width:175px}