@media (min-width: 768px){.grid-cls-v2{display:grid;grid-template-areas:"item1 item2" "item1 item3";gap:15px}.grid-cls-v2 .item1{grid-area:item1;max-height:630px}.grid-cls-v2 .item2{grid-area:item2;max-height:300px}.grid-cls-v2 .item3{grid-area:item3;max-height:300px}}@media (min-width: 992px){.grid-cls-v2{gap:30px}}@media (max-width: 768px){.grid-cls-v2 .item1 .collection-position .img-style{width:100%}.grid-cls-v2 .collection-position .img-style{height:400px}}.collection-position{display:flex;position:relative;height:100%}.collection-position .img-style{overflow:hidden;position:relative;height:100%;width:100%}.collection-position .img-style img{width:100%;height:100%;object-fit:cover}.collection-position .img-style:after{content:"";position:absolute;width:100%;height:100%;background-color:#181818;left:0;z-index:1;top:0;opacity:50%}.collection-position .content{position:absolute;left:15px;right:15px;bottom:15px;z-index:5}.collection-position .content .title{background-repeat:no-repeat;background-position-y:0px;background-image:linear-gradient(transparent calc(100% - 1.5px),currentColor 1.5px);transition:.3s cubic-bezier(.215,.61,.355,1);background-size:0 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:40px;line-height:1.2;margin-bottom:8px;display:inline-block}.collection-position .content .sub-title{margin-bottom:20px}.collection-position .content .title:hover{background-size:100% 100%;transition-delay:.1s}.sw-dots{display:flex;gap:4px}.sw-dots .swiper-pagination-bullet{margin:0!important}.sw-dots.type-circle .swiper-pagination-bullet{position:relative;width:20px;height:20px;background-color:transparent;border:1px solid transparent;opacity:1}.sw-dots.type-circle .swiper-pagination-bullet:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:8px;height:8px;background-color:transparent;border-radius:50%;border:1px solid var(--main);opacity:1}.sw-dots.type-circle .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--main)}.sw-dots.type-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:var(--main)}.sw-dots.white-circle .swiper-pagination-bullet:after{background-color:var(--White);border-color:var(--White)}.sw-dots.white-circle .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--White)}.sw-dots.white-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:var(--White)}.sw-dots.white-circle-line .swiper-pagination-bullet:after{border-color:var(--White)}.sw-dots.white-circle-line .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid var(--White)}.sw-dots.white-circle-line .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background-color:var(--White)}.sw-dots.type-dot-line{gap:13px}.sw-dots.type-dot-line .swiper-pagination-bullet{width:8px;height:8px;background-color:transparent;border:1px solid var(--White);border-radius:99px;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sw-dots.type-dot-line .swiper-pagination-bullet.swiper-pagination-bullet-active{width:32px;background-color:var(--White)}.sw-dots.type-square .swiper-pagination-bullet{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:24px;height:4px;border-radius:99px;background-color:var(--main);opacity:.3}.sw-dots.type-square .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px;opacity:1}.sw-dots.white-square .swiper-pagination-bullet{background-color:var(--white)}.sw-dots.position{position:absolute;z-index:99}.sw-dots:not(.swiper-pagination-lock){margin-top:20px}.sw-dots.no-border{gap:16px}.sw-dots.no-border .swiper-pagination-bullet{width:8px;height:8px;background-color:var(--Secondary2);border:0!important}.sw-dots.no-border .swiper-pagination-bullet:after{display:none}.sw-dots.no-border .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--White)}.sec-banner-grid-layout-v2 .tf-btn,.sec-banner-grid-layout .tf-btn{display:inline-flex}.mode-line{padding:0!important;background:transparent!important;border:transparent}.mode-line i{display:none}.mode-line span{color:var(--White);background:linear-gradient(to right,var(--Primary) 50%,var(--White) 50%);background-size:200% 100%;background-position:right;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mode-line span{position:relative;background:linear-gradient(to right,var(--Primary) 50%,var(--White) 50%);background-size:200% 100%;background-position:right;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .3s linear}.mode-line span:before{position:absolute;content:"";left:0;width:0;bottom:-2px;height:2px;background-color:var(--Primary);transition:width .3s linear;z-index:1}.mode-line span:after{background-color:var(--White)}.mode-line span:after{position:absolute;content:"";left:0;bottom:-2px;right:0;height:2px;background-color:var(--White);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.mode-line:hover span:before{width:100%}.mode-line:hover span{background-position:left}
/*# sourceMappingURL=/cdn/shop/t/4/assets/S11701-banner-v1.css.map */