.text-title-page {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
}


.text-title-page-secondary {
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
}
.text-description-page{
    font-size: 20px;
    line-height: 32.5px;
    font-weight: 400;
}

.text-title-section{
    font-size:36px;
    line-height: 40px;
    font-weight: 600; 
}
.text-description-section {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
.text-title-card {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}
.text-description-card {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.text-title-resources {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.text-description-resources {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.text-title-table {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}
.text-alert-smal {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
@media(max-width: 768px){

    .text-title-page {
        font-size: 32px;
        line-height: 100%;
    }
    .text-title-page-secondary {
        font-size: 36px;
        line-height: 40px;
    }
    .text-description-page {
        font-size: 18px;
    }
    .text-title-section {
        font-size: 30px;
        line-height: 36px;
    }

}

/* TYPOGRAPHY */
.heading-1 {
  font-weight: 700;
  font-size: 80px;
  line-height: 80px;
}

.heading-2 {
  font-weight: 700;
  font-size: 60px;
  line-height: 60px;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-4xl {
  font-size: 36px !important;
  line-height: 2.5rem;
}

.heading-3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
}

.text-40px {
  font-size: 40px;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.heading-4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}

.text-lm {
  font-size: 26px;
}

.text-l {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
}

.text-m {
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
}

.text-caption {
  font-size: 18px;
  line-height: 18px;
}

.text-n {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem;
}

.text-s {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
}

.text-10 {
  font-size: 10px;
}

.text-bold {
  font-weight: 700;
}

.text-semibold {
  font-weight: 600 !important;
}

.text-normal {
  font-weight: 400 !important;
}

.login-title {
  font-weight: 500;
  font-size: 28px;
  line-height: 48px;
}

.overflow-wrap-anywhere {
  overflow-wrap: anywhere;
}

.text-transform-none {
  text-transform: none !important;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.leading-5 {
  line-height: 20px !important;
}

.leading-10 {
  line-height: 40px !important;
}

.leading-7 {
  line-height: 28px !important;
}

.rounded-2xl-md {
  border-radius: 20px !important;
}

@media (min-width: 992px) {
  .lg-heading-1 {
    font-weight: 700 !important;
    font-size: 80px !important;
    line-height: 80px !important;
  }

  .lg-heading-2 {
    font-weight: 700 !important;
    font-size: 60px !important;
    line-height: 60px !important;
  }

  .lg-text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }

  .lg-text-4xl {
    font-size: 36px !important;
    line-height: 2.5rem !important;
  }

  .lg-heading-3 {
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 30px !important;
  }

  .lg-text-40px {
    font-size: 40px !important;
    line-height: 3rem !important;
  }

  .lg-text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }

  .lg-heading-4 {
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 24px !important;
  }

  .lg-text-lm {
    font-size: 26px !important;
  }

  .lg-text-l {
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 24px;
  }

  .lg-text-m {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }

  .lg-text-caption {
    font-size: 18px !important;
    line-height: 18px;
  }

  .lg-text-n {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 16px;
  }

  .lg-fw-400 {
    font-weight: 400 !important;
  }

  .lg-text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }

  .lg-text-s {
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 12px;
  }

  .fw-lg-400 {
    font-weight: 400 !important;
  }
}