@media (max-width: 991.98px) {
  .ni-hero-title {
    font-size: 42px;
  }

  .ni-page-title {
    font-size: 40px;
  }

  .ni-section-title {
    font-size: 32px;
  }

  .ni-intro,
  .ni-why,
  .ni-plans,
  .ni-cta {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .ni-cta-buttons,
  .ni-hero-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .ni-navbar {
    min-height: auto;
    padding: 0.8rem 0;
  }

  .ni-brand-main {
    font-size: 1.55rem;
  }

  .ni-brand-sub {
    font-size: 0.68rem;
    letter-spacing: 0.22em;
  }

  .ni-navbar .nav-link {
    padding: 0.7rem 0;
  }

  .ni-cta-btn {
    margin-top: 0.75rem;
    display: inline-block;
  }
}

@media (max-width: 575.98px) {
  .ni-hero-title {
    font-size: 34px;
  }

  .ni-page-title {
    font-size: 34px;
  }

  .ni-section-title {
    font-size: 28px;
  }

  .ni-hero-text,
  .ni-section-text,
  .ni-page-text,
  .ni-plan-text,
  .ni-why-text,
  .ni-cta-text {
    font-size: 15px;
  }

  .ni-hero-visual {
    height: 300px;
    margin-top: 24px;
  }

  .ni-thank-buttons,
  .ni-cta-buttons,
  .ni-hero-buttons {
    width: 100%;
  }
}