#banner{height:60vh}#banner .wrapper{max-width:100%;padding-left:0!important;padding-right:0!important}.shopify-section.banner:has(.reverse){display:flex;flex-direction:column-reverse}#banner .banner__container img{object-fit:cover;height:100%;width:100%;position:absolute;object-position:top center;max-width:100%;top:0}#banner .content__container{width:100%;display:flex;gap:5px;z-index:3;justify-content:end;position:relative;height:100%;flex-direction:column}#banner .banner__content{display:flex;padding:425px 40px 40px;width:100%}#banner .link__container{z-index:1;display:flex;align-items:end;gap:20px;width:min(280px,100%)}#banner .link__container a{transition:.3s}#banner .link__container a:hover{transform:scale(1.1)}#banner .link__container .svg-wrapper{width:55px;height:55px;border-radius:50%;background:var(--global-color-light-blue)}#banner .link__container .svg-wrapper svg{width:100%;height:100%}#banner .banner__content .leading__text,#banner .banner__content h1{color:#fff;margin:0}#banner .banner__content h1{font-size:80px;margin-bottom:5px}#banner .content__section{align-items:end;display:flex;height:100%}.template-name-collection #banner .swiper{height:450px}#banner .swiper{height:inherit}#banner .scrollbar-progress{z-index:1;border-radius:200px;background:#d9d9d9;display:flex;left:-15px;width:8px;overflow:hidden;position:absolute;height:100%}.scrollbar-progress span{position:absolute;bottom:0;left:0;width:100%;border-radius:200px;height:0%;background:var(--global-color-light-blue)}#banner .swiper-scrollbar-drag{display:flex;background:var(--global-color-light-blue)}#banner .scroll-content{position:absolute;bottom:40px;display:flex;flex-direction:column;right:40px}#banner:has(.swiper-wrapper .swiper-slide:only-child) .scroll-content,#banner:has(.swiper-wrapper .swiper-slide:only-child) .swiper-button-next,#banner:has(.swiper-wrapper .swiper-slide:only-child) .swiper-button-prev{display:none}#banner .scroll-content span{color:var(--global-color-white);opacity:.5;cursor:pointer;font-size:18px;font-weight:700;line-height:1em;transition:.3s;z-index:1;position:relative}#banner .scroll-content span.active,#banner .scroll-content span:hover{opacity:1}.marquee{overflow:hidden;width:100%;padding:15px 0;background:var(--global-color-light-blue);white-space:nowrap}.marquee .js-marquee{margin-right:0!important}.marquee p{position:relative;margin-right:25px;font-weight:600;color:var(--global-color-white);display:inline-block}.marquee p:before{content:"\2731";position:relative;font-size:16px;margin-right:30px;display:inline-block}#banner .swiper-navigation-icon{height:15px;fill:var(--global-color-light-blue);width:15px}#banner .swiper-button-next,#banner .swiper-button-prev{align-items:center;justify-content:center;display:flex;background:#fff3;transition:.3s;line-height:1;border-radius:100%}#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover{background:#fff}#banner .swiper-button-prev{left:40px}#banner .swiper-button-next{right:40px}@media screen and (max-width: 1024px){#banner .banner__content h1{font-size:70px}#banner:not(:has(.have_gradient)) .swiper{height:350px}#banner:not(:has(.have_gradient)){background-size:cover!important}#banner .link__container .svg-wrapper{width:40px;height:40px}#banner .swiper-button-prev{left:20px}#banner .swiper-button-next{right:20px}#banner .banner__content{padding:425px 20px 40px}#banner .scroll-content{right:20px}}@media screen and (max-width: 767px){#banner .banner__content{padding:150px 20px 20px}#banner .swiper,#banner:has(.link__container) .swiper{height:100%}.template-name-collection #banner .swiper{height:300px}#banner .scroll-content span{font-size:16px}#banner .scroll-content{top:85px;bottom:unset}#banner .banner__content h1{font-size:60px}#banner .link__container .svg-wrapper{width:30px;height:30px}#banner .scrollbar-progress{left:unset;right:0}.template-name-collection #banner{height:300px}#banner{height:60vh}#banner .content__section:before,#banner .content__section:after{width:55%}#banner:not(:has(.have_gradient)){height:300px}#banner .swiper-button-prev{right:80px;top:unset;bottom:20px;left:unset}#banner .swiper-button-next{top:unset;bottom:20px}}@media screen and (max-width: 500px){#banner .banner__content:has(.link__container){flex-direction:column;padding:120px 0 20px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/banner.css.map */