/* -------------------------------------------------------------------------- */
/* 2. RESPONSIVE LAYOUT & BREAKPOINTS                                         */
/* -------------------------------------------------------------------------- */
@media (max-width: 992px) {
  .wrapper-container.vh-100 {
    height: auto !important;
    min-height: 100vh;
  }
}
/* -------------------------------------------------------------------------- */
/* 1. RESPONSIVE OVERRIDES (MOBILE & TABLET)                                  */
/* -------------------------------------------------------------------------- */
@media (max-width: 574px) {
  .section-form {
    width: 36rem;

    padding: 2.75rem 2.875rem;
  }
}
@media (max-width: 508px) {
  .section-form {
    width: 32rem;

    padding: 1.75rem 0.875rem;
  }
}