.opsim-hero-section{width:100%;overflow:hidden;background-color:var(--opsim-bg-secondary);position:relative}.hero-slider-wrapper{display:flex;width:100%;height:var(--hero-height);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position}.hero-slider-wrapper::-webkit-scrollbar{display:none}.hero-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;position:relative;background-color:#f5f5f5;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.hero-picture{width:100%;height:100%;display:block}.hero-img{width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.hero-dot{width:25px;height:2px;background:rgb(255 255 255 / .4);border:none;cursor:pointer;padding:0;transition:all 0.3s ease}.hero-dot.is-active{background:#fff;width:40px}.hero-arrows{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0;pointer-events:none;z-index:10}.hero-arrow{pointer-events:auto;width:28px;height:70px;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--opsim-brand);cursor:pointer;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.hero-arrow.prev{border-radius:0 8px 8px 0}.hero-arrow.next{border-radius:8px 0 0 8px}.hero-arrow svg{width:20px;height:20px}@media (max-width:767px){.hero-slider-wrapper{height:var(--hero-height-mobile)}.hero-arrow{width:20px;height:40px}.hero-arrow svg{width:14px;height:14px}.hero-dot{width:15px}.hero-dot.is-active{width:25px}}