@media screen and (min-width: 1200px){.section-banner-with-image-overlay .page-width{padding-left:0rem;padding-right:0rem}}.banner-with-image-overlay .title-wrapper{padding:2rem 1.5rem 1.7rem;margin-bottom:1.5rem}.banner-with-image-overlay .title-wrapper .title{margin:0rem;font-weight:700}.section-banner-with-image-overlay .banner-with-image-overlay .image-wrapper .media-wrapper img,.section-banner-with-image-overlay .banner-with-image-overlay .image-wrapper svg{object-fit:cover}.section-banner-with-image-overlay .banner-with-image-overlay{position:relative}.section-banner-with-image-overlay .bannerimageoverlay-slider.swiper .swiper-wrapper .swiper-slide{height:auto}.section-banner-with-image-overlay .bannerimageoverlay-slider.swiper :where(.swiper-button-next,.swiper-button-prev){display:flex;justify-content:center;align-items:center;width:5rem;height:12rem;padding:4rem .5rem;transform:translateY(-50%);color:rgb(var(--color-button-text))}.section-banner-with-image-overlay .bannerimageoverlay-slider.swiper :where(.swiper-button-next,.swiper-button-prev) .icon{width:4rem;height:4rem;display:flex}.section-banner-with-image-overlay .bannerimageoverlay-slider.swiper .swiper-button-next{right:3rem}.section-banner-with-image-overlay .bannerimageoverlay-slider.swiper .swiper-button-prev{left:3rem}.section-banner-with-image-overlay .banner-with-image-overlay .super-button-wrapper{display:flex;gap:1rem;margin-top:1rem}.section-banner-with-image-overlay .banner-with-image-overlay .super-button-wrapper .button-wrapper{min-width:calc(50% - .5rem);flex:1}.section-banner-with-image-overlay .banner-with-image-overlay .super-button-wrapper .button-wrapper .button{width:100%}.section-banner-with-image-overlay .banner-with-image-overlay .overlay-wrapper{position:absolute;content:"";top:0;left:0;right:0;bottom:0;width:100%;height:auto;display:flex;padding:5rem 4rem;box-sizing:border-box}.section-banner-with-image-overlay{position:relative}.section-banner-with-image-overlay .banner-with-image-overlay .image-wrapper .media-wrapper img,.section-banner-with-image-overlay .banner-with-image-overlay .image-wrapper svg{width:100%;height:100%;display:block;object-fit:cover}.section-banner-with-image-overlay .banner-height--adapt{position:relative;height:100%;padding-bottom:var(--ratio-percent)}.section-banner-with-image-overlay .banner-height--small{height:37rem}.section-banner-with-image-overlay .banner-height--medium{height:50rem}.section-banner-with-image-overlay .banner-height--large{height:60rem}.section-banner-with-image-overlay .overlay-wrapper .overlay-title{line-height:7.1rem;letter-spacing:2.2px;margin:0 0 1.5rem}.section-banner-with-image-overlay .overlay-wrapper .overlay-text .logo-wrapper{display:inline-block}.section-banner-with-image-overlay .overlay-wrapper .overlay-text .logo-wrapper img{width:auto;height:auto}.section-banner-with-image-overlay .overlay-wrapper .overlay-text .content>*{margin-top:0rem}.section-banner-with-image-overlay .overlay-wrapper .overlay-text .button-wrapper{display:flex;column-gap:1.5rem}.section-banner-with-image-overlay .overlay-wrapper.content-alignment--left .overlay-text .button-wrapper{justify-content:flex-start}.section-banner-with-image-overlay .overlay-wrapper.content-alignment--center .overlay-text .button-wrapper{justify-content:center}.section-banner-with-image-overlay .overlay-wrapper.content-alignment--right .overlay-text .button-wrapper{justify-content:flex-end}.section-banner-with-image-overlay .banner-with-image-overlay .video-buttons svg{width:3rem;height:3rem;fill:rgb(var(--color-heading));padding:.3rem}.section-banner-with-image-overlay .banner-with-image-overlay .video-buttons svg path{fill:rgb(var(--color-heading))}.section-banner-with-image-overlay video{width:100%}.section-banner-with-image-overlay .video-buttons .unmute,.section-banner-with-image-overlay .video-buttons .mute{position:absolute;right:6rem;bottom:5rem;cursor:pointer;z-index:1}.section-banner-with-image-overlay .video-buttons .pause,.section-banner-with-image-overlay .video-buttons .play{position:absolute;left:6rem;bottom:5rem;cursor:pointer;z-index:1}.section-banner-with-image-overlay .video-buttons .pause,.section-banner-with-image-overlay .video-buttons .unmute{display:none}.section-banner-with-image-overlay .video-buttons .hide-pause-button,.section-banner-with-image-overlay .video-buttons .hide-mute-button{display:flex}.section-banner-with-image-overlay .banner-with-image-overlay .video-buttons .play{display:flex;align-items:center}.section-banner-with-image-overlay .banner-with-image-overlay .video-buttons .play .play-video-text{text-transform:uppercase;font-size:1.2rem;color:rgb(var(--color-heading));margin-left:.8rem}.banner-with-image-overlay .banner-video-wrapper{display:flex;width:100%;height:100%}.banner-with-image-overlay .banner-video-wrapper .video-wrapper{width:100%}.banner-with-image-overlay .banner-video-wrapper .video-wrapper .banner-height--adapt{--ratio-percent: 56.25%;height:auto}.banner-with-image-overlay .banner-video-wrapper .video-wrapper .banner-height--adapt .video-media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.banner-video-wrapper .video-wrapper .video-media-wrapper{display:flex;width:100%;height:100%}.banner-video-wrapper .video-wrapper .video-media-wrapper iframe{width:100%;height:100%;border:0rem;box-shadow:none}@media screen and (max-width: 649px){.banner-with-image-overlay .title-wrapper{padding:1.1rem 1.5rem;margin-bottom:1rem}.section-banner-with-image-overlay .overlay-wrapper .overlay-text .button-wrapper{row-gap:1rem;flex-direction:column}.section-banner-with-image-overlay .banner-with-image-overlay .overlay-wrapper{padding:3rem}.section-banner-with-image-overlay .overlay-wrapper.content-alignment--mobile-left .overlay-text .button-wrapper{justify-content:flex-start}.section-banner-with-image-overlay .overlay-wrapper.content-alignment--mobile-center .overlay-text .button-wrapper{justify-content:center}.section-banner-with-image-overlay .overlay-wrapper.content-alignment--mobile-right .overlay-text .button-wrapper{justify-content:flex-end}.section-banner-with-image-overlay .overlay-wrapper .overlay-title{font-weight:600;line-height:3.3rem;letter-spacing:1.2px}.section-banner-with-image-overlay .video-buttons .pause,.section-banner-with-image-overlay .video-buttons .play{transform:translate(-50%,-50%);left:50%;top:50%;bottom:auto}.section-banner-with-image-overlay video{height:600px;object-fit:cover}.section-banner-with-image-overlay .video-buttons .unmute,.section-banner-with-image-overlay .video-buttons .mute{top:3rem;right:3rem}.section-banner-with-image-overlay .banner-with-image-overlay .video-buttons .play .play-video-text{display:none}.section-banner-with-image-overlay .banner-with-image-overlay .video-buttons svg{width:2.5rem;height:2.5rem}.section-banner-with-image-overlay .video-buttons .play svg{width:3rem;height:3rem}.section-banner-with-image-overlay .banner-with-image-overlay .swiper .swiper-pagination{display:flex;align-items:center;justify-content:center;column-gap:.5rem;bottom:1.5rem}.section-banner-with-image-overlay .banner-with-image-overlay .swiper .swiper-pagination .swiper-pagination-bullet{width:.6rem;height:.6rem;border-radius:.6rem;background-color:rgb(var(--color-button-text),.5);opacity:1;transition:width .3s ease-in-out;margin:0rem;left:auto!important}.section-banner-with-image-overlay .banner-with-image-overlay .swiper .swiper-pagination .swiper-pagination-bullet-active-main{width:1rem;background-color:rgb(var(--color-button-text))}.section-banner-with-image-overlay .banner-with-image-overlay .swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,.section-banner-with-image-overlay .banner-with-image-overlay .swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(1)}}@media screen and (max-width: 989px){.section-banner-with-image-overlay .banner-with-image-overlay .contant-wrapper .contant-inner-wrapper{padding:4rem 3rem;margin:0;max-width:100%}.section-banner-with-image-overlay .banner-height-mobile--adapt{position:relative;height:100%;padding-bottom:var(--ratio-percent)}.section-banner-with-image-overlay .banner-height-mobile--small{height:24rem}.section-banner-with-image-overlay .banner-height-mobile--medium{height:30rem}.section-banner-with-image-overlay .banner-height-mobile--large{height:40rem}}@media screen and (min-width: 990px){.section-banner-with-image-overlay .overlay-wrapper .overlay-text{max-width:75%}}
/*# sourceMappingURL=/cdn/shop/t/331/assets/banner-with-image-overlay.css.map */