.image-banner-ran,.image-banner-ran__slider{width:100%;position:relative;overflow:hidden}.image-banner-ran__slide{display:block;width:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity .8s ease-in-out,visibility 0s linear .8s}.image-banner-ran__slide:first-child{position:relative;opacity:1;visibility:visible}.image-banner-ran__slide.is-active{position:absolute;top:0;left:0;opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity .8s ease-in-out}.image-banner-ran__slide:first-child.is-active{position:relative}.image-banner-ran__media{width:100%;height:800px;position:relative;overflow:hidden}.image-banner-ran__media picture{display:block;width:100%;height:100%}.image-banner-ran__img{display:block;width:100%;height:100%;object-fit:cover}.image-banner-ran__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040}.image-banner-ran__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;padding:60px}.image-banner-ran__content--left{justify-content:flex-start}.image-banner-ran__content--center{justify-content:center}.image-banner-ran__content--right{justify-content:flex-end}.image-banner-ran__box{width:100%;max-width:900px;padding:40px;text-align:center}.image-banner-ran__box--shadow{background:#00000040;border-radius:8px}.image-banner-ran__heading{color:#fff;font-size:56px;font-weight:700;line-height:1.1;margin:0 0 20px}.image-banner-ran__text{color:#fff;font-size:30px;line-height:1.7}.image-banner-ran__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:32px}.image-banner-ran__button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:54px;padding:0 30px;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}.image-banner-ran__button--primary{background:#c92c2c;color:#fff}.image-banner-ran__button--primary:hover{background:#a91f1f;color:#fff}.image-banner-ran__button--secondary{background:#fff;color:#16384d}.image-banner-ran__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:#16384d;font-size:25px;cursor:pointer}.image-banner-ran__arrow--prev{left:25px}.image-banner-ran__arrow--next{right:25px}.image-banner-ran__dots{position:absolute;bottom:25px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:10px}.image-banner-ran__dot{width:11px;height:11px;padding:0;border:1px solid #ffffff;border-radius:50%;background:transparent;cursor:pointer}.image-banner-ran__dot.is-active{width:28px;border-radius:20px;background:#fff}@media screen and (max-width:989px){.image-banner-ran__media{height:600px}.image-banner-ran__content{padding:40px}.image-banner-ran__heading{font-size:42px}.image-banner-ran__text{font-size:20px}}@media screen and (max-width:749px){.image-banner-ran__media{position:relative;width:100%;height:auto}.image-banner-ran__media picture{display:block;width:100%;height:auto}.image-banner-ran__img{display:block;width:100%;height:auto;object-fit:contain}.image-banner-ran__overlay{display:none}.image-banner-ran__content{position:relative;inset:auto;width:100%;padding:40px 24px;background:#fff;justify-content:center;z-index:2}.image-banner-ran__box,.image-banner-ran__box--shadow{max-width:100%;padding:0;background:transparent;box-shadow:none}.image-banner-ran__heading{color:#001f27;font-size:38px}.image-banner-ran__text{color:#444;font-size:18px}.image-banner-ran__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:20px}.image-banner-ran__arrow--prev{left:10px;right:auto}.image-banner-ran__arrow--next{right:10px;left:auto}.image-banner-ran__dots{position:relative;bottom:auto;left:auto;transform:none;justify-content:center;padding:15px 0;background:#fff}.image-banner-ran__dot{border-color:#16384d}.image-banner-ran__dot.is-active{background:#16384d}}@media screen and (max-width:480px){.image-banner-ran__content{padding:32px 20px}.image-banner-ran__heading{font-size:32px}.image-banner-ran__text{font-size:16px}.image-banner-ran__buttons{flex-direction:column}.image-banner-ran__button{width:100%}}@media(prefers-reduced-motion:reduce){.image-banner-ran__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/image-banner-slider-ran.css.map */
