.maintenance-block {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.soon-card {
  border: none;
  text-align: center;
  .soon-image-block {
    position: relative;
    display: inline-block;
  }
  .timer-block {
    .avatar {
      position: relative;
      overflow: hidden;
      flex-direction: column;
      border: 1px solid var(--bs-border-color);
      height: 100px;
      padding-bottom: 28px;
      span {
        background: var(--bs-border-color);
        font-size: 0.75rem;
        font-weight: 500;
        width: 100%;
        padding: 5px 0;
        position: absolute;
        left: 0;
        bottom: 0;
      }
    }
  }
}

@media (max-width: 575.98px) {
  .timer-block {
    .avatar.avatar-xl {
      width: 46px;
      height: 70px;
      font-size: 16px;
    }
  }
}