.hero-section{background-repeat:no-repeat;background-size:cover}.animated-rocks,.hero-section{height:100vh;max-height:800px}@media (width >= 1024px){.hero-section{height:calc(100vh - 100px)}.animated-rocks{height:calc(100vh - 140px)}}.slider-button{position:relative}.slider-button_active{height:76px;width:44px}.slider-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:50%;background:linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),radial-gradient(63.94% 63.94% at 50% 0,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 100%)}.slider-button_active:before{height:76px;width:44px;border-radius:24px}.slider-button[data-index="0"]:before{background:rgba(0,0,0,.1)}.slider-dots{height:100px}.arc{position:relative;width:400px;height:400px}.dot{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;transform-origin:200px 200px}.dot:first-child{transform:rotate(0deg) translate(200px)}.dot:nth-child(2){transform:rotate(10deg) translate(200px)}.dot:nth-child(3){transform:rotate(20deg) translate(200px)}.dot:nth-child(4){transform:rotate(30deg) translate(200px)}.dot:nth-child(5){transform:rotate(40deg) translate(200px)}.dot:nth-child(6){transform:rotate(50deg) translate(200px)}.dot:nth-child(7){transform:rotate(59deg) translate(200px)}.dot:nth-child(8){transform:rotate(-10deg) translate(200px)}.dot:nth-child(9){transform:rotate(-20deg) translate(200px)}.dot:nth-child(10){transform:rotate(-30deg) translate(200px)}.dot:nth-child(11){transform:rotate(-40deg) translate(200px)}.dot:nth-child(12){transform:rotate(-50deg) translate(200px)}.dot:nth-child(13){transform:rotate(-60deg) translate(200px)}