.error-all-image,.error-details{text-align:center;margin:0 auto}
.cloud img,.error-details,.error_text,.robot_img{left:0;position:absolute}
.error-page{height:100vh;background:url(../image/404-page/error_bg.webp) center/cover;overflow:hidden}
.error-page::after{background:var(--bs-black);content:"";width:100%;height:100%;position:absolute;top:0;opacity:.8}
.error-details{padding:70px 0 0;right:0;top:50%;transform:translateY(-50%);width:95%;z-index:9}
.robot_img{right:0;margin:0 auto;width:75px;top:107px;animation:2s infinite alternate-reverse up-down}
.error_text_img{width:auto}.error_text{margin:208px auto 0;right:-203px;width:59px;top:-20px}
.cloud,.cloudcontent,.opps-title{position:relative}
.opps-title{font-size:26px;margin-left:0;top:0;color:var(--bs-white);margin-top:28px}
.heading-text h1{font-weight:800;color:var(--bs-white);font-family:var(--bs-font-open)}
.content-pera p{font-size:24px;margin:0 auto 50px;color:var(--bs-white)}
.error-page-btn a{display:block;margin:20px 5px}
.arrowRight{top:-1px;right:-17px;display:inline-block}
.error-page-btn .arrowRight::before{top:3px}
.cloud{z-index:1;opacity:.08}
.cloudcontent{padding:30px;color:#337ab7;font-size:22px;font-weight:700;z-index:100}
.cloud img{width:100%;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}
.cloud1{-webkit-animation:20s linear infinite animCloud;-moz-animation:20s linear infinite animCloud;animation:20s linear infinite animCloud}
.cloud2{-webkit-animation:40s linear infinite animCloud;-moz-animation:40s linear infinite animCloud;animation:40s linear infinite animCloud}
.cloud3{-webkit-animation:60s linear infinite animCloud;-moz-animation:60s linear infinite animCloud;animation:60s linear infinite animCloud}
.cloud4{-webkit-animation:80s linear infinite animCloud;-moz-animation:80s linear infinite animCloud;animation:80s linear infinite animCloud}

@keyframes up-down{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}
@-webkit-keyframes animCloud{from{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(-100%)}}
@-moz-keyframes animCloud{from{-moz-transform:translateX(100%)}to{-moz-transform:translateX(-100%)}}
@keyframes animCloud{from{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}}
@media only screen and (min-width:360px){.error-page-btn a{display:inline}}
@media only screen and (min-width:575px){.more-text{display:block}.robot_img{width:60px;top:121px}.error_text_img{width:300px}.opps-title{font-size:20px;margin-left:-232px;top:-44px;position:relative;color:var(--bs-white)}.error_text{margin-top:213px;right:-158px;width:61px;top:-37px}.error-page-btn a{margin:20px 10px}}
@media only screen and (min-width:768px){.robot_img{width:89px;top:129px}.error_text_img{width:460px}.opps-title{font-size:30px;margin-left:-351px;top:-45px}.error_text{margin-top:208px;right:-250px;width:89px;top:16px}.content-pera p{width:600px}}
@media only screen and (min-width:1200px){.robot_img{width:100px;top:150px}.error_text_img{width:550px}.opps-title{margin-left:-404px;top:-18px}.error_text{margin-top:223px;right:-301px;width:102px;top:37px}.content-pera p{width:600px}}