@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght,CRSV@100..900,0&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none !important;
}

body,
html {
  font-family: "Source Sans 3", sans-serif !important;
  overflow-x: clip !important;
}

/* @font-face {
  font-family: "source-sans-pro";
  src: url("./assets/fonts/SourceSansPro-Black.otf");


} */

.font-geologics {
  font-family: "Geologica", sans-serif !important;
}

:root {
  --text-xs: 12px;
  --text-sm: 14px;
  --text-custom-sm: 15px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 22px;
  --text-3xl: 24px;
  --text-4xl: 28px;
  --text-5xl: 32px;
  --text-6xl: 44px;
  --text-7xl: 48px;
  --text-8xl: 56px;

  /* --line-height------ */
  --line-height-100: 100%;
  --line-height-110: 110%;
  --line-height-113: 113%;
  --line-height-125: 125%;
  --line-height-150: 150%;

  /* ---color------ */
  --color-green: #68df1b;
  --color-neavy-blue: #043b6f;
  --color-off-white: #fefefe;
  --color-dark-black: #010101;
  --color-light-white: #fcfcfc;
  --color-off-skyBlue: #52cbf50d;
}

/* -----font-weight- */
.font-thin {
  font-weight: 100;
}

/* -------- Text Sizes -------- */
.text-xs {
  font-size: var(--text-xs) !important;
}

.text-sm {
  font-size: var(--text-sm) !important;
}

.text-custon-sm {
  font-size: var(--text-custon-sm) !important;
}

.text-base {
  font-size: var(--text-base) !important;
}

.text-lg {
  font-size: var(--text-lg) !important;
}

.text-xl {
  font-size: var(--text-xl) !important;
}

.text-2xl {
  font-size: var(--text-2xl) !important;
}

.text-3xl {
  font-size: var(--text-3xl) !important;
}

.text-4xl {
  font-size: var(--text-4xl) !important;
}

.text-5xl {
  font-size: var(--text-5xl) !important;
}

.text-6xl {
  font-size: var(--text-6xl) !important;
}

.text-7xl {
  font-size: var(--text-7xl) !important;
}

.text-8xl {
  font-size: var(--text-8xl) !important;
}

/* -------- Line Heights -------- */
.lh-100 {
  line-height: var(--line-height-100) !important;
}

.lh-110 {
  line-height: var(--line-height-110) !important;
}

.lh-113 {
  line-height: var(--line-height-113) !important;
}

.lh-125 {
  line-height: var(--line-height-125) !important;
}

.lh-150 {
  line-height: var(--line-height-150) !important;
}

/* -------- Colors -------- */
.text-green {
  color: var(--color-green) !important;
}

.text-neavy-blue {
  color: var(--color-neavy-blue) !important;
}

.text-dark-black {
  color: var(--color-dark-black) !important;
}

.text-off-white {
  color: var(--color-off-white) !important;
}

.bg-off-skyBlue {
  background: var(--color-off-skyBlue) !important;
}

/* -----font-weight-- */
.font-thin {
  font-weight: 100;
}

@media (max-width: 1199.98px) {
  :root {
    --text-6xl: 40px;
    --text-7xl: 44px;
    --text-8xl: 48px;
  }
}

@media (max-width: 991.98px) {
  :root {
    --text-lg: 17px;
    --text-xl: 18px;
    --text-2xl: 20px;
    --text-3xl: 22px;
    --text-4xl: 26px;
    --text-5xl: 28px;
    --text-6xl: 36px;
    --text-7xl: 40px;
    --text-8xl: 44px;
  }
}

@media (max-width: 767.98px) {
  :root {
    --text-base: 15px;
    --text-lg: 16px;
    --text-xl: 17px;
    --text-2xl: 18px;
    --text-3xl: 20px;
    --text-4xl: 24px;
    --text-5xl: 26px;
    --text-6xl: 30px;
    --text-7xl: 34px;
    --text-8xl: 38px;
  }
}

@media (max-width: 575.98px) {
  :root {
    --text-xs: 11px;
    --text-sm: 12px;
    --text-custom-sm: 13px;
    --text-base: 14px;
    --text-lg: 14px;
    --text-xl: 20px;
    --text-2xl: 17px;
    --text-3xl: 20px;
    --text-4xl: 20px;
    --text-5xl: 24px;
    --text-6xl: 28px;
    --text-7xl: 32px;
    --text-8xl: 32px;
  }
}