*{box-sizing:border-box}.circular-slider{background:#fff;height:100vh;min-height:100vh;padding:2em;color:#fff;position:relative;overflow:hidden;text-align:center;font-family:sans-serif;display:flex;align-items:center;justify-content:center}.circular-slider .container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.circular-slider .texts-wrapper{position:absolute;top:50%;right:5%;transform:translateY(-50%);width:45%;max-width:600px;z-index:10;text-align:left}.circular-slider .text{display:none;animation:fadeIn 500ms ease-in}.circular-slider .text.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.circular-slider .text h1{font-size:2.8em;margin:0 0 .5em 0;font-weight:700;text-shadow:none;color:#1a1a1a;line-height:1.2}.circular-slider .text .content-wrapper{display:flex;flex-direction:column;gap:.5em}.circular-slider .text h2{font-size:1.2em;margin:0;font-weight:600;color:#5FC3E4;text-shadow:none;display:inline}.circular-slider .text p{max-width:100%;line-height:1.7;margin:0;font-size:1.05em;color:#4a4a4a;text-shadow:none;display:inline}.circular-slider .dots-navigation{display:flex;gap:10px;margin-top:2em;align-items:center}.circular-slider .dot{width:14px;height:14px;border-radius:50%;background-color:#5FC3E4;cursor:pointer;transition:all 300ms ease;border:none;opacity:.4}.circular-slider .dot:hover{opacity:.7;transform:scale(1.15)}.circular-slider .dot.active{background-color:#1a1a1a;opacity:1;transform:scale(1)}.circular-slider .slider{position:absolute;left:-30vw;top:50%;transform:translateY(-50%);width:auto;height:auto;z-index:1}.circular-slider .slider .img{width:110vw;height:110vw;max-width:1000px;max-height:1000px;background-position:center;background-repeat:no-repeat;background-size:cover;transition:opacity 400ms ease-in-out;border-radius:50%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;z-index:1;opacity:1}.circular-slider .slider .img-temp{width:110vw;height:110vw;max-width:1000px;max-height:1000px;background-position:center;background-repeat:no-repeat;background-size:cover;transition:opacity 400ms ease-in-out;border-radius:50%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.circular-slider .indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110vw;height:110vw;max-width:1000px;max-height:1000px;border:3px #fff solid;border-radius:50%;box-shadow:inset 0 0 30px rgba(0,0,0,.1);z-index:2;pointer-events:none}.circular-slider .menu,.circular-slider .menu div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:115vw;height:115vw;max-width:1050px;max-height:1050px;border-radius:50%;z-index:20}.circular-slider .menu-item-container{position:absolute;top:50%;left:50%;pointer-events:none}.circular-slider .menu .icon-wrapper{position:absolute;top:50%;right:-.5em;transform:translateY(-50%);cursor:pointer;transition:all 300ms ease;text-align:center;width:80px;height:80px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(95,195,228,1),0 4px 12px rgba(0,0,0,.15);z-index:21;pointer-events:all}.circular-slider .menu .icon-wrapper::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:15px solid #fff;opacity:0;transition:all 300ms ease;pointer-events:none}.circular-slider .menu .icon-wrapper:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 0 0 8px rgba(95,195,228,1),0 6px 16px rgba(0,0,0,.2)}.circular-slider .menu .icon-wrapper.active{background-color:#5FC3E4;transform:translateY(-50%) scale(1.5);box-shadow:0 0 0 13px rgba(95,195,228,.95),0 13px 40px rgba(0,0,0,.3);width:95px;height:95px}.circular-slider .menu .icon-wrapper.active::before{opacity:1;border-right-color:#5FC3E4;left:-26px}.circular-slider .menu .icon-wrapper svg{width:40px;height:40px;color:#5FC3E4;fill:#5FC3E4;transition:all 300ms ease;pointer-events:none;transform:rotate(var(--icon-rotation,0deg))}.circular-slider .menu .icon-wrapper i{font-size:40px;color:#5FC3E4;transition:all 300ms ease;pointer-events:none;transform:rotate(var(--icon-rotation,0deg))}.circular-slider .menu .icon-wrapper.active svg{color:#fff;fill:#fff;width:50px;height:50px;transform:rotate(var(--icon-rotation,0deg))}.circular-slider .menu .icon-wrapper.active i{color:#fff;font-size:50px;transform:rotate(var(--icon-rotation,0deg))}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:.9em;opacity:.7;animation:bounce 2s infinite;z-index:5}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);opacity:.7}50%{transform:translateX(-50%) translateY(-10px);opacity:1}}@media screen and (min-width:1600px){.circular-slider .container{max-width:1600px;margin:0 auto;flex-direction:row;justify-content:center;align-items:center;gap:4em}.circular-slider .slider{position:relative;left:auto;top:auto;transform:none;flex-shrink:0}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:700px;height:700px}.circular-slider .indicator{width:700px;height:700px}.circular-slider .menu,.circular-slider .menu div{width:750px;height:750px}.circular-slider .texts-wrapper{position:relative;top:auto;right:auto;transform:none;width:550px;max-width:550px;flex-shrink:0;order:2}.circular-slider .slider{order:1}.circular-slider .text h1{font-size:3em}.circular-slider .text h2{font-size:1.3em}.circular-slider .text p{font-size:1.1em}}@media screen and (min-width:1920px){.circular-slider .container{max-width:1800px;gap:6em}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:800px;height:800px}.circular-slider .indicator{width:800px;height:800px}.circular-slider .menu,.circular-slider .menu div{width:850px;height:850px}.circular-slider .texts-wrapper{width:600px;max-width:600px}.circular-slider .text h1{font-size:3.2em}.circular-slider .text h2{font-size:1.4em}.circular-slider .text p{font-size:1.15em}}@media screen and (max-width:1350px){.circular-slider .texts-wrapper{right:2%;width:42%;max-width:500px}.circular-slider .text h1{font-size:2.3em}.circular-slider .text h2{font-size:1.15em}.circular-slider .text p{font-size:1em;line-height:1.6}}@media screen and (max-width:1200px){.circular-slider .slider{left:-35vw}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:100vw;height:100vw;max-width:850px;max-height:850px}.circular-slider .indicator{width:100vw;height:100vw;max-width:850px;max-height:850px}.circular-slider .menu,.circular-slider .menu div{width:105vw;height:105vw;max-width:900px;max-height:900px}.circular-slider .texts-wrapper{width:48%;right:1%}.circular-slider .text h1{font-size:2em}.circular-slider .text h2{font-size:1.1em}.circular-slider .text p{font-size:.98em}}@media screen and (max-width:1024px){.circular-slider .slider{left:-25vw}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:90vw;height:90vw;max-width:700px;max-height:700px}.circular-slider .indicator{width:90vw;height:90vw;max-width:700px;max-height:700px}.circular-slider .menu,.circular-slider .menu div{width:95vw;height:95vw;max-width:750px;max-height:750px}.circular-slider .texts-wrapper{right:3%;width:50%}.circular-slider .text h1{font-size:1.9em}.circular-slider .text h2{font-size:1.08em}.circular-slider .text p{font-size:.95em}.circular-slider .menu .icon-wrapper{width:65px;height:65px}.circular-slider .menu .icon-wrapper.active{width:78px;height:78px;transform:translateY(-50%) scale(1.4);box-shadow:0 0 0 10px rgba(95,195,228,.9),0 10px 32px rgba(0,0,0,.28)}.circular-slider .menu .icon-wrapper.active::before{left:-21px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:13px solid #5FC3E4}.circular-slider .menu .icon-wrapper svg{width:32px;height:32px}.circular-slider .menu .icon-wrapper i{font-size:32px}.circular-slider .menu .icon-wrapper.active svg{width:42px;height:42px}.circular-slider .menu .icon-wrapper.active i{font-size:42px}.circular-slider .dot{width:12px;height:12px}}@media screen and (max-width:900px){.circular-slider .slider{left:-20vw}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:80vw;height:80vw;max-width:600px;max-height:600px}.circular-slider .indicator{width:80vw;height:80vw;max-width:600px;max-height:600px}.circular-slider .menu,.circular-slider .menu div{width:85vw;height:85vw;max-width:650px;max-height:650px}.circular-slider .texts-wrapper{width:52%;right:2%}.circular-slider .text h1{font-size:1.7em}.circular-slider .text h2{font-size:1.05em}.circular-slider .text p{font-size:.92em}}@media screen and (max-width:1117px){.circular-slider{padding:1em;height:auto;min-height:100vh;display:flex;align-items:flex-start}.circular-slider .container{flex-direction:column;justify-content:flex-start;padding-top:2em;gap:2em}.circular-slider .texts-wrapper{position:relative;top:auto;bottom:auto;right:auto;left:auto;transform:none;width:100%;max-width:100%;text-align:center;order:2;padding:0 1em}.circular-slider .text h1{font-size:1.8em;margin-bottom:.5em}.circular-slider .text h2{font-size:1.05em}.circular-slider .text p{font-size:.95em;line-height:1.6}.circular-slider .text .content-wrapper{text-align:center;gap:.4em}.circular-slider .dots-navigation{justify-content:center;margin-top:1.5em;gap:8px}.circular-slider .dot{width:10px;height:10px}.circular-slider .slider{position:relative;left:auto;top:auto;transform:none;order:1;width:100%;display:flex;align-items:center;justify-content:center}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:75vw;height:75vw;max-width:400px;max-height:400px}.circular-slider .indicator{width:75vw;height:75vw;max-width:400px;max-height:400px;border-width:2px}.circular-slider .menu,.circular-slider .menu div{width:80vw;height:80vw;max-width:450px;max-height:450px}.circular-slider .menu .icon-wrapper{width:52px;height:52px;box-shadow:0 0 0 3px rgba(95,195,228,.35),0 3px 10px rgba(0,0,0,.15)}.circular-slider .menu .icon-wrapper.active{width:68px;height:68px;transform:translateY(-50%) scale(1.3);box-shadow:0 0 0 8px rgba(95,195,228,.88),0 8px 24px rgba(0,0,0,.28)}.circular-slider .menu .icon-wrapper.active::before{left:-17px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:11px solid #5FC3E4}.circular-slider .menu .icon-wrapper svg{width:26px;height:26px}.circular-slider .menu .icon-wrapper i{font-size:26px}.circular-slider .menu .icon-wrapper.active svg{width:36px;height:36px}.circular-slider .menu .icon-wrapper.active i{font-size:36px}.scroll-indicator{display:none}}@media screen and (max-width:480px){.circular-slider .text h1{font-size:1.5em}.circular-slider .text h2{font-size:.95em}.circular-slider .text p{font-size:.88em}.circular-slider .slider .img,.circular-slider .slider .img-temp{width:90vw;height:90vw}.circular-slider .indicator{width:90vw;height:90vw}.circular-slider .menu,.circular-slider .menu div{width:95vw;height:95vw}.circular-slider .menu .icon-wrapper{width:48px;height:48px}.circular-slider .menu .icon-wrapper.active{width:62px;height:62px}.circular-slider .menu .icon-wrapper.active::before{left:-15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #5FC3E4}.circular-slider .menu .icon-wrapper svg{width:24px;height:24px}.circular-slider .menu .icon-wrapper i{font-size:24px}.circular-slider .menu .icon-wrapper.active svg{width:32px;height:32px}.circular-slider .menu .icon-wrapper.active i{font-size:32px}.circular-slider .dots-navigation{gap:6px}.circular-slider .dot{width:8px;height:8px}}