.banner{position:relative}@media(max-width:768px){.HomeBanner{height:max-content;display:flex;flex-direction:column-reverse}}.banner picture,.banner img{height:100%;width:100%;object-fit:cover}.banner-video{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0;z-index:1;background-color:#000}.banner-image-wrap{display:block;position:relative;z-index:0}.banner-media{position:relative;width:100%;height:100%}.HomeBanner:after{content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(283deg,#a16a9d4d 16.61%,#a16a9d00 43.28%,#ffb4da66 82.77% 99.19%);position:absolute;pointer-events:none;z-index:1}@media(max-width:768px){.banner-video{object-fit:cover}}.banner .content .btn_common{background-color:var(--color_primary_default);color:var(--color_beige_default)}.banner .content .btn_common:hover{background-color:var(--color_beige_default);color:var(--color_primary_darkest)}.banner .swiper-slide{height:100%}@media(max-width:768px){.banner picture,.banner img{height:380px}}.banner .content{position:absolute;bottom:30%;width:100%;z-index:2}@media(max-width:768px){.banner .content{padding-top:30px;padding-bottom:30px;text-align:center;position:static}}@media(max-width:768px){.banner .content .heading{color:var(--color_primary_darkest)}}.banner .content .sub{margin-top:10px;margin-bottom:40px}@media(max-width:768px){.banner .content .sub{color:var(--color_beige_darkest)}}@media(max-width:768px){.banner .content .btn_common{background-color:var(--color_primary_default);color:var(--color_beige_default)}}.banner .custom_pagination{position:absolute;bottom:50px;width:100%;z-index:1;text-align:center}@media screen and (max-width:767px){.banner .custom_pagination{bottom:0}}span.custom-bullet.swiper-pagination-bullet{padding:0;background-color:#fff;opacity:.6;margin:0 5px!important;width:16px;border-radius:40px;height:4px;display:inline-block;transition:width .3s ease,opacity .3s ease}@media screen and (max-width:767px){span.custom-bullet.swiper-pagination-bullet{background:#ddd;opacity:1}}span.custom-bullet.swiper-pagination-bullet.swiper-pagination-bullet-active{width:50px;background-color:#552351;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/83/assets/home-banner.css.map */