.image-with-hover-header h2.heading{margin:0;line-height:1.3;letter-spacing:0;text-transform:capitalize}.image-with-hover-header .richtext{line-height:1.3}.image-with-hover-header .richtext p{margin:0}.image-with-hover-header h2.heading+.richtext{margin-top:15px}.image-with-hover-header+.image-with-hover-body{margin-top:50px}.image-with-hover-slider ul.swiper-main-items{margin:0;padding:0;list-style:none}.image-with-hover .swiper-button-prev:after,.image-with-hover .swiper-button-next:after{content:unset}.navigation-arrows{display:flex;align-items:center;justify-content:end;margin-right:9rem;gap:15px;margin-top:2rem}.image-with-hover .swiper-button-prev,.image-with-hover .swiper-button-next{position:unset;height:fit-content;margin:0;width:50px;transition:all .3s;height:50px;border-radius:30px}.image-with-hover-item .image-wrapper{width:100%;height:100%}.image-with-hover-item .image-wrapper svg.placeholder-svg{width:100%;height:100%;display:block}.image-with-hover-item{overflow:hidden;border-radius:20px;position:relative;height:100%}.image-with-hover-slider.swiper-initialized .swiper-pagination{position:unset;margin-top:30px;border-radius:15px;overflow:hidden;width:calc(100% - (var(--one-side-space) * 2))}.image-with-hover-slider.swiper-initialized .swiper-pagination span.swiper-pagination-progressbar-fill{background:#000}.image-with-hover .image-with-hover-body{--one-side-space: calc((100% - 1340px)/2) ;max-width:100%}.image-with-hover-slider.swiper-initialized{padding:0 var(--one-side-space)}.overlay-content{position:absolute;top:35px;z-index:1;width:calc(100% - 60px);left:30px;right:30px}.image-with-hover .swiper-button-next{transform:rotate(180deg)}.overlay-content-list{display:flex;gap:10px;justify-content:end}.overlay-content-list .icon-wrap{height:40px;width:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.overlay-content-list .icon-wrap svg{width:13px;height:13px;display:block}.overlay-content-list .icon-wrap svg.icon-minus,.is--open .overlay-content-list .icon-wrap svg.icon-plus{display:none}.is--open .overlay-content-list .icon-wrap svg.icon-minus{display:block;width:30px;height:30px}.overlay-content-list.space-between{justify-content:space-between}.overlay-content-list .icon-with-text{background:#0000004d;color:#fff;border-radius:60px;display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;padding:5px 20px}.overlay-content-list .icon-with-text img{width:100%;height:100%;display:block;object-fit:contain}.overlay-content-list .icon-with-text span{font-size:13px;line-height:1.3;display:block;margin-top:2px}.overlay-content-list .icon-with-text.one-side{grid-template-columns:1fr}.image-with-hover-item .content-info{position:absolute;z-index:1;bottom:35px;width:calc(100% - 60px);left:30px;right:30px}.image-with-hover{position:relative}.image-with-hover-item .content-info h4.title{margin:0}.image-with-hover-item .content-info h4.title p{margin:0;font-size:24px;line-height:1.3;color:var(--title-color)}.image-with-hover-item .content-info .text{margin-top:12px;max-width:600px;box-sizing:border-box;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease}.is--open .image-with-hover-item .content-info .text{max-height:500px;opacity:1;transition:max-height 2s ease,opacity 1s ease}.image-with-hover-item .content-info .text p{color:var(--text-color);margin:0;font-size:16px;line-height:1.4}.banner-content-info{position:absolute;z-index:1;right:40px;top:50%;transform:translateY(0) translate(140%);width:calc(100% - 40px);max-width:270px;box-sizing:border-box;transition:all .5s ease;bottom:100%}.is--open .banner-content-info{bottom:unset;transform:translateY(-50%) translate(0);transition:all .5s ease}.banner-content-relative{border-radius:13px;text-align:center;width:100%}.banner-content-relative h5{margin:0;font-size:30px;line-height:1.2;font-weight:500;color:#000}.banner-content-relative p{margin:5px 0;font-size:14px;color:#000;line-height:1.4}.image-with-hover-item .image-wrapper .main-image,.is--open .image-with-hover-item .image-wrapper img.cover-image{display:none}.is--open .image-with-hover-item .image-wrapper img.main-image{display:block}.image-with-hover-item .image-wrapper img{width:100%;height:100%;object-fit:cover}.banner-content-relative img{display:block;width:100%;height:100%;object-fit:cover}.image-with-hover .swiper-button-prev:hover svg *,.image-with-hover .swiper-button-next:hover svg *{stroke:#fff}.image-with-hover .swiper-button-prev:hover,.image-with-hover .swiper-button-next:hover{background:#000}.image-with-hover-slider ul.swiper-main-items li.sliding-items{width:440px;height:590px;transition:all .8s ease;flex:0 0 28%;max-width:28%}.image-with-hover-slider ul.swiper-main-items{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1.5rem;padding-bottom:3.5rem;scroll-snap-type:x mandatory;max-width:1620px;margin:0 0 0 auto;padding-right:20px;scrollbar-width:none}.image-with-hover-slider{position:relative;margin-left:2rem}ul.swiper-main-items li.sliding-items{scroll-snap-align:start}.image-with-hover-slider ul.swiper-main-items li.sliding-items.is--open{width:100%;transition:all .8s ease}@media (min-width: 768px){.image-with-hover-slider ul.swiper-main-items li.sliding-items.is--open{flex:0 0 80%;max-width:80%}}@media (max-width: 1360px){.image-with-hover-slider.swiper-initialized{padding:0 5rem}.image-with-hover-slider ul.swiper-main-items{margin-left:20px}}@media (max-width: 1100px){.image-with-hover-slider.swiper-initialized{padding:0 2rem}.navigation-arrows{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;margin-right:0}.image-with-hover-slider ul.swiper-main-items li.sliding-items{flex:0 0 40%;max-width:40%}.swipe-class-main-items{left:0;right:0!important;margin:0 auto}}@media (max-width: 768px){.banner-content-info{top:38%;max-width:210px}.image-with-hover-item .content-info h4.title p{font-size:22px}.image-with-hover-item .content-info .text p{font-size:14px}.image-with-hover .image-with-hover-body{--one-side-space: unset}.image-with-hover-slider ul.swiper-main-items li.sliding-items{flex:0 0 80%;max-width:80%}}@media (max-width: 680px){.image-with-hover-slider ul.swiper-main-items li.sliding-items{height:540px}.overlay-content{top:20px}.image-with-hover-item .content-info{bottom:20px}.image-with-hover-item .content-info .text p{font-size:13px}.image-with-hover-item .content-info h4.title p{font-size:19px}.banner-content-info{top:36%;max-width:188px}}.swipe-class-main-items{position:absolute;bottom:0;max-width:1522px;height:1px;background-color:#c4bfbf;z-index:10;padding:0;right:100px;width:90%}.progress-bar{height:100%;background-color:#000;width:0;transition:width .1s ease-out}
/*# sourceMappingURL=/cdn/shop/t/24/assets/image-with-hover.css.map */