.font-inter {
  font-family: 'Inter', sans-serif !important;
}

.font-poppins {
  font-family: 'Poppins', sans-serif !important;
}

.font-noraml {
  font-style: normal;
}

.smallTextMuted {
  color: #667080 !important;
  @extend .font-inter;
  font-size: 16px;
  @extend .font-noraml;
  font-weight: 700;
  line-height: normal;
  &:not(.notTransform) {
    @extend .text-capitalize;
  }

  &.dark-color {
    color: #222 !important;
  }

  &.dark-v2 {
    color: #161719 !important;
  }

  &a:visited {
    color: #667080 !important;
  }

  &.light-v1 {
    color: #626262 !important;
  }

  &.text-white {
    color: white !important;
  }

  &.description {
    color: #626262;
    @extend .font-poppins;
    font-size: 18px;
    @extend .font-noraml;
    font-weight: 400;
    line-height: 165.023%;
    /* 29.704px */
  }
}

.smallTextMutedOrange2 {
  color: $dark;
  @extend .text-center;
  @extend .font-poppins;
  font-size: 18px;
  @extend .font-noraml;
  font-weight: 400;
  line-height: 30px;
  /* 166.667% */
}

.smallTextMutedOrange {
  background: linear-gradient(105deg, #bc996f -0.94%, #d0bb9c 97.65%);
  background-clip: text;
  -webkit-background-clip: text;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 36px;
  -webkit-text-fill-color: transparent;
}

.largeText {
  color: $dark;
  @extend .font-poppins;
  font-style: normal;
  font-weight: 900;
  font-size: 40px;
  line-height: normal;

  @media (max-width: 1600px) {
    font-size: 30px;
  }
}

.mediumTextPoppins {
  color: #161719;
  @extend .font-poppins;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;

  &.gray-color {
    color: #667080;
  }
}

p.lineWidth {
  max-width: 70%;

  @media (max-width: 992px) {
    max-width: 100%;
  }
}

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

.medium-font {
  font-weight: 600;
}

.largeTextMd {
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: normal;
  font-family: Butler;

  @media (max-width: 1600px) {
    font-size: 41px;
  }

  &.dark-color {
    color: #222;
  }

  &.font-poppins {
    font-family: Poppins, sans-serif;
  }
}

.descriptionText {
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 36px;
  font-family: 'Visby-CF', serif;

  &.f-24 {
    font-size: 24px;
  }

  &.grey-color {
    color: #667080;
  }

  &.font-inter {
    font-family: Inter, sans-serif;
  }

  /* 180% */
}

.text-1 {
  color: $dark;
  @extend .font-poppins;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

.text-2 {
  color: $dark;
  @extend .font-inter;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  @extend .text-capitalize;
}

.text-3 {
  color: $dark;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  font-family: Poppins;
}