@import '@/styles/responsive.scss';

.heading {
  &-1 {
    font-size: clamp(30px, 4vw, 86px);
  }

  &-2 {
    font-size: clamp(30px, 4vw, 76px);
  }

  &-3 {
    font-size: clamp(28px, 4vw, 64px);
  }

  &-4 {
    font-size: clamp(23px, 4vw, 56px);
  }

  &-5 {
    font-size: clamp(20px, 4vw, 42px);

    @include laptop {
      font-size: clamp(20px, 4vw, 33px);
    }
  }
}

.para {
  &-1 {
    font-size: clamp(18px, 4vw, 22px);
    line-height: 150%;
  }

  &-2 {
    font-size: clamp(16px, 4vw, 20px);
    line-height: 28px;
  }
}

.auth-page-title {
  font-weight: 700;
  font-size: clamp(22px, 4vw, 35px);
}

.dashboard-title {
  font-weight: 700;
  font-size: clamp(18px, 4vw, 30px);
}

.modal-title {
  top: -12px;
  color: black;
  font-size: clamp(20px, 4vw, 30px);
}

.setting-page-text {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.2604))), 17px);
  line-height: 30px;
  font-family: Urbanist;
  text-transform: capitalize;
}