@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'Inter';
    src: url('./fonts/InterVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
  }
}

/* Fallback for browsers that don't support variable fonts */
@supports not (font-variation-settings: normal) {
  @font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
  }
}

@font-face {
  font-family: 'PlusJakartaText';
  src: url('./fonts/PlusJakartaText-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

body {
  font-size: 14px !important;
  color: #292c3d;
}

body,
input,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Inter', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
}

.main {
  min-height: 90vh;
}

footer {
  font-size: 14px;
  line-height: 1.4;
  color: white;
  text-align: center;
  background-color: #22a295;
}

.finePrint {
  max-width: 1000px;
  padding: 30px 15px;
  margin: 0 auto;
}

.tcpp {
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.2s ease-in-out;
  text-decoration: underline;
}

.tcpp:hover {
  color: white;
}

.notice {
  color: #fb7e7e;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/* styles for svg icon sprite */

#nav-active {
  --primary-color: #4cd9e3;
  --secondary-color: #16b0ba;
  --primary-inverse-color: #16b0ba;
  --secondary-inverse-color: #4cd9e3;
  --primary-opacity: 0.3;
  --secondary-opacity: 1;
}

#nav-inactive {
  --primary-color: #96a1bb;
  --secondary-color: #6b7a99;
  --primary-inverse-color: #6b7a99;
  --secondary-inverse-color: #6b7a99;
  --secondary-inverse-opacity: 0.3;
  --primary-inverse-opacity: 0.8;
  --primary-opacity: 0.3;
  --secondary-opacity: 0.8;
}