.heropage{position:relative;width:100%;height:100vh}.hero-content{position:relative;width:30%;height:100%;flex-direction:column}.hero-article{position:relative;width:90%;height:3%;animation:fadeup 1s ease-in-out .5s;animation-fill-mode:forwards;visibility:hidden}.hero-article h1{font-size:2rem;font-weight:700;color:#000}.hero-article p{font-weight:5 0;font-size:1.4rem;color:#000}.hero-machine-image{position:relative;width:65%;height:100%;display:flex;justify-content:center;align-items:center}.hero-machine-image img{position:relative;max-width:100%;max-height:100%;width:100%}@keyframes fadeup{0%{visibility:visible;top:20%;opacity:.1}to{visibility:visible;top:0}}@media only screen and (max-width:900px){.heropage{flex-direction:column;flex-wrap:wrap}.hero-content{width:100%;height:30%}.hero-machine-image{width:100%;height:40%}.hero-machine-image img{max-width:80%}}.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%}}}.machinespecs{position:relative;width:100vw;height:100vh;background-image:url(/_next/static/media/dimention-img1.30bd3f7b.jpg);background-position:top;background-size:cover;background-repeat:no-repeat}.machine-sepcification{position:relative;width:100%;height:100%}.machine-sepcification .dimention-specs{position:relative;margin-left:2rem;width:40%;height:100%;color:#fff}.machine-sepcification .dimention-specs p{position:relative;width:90%;text-align:left;height:5%;font-size:2rem;font-weight:500}.machine-sepcification .dimention-specs h1{position:relative;width:90%;height:10%;font-size:4rem;font-weight:700;margin-bottom:1rem}.machine-sepcification .dimention-specs .data{position:relative;top:2%;width:90%;height:60%;list-style:none}.machine-sepcification .dimention-specs .data li{position:relative;width:100%;height:10%;margin-top:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid gray}.machine-sepcification .dimention-specs .data li p{position:relative;font-size:1rem;width:50%;height:100%}.machine-sepcification .dimention-specs .data li p:nth-child(odd){transform:translatex(-50px);transition:opacity .5s ease-out,transform .5s ease-out;opacity:0}.machine-sepcification .dimention-specs .dimention-list li p:nth-child(odd){transform:translatex(20px);transition:opacity .5s ease-out,transform .5s ease-out;opacity:1}.machine-sepcification .dimention-specs .data li p:nth-child(2n){transform:translatex(50px);transition:opacity .5s ease-out,transform .5s ease-out;opacity:0}.machine-sepcification .dimention-specs .dimention-list li p:nth-child(2n){transform:translatex(-20px);transition:opacity .5s ease-out,transform .5s ease-out;opacity:1}.dimention-specs .dimention-list li p{position:relative}.machine-sepcification .dimention-specs .data li p:nth-child(2n){text-align:end;padding-right:1rem}.machine-sepcification .dimention-specs .dimention-list li{transform:translatex(0);opacity:1}.machine-sepcification .image-section{position:relative;width:50%;height:100%}.machine-sepcification .image-section img{position:relative;max-width:100%;filter:drop-shadow(10px 10px 50px grey)}@media only screen and (max-width:500px){.machinespecs .machine-sepcification{flex-direction:column;margin:0}.machine-sepcification .dimention-specs{width:95%;height:70%;margin:.5rem}.machine-sepcification .image-section{width:100%;height:30%}}