@font-face {
  font-family: "Satoshi-Variable";
  src: url("../fonts/Satoshi-Variable.70880e42f07b.woff2") format("woff2"), url("../fonts/Satoshi-Variable.bd7cac4b8443.woff") format("woff"), url("../fonts/Satoshi-Variable.bc0207192e40.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("../fonts/Satoshi-VariableItalic.ed39abb752ab.woff2") format("woff2"), url("../fonts/Satoshi-VariableItalic.aa09c255fd89.woff") format("woff"), url("../fonts/Satoshi-VariableItalic.db98db5c0d84.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Light";
  src: url("../fonts/Satoshi-Light.5481680cc24e.woff2") format("woff2"), url("../fonts/Satoshi-Light.d27d9203eb87.woff") format("woff"), url("../fonts/Satoshi-Light.02d43df8e0b9.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("../fonts/Satoshi-LightItalic.e13da56de992.woff2") format("woff2"), url("../fonts/Satoshi-LightItalic.584ec39d7f98.woff") format("woff"), url("../fonts/Satoshi-LightItalic.055ba8c42d30.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("../fonts/Satoshi-Regular.71a6023c087c.woff2") format("woff2"), url("../fonts/Satoshi-Regular.3adf562e446a.woff") format("woff"), url("../fonts/Satoshi-Regular.4da5359f3f97.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Italic";
  src: url("../fonts/Satoshi-Italic.7e048c3007f8.woff2") format("woff2"), url("../fonts/Satoshi-Italic.993e96e16010.woff") format("woff"), url("../fonts/Satoshi-Italic.002093bee822.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("../fonts/Satoshi-Medium.cd790237ed63.woff2") format("woff2"), url("../fonts/Satoshi-Medium.3f3ea9424062.woff") format("woff"), url("../fonts/Satoshi-Medium.7bec814954d0.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("../fonts/Satoshi-MediumItalic.3d53a7c37f55.woff2") format("woff2"), url("../fonts/Satoshi-MediumItalic.6b31d6079681.woff") format("woff"), url("../fonts/Satoshi-MediumItalic.d7e82ee45e48.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("../fonts/Satoshi-Bold.d4db658f4dd6.woff2") format("woff2"), url("../fonts/Satoshi-Bold.fc3b9a8724a4.woff") format("woff"), url("../fonts/Satoshi-Bold.50eee48d495a.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("../fonts/Satoshi-BoldItalic.e66ffbf8f9e8.woff2") format("woff2"), url("../fonts/Satoshi-BoldItalic.255104eefaeb.woff") format("woff"), url("../fonts/Satoshi-BoldItalic.cbbadbeec849.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("../fonts/Satoshi-Black.d9749ed5ed84.woff2") format("woff2"), url("../fonts/Satoshi-Black.8f3e2ffe218c.woff") format("woff"), url("../fonts/Satoshi-Black.f12126e8a8e5.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("../fonts/Satoshi-BlackItalic.d28fa4c086f1.woff2") format("woff2"), url("../fonts/Satoshi-BlackItalic.658c3f8c228e.woff") format("woff"), url("../fonts/Satoshi-BlackItalic.bdec661cb56d.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Balivia-Regular";
  src: url("../fonts/Balivia-Regular.43ffdbebd84c.ttf") format("truetype");
}
@font-face {
  font-family: "Balivia-Medium";
  src: url("../fonts/Balivia-Medium.de59dab48ca9.woff") format("woff");
}
@font-face {
  font-family: "Balivia-Bold";
  src: url("../fonts/Balivia-Bold.d9fc5b188416.woff") format("woff");
}
body {
  margin: 0;
  padding: 0;
}
body.overlay {
  overflow: hidden;
}

iframe {
  width: 100%;
  padding: 20px 0;
}

.grecaptcha-logo iframe {
  padding: unset;
}

@media (max-width: 767px) {
  .container {
    max-width: 100% !important;
    padding: 0 15px !important;
  }
}

h1, h2, h3, h4, h5, h6, p, li, ul {
  padding: 0;
  margin: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Balivia-Bold";
}

p {
  font-family: "Satoshi-Variable";
}

label {
  font-family: "Satoshi-Variable";
}

input::-moz-placeholder {
  font-family: "Satoshi-Variable";
}

input::placeholder {
  font-family: "Satoshi-Variable";
}

textarea::-moz-placeholder {
  font-family: "Satoshi-Variable";
}

textarea::placeholder {
  font-family: "Satoshi-Variable";
}

.button {
  border: none;
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  border-radius: 5px;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  font-family: "Balivia-Bold";
  background-color: #0C5C83;
}
.button:hover {
  color: #FFFFFF;
}
.button span {
  font-size: 14px;
}

.button-inverted {
  border: none;
  display: flex;
  flex-direction: column;
  color: #0C5C83;
  border-radius: 5px;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  font-family: "Balivia-Bold";
  background-color: #FFFFFF;
}
.button-inverted:hover {
  color: #0C5C83;
}
.button-inverted span {
  font-size: 14px;
}

.button-light {
  border: none;
  display: flex;
  color: #FFFFFF;
  border-radius: 5px;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  font-family: "Balivia-Bold";
  background-color: #3CC5EE;
  flex-direction: column;
}
.button-light:hover {
  color: #FFFFFF;
}
.button-light span {
  font-size: 14px;
}

