/* font family link  */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");

/* font family  */
body,
html {
  font-family: "Sora", sans-serif !important;
  overflow-x: hidden;
}

/* root  */
:root {
  --fs-3xs: 11px;
  --fs-xxs: 15px;
  --fs-xs: 16px;
  --fs-sm: 18px;
  --fs-md: 20px;
  --fs-lg: 24px;
  --fs-xl: 30px;
  --fs-2xl: 36px;
  --fs-3xl: 48px;
  --fs-4xl: 72px;
  --light-black: #00121b;
  --blue-zodiac: #102442;
  --rangoon-green: #1a1a1a;
  --dark: #1d2838;
  --aqua-haze: #f3f3f3;
  --white-smoke: #f2f7f7;
  --santa-grey: #a1a1aa;
  --alice-blue: #f2f7ff;
  --text_cream: #b8bbc0;
  --white: #fff;
  --dark-blue: #111c2d;
  --light-blue: #0d6efd;
  --blue: #5e72e4;
  --secondary-light-black: #27214b;
  --line-height-para: 35px;
}

.fs_3xs {
  font-size: var(--fs-3xs);
}

.fs_xxs {
  font-size: var(--fs-xxs);
}

.fs_xs {
  font-size: var(--fs-xs);
}

.fs_sm {
  font-size: var(--fs-sm);
}

.fs_md {
  font-size: var(--fs-md) !important;
}

.fs_lg {
  font-size: var(--fs-lg);
}

.fs_xl {
  font-size: var(--fs-xl);
}

.fs_2xl {
  font-size: var(--fs-2xl);
}

.fs_3xl {
  font-size: var(--fs-3xl);
}

.fs_4xl {
  font-size: var(--fs-4xl);
}

.fw_600 {
  font-weight: 600;
}

/* color  */
.text_light_black {
  color: var(--light-black);
}

.text_dark_blue {
  color: var(--dark-blue);
}

.text_blue_zodiac {
  color: var(--blue-zodiac);
}

.text_dark {
  color: var(--dark);
}

.text_light_blue {
  color: var(--light-blue);
}

.text_blue {
  color: var(--blue);
}

.secondary_text_light_black {
  color: var(--secondary-light-black);
}

.text_aqua_haze {
  color: var(--aqua-haze);
}

.text_white_smoke {
  color: var(--white-smoke);
}

.text_santa_grey {
  color: var(--santa-grey);
}

.text_rangoon_green {
  color: var(--rangoon-green);
}

.text_cream {
  color: var(--text_cream);
}

.text_white {
  color: var(--white);
}

/* background  */
.bg_text_aqua_haze {
  background-color: var(--aqua-haze);
}

.bg_light_blue {
  background-color: var(--light-blue);
}

.bg_dark_blue {
  background-color: var(--dark-blue);
}

.bg_blue {
  background-color: var(--blue);
}

.bg_alice_blue {
  background-color: var(--alice-blue);
}

/* font weight  */
.fw_600 {
  font-weight: 600;
}

@media (max-width: 1399.98px) {
  :root {
    --fs-xxs: 14px;
    --fs-xl: 28px;
    --fs-2xl: 34px;
    --fs-3xl: 44px;
    --fs-4xl: 60px;
  }
}

@media (max-width: 1199.98px) {
  :root {
    --fs-3xs: 12px;
    --fs-xxs: 13px;
    --fs-md: 20px;
    --fs-lg: 22px;
    --fs-xl: 26px;
    --fs-2xl: 32px;
    --fs-3xl: 40px;
    --fs-4xl: 52px;
  }
}

@media (max-width: 991.98px) {
  :root {
    --fs-xxs: 15px;
    --fs-xs: 15px;
    --fs-sm: 16px;
    --fs-md: 16px;
    --fs-lg: 22px;
    --fs-xl: 26px;
    --fs-2xl: 32px;
    --fs-3xl: 38px;
    --fs-4xl: 54px;
    --line-height-para: 24px;
  }
}

@media (max-width: 767.98px) {
  :root {
    --fs-3xs: 10px;
    --fs-xxs: 14px;
    --fs-xs: 14px;
    --fs-sm: 16px;
    --fs-md: 16px;
    --fs-lg: 20px;
    --fs-xl: 24px;
    --fs-2xl: 28px;
    --fs-3xl: 36px;
    --fs-4xl: 44px;
  }
}

@media (max-width: 575.98px) {
  :root {
    --fs-xxs: 14px;
    --fs-xs: 14px;
    --fs-sm: 14px;
    --fs-md: 16px;
    --fs-lg: 18px;
    --fs-xl: 20px;
    --fs-2xl: 24px;
    --fs-3xl: 30px;
    --fs-4xl: 36px;
  }
}

body,
html {
  text-decoration: none !important;
}

a:-webkit-any-link {
  text-decoration: none !important;
}