@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype');
}
:root {
  color-scheme: light only;
  /*COLORS*/
  --color1: #04426A;
  --color2: #EB6209;
  --color3: #366888;
  --color4: #34B3D1;
  --color5: #F3920C;
  --grey1: #F2F2EB;
  /*DEFAULT FONT */
  --basicfont: 'Open Sans', Helvetica, sans-serif;
  --subfont: 'Open Sans', sans-serif;
  --fontcolor: #161B2E;
  /*FONTSIZES*/
  --min-viewport: 48;
  --max-viewport: 120;
  /* FONTSIZES */
  --min-fontsize: 1;
  --max-fontsize: 1.125;
  --pref-fontsize: calc(calc(var(--min-fontsize) * 1rem) + (var(--max-fontsize) - var(--min-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --fontsize: clamp(calc(var(--min-fontsize) * 1rem), var(--pref-fontsize), calc(var(--max-fontsize) * 1rem));
  --lineheight: 1.6;
  --min-xxxs-fontsize: 0.9;
  --max-xxxs-fontsize: 0.9;
  --pref-xxxs-fontsize: calc(calc(var(--min-xxxs-fontsize) * 1rem) + (var(--max-xxxs-fontsize) - var(--min-xxxs-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --xxxs-fontsize: clamp(calc(var(--min-xxxs-fontsize) * 1rem), var(--pref-xxxs-fontsize), calc(var(--max-xxxs-fontsize) * 1rem));
  --xxxs-lineheight: 1.6;
  --min-xxs-fontsize: 1;
  --max-xxs-fontsize: 1;
  --pref-xxs-fontsize: calc(calc(var(--min-xxs-fontsize) * 1rem) + (var(--max-xxs-fontsize) - var(--min-xxs-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --xxs-fontsize: clamp(calc(var(--min-xxs-fontsize) * 1rem), var(--pref-xxs-fontsize), calc(var(--max-xxs-fontsize) * 1rem));
  --xxs-lineheight: 1.6;
  --min-xs-fontsize: 1.1;
  --max-xs-fontsize: 1.25;
  --pref-xs-fontsize: calc(calc(var(--min-xs-fontsize) * 1rem) + (var(--max-xs-fontsize) - var(--min-xs-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --xs-fontsize: clamp(calc(var(--min-xs-fontsize) * 1rem), var(--pref-xs-fontsize), calc(var(--max-xs-fontsize) * 1rem));
  --xs-lineheight: 1.4;
  /* S FONTSIZE */
  --min-s-fontsize: 1.2;
  --max-s-fontsize: 1.4;
  --pref-s-fontsize: calc(calc(var(--min-s-fontsize) * 1rem) + (var(--max-s-fontsize) - var(--min-s-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --s-fontsize: clamp(calc(var(--min-s-fontsize) * 1rem), var(--pref-s-fontsize), calc(var(--max-s-fontsize) * 1rem));
  --s-lineheight: 1.25;
  --min-m-fontsize: 1.25;
  --max-m-fontsize: 1.875;
  --pref-m-fontsize: calc(calc(var(--min-m-fontsize) * 1rem) + (var(--max-m-fontsize) - var(--min-m-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --m-fontsize: clamp(calc(var(--min-m-fontsize) * 1rem), var(--pref-m-fontsize), calc(var(--max-m-fontsize) * 1rem));
  --m-lineheight: 1.25;
  --min-l-fontsize: 1.75;
  --max-l-fontsize: 2.5;
  --pref-l-fontsize: calc(calc(var(--min-l-fontsize) * 1rem) + (var(--max-l-fontsize) - var(--min-l-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --l-fontsize: clamp(calc(var(--min-l-fontsize) * 1rem), var(--pref-l-fontsize), calc(var(--max-l-fontsize) * 1rem));
  --l-lineheight: 1.25;
  --min-xl-fontsize: 2;
  --max-xl-fontsize: 3.75;
  --pref-xl-fontsize: calc(calc(var(--min-xl-fontsize) * 1rem) + (var(--max-xl-fontsize) - var(--min-xl-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --xl-fontsize: clamp(calc(var(--min-xl-fontsize) * 1rem), var(--pref-xl-fontsize), calc(var(--max-xl-fontsize) * 1rem));
  --xl-lineheight: 1.1;
  --min-xxl-fontsize: 2.5;
  --max-xxl-fontsize: 5.6;
  --pref-xxl-fontsize: calc(calc(var(--min-xxl-fontsize) * 1rem) + (var(--max-xxl-fontsize) - var(--min-xxl-fontsize)) * ((calc(var(--max-viewport) * 1vw) - calc(var(--min-viewport) * 1rem)) / (var(--max-viewport) - var(--min-viewport))));
  --xxl-fontsize: clamp(calc(var(--min-xxl-fontsize) * 1rem), var(--pref-xxl-fontsize), calc(var(--max-xxl-fontsize) * 1rem));
  --xxl-lineheight: 1;
  --defaultColor: #cccccc;
  --focusedColor: var(--color3);
  --errorColor: red;
  --placeholder: #aaaaaa;
  --rowSize: 10px;
  --inputSizeVer: 15px;
  --inputSizeHor: 25px;
  --symbol: "theme";
  --iconsize: 20px;
  --borderradius: 20px;
  --mobileHeader: 60px;
  --boxShadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  --max-width: calc(var(--max-viewport) * 1rem);
  --buttonHover: #0c0e15;
  --buttonPadding: 12px 30px;
  --buttonRadius: 30px;
  --cubic-bezier-image: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 56em) {
  :root {
    --spacer: 32px;
    --section: 48px;
    --min-section: -48px;
    --gutter: 16px;
    --min-gutter: -16px;
    --padding: 24px;
    --min-padding: -24px;
  }
}
@media (min-width: 56em) {
  :root {
    --spacer: calc(2vw + var(--gutter));
    --section: 60px;
    --min-section: -60px;
    --gutter: 20px;
    --min-gutter: -20px;
    --padding: 30px;
    --min-padding: -30px;
  }
}
@media (min-width: 90em) {
  :root {
    --spacer: calc(3vw + var(--gutter));
    --section: 70px;
    --min-section: -70px;
    --gutter: 25px;
    --min-gutter: -25px;
    --padding: 40px;
    --min-padding: -40px;
  }
}
@media (min-width: 100em) {
  :root {
    --spacer: calc(3vw + var(--gutter));
  }
}