:root {
  --color-primary: #193154;
  --color-secondary: #ffffff;
  --color-third: #43E5CA;
  --color-fourth: #EAEAFD;
  --color-fifth: #F83760;
  --color-dark: #706f6f;
  --color-light: #fafafc;
  --color-black: #333333;
  --space-xs2: calc(8 / 3 / 16 * 1rem);
  --space-xs: calc(8 / 2 / 16 * 1rem);
  --space-sm: calc(8 * 1 / 16 * 1rem);
  --space: calc(8 * 2 / 16 * 1rem);
  --space-lg: calc(8 * 3 / 16 * 1rem);
  --space-lg1: calc(8 * 4 / 16 * 1rem);
  --space-xl: calc(8 * 5 / 16 * 1rem);
  --space-xl1: calc(8 * 6 / 16 * 1rem);
  --space-xl2: calc(8 * 7 / 16 * 1rem);
  --space-xl3: calc(8 * 15 / 16 * 1rem);
  --space-xl4: calc(8 * 30 / 16 * 1rem);
  --space-xl5: calc(8 * 40 / 16 * 1rem);
  --space-xl6: calc(8 * 50 / 16 * 1rem);
  --space-xl7: calc(8 * 60 / 16 * 1rem);
  --space-xl8: calc(8 * 70 / 16 * 1rem);
  --space-xl9: calc(8 * 80 / 16 * 1rem);
}
/* NAVIGATION FONTS STYLES */
.header-nav {
  font-family: 'PlusJakartaSans';
  font-weight: 600;
  color: var(--color-secondary);
  }
/* HERO SECTION FONTS STYLES */
.title-primary {
  font-family: 'PlusJakartaSans';
  font-weight: bold;
  font-size: calc(48 / 16 * 1rem);
  color: var(--color-secondary);
  @media screen and (max-width: 768px) {
    font-size: calc(34 / 16 * 1rem);
  }
  @media screen and (max-width: 620px) {
    font-size: calc(24 / 16 * 1rem);
  }
  @media screen and (max-width: 480px) {
    font-size: calc(20 / 16 * 1rem);
  }
}
.text-primary {
    font-family: 'PlusJakartaSans';
    color: var(--color-secondary);
    font-size: calc(18 / 16 * 1rem);
    @media screen and (max-width: 620px) {
      font-size: calc(14 / 16 * 1rem);
    }
    @media screen and (max-width: 480px) {
      font-size: calc(12 / 16 * 1rem);
    }
}

/*KEY FEATURES SECTION FONTS STYLES */
.title-secondary {
    font-family: 'PlusJakartaSans';
    font-weight: bold;
    font-size: calc(36 / 16 * 1rem);
    color: var(--color-secondary);
    @media screen and (max-width: 768px) {
    font-size: calc(34 / 16 * 1rem);
  }
  @media screen and (max-width: 620px) {
    font-size: calc(24 / 16 * 1rem);
  }
  @media screen and (max-width: 480px) {
    font-size: calc(20 / 16 * 1rem);
  }
}
.subtitle-secondary {
    font-family: 'PlusJakartaSans';
    font-weight: bold;
    font-size: calc(36 / 16 * 1rem);
    color: var(--color-third);
     @media screen and (max-width: 620px) {
    font-size: calc(24 / 16 * 1rem);
  }
  @media screen and (max-width: 480px) {
    font-size: calc(20 / 16 * 1rem);
  }
}
.text-secondary {
    font-family: 'PlusJakartaSans';
    font-weight: 400;
    font-size: calc(18 / 16 * 1rem);
    color: var(--color-secondary);
    font-family: 'PlusJakartaSans';
    color: var(--color-secondary);
    font-size: calc(18 / 16 * 1rem);
    @media screen and (max-width: 620px) {
      font-size: calc(14 / 16 * 1rem);
    }
    @media screen and (max-width: 480px) {
      font-size: calc(12 / 16 * 1rem);
    }
}
.title-logo {
    font-family: 'PlusJakartaSans';
    font-weight: 900;
    font-size: calc(28 / 16 * 1rem);
    color: var(--color-secondary);
    @media screen and (max-width: 620px) {
    font-size: calc(24 / 16 * 1rem);
  }
  @media screen and (max-width: 480px) {
    font-size: calc(16 / 16 * 1rem);
  }
}

/* STATISTICS SECTION FONTS STYLES */
.title-tertiary {
  font-family: 'PlusJakartaSans';
  font-weight: bold;
  font-size: calc(36 / 16 * 1rem);
  color: var(--color-primary);
  @media screen and (max-width: 768px) {
    font-size: calc(34 / 16 * 1rem);
  }
  @media screen and (max-width: 620px) {
    font-size: calc(24 / 16 * 1rem);
  }
  @media screen and (max-width: 480px) {
    font-size: calc(20 / 16 * 1rem);
  }
}
.number-cards {
  font-family: 'PlusJakartaSans';
  font-weight: 600;
  font-size: calc(32 / 16 * 1rem);
  color: var(--color-fifth);
}
.text-cards {
  font-family: 'PlusJakartaSans';
  font-weight: 400;
  font-size: calc(18 / 16 * 1rem);
  color: var(--color-dark);
}



/* TRUSTED CLIENTS SECTION FONTS STYLES */
.trusted-title {
  font-family: 'PlusJakartaSans';
  font-weight: bold;
  font-size: calc(36 / 16 * 1rem);
  color: var(--color-secondary);
  @media screen and (max-width: 768px) {
    font-size: calc(34 / 16 * 1rem);
  }
  @media screen and (max-width: 620px) {
    font-size: calc(24 / 16 * 1rem);
  }
  @media screen and (max-width: 480px) {
    font-size: calc(20 / 16 * 1rem);
  }
}
/* PRICING SECTION FONTS STYLES */
.title-pricing {
  font-family: 'PlusJakartaSans';
  font-weight: bold;
  font-size: calc(36 / 16 * 1rem);
  color: var(--color-fifth);
}
.text-pricing {
  font-family: 'PlusJakartaSans';
  font-weight: 400;
  font-size: calc(18 / 16 * 1rem);
  color: var(--color-dark);
}
.title-pricing-card {
  font-family: 'PlusJakartaSans';
  font-weight: bold;
  font-size: calc(24 / 16 * 1rem);
 
}
.text-pricing-card {
  font-family: 'PlusJakartaSans';
  font-weight: 400;
  font-size: calc(18 / 16 * 1rem);
  
}
.pharagraph-pricing-card {
  font-family: 'PlusJakartaSans';
  font-weight: 400;
  font-size: calc(18 / 16 * 1rem);
  color: var(--color-dark);
}
.list-pricing-card {
  font-family: 'PlusJakartaSans';
  font-weight: 400;
  font-size: calc(18 / 16 * 1rem);
  
}
/* FOOTER SECTION FONTS STYLES */
.footer-text {
  font-family: 'PlusJakartaSans';
  font-weight: bold;
  font-size: calc(16 / 16 * 1rem);
  color: var(--color-secondary);
}