.banner-and-swiper .hero{position:relative;height:160vw;max-height:800px;overflow:hidden}.banner-and-swiper .hero .bg-image{position:absolute;width:100%;height:auto;bottom:0;left:0;z-index:1;object-fit:cover}.banner-and-swiper .hero .content{width:100%;height:50%;padding:30px;max-width:500px;display:flex;justify-content:center;position:absolute;top:10vw;left:50%;transform:translate(-50%);z-index:2}.banner-and-swiper .hero .content *{text-align:left;color:#fff;padding:10px 0}.banner-and-swiper .hero .content h1,.banner-and-swiper .hero .content h2,.banner-and-swiper .hero .content h3{font-size:5rem;line-height:.8;font-family:Bebas,Impact,Helvetica,sans-serif}.banner-and-swiper .hero .content p{font-family:Karla,Arial,Helvetica,sans-serif;font-weight:200;font-size:2rem}.banner-and-swiper .hero .content .btn{background:#fff}@media (min-width: 480px){.banner-and-swiper .hero{max-height:700px}.banner-and-swiper .hero .content{top:5vw}}@media (min-width: 570px){.banner-and-swiper .hero{max-height:800px}.banner-and-swiper .hero .content{top:5vw;padding:0 30px 30px}}@media (min-width: 780px){.banner-and-swiper .hero{max-height:900px}.banner-and-swiper .hero .content{top:5vw}}@media (min-width: 900px){.banner-and-swiper .hero{max-height:80vw}.banner-and-swiper .hero .content{transform:unset;left:unset;right:5vw;bottom:0;height:unset;align-items:center;width:30vw;max-width:unset}.banner-and-swiper .hero .content h1,.banner-and-swiper .hero .content h2,.banner-and-swiper .hero .content h3{font-size:clamp(3rem,4vw,7rem);line-height:1;max-width:400px}.banner-and-swiper .hero .content p{font-size:clamp(1.8rem,1.5vw,2.6rem);max-width:500px}.banner-and-swiper .hero .bg-image{height:100%}}.banner-and-swiper .swiper .container{display:flex;gap:1rem;margin:1rem;flex-direction:column}.banner-and-swiper .swiper .container .item{position:relative;width:100%;height:120vw;border-radius:2px;background:#0077ae;padding:20px 40px 20px 20px;text-decoration:none;display:flex;align-items:center;overflow:hidden}.banner-and-swiper .swiper .container .item *{color:#fff;text-align:left;padding:0 0 10px}.banner-and-swiper .swiper .container .item h1,.banner-and-swiper .swiper .container .item h2,.banner-and-swiper .swiper .container .item h3{font-size:5rem;line-height:1;max-width:400px;font-family:Bebas,Impact,Helvetica,sans-serif}.banner-and-swiper .swiper .container .item p{font-family:Karla,Arial,Helvetica,sans-serif;font-weight:200;font-size:2rem;max-width:500px}.banner-and-swiper .swiper .container .item img{display:block;width:100%;height:110%;position:absolute;top:0;left:0;z-index:1;object-fit:cover}.banner-and-swiper .swiper .container .item .btn{background:#fff;color:#1c2226;border:none;padding:5px 20px 0;line-height:3}.banner-and-swiper .swiper .container .item .video-background{position:absolute;left:0;top:0;width:100%;height:110%;object-fit:cover;z-index:1;background-size:cover;-webkit-transition:opacity .2s ease-in;-ms-transition:opacity .2s ease-in;transition:opacity .2s ease-in}@media (min-width: 800px){.banner-and-swiper .swiper .container{display:flex;gap:2.5rem;margin:2.5rem;flex-direction:row}.banner-and-swiper .swiper .container .item{width:33%;height:600px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/ocs-banner-and-swiper.css.map */