@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Comfortaa:wght@300..700&display=swap');




.comfortaa-grbody {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.advent-pro-grheadings {
  font-family: "Advent Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

a:focus, a:checked, a:hover, a:active, input:focus, input:checked, input:hover, input:active {
  outline: none;
  background-color: transparent;
  border: none;
}

body input:-internal-autofill-selected, body input:-webkit-autofill, body input:autofill {
  border: none !important;
  outline: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

* {
  --grblue: #298ddf;
  --grlightblue: #69AFE8;
  --grdeepblue: #2070B2;
  --grblack: #262523;
  --grgrey: #626362;
  --grlightgrey: #b3b3b3;
  --main-font: 'Comfortaa', serif;
  --second-font: 'Advent Pro', sans-serif;
  --responsive: calc((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 420px) / (1200 - 420)));
  /* Ranges from 421px to 1199px */
}

h1, .h1 {
  --max-font: 50;
  --min-font: 40;
  font-family: var(--second-font);
  font-size: var(--responsive);
}

h2, .h2 {
  --max-font: 40;
  --min-font: 30;
  font-family: var(--second-font);
  font-size: var(--responsive);
}

h3, .h3 {
  --max-font: 32;
  --min-font: 22;
  font-family: var(--second_font);
  font-size: var(--responsive);
}

h4, .h4 {
  --max-font: 26;
  --min-font: 16;
  font-family: var(--second_font) !important;
  font-size: var(--responsive) !important;
}

h5, .h5 {
  --max-font: 20;
  --min-font: 14;
  font-size: var(--responsive);
  font-family: var(--second_font);
}

p {
  font-family: var(--second-font);
  --max-font: 20;
  --min-font: 14;
  font-size: var(--responsive);
}

dl, ol, ul {
  --max-font: 18;
  --min-font: 12;
  font-size: var(--responsive);
}

.main_font {
  font-family: var(--main-font);
}

a {
  color: var(--nndgrey) !important;
}

body.no-scroll {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.moduletable {
  margin: 0 !important;
  padding: 0 !important;
}