@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.carouselContainer{position:relative;width:100%;height:90.2vh;overflow:hidden;display:flex;background:url(../img/cloud-30-opacity@2x.710e952e.png) no-repeat 50%}.carouselWrapper{width:100%;max-width:650px;text-align:center;margin:0 auto;position:relative}.arrow-btn{top:calc(50% - 70px);right:15%;z-index:9;height:48px;width:48px;border-radius:100%}.arrow-btn svg{position:relative;left:1px;top:1px}.prev{top:calc(50% - 70px);left:15%}.prev svg{transform:rotate(180deg);left:-1px}.boxNav{position:absolute;left:calc(50% - 56px);bottom:10%;z-index:9}.boxNav span{border-radius:100%;width:20px;height:20px;background:#fff;margin:0 4px;display:inline-block;transition:.3s;cursor:pointer;border:1px solid #2c4a67}.activeBox,.boxNav span:hover{background:#2c4a67!important}@media (max-width:1120px){.arrow-btn{top:calc(100% - 85px)}}body{font-family:Roboto;margin:0}.app{display:flex;justify-content:center}img{max-width:100%;cursor:pointer}ul{list-style:none}#app{background:#7da4b7 url(../img/fastClouds.8bf68b7f.png) 50%;animation:animatedBackground 500s linear infinite alternate}.innerClouds{background:url(../img/fastClouds2.9ea1b956.png) 50% no-repeat;animation:fastClouds 1s ease-in-out;animation-fill-mode:forwards}@keyframes animatedBackground{0%{background-position:0 0}to{background-position:5000% 0}}@keyframes fastClouds{0%{background-position:0 100%}to{background-position:500% 100%}}.title-section{width:-moz-fit-content;width:fit-content;margin:0 auto;position:relative;top:65px;font-size:24px;padding:0 5px}.title-section h1{margin:0 0 10px 0;text-align:center;position:relative;color:#20364b}.title-section p{margin:0;text-align:center;color:#fff;background:#2c4a67;padding:5px;border-radius:10px}button{position:absolute;height:40px;width:50px;top:calc(50% - 20px);background-color:rgba(0,0,0,.4);border:none;color:#fff;transition:.3s;border-radius:10px}button:focus,button:hover{outline:none;cursor:pointer;background-color:rgba(0,0,0,.8)}.carousel-slide{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:300px;height:-moz-fit-content;height:fit-content;transition:.6s}.carousel-slide img{transition:1s}.carousel-slide img+img{position:absolute;left:0;animation:propellerAnimate 1s ease-in-out .5s;animation-fill-mode:forwards}.carousel-slide img.speedometer{width:29px;bottom:140px;left:135px;animation:speedometerAnimate 1s ease-in-out .5s;animation-fill-mode:forwards}@keyframes propellerAnimate{0%{transform:rotate(0);filter:blur(0)}80%{filter:blur(11px)}to{transform:rotate(5turn);filter:blur(0)}}@keyframes speedometerAnimate{0%{transform:rotate(0)}to{transform:rotate(5turn)}}.stepTitle{margin-top:0}.primarySlide{left:calc(50% - 150px);top:calc(50% - 150px);z-index:4}.secondarySlide{left:-40px;top:calc(45% - 120px);z-index:3}.tertiarySlide{left:calc(100% - 260px);top:calc(45% - 120px);z-index:2}.quaternarySlide{left:calc(50% - 150px);top:calc(45% - 155px);z-index:1}.cincoSlide{top:24%}.secondarySlide img,.tertiarySlide img{width:70%;opacity:.4;pointer-events:none}.quaternarySlide img{width:55%;opacity:.4;pointer-events:none}.cincoSlide img{width:10%}.left-enter-active{animation:leftInAnimation .4s ease-in-out}.left-leave-active{animation:leftOutAnimation .4s ease-in-out}@keyframes leftInAnimation{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes leftOutAnimation{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.right-enter-active{animation:rightInAnimation .4s ease-in-out}.right-leave-active{animation:rightOutAnimation .4s ease-in-out}@keyframes rightInAnimation{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rightOutAnimation{0%{transform:translateX(0)}to{transform:translateX(100%)}}.slideModal{position:absolute;background:rgba(45,75,102,.97) url(../img/cloud-30-opacity@2x.710e952e.png) no-repeat 30px 50px;background-size:170px;width:500px;min-height:250px;text-align:center;top:calc(35% - 125px);left:calc(50% - 270px);border-radius:10px;padding:20px;color:#fff;z-index:9;line-height:24px;font-size:18px}.slideModal button{position:absolute;top:0;right:0;border-radius:0 10px 0 0}.bounce-enter-active{animation:bounce-in .5s}.bounce-leave-active{animation:bounce-in .3s reverse}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@media (max-width:610px){.slideModal{width:400px;left:calc(50% - 220px)}}