.main-luggage-colour-post-section-wrapper{line-height:0px;overflow:hidden;position:relative}.luggage-colour_img{position:relative;border-radius:var(--media-radius);overflow:hidden;text-align:center}.luggage-colour-color{position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;transition:all .3s ease-in-out;width:340px;height:340px;margin:auto;border-radius:50%;display:block!important}.luggage-colour_img:hover .luggage-colour-color{width:100%;height:100%;border-radius:30px}.luggage-colour_img img{margin:20px 0 70px}.luggage-colour-text{padding:10px}.luggage-colour-text h2{font-size:26px;font-weight:700;color:#111;font-family:var(--font-heading-family)}.luggage-colour-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;z-index:1;width:50px;height:50px;opacity:0;border-radius:50%}.luggage-colour_img:hover:before{opacity:1}.luggage-colour_img:hover .luggage-colour-icon{opacity:1}.main-luggage-colour-post-section .swiper-button-next,.main-luggage-colour-post-section .swiper-button-prev{opacity:0}.main-luggage-colour-post-section:hover .swiper-button-next,.main-luggage-colour-post-section:hover .swiper-button-prev{opacity:1}.main-luggage-colour-post-section .luggage-colour-main-wrapper{display:flex;flex-wrap:wrap}.main-luggage-colour-post-section .desktop--1-column .luggage-colour-image-item{max-width:100%;width:100%}.main-luggage-colour-post-section .desktop--2-column .luggage-colour-image-item{max-width:50%;width:100%}.main-luggage-colour-post-section .desktop--3-column .luggage-colour-image-item{max-width:33.33%;width:100%}.main-luggage-colour-post-section .desktop--4-column .luggage-colour-image-item{max-width:25%;width:100%}.main-luggage-colour-post-section .desktop--5-column .luggage-colour-image-item{max-width:20%;width:100%}.luggage-colour-main-wrapper .media{border-radius:var(--media-radius)}@media screen and (max-width:1500px){.luggage-colour-color{width:290px;height:290px}}@media screen and (max-width: 1429px){.luggage-colour-icon{width:40px;height:40px;line-height:40px}.main-luggage-colour-post-section .luggage-colour-icon svg{width:16px;height:16px}}@media screen and (max-width:1300px){.luggage-colour-color{width:250px;height:250px}.luggage-colour_img img{margin:20px 0 30px}}@media screen and (max-width:1199px){.luggage-colour-color{width:220px;height:220px}.luggage-colour_img img{width:90%}}@media screen and (max-width: 991px){.main-luggage-colour-post-section .large_tablet--1-column .luggage-colour-image-item{max-width:100%;width:100%}.main-luggage-colour-post-section .large_tablet--2-column .luggage-colour-image-item{max-width:50%;width:100%}.main-luggage-colour-post-section .large_tablet--3-column .luggage-colour-image-item{max-width:33.33%;width:100%}.main-luggage-colour-post-section .large_tablet--4-column .luggage-colour-image-item{max-width:25%;width:100%}.main-luggage-colour-post-section .large_tablet--5-column .luggage-colour-image-item{max-width:20%;width:100%}.luggage-colour_img img{width:unset}.luggage-colour-color{width:270px;height:270px}}@media screen and (max-width: 640px){.main-luggage-colour-post-section .tablet--1-column .luggage-colour-image-item{max-width:100%;width:100%}.main-luggage-colour-post-section .tablet--2-column .luggage-colour-image-item{max-width:50%;width:100%}.main-luggage-colour-post-section .tablet--3-column .luggage-colour-image-item{max-width:33.33%;width:100%}.main-luggage-colour-post-section .tablet--4-column .luggage-colour-image-item{max-width:25%;width:100%}.main-luggage-colour-post-section .tablet--5-column .luggage-colour-image-item{max-width:20%;width:100%}}@media screen and (max-width: 479px){.main-luggage-colour-post-section .mobile--1-column .luggage-colour-image-item{max-width:100%;width:100%}.main-luggage-colour-post-section .mobile--2-column .luggage-colour-image-item{max-width:50%;width:100%}.main-luggage-colour-post-section .mobile--3-column .luggage-colour-image-item{max-width:33.33%;width:100%}.main-luggage-colour-post-section .mobile--4-column .luggage-colour-image-item{max-width:25%;width:100%}.main-luggage-colour-post-section .mobile--5-column .luggage-colour-image-item{max-width:20%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/luggage-colour-section.css.map */