.v-error-404__relative {
  margin-top: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.v-error-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
}

.v-error-404 {
  height: 85vh;
  min-width: 200px;
  &__img {
    height: 85vh;
    .svg-img {
      #svg-error {
        // left: 10%;
        height: 81vh;
        min-width: 200px;
        margin-top: 50px;
        .st0 {
          opacity: 0.8;
          fill: #7dbab1;
          enable-background: new;
        }
        .st1 {
          fill: #7dbab1;
        }
        .st2 {
          fill: #00503a;
        }
        .st3 {
          fill: #00846b;
        }
        .st4 {
          fill: #00a588;
        }
        .st5 {
          fill: #83dbc6;
        }
        .st6 {
          opacity: 0.5;
          fill: #63a59a;
          enable-background: new;
        }
        .st7 {
          opacity: 0.7;
          fill: #eff7f7;
          enable-background: new;
        }
        .st8 {
          fill: #fec100;
        }
        .st9 {
          fill: #ffdaae;
        }
        .st10 {
          fill: #ffffff;
        }
        .st11 {
          fill: none;
          stroke: #00a588;
          stroke-width: 1.0238;
          stroke-miterlimit: 10;
        }
        .st12 {
          fill: #008c71;
        }
        .st13 {
          fill: #e4e6f4;
        }
        .st14 {
          fill: #edbf8c;
        }
        .st15 {
          fill: #351616;
        }
        .st16 {
          clip-path: url(#SVGID_2_);
          fill: #ce5b5b;
        }
        .st17 {
          fill: #754d3e;
        }
        .st18 {
          fill: #59382e;
        }
      }
    }
  }
  &__type {
    font-size: 56px;
    font-weight: bold;
    color: #14a0e3;
  }
  &__text {
    font-size: 32px;
    color: var(--text-services);
  }
  &__description {
    margin-bottom: 1rem;
    color: var(--text-color-bg);
    font-weight: 500;
  }
}

@keyframes vbounce {
  to {
    transform: translateY(-20px) translateX(45px) scale(0.9);
  }
  from {
    transform: translateY(20px) translateX(0) scale(1);
  }
}
#svg-animate {
  animation: vbounce 2s ease infinite alternate;
}

@media (max-width: 992px) {
  .v-error-404 {
    position: absolute;
    top: -15%;
    left: 0;
    transform: scale(0.9);
    &__type {
      font-size: 48px;
    }
  }
}
