.hero-banner-main .banner-image{position:relative}.hero-banner-main .banner-content{position:absolute;top:40%;left:0;right:0;text-align:center;padding:0 20px}.hero-banner-main .desktop-banner-image img,.hero-banner-main .mobile-banner-image img{width:100%;display:block;height:100%}.hero-banner-main .desktop-banner-image,.hero-banner-main .mobile-banner-image{position:relative}.hero-banner-main .desktop-banner-image:before,.hero-banner-main .mobile-banner-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(225deg,#00285100 17.42%,#002347 91.79%)}.hero-banner-main .banner-content h2{color:#fff;font-weight:700;text-transform:capitalize;margin:0}.hero-banner-main .banner-content p{color:#fff;font-size:18px;font-weight:400;line-height:103.478%;margin:10px 0 0}.hero-banner-main .banner-button{margin:15px 0 0}.hero-banner-main .button--outline{color:#fff;font-size:14px;min-width:130px;min-height:40px}.hero-banner-main .swiper-pagination{top:auto;left:-41%;width:100%;bottom:6%;right:0}.hero-banner-main .swiper-pagination-bullet{background-color:transparent;width:32px;height:32px;border:1px solid #fff;position:relative;opacity:1}.hero-banner-main .swiper-pagination-bullet:before{position:absolute;content:"";width:12px;height:12px;border-radius:50%;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:transform .2s}.hero-banner-main .swiper-pagination-bullet.swiper-pagination-bullet-active:before{transform:translate(-50%,-50%) scale(2);transition:transform .2s}@media (min-width:769px){.desktop-banner-image{display:block;overflow:hidden}.mobile__only{display:none}.hero-banner-main .banner-content{text-align:left}.hero-banner-main .banner-button{margin:30px 0 0}.hero-banner-main .button--outline{font-size:16px;min-width:200px;min-height:60px}.hero-banner-main .banner-content{left:5%}.hero-banner-main .banner-content h2{font-size:50px}.hero-banner-main .banner-content{padding:0}}@media (max-width:1100px){.hero-banner-main .banner-content{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.hero-banner-main .swiper-pagination{right:auto;left:0}}@media (min-width:1400px){.hero-banner-main .banner-content{top:40%}.hero-banner-main .banner-content h2{font-size:80px}.hero-banner-main .banner-content p{font-size:23px}}@media (max-width:768px){.desktop__only{display:none}}@media (max-width:767px){.hero-banner-main .banner-content p{font-size:15px;line-height:20px}}@media (max-width:750px){.desktop-banner-image{padding-top:100%}.desktop-banner-image img{width:100%;display:block;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-banner.css.map */