.banner-single,.banner-slider{border-radius:8px;overflow:hidden}.banner-img,.banner-img--mobile,.banner-slide a{display:block}.banner-container{background:#fff;margin:auto}.bechify-banners-section{padding:12px var(--spacing-md);background:#fff}.banner-content,.banner-skeleton{height:150px}.banner-skeleton{position:relative;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:1.5s infinite shimmer;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.banner-skeleton .skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .5),transparent);animation:1.5s infinite shimmerMove}@keyframes shimmerMove{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.banner-img{width:100%;height:100%;object-fit:fill}.banner-img--desktop,.banner-img--tablet{display:none}@media (min-width:768px){.banner-content,.banner-skeleton{height:90px}.banner-img--mobile{display:none}.banner-img--tablet{display:block}.banner-img--desktop{display:none}}@media (min-width:1280px){.banner-content,.banner-skeleton{height:180px}.banner-img--mobile,.banner-img--tablet{display:none}.banner-img--desktop{display:block}}.banner-single{height:100%}.banner-single a{display:block;height:100%;transition:opacity .3s}.banner-single a:hover{opacity:.95}.banner-slider{position:relative;height:100%}.banner-track{display:flex;height:100%;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.banner-slide{min-width:100%;height:100%;position:relative}.banner-dots,.banner-nav{position:absolute;display:flex;z-index:10}.banner-slide a{height:100%}.banner-nav{top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .45);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;transition:background .3s;align-items:center;justify-content:center}.banner-nav:hover{background:rgb(0 0 0 / .7)}.banner-nav.prev{left:10px}.banner-nav.next{right:10px}.banner-dots{left:50%;transform:translateX(-50%);gap:6px}.banner-dots .dot{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .5);border:none;cursor:pointer;padding:0;transition:.3s}.banner-dots .dot.active{background:#fff;width:20px;border-radius:5px}.banner-dots .dot:hover{background:rgb(255 255 255 / .8)}