@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

.gradient {
height:90vh;
background-image: linear-gradient(225deg, rgb(198 235 222 / 56%) 0%, rgb(251, 251, 252) 40%, rgb(251, 251, 252) 65%, rgb(184 220 241 / 58%) 100%); */
}

.contact_form {
    align-items: start;
    display: flex;
    flex-direction: row;
    justify-content:center;
}

.contact_form_inner {
  max-width:1400px;
  width:100%;
   display: flex;
    flex-direction: row;
   gap: 32px;
    justify-content: space-between;
}

.contact_form .description {
  width:30vw;
}
.contact_form h1 {
  font-size:52px;
  font-weight:800;
  color:#2A2A5E;
  line-height: 52px;
}

.contact_form .paragraph {
  font-size:18px;
  font-weight:300;
  color:#616786;
  padding-bottom: 32px;
}

.thin {
  padding:10vh 10vw;
}

.form {
  background: #FFFFFF;
  box-shadow: 0px 64px 104px -24px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

form.hs-form.stacked {
  display:flex;
  flex-direction:column;
  gap:16px;
}

.input {
  display:flex;
  flex-direction:row;
  gap:16px;
}
fieldset.form-columns-2 {
  display:flex;
  gap:36px;
}

.hs-fieldtype-intl-phone {
  display:flex;
  gap:8px;
}

fieldset .input {
  margin-right:0px !important;
}

fieldset.form-columns-1 .hs-input {
  width:100% !important;
}

.hs-fieldtype-intl-phone.hs-input:after {
  content:initial !important;
}

select {
  background: #FBFBFC;
  border: 1px solid #DDE0E7;
  border-radius: 8px;
  padding:8px;
  margin-top:4px;
}

  
input[type="text"], 
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="option"]
{
  background: #FBFBFC;
  border: 1px solid #DDE0E7;
  border-radius: 8px;
  padding:8px;
  margin-top:4px;
  flex:1;
}

input[type="submit"] {
  background-color:#2A2A5E;
  border:none;
  border-radius:100px;
  width:auto;
  padding:16px 32px;
  color:#ffffff;
}

textarea {
  background: #FBFBFC;
  border: 1px solid #DDE0E7;
  border-radius: 8px;
  padding:8px;
  margin-top:4px;
  flex:1;
}

label, legend {
  color:#616786;
  font-size: 14px;
}

.form_inner {
  padding:24px;
}


@media(max-width:768px){
    .contact_form {
       margin-top:48px;
       display:flex;
       flex-direction:column;
      justify-content:center;
  }
  
  .contact_form .description {
  width:auto;
}
}