/** Shopify CDN: Minification failed

Line 35:0 Unexpected "}"

**/
.hero__banner__container { position: relative; background: #000; color: #fff; padding: 100px 0 120px; height: 100vh; min-height: 550px; z-index: 9; display: flex; align-items: center; }
.hero__banner__content { max-width: 700px; font-size: 22px; }
.hero__banner__rating { display: inline-flex; align-items: center; margin-bottom: 16px; padding: 10px; font-size: 14px; text-transform: uppercase; border-radius: 49px; border: 2px solid rgba(255, 255, 255, 0.00); background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.00) 100%); font-weight: 600; }
.hero__banner__rating__stars { color: #DC9C56; font-size: 12px; margin-right: 3px; }
.hero__banner__rating span { color: #DC9C56; margin: 0 2px; font-weight: 600; }
.hero__banner__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }
.hero__banner__bg img { width: 100%; height: 100%; object-fit: cover; }
.hero__banner__bg::before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, #000 0.02%, rgba(0, 0, 0, 0.00) 23.3%), linear-gradient(90deg, #000 41.48%, rgba(0, 0, 0, 0.00) 84.14%); }
.hero__banner__content h1 { font-size: 80px; margin-bottom: 16px; color: #fff; }
.hero__banner__cta { margin-top: 70px; max-width: 320px; text-align: center; }
.hero__banner__cta .__btn { width: 100%; }
.mobile-img{display:none}
@media (max-width:991.98px) {
	.hero__banner__container { padding: 80px 0 100px; }
	.hero__banner__content h1 { font-size: 60px; }
	.hero__banner__content { max-width: 600px; }
	.hero__banner__cta { margin-top: 50px; }
}

@media (min-width:767.98px) {
   .desktop-img{display:none}
   .mobile-img{display:block}
}
@media (max-width:767.98px) {
    .hero__banner__container{ height: auto; min-height: 600px; padding: 48px 0; align-items: end;}
	.hero__banner__rating { padding: 8px; font-size: 12px; margin-bottom: 14px; }
	.hero__banner__content h1 { font-size: 40px; }
	.hero__banner__content { font-size: 16px; text-align: left; }
	.hero__banner__cta { width: 100%; max-width: initial; }}
}
