[hidden] { display: none !important; }


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

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter/static/Inter-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Inter';
  src: url('/fonts/Inter/static/Inter-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Funtuana';
  src: url('/fonts/FuntaunaOtg.woff');
  font-style: normal;
  font-weight: 300;
}

body {
  padding-left:8.33vw;
  padding-right:8.33vw;
  padding-top:81px;
  padding-bottom:80px;
}

h1 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 72px;
  line-height: 110%;
  color: #212121;
  margin:0px;
}

h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 56px;
  line-height: 110%;
  color: #212121;
  margin:0px;
  margin-bottom:16px;
  margin-top:32px;
}

h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 48px;
  line-height: 120%;
  color: #212121;
  margin:0px;

}

h4 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 120%;
  color: #212121;
  margin:0px;
  margin-bottom:40px;
}

h5 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  color: #2F6F93;
  margin:0px;
  margin-top: 24px;
  margin-bottom: 16px;
}

h6 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  color: #2F6F93;
  margin:0px;
  margin-bottom:8px;
}

p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #212121;
  margin:0px;
}

p.light {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #212121;
}

input {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  /* min-width: calc(50% - 32px); */
  margin-bottom: 25px;
  height:70px;
  border:0px;
  background: #F6F8FA;
  border-radius: 4px;
  padding-left:20px;
}

input::placeholder {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #C9C8D3;
}

textarea {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  width:100%;
  background: #F6F8FA;
  border:0px;
  border-radius: 4px;
  padding-left:20px;
  padding-right:20px;
  padding-top:23px;
  resize:none;
  box-sizing: border-box;
}

textarea::placeholder {
  color: #C9C8D3;
}

button {
  height: 70px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.04em;
  border-radius: 4px;
  border:0px;
}

footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

form {
  width: 100%;
  position: relative;
}


select {
  height:70px;
  border:0px;
  border-radius:4px;
  background: #F6F8FA;
  min-width: calc(50% - 12px);
  padding-left:20px;
  border-right: 16px solid transparent;
  box-sizing:border-box;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color:#212121;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("/images/select-down-arrow.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 12px 6px;
}

select:invalid {
  color: #C9C8D3;
}

.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:63px;
}

.logo {
  width:100px;
  height:auto;
  cursor: pointer;
}

.logo-text {
  font-family: Funtuana;
  color: #2F6F93;
  font-size: 26px;
  margin-top:8.7px;
  cursor:pointer;
}

.logo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-row {
  display: flex;
  justify-content: space-between;
}

.footer-info-text {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 52px;
  color: #212121;
  display: block;

}

.terms-link {
  font-family: 'Inter';
  font-style: underline;
  text-decoration: underline;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #212121;
  margin-right: 32px;
  padding-bottom: 5px
}

.terms-link:hover {
  color: #000000;
}

a {
  text-decoration: none;
  color:#212121;
  cursor:pointer;
}

a:hover {
  text-decoration: underline;
}

.footer-logo {
  width: 146px;
  height: 170px;
}

.terms-row {
  display: flex;
}

.seperator {
  height:1px;
  background:#C9C8D3;
  margin-bottom:64px;
  margin-top:64px;
}

@media screen and (min-width: 851px) {
 input {
   min-width: calc(50% - 32px);
 }
}


@media screen and (max-width: 850px) and (min-width: 600px) {
  body {
    padding-left:2.6vw;
    padding-right:2.6vw;
    padding-top:48px;
    padding-bottom:48px;
  }

  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 48px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 24px;
    margin-bottom:40px;
  }

  h5 {
    font-size: 18px;
    margin-bottom:16px;
  }

  p {
    font-size: 16px;
  }

  p.light {
    font-size: 16px;
  }

  input {
    font-size: 14px;
    line-height: 16px;
    width: calc(50% - 28px);
    margin-bottom: 14px;
    height:48px;
  }

  input::placeholder {
    font-size: 14px;
    line-height: 16px;
  }

  textarea {
    font-size: 14px;
    line-height: 16px;
  }

  textarea::placeholder {
    color: #C9C8D3;
  }

  button {
    height: 40px;
    font-size: 14px;
    line-height: 16px;
  }

  select {
    height:48px;
    min-width: calc(50% - 8px);
    font-size: 14px;
    line-height: 16px;
  }


  .header-row {
    margin-bottom:63px;
  }

  .logo {
    width:44px;
    height:49px;
  }

  .logo-text {
    font-family: Funtuana;
    color: #2F6F93;
    font-size: 14px;
    margin-top:8.7px;
  }

  .footer-info-text {
    font-size: 14px;
  }

  .terms-link {
    font-size: 12px;
  }


  .footer-logo {
    width: 146px;
    height: 170px;
  }

  .seperator {
    margin-bottom:40px;
    margin-top:40px;
  }
}

@media (max-width: 599px) {
  body {
    padding-left:10px;
    padding-right:10px;
    padding-top:40px;
    padding-bottom:40px;
  }

  h1 {
    font-size: 31px;
  }

  h2 {
    font-size: 24px;
    margin-bottom:16px;
    margin-top:24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 20px;
    margin-bottom: 32px;
  }

  h5 {
    font-size: 18px;
    margin-bottom:8px;
  }

  p {
    font-size: 16px;
  }

  p.light {
    font-size: 16px;
  }

  input {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    margin-bottom: 8px;
    height:48px;
  }

  input::placeholder {
    font-size: 14px;
    line-height: 16px;
  }

  textarea {
    font-size: 14px;
    line-height: 16px;
  }

  textarea::placeholder {
    color: #C9C8D3;
  }

  button {
    height: 40px;
    font-size: 14px;
    line-height: 16px;
  }

  select {
    height:48px;
    min-width: 100%;
    font-size: 14px;
    line-height: 16px;
    margin-bottom:14px;
  }


  .header-row {
    margin-bottom:35px;
  }

  .logo {
    width:44px;
    height:49px;
  }

  .logo-text {
    font-family: Funtuana;
    color: #2F6F93;
    font-size: 14px;
    margin-top:8.7px;
  }

  .footer-info-text {
    font-size: 14px;
  }

  .terms-link {
    font-size: 12px;
  }


  .footer-logo {
    width: 96px;
    height: 111px;
  }


  .seperator {
    margin-bottom:48px;
    margin-top:48px;
  }

  .form-row {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
  }
}