:root {
  --body-bg: #FFFFFF;
  --body-bg-rgb: 255, 255, 255;
  --clr-primary: #0068b4;
  --clr-primary-rgb: 0, 104, 180;
  --clr-secondary: #ffed00;
  --clr-secondary-rgb: 255, 237, 0;
  --clr-light: #f5f9fc;
  --clr-light-rgb: 245, 249, 252;
  --clr-dark: #2a3f4e;
  --clr-dark-rgb: 42, 63, 78;
  --text-clr-base: #2a3f4e;
  --main-bg: #F1F3F6;

  --text-clr-invert: #e9f1f8;
  --font-family: "Poppins", sans-serif;
  --fs-base: 19px;
  --leading-base: 1.5;
  --fw-base: 400;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --bdr-r: 10px;
  --box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1215686275);
  --b-bdr-wdth: 1px;
  --b-bdr-style: none;
  --b-bdr-clr: #e3e3e3;
  --b-bdr-r: 30px;
  --form-bdr-wdth: 1px;
  --form-clr-border: #d9d9d9;
  --form-clr-bg: var(--body-bg);
  --form-clr-ph: #cccccc;
  --form-clr-txt: var(--clr-dark);
  --selection-clr: var(--text-clr-invert);
  --selection-bg: var(--clr-primary);

  --btn-1-bg: var(--clr-primary);
  --btn-1-clr: #FFFFFF;
  --btn-1-bdr-clr: #0068b4;
  --btn-1-bg-hvr: #005390;
  --btn-1-clr-hvr: #FFFFFF;
  --btn-1-bdr-clr-hvr: #005390;
  --btn-td-hvr: none;
  --btn-bdr-r: 2rem;
  --btn-p-1: 0.35rem 1.375rem;
  --btn-p-2: 1rem 1.875rem;
  --btn-p-3: 1rem 2.875rem;
  --btn-p-4: 1.25rem 3.875rem;

  --strong-clr: var(--text-clr-base);
  --a-fw: 400;
  --a-clr: #0068b4;
  --a-clr-hvr: #004b81;
  --a-td: none;
  --a-td-hvr: none;
  --h1-clr: #2a3f4e;
  --h2-clr: #2a3f4e;
  --h3-clr: #2a3f4e;
  --h4-clr: #2a3f4e;
  --h5-clr: #2a3f4e;
  --h6-clr: #0068b4;
  --h1-c-clr: #2a3f4e;
  --h2-c-clr: #2a3f4e;
  --h3-c-clr: #2a3f4e;
  --h4-c-clr: #2a3f4e;
  --h5-c-clr: #2a3f4e;
  --h6-c-clr: #0068b4;
  --h1-fs: 1.5rem;
  --h2-fs: 1.4375rem;
  --h3-fs: 1.375rem;
  --h4-fs: 1.3125rem;
  --h5-fs: 1.25rem;
  --h6-fs: 1.1875rem;
  --h1-c-fs: 1.5rem;
  --h2-c-fs: 1.4375rem;
  --h3-c-fs: 1.375rem;
  --h4-c-fs: 1.3125rem;
  --h5-c-fs: 1.25rem;
  --h6-c-fs: 1.1875rem;

  --bs-gutter-x: ;
  --i-px: 1.5rem;
  --i-py: 1.5rem;

}

@media (min-width: 600px) {
  :root {
    --h1-fs: 1.875rem;
    --h2-fs: 1.5625rem;
    --h3-fs: 1.5rem;
    --h4-fs: 1.375rem;
    --h5-fs: 1.25rem;
    --h6-fs: 1.1875rem;
    --h1-c-fs: 1.6875rem;
    --h2-c-fs: 1.5625rem;
    --h3-c-fs: 1.375rem;
    --h4-c-fs: 1.3125rem;
    --h5-c-fs: 1.25rem;
    --h6-c-fs: 1.1875rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --h1-fs: 1.875rem;
    --h2-fs: 1.5625rem;
    --h3-fs: 1.5rem;
    --h4-fs: 1.375rem;
    --h5-fs: 1.25rem;
    --h6-fs: 1.1875rem;
    --h1-c-fs: 1.6875rem;
    --h2-c-fs: 1.5625rem;
    --h3-c-fs: 1.375rem;
    --h4-c-fs: 1.3125rem;
    --h5-c-fs: 1.25rem;
    --h6-c-fs: 1.1875rem;
  }
}