.slider{position:relative;width:100%;height:100vh;overflow:hidden}.slide{position:absolute;width:100%;height:100%;transform:translateX(-50%);transition:all .5s ease}.current{opacity:1;transform:translateX(0)}.data-container{position:relative;width:100%;height:100%}.slider-image{position:relative;top:-12%;width:100%;height:80%}.data-container img{position:relative;height:80%;width:80%;max-width:100%}.content{position:absolute;width:50%;height:20%;left:25%;animation:slide-up 1s ease .5s;animation-fill-mode:forwards;visibility:hidden;font-weight:500}.content h2{font-size:1.5rem}.content>*{margin-bottom:1rem}.current .content{opacity:1}hr{height:2px;background:#fff;width:90%}.arrow{position:absolute;border:2px solid #949494;background-color:transparent;color:#fff;cursor:pointer;height:2rem;width:2rem;border-radius:50%;z-index:999}.arrow:hover{background-color:#d6d6d6;color:#777}.next{top:35%;right:1.5rem}.prev{top:35%;left:1.5rem}@keyframes slide-up{0%{visibility:visible;top:95%}to{visibility:visible;top:73%}}@media screen and (max-width:764px){.data-container img{position:relative;top:8%;height:60%}.content{width:80%;left:10%}.slider-image{top:-18%;width:100%}.slider-image img{width:100%s}@keyframes slide-up{0%{visibility:visible;top:85%}to{visibility:visible;top:70%;left:10%}}}