.container-fluid.text-center {
      height: min-content;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .main-error {
      /* webkit-box-shadow: 0px 1px 32px -8px rgba(69,69,69,0.77);
                 -moz-box-shadow: 0px 1px 32px -8px rgba(69,69,69,0.77);
                 box-shadow: 0px 3px 33px -17px rgba(69,69,69,0.77); */
      padding: 30px 0;
      color: #000000 !important;
      text-align: center;
    }

    .main-error h1 {
      font-size: clamp(2.5rem, 0.3vw + 2.42rem, 2.84rem) !important;
    }

    .main-error p {
      text-align: center !important;
      letter-spacing: normal;
    }

    .main-error .maintext404 {
      padding: 30px 50px;
      border-radius: 100px;
    }

    .main-error .maintext404 p {
      font-size: clamp(1.6rem, 0vw + 1.6rem, 1.6rem) !important;
    }

    .main-error .return-homepage-btn {
      margin-top: 20px;
      font-size: 16px;
      padding: 28px;
      background: #596402;
      border: none;
      margin-bottom: 10px;
    }

    .main-error .return-homepage-btn a {
      color: #ffff;
    }

    #text404 {
      font-size: clamp(4.88rem, 1.6vw + 4.44rem, 6.73rem) !important;
    }

    .main-error img {
      width: 50%;
    }

    @media only screen and (max-width: 767px) {
      .main-error {
        padding: 0;
      }

      .main-error h1 {
        font-size: clamp(2rem, 0.11vw + 1.97rem, 2.13rem) !important;
      }

      .main-error .maintext404 {
        padding: 0;
      }

      .main-error .maintext404 p {
        font-size: clamp(1.28rem, -0.07vw + 1.3rem, 1.2rem) !important;
      }

      #text404 {
        font-size: clamp(3.13rem, 0.57vw + 2.96rem, 3.79rem) !important;
      }

      .main-error .return-homepage-btn {
        padding: 20px;
      }

      .main-error img {
        width: 75%;
      }
    }

    a.a-bottom-button {
      padding: 20px !important;
      color: #fff !important;
    }