@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

/* ===============================
   Consolidated Font Faces
   =============================== */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-solid-900.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-solid-900.eott?#iefix")
      format("embedded-opentype"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-solid-900.woff2")
      format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-solid-900.woff")
      format("woff"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-solid-900.ttf")
      format("truetype"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-solid-900.svg#fontawesome")
      format("svg");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-regular-400.eot");
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-regular-400.eott?#iefix")
      format("embedded-opentype"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-regular-400.woff2")
      format("woff2"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-regular-400.woff")
      format("woff"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-regular-400.ttf")
      format("truetype"),
    url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0-2/webfonts/fa-regualr-400.svg#fontawesome")
      format("svg");
}

@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../fonts/proxima-regular/proxima-nova-regular.eot");
  src: url("../fonts/proxima-regular/proxima-nova-regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/proxima-regular/proxima-nova-regular.woff2") format("woff2"),
    url("../fonts/proxima-regular/proxima-nova-regular.woff") format("woff"),
    url("../fonts/proxima-regular/proxima-nova-regular.ttf") format("truetype"),
    url("../fonts/proxima-regular/proxima-nova-regular.svg#ywftsvg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova-Extrabold";
  src: url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot");
  src: url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.woff2")
      format("woff2"),
    url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.woff")
      format("woff"),
    url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.ttf")
      format("truetype"),
    url("../fonts/proxima-nova-extrabold/proxima-nova-extrabold.svg#ywftsvg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("../fonts/proxima-nova-semibold/proxima-nova-semibold.eot");
  src: url("../fonts/proxima-nova-semibold/proxima-nova-semibold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/proxima-nova-semibold/proxima-nova-semibold.woff2")
      format("woff2"),
    url("../fonts/proxima-nova-semibold/proxima-nova-semibold.woff")
      format("woff"),
    url("../fonts/proxima-nova-semibold/proxima-nova-semibold.ttf")
      format("truetype"),
    url("../fonts/proxima-nova-semibold/proxima-nova-semibold.svg#ywftsvg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-bold";
  src: url("../fonts/proxima-nova-bold/proxima-nova-bold.eot");
  src: url("../fonts/proxima-nova-bold/proxima-nova-bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/proxima-nova-bold/proxima-nova-bold.woff2") format("woff2"),
    url("../fonts/proxima-nova-bold/proxima-nova-bold.woff") format("woff"),
    url("../fonts/proxima-nova-bold/proxima-nova-bold.ttf") format("truetype"),
    url("../fonts/proxima-nova-bold/proxima-nova-bold.svg#ywftsvg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "verdana-regular";
  src: url("../fonts/verdana-regular/verdana.eot");
  src: url("../fonts/verdana-regular/verdana.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/verdana-regular/verdana.woff") format("woff"),
    url("../fonts/verdana-regular/verdana.ttf") format("truetype"),
    url("../fonts/verdana-regular/verdana.svg#ywftsvg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: verdana;
  src: url("../fonts/verdana/verdana.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "verdana-bold";
  src: url("../fonts/verdana/verdanab.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Criteria-Bold";
  src: url("../fonts/criteria/CriteriaCFalternateg-Bold.otf");
  src: url("../fonts/criteria/CriteriaCFalternateg-Bold.ttf");
}

@font-face {
  font-family: "Criteria-Super";
  src: url("../fonts/criteria/CriteriaCFalternateg-Super.otf");
  src: url("../fonts/criteria/CriteriaCFalternateg-Super.ttf");
}

@font-face {
  font-family: "Criteria-Medium";
  src: url("../fonts/criteria/criteriacf-medium.otf");
}
@font-face {
  font-family: "Criteria-Light";
  src: url("../fonts/criteria/Fontspring-DEMO-criteriacf-light.otf");
}
@font-face {
  font-family: "Wingding";
  src: url("../fonts/wingding/wingding.ttf");
}
@font-face {
  font-family: "ProximaNova-italic";
  src: url("../fonts/proxima-nova-italic/FontsFree-Net-Proxima-Nova-italic.ttf");
}

/* ===============================
   Typography System Setup
   =============================== */
:root {
  /* Font families */
  --font-family-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-serif: Georgia, "Times New Roman", Times, serif;
  --font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  --font-family-proxima-reg: "ProximaNova-Regular";
  --font-family-proxima-med: "ProximaNova-Medium";
  --font-family-proxima-bol: "ProximaNova-Bold";
  --font-family-proxima-lig: "ProximaNova-Light";
  --font-family-proxima-super: "ProximaNova-Super";
  --font-family-criteria-bol: "Criteria-Bold";
  --font-family-criteria-reg: "Criteria-Regular";
  --font-family-criteria-med: "Criteria-Medium";
  --font-family-criteria-lig: "Criteria-Light";
  --font-family-criteria-super: "Criteria-Super";

  /* global font size of elemets */
  --font-size-body: 17px;
  --font-size-h1: 1.588rem;
  --font-size-h2: 1.88rem;
  --font-size-h3: 1.58rem;
  --font-size-h4: 1.52rem;
  --font-size-h5: 0.98rem;
  /* --font-size-h6: ; */

  /* global line height of elemets */
  --line-height-body: 1.5em;
  --line-height-h1: 1.2em;
  --line-height-h2: 1.18em;
  --line-height-h3: 1.18em;
  --line-height-h4: 1.19em;
  --line-height-h5: 1.18em;
  /* --line-height-h6: ; */

  /* Font sizes */
  --font-size-12: 0.7059rem;
  --font-size-13: 0.7647rem;
  --font-size-14: 0.8235rem;
  --font-size-15: 0.8824rem;
  --font-size-16: 0.9412rem;
  --font-size-17: 1rem;
  --font-size-18: 1.0588rem;
  --font-size-19: 1.1176rem;
  --font-size-20: 1.1765rem;
  --font-size-21: 1.2353rem;
  --font-size-22: 1.2941rem;
  --font-size-24: 1.4118rem;
  --font-size-25: 1.4706rem;
  --font-size-26: 1.5294rem;
  --font-size-27: 1.5882rem;
  --font-size-28: 1.6471rem;
  --font-size-30: 1.7647rem;
  --font-size-32: 1.8824rem;
  --font-size-33: 1.9412rem;
  --font-size-34: 2rem;
  --font-size-35: 2.0588rem;
  --font-size-36: 2.1176rem;
  --font-size-40: 2.3529rem;
  --font-size-46: 2.7059rem;
  --font-size-48: 2.8235rem;
  --font-size-50: 2.9412rem;
  --font-size-55: 3.2353rem;
  --font-size-60: 3.5294rem;

  /* Font weights */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-superbold: 900;

  /* extracted colors */
  --color-000021: #000021;
  --color-0000ff: #0000ff;
  --color-004773e0: #004773e0;
  --color-004873: #004873;
  --color-00695c: #00695c;
  --color-0071b34d: #0071b34d;
  --color-0071b9: #0071b9;
  --color-0074bd: #0074bd;
  --color-0074c1: #0074c1;
  --color-0077b3: #0077b3;
  --color-007bff: #007bff;
  --color-007ecc: #007ecc;
  --color-0086c1: #0086c1;
  --color-0094f0: #0094f0;
  --color-00cc44: #00cc44;
  --color-015a91: #015a91;
  --color-0256b1: #0256b1;
  --color-040404: #040404;
  --color-057ec9: #057ec9;
  --color-065a8e: #065a8e;
  --color-065a8e59: #065a8e59;
  --color-07629a: #07629a;
  --color-0778fa: #0778fa;
  --color-096fa2: #096fa2;
  --color-0c1117: #0c1117;
  --color-105cad: #105cad;
  --color-121212: #121212;
  --color-133a40: #133a40;
  --color-151313: #151313;
  --color-222222: #222222;
  --color-267da9: #267da9;
  --color-283593: #283593;
  --color-2d5479: #2d5479;
  --color-2dc0c8: #2dc0c8;
  --color-2e7d32: #2e7d32;
  --color-31577f: #31577f;
  --color-330033: #330033;
  --color-3b3b3b: #3b3b3b;
  --color-404040: #404040;
  --color-42a5f5: #42a5f5;
  --color-479e47: #479e47;
  --color-495057: #495057;
  --color-547692: #547692;
  --color-555555: #555555;
  --color-565656: #565656;
  --color-595959: #595959;
  --color-5abb63: #5abb63;
  --color-5cba66: #5cba66;
  --color-5e7d00: #5e7d00;
  --color-666666: #666666;
  --color-668cff: #668cff;
  --color-6a1b9a: #6a1b9a;
  --color-6a7700: #6a7700;
  --color-6b6868: #6b6868;
  --color-6c757d: #6c757d;
  --color-721c24: #721c24;
  --color-808080: #808080;
  --color-909193: #909193;
  --color-979ca0: #979ca0;
  --color-999999: #999999;
  --color-a1a0a0: #a1a0a0;
  --color-a6b779: #a6b779;
  --color-aaaaaa: #aaaaaa;
  --color-acadb1: #acadb1;
  --color-add2e9: #add2e9;
  --color-b03911: #b03911;
  --color-b0b0b0: #b0b0b0;
  --color-b0b6bd: #b0b6bd;
  --color-b1b3b2: #b1b3b2;
  --color-b3b3b3: #b3b3b3;
  --color-b3b3cc: #b3b3cc;
  --color-b3b8b3: #b3b8b3;
  --color-b3b8bc: #b3b8bc;
  --color-b3b8bd: #b3b8bd;
  --color-b4c8dd: #b4c8dd;
  --color-b8b7b3: #b8b7b3;
  --color-b8b7be: #b8b7be;
  --color-bababa: #bababa;
  --color-bbbbbb: #bbbbbb;
  --color-bbffbb: #bbffbb;
  --color-bdbdbd: #bdbdbd;
  --color-bebebe: #bebebe;
  --color-bf00bd: #bf00bd;
  --color-bfbfbf: #bfbfbf;
  --color-c2e8ff: #c2e8ff;
  --color-c62828: #c62828;
  --color-c8c8c8: #c8c8c8;
  --color-cccccc: #cccccc;
  --color-cccccc1c: #cccccc1c;
  --color-ccffcc: #ccffcc;
  --color-cecece: #cecece;
  --color-ced4da: #ced4da;
  --color-cf867e: #cf867e;
  --color-d6e4ed: #d6e4ed;
  --color-d6efff: #d6efff;
  --color-d81313: #d81313;
  --color-dbe7f5: #dbe7f5;
  --color-dc1c24: #dc1c24;
  --color-dc3545: #dc3545;
  --color-dcd7d7: #dcd7d7;
  --color-dcdde0: #dcdde0;
  --color-dddddd: #dddddd;
  --color-ddffdd: #ddffdd;
  --color-e2e2eb: #e2e2eb;
  --color-e2e5e7: #e2e5e7;
  --color-e2e5e8: #e2e5e8;
  --color-e3242a: #e3242a;
  --color-e3e4e6: #e3e4e6;
  --color-e3e4e7: #e3e4e7;
  --color-e4e5f0: #e4e5f0;
  --color-e6e5e1: #e6e5e1;
  --color-e7e7df: #e7e7df;
  --color-e9ecef: #e9ecef;
  --color-ea7165: #ea7165;
  --color-eaeaea: #eaeaea;
  --color-eaf7fe: #eaf7fe;
  --color-eaf7ff: #eaf7ff;
  --color-eb1c23: #eb1c23;
  --color-ecbd14: #ecbd14;
  --color-ecf7fd: #ecf7fd;
  --color-eeeeee: #eeeeee;
  --color-eeeeff: #eeeeff;
  --color-ef5350: #ef5350;
  --color-f0f0f0: #f0f0f0;
  --color-f0f1f3: #f0f1f3;
  --color-f1f1f1: #f1f1f1;
  --color-f2f1eb: #f2f1eb;
  --color-f2f2f2: #f2f2f2;
  --color-f2f3f2: #f2f3f2;
  --color-f37165: #f37165;
  --color-f4f4f4: #f4f4f4;
  --color-f59b1b: #f59b1b;
  --color-f5f5f7: #f5f5f7;
  --color-f78a0a: #f78a0a;
  --color-f8f8fa: #f8f8fa;
  --color-fafafa: #fafafa;
  --color-fbfcfe: #fbfcfe;
  --color-fcd8ad: #fcd8ad;
  --color-fcfcfa: #fcfcfa;
  --color-fdedb8: #fdedb8;
  --color-ff0000: #ff0000;
  --color-ffbbbb: #ffbbbb;
  --color-ffc266: #ffc266;
  --color-ffcc14: #ffcc14;
  --color-ffdddd: #ffdddd;
  --color-ffeeff: #ffeeff;
  --color-fffeff: #fffeff;
  --color-ffffffff: #ffffffff;
  --color-hsla-0-0-0-0-16: hsla(0, 0%, 0%, 0.16);
  --color-rgb-0-0-0-13: rgb(0 0 0 / 13%);
  --color-rgb-0-0-0-20: rgb(0 0 0 / 20%);
  --color-rgb-0-0-0-30: rgb(0 0 0 / 30%);
  --color-rgb-0-0-0-51: rgb(0 0 0 / 51%);
  --color-rgb-0-64-103: rgb(0 64 103);
  --color-rgb-0-0-255: rgb(0, 0, 255);
  --color-rgb-0-255-0: rgb(0, 255, 0);
  --color-rgb-200-200-200: rgb(200, 200, 200);
  --color-rgb-24-24-24: rgb(24, 24, 24);
  --color-rgb-249-249-249: rgb(249, 249, 249);
  --color-rgb-255-0-0: rgb(255, 0, 0);
  --color-rgb-29-29-29: rgb(29, 29, 29);
  --color-rgba-0-0-0-05: rgba(0, 0, 0, 0.05);
  --color-rgba-0-0-0-1: rgba(0, 0, 0, 0.1);
  --color-rgba-0-0-0-2: rgba(0, 0, 0, 0.2);
  --color-rgba-0-0-0-3: rgba(0, 0, 0, 0.3);
  --color-rgba-0-0-0-0: rgba(0, 0, 0, 0);
  --color-rgba-0-0-0-0-1: rgba(0, 0, 0, 0.1);
  --color-rgba-0-0-0-0-12: rgba(0, 0, 0, 0.12);
  --color-rgba-0-0-0-0-14: rgba(0, 0, 0, 0.14);
  --color-rgba-0-0-0-0-15: rgba(0, 0, 0, 0.15);
  --color-rgba-0-0-0-0-2: rgba(0, 0, 0, 0.2);
  --color-rgba-0-0-0-0-35: rgba(0, 0, 0, 0.35);
  --color-rgba-10-10-10-65: rgba(10, 10, 10, 0.65);
  --color-rgba-100-100-100-87: rgba(100, 100, 100, 0.87);
  --color-rgba-102-178-222-2: rgba(102, 178, 222, 0.2);
  --color-rgba-179-220-237-1: rgba(179, 220, 237, 1);
  --color-rgba-200-200-200-05: rgba(200, 200, 200, 0.05);
  --color-rgba-204-204-204-0-16: rgba(204, 204, 204, 0.16);
  --color-rgba-231-241-245-1: rgba(231, 241, 245, 1);
  --color-rgba-255-255-255-04: rgba(255, 255, 255, 0.04);
  --color-rgba-255-255-255-1: rgba(255, 255, 255, 0.1);
  --color-rgba-255-255-255-5: rgba(255, 255, 255, 0.5);
  --color-rgba-255-255-255-87: rgba(255, 255, 255, 0.87);
  --color-rgba-255-255-255-0-3: rgba(255, 255, 255, 0.3);
  --color-rgba-26-164-214-1: rgba(26, 164, 214, 1);
  --color-rgba-90-187-98-0-5: rgba(90, 187, 98, 0.5);
  --color-rgba-90-187-98-1: rgba(90, 187, 98, 1);
}

/* ===============================
   Base Typography
   =============================== */
html {
  font-family: var(--font-family-proxima-reg);
  scroll-behavior: smooth;
  font-size: var(--font-size-body) !important;
}

body {
  font-family: var(--font-family-proxima-reg);
  font-size: var(--font-size-body) !important;
  /* line-height: var(--line-height-body); */
}

/* ===============================
   Headings
   =============================== */
h1,
.h1 {
  font-family: var(--font-family-criteria-super);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
}

h2,
.h2 {
  font-family: var(--font-family-criteria-bol);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
}

h3,
.h3 {
  font-family: var(--font-family-criteria-bol);
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
}

h4,
.h4 {
  font-family: var(--font-family-criteria-bol);
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
}

h5,
.h5 {
  font-family: var(--font-family-criteria-bol);
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h5);
}

h6,
.h6 {
  font-family: var(--font-family-criteria-bol);
}