@font-face {
    font-family: "Pantograph Pro";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/pantograph-pro/pantograph-wide-medium-pro.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/pantograph-pro/pantograph-wide-medium-pro.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/pantograph-pro/pantograph-wide-medium-pro.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 1000
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-100.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-100.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-100.ttf") format("truetype");
    font-style: normal;
    font-weight: 100
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-200.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-200.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-200.ttf") format("truetype");
    font-style: normal;
    font-weight: 200
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-300.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-300.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-300.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-regular.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-regular.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-500.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-500.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-600.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-600.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-700.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-700.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-800.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-800.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-800.ttf") format("truetype");
    font-style: normal;
    font-weight: 800
}

@font-face {
    font-family: "Inter";
    font-display: swap;
    src: url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-900.woff2") format("woff2"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-900.woff") format("woff"),url("https://d11t1ygel9knij.cloudfront.net/fonts/inter/inter-v12-latin-900.ttf") format("truetype");
    font-style: normal;
    font-weight: 900
}



html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: inherit;
    list-style: none;
    list-style-type: none;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

*, *:before, *:after
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
    scroll-behavior: smooth;
    height: 100%;
    margin: 0;
    font-family: sans-serif;
    -webkit-overflow-scrolling: touch;
    font-size: 14px
}

body {
    background: #f5f7f9;
}

body,input,textarea,button,optgroup,select {
    font-feature-settings: "tnum","lnum";
    font-family: Inter,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 14px
}

@supports (font-variation-settings: normal) {
    body,input,textarea,button,optgroup,select {
        font-family:Inter var,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
    }
}

.header-bg {
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    box-shadow: 0 2px 5px rgba(225,229,232,.8);
}

.flex-parent {
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
}

.flex-container-horz {
  display: flex;
  flex-direction: row;
  margin-top: 63px;
    justify-content: flex-start; /* align items in Main Axis */
    /*align-items: stretch; /* align items in Cross Axis */
    /*align-content: stretch; /* Extra space in Cross Axis */
}

.flex-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
}

.flex-grow {
  flex: 0;
}

.flex-grow-2 {
  flex: 10;
}

.flexbox-item {
  padding: 8px;
}

.menu-toggle-container {
    display: flex;
}

.header-menu-right {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}