.project-banner{position:relative;width:100%;overflow:hidden}.project-banner__slider{position:relative;width:100%;min-height:50vh;max-height:70vh;isolation:isolate}.project-banner__slider .splide__slide{min-height:50vh;max-height:70vh}.project-banner__slide{position:relative;width:100%;height:100%;overflow:hidden}.project-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.project-banner__arrow{background:#fafafa80!important;padding:12px!important;border-radius:4px!important;width:auto!important;height:auto!important;border:none!important;cursor:pointer;transition:background-color .3s ease;z-index:10!important;opacity:1!important}.project-banner__arrow:hover{background:#fafafacc!important}.project-banner__arrow svg{width:24px!important;height:24px!important;display:block;color:#000;transform:none!important}.project-banner__arrow.project-banner__arrow--next svg{transform:scaleX(-1)!important}.project-banner__arrow--prev{left:48px!important;top:50%!important;transform:translateY(-50%)!important}.project-banner__arrow--next{right:48px!important;top:50%!important;transform:translateY(-50%)!important}.project-banner__pagination{position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;padding:16px!important;z-index:10!important;display:flex;gap:10px;justify-content:center;align-items:center}.project-banner__pagination .splide__pagination__page{width:32px!important;height:4px!important;border-radius:4px!important;background:#d9d9d9!important;opacity:1!important;margin:0!important;padding:0!important;border:none!important;cursor:pointer;transition:background-color .3s ease}.project-banner__pagination .splide__pagination__page.is-active{background:#75e3ff!important;transform:none!important}.project-banner__slider:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);pointer-events:none;z-index:1}@media (max-width: 768px){.project-banner__slider,.project-banner__slider .splide__slide{min-height:50vh;max-height:70vh}.project-banner__arrow--prev{left:16px!important}.project-banner__arrow--next{right:16px!important}.project-banner__arrow{padding:8px!important}.project-banner__arrow svg{width:20px;height:20px}.project-banner__pagination{padding:12px!important}.project-banner__pagination .splide__pagination__page{width:24px!important;height:3px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/project-banner.css.map */