@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.error_page {
    width: 100%;
    height: 100%;
    background: #002646; /* For browsers that do not support gradients */
    background-image: -webkit-url("../images/bg-404.jpg"); /* For Safari 5.1 to 6.0 */
    background:-o-url("../images/bg-404.jpg"); /* For Opera 11.1 to 12.0 */
    background:-moz-url("../images/bg-404.jpg"); /* For Firefox 3.6 to 15 */
    background:url("../images/bg-404.jpg"); /* Standard syntax */
    background-size:cover;
    background-position:bottom;
}

.displayLeng {
    display: none;
}


.slide-out {
    animation: slide-out 2.5s ease;
  }
  
  @keyframes slide-out {
    0% {
      top: -10%;
      opacity: 0;
      min-height: 600px;
    }
   
    25% {
      opacity: 0;
    }
    100% {
      top: 10%;
      opacity: 1;
      min-height: 600px;
    }
  }
.error_page img {
    width: 183px;
}
.error_page .box-text {
    position: relative;
    display: flex;
    width: 100%;
    margin: auto;
}
.error_page .box-down {
    margin: 40px auto 8%;  
    width: 80%;
}
.error_page h1{
    color: white;
    font-size: 45px;
    font-family: 'Montserrat';
    max-width: 500px;
    margin: 7% 0 5%;
    line-height: 1.3;
}
.error_page h1>span{
    font-weight: 100;
}
.error_page p {
    font-size: 24px;
    font-weight: 400;
    color: white;
}
.error_page ul{
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
  max-width: 500px; 
  padding-left: 3.5px;
  margin: 25px 0;
}
.error_page ul li{
    letter-spacing: 0px;
    font-size: 20px;
    font-weight: 500;
    list-style: none;
    color: #FC7E00;
    margin: 7px 0;
}
.error_page ul li a{
    text-decoration: none;
    color: #FC7E00;
    transition: all 0.3s ease-in-out;
}
.error_page ul li a::before{
    content: '>';
    margin-right: 5px;
}
.error_page ul li a::before:hover{
    color: #E26B04;
}
.error_page .btn-orange{
    background: #FC7E00;
    padding: 15px 45px;
    border: none;
    border-radius: 70px;
    color: white;
    font-weight: 600;
    font-size: 18.6px;
    transition: background 0.5s ease-in-out;
}
.error_page .btn-orange:hover{
    background: #E26B04;
}
.error_page ul li a:hover{
    color: #E26B04;
}
@media (max-width: 992px) {
    .error_page {
        background-image: url('../images/bg-404-mob.jpg');
        background-position: top;
    }
    .error_page img {
        width: 125.83px;
    }
    .error_page .box-down {
        width: 85%;
        margin-bottom: 40px;
    }
    .error_page h1 {
        font-size: 29px;
        max-width: 255px;
        margin: 35px 0;
        line-height: 35px;
    }
    .error_page p {
        font-size: 18px;
        line-height: 21px;
    }
    .error_page ul li {
        margin: 0 0 20px;
        font-size: 17px;
    }
    .error_page .btn-orange{
        font-size: 16px;
        letter-spacing: -0.35px;
        padding: 15px 30px;
    }
    .error_page ul {
        margin: 25px 0 10px;
        padding-left: 0;
    }
}