.hero-swiper-section .main-hero-swiper{height:100%}.hero-swiper-section .swiper-content{display:flex;height:100%}.hero-swiper-section .left-col-block,.hero-swiper-section .right-col-block{flex:1;position:relative}.hero-swiper-section .block-media{height:100%}.hero-swiper-section .block-media img,.hero-swiper-section .block-media video{width:100%;height:100%;object-fit:cover;display:block}.hero-swiper-section .content-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;padding:30px}.hero-swiper-section .section-heading{color:inherit;margin-bottom:.625rem}.hero-swiper-section .container-inner p{color:inherit;margin-bottom:.625rem;margin-top:0}.hero-swiper-section .block-button{margin:.625rem .625rem 0 0}.hero-swiper-section .top-left{justify-content:left;align-items:flex-start}.hero-swiper-section .top-center{justify-content:center;align-items:flex-start}.hero-swiper-section .top-right{justify-content:right;align-items:flex-start}.hero-swiper-section .center-left{justify-content:left;align-items:center}.hero-swiper-section .center-center{justify-content:center;align-items:center}.hero-swiper-section .center-right{justify-content:right;align-items:center}.hero-swiper-section .bottom-left{justify-content:left;align-items:flex-end}.hero-swiper-section .bottom-center{justify-content:center;align-items:flex-end}.hero-swiper-section .bottom-right{justify-content:right;align-items:flex-end}.hero-swiper-section .text-center{text-align:center}.hero-swiper-section .text-left{text-align:left}.hero-swiper-section .text-right{text-align:right}.hero-swiper-section .swiper-preview-bttn,.hero-swiper-section .swiper-next-bttn{padding:10px;width:40px;height:40px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:99;left:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 1px #00000014,0 1px 5px #0000000f}.hero-swiper-section .swiper-next-bttn{right:10px;left:auto}.hero-swiper-section .swiper-preview-bttn svg{transform:rotate(180deg)}.hero-swiper-section .swiper-wrapper,.hero-swiper-section .swiper-slide{height:100%}@media screen and (max-width:1023px){.hero-swiper-section .content-container{padding:40px}}@media screen and (max-width:767px){.hero-swiper-section .swiper-content{flex-direction:column}}@media screen and (max-width:479px){.hero-swiper-section .mosaic__item__btn{width:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/swiper-hero.css.map */