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

:root {
--darkgreen:#194142;
--lightblue:#71d1d4;
--lightgreen:#d1f178;
}

form {
  margin-left: auto;
  margin-right: auto;
}

.form-group {
padding-bottom:25px;
}

.form-group label {
font-size:14px;
color:var(--darkgreen);
}

.form-group option {
padding-bottom:0;
margin-bottom:10px;
}

input[type=text],input[type=date],input[type=tel],input[type=email],input[type=number],input[type=password],textarea,select {
min-height:55px!important;
padding:10px 20px!important;
color:var(--darkgreen);
border-radius:8px;
background-color:#f8f9fb;
border:none;
font-size:16px;
width:100%;
max-width:100%;
box-sizing:border-box;
}

input[type=text]::-webkit-inner-spin-button,input[type=date]::-webkit-inner-spin-button,input[type=tel]::-webkit-inner-spin-button,input[type=email]::-webkit-inner-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=password]::-webkit-inner-spin-button,textarea::-webkit-inner-spin-button,select::-webkit-inner-spin-button {
-webkit-appearance:none;
display:none;
}

input[type=text]:focus,input[type=date]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,textarea:focus,select:focus {
border:1px solid var(--lightred);
outline:none;
}

textarea {
min-height:100px!important;
}

select {
appearance:none;
background-image:url(https://upgrade-estate.be/themes/custom/wax_ui_subtheme/dist//img/icons/arrow-down.svg);
background-position:center right 10px;
background-repeat:no-repeat;
background-size:14px;
}

.form-type-radio,.form-type-checkbox {
position:relative;
}

input[type=radio],input[type=radio]:checked,input[type=checkbox],input[type=checkbox]:checked {
position:absolute;
opacity:0;
width:24px!important;
height:24px;
cursor:pointer;
}

input[type=radio] + span,input[type=radio] + label,input[type=radio]:checked + span,input[type=radio]:checked + label,input[type=checkbox] + span,input[type=checkbox] + label,input[type=checkbox]:checked + span,input[type=checkbox]:checked + label {
position:relative;
padding-left:1.95em;
display:block;
cursor:pointer;
min-height:24px;
margin-bottom:4px;
padding-top:6px;
margin-left:0!important;
}

input[type=radio] + label:before,input[type=radio] + span:before {
content:"";
position:absolute;
left:0;
top:15px;
width:20px;
height:20px;
border-radius:12px;
border:solid 1px #6a9091;
background-color:#f8f9fb;
transform:translateY(-50%);
}

input[type=checkbox] + label:before,input[type=checkbox] + span:before {
content:"";
position:absolute;
left:0;
top:15px;
width:20px;
height:20px;
border-radius:8px;
border:solid 1px #6a9091;
background-color:#f8f9fb;
transform:translateY(-50%);
}

input[type=radio]:checked + span:after,input[type=radio]:checked + label:after,input[type=checkbox]:checked + span:after,input[type=checkbox]:checked + label:after {
content:"";
position:absolute;
left:3px;
top:15px;
width:14px;
height:14px;
background-image:url(https://upgrade-estate.be/themes/custom/wax_ui_subtheme/dist//img/icons/check.svg);
transform:translateY(-50%);
background-size:12px;
background-position:center;
background-repeat:no-repeat;
}

input[type=radio]:checked + label:after,input[type=radio]:checked + span:after {
background:var(--darkgreen);
border-radius:12px;
}

input[type=checkbox]:disabled + label:after,input[type=checkbox]:disabled + span:after {
opacity:.5;
}

input[type=checkbox] + label:before,input[type=checkbox] + span:before {
border-radius:5px;
}

.hs_submit {
margin-top:30px;
z-index:10;
}

.hs_submit {
background-color:var(--lightgreen);
color:var(--darkgreen);
padding:17px 50px;
border:1px solid var(--lightgreen);
border-radius:16px;
font-size:16px;
line-height:1.2;
font-weight:900;
transition:background-color,.4s;
text-decoration:none;
min-height:56px;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
text-align: center;
margin-left: auto;
margin-right: auto;
display: flex;
}

.hs_submit:hover,.hs_submit:focus {
text-decoration:none;
border:1px solid var(--lightgreen);
color:var(--darkgreen);
background-color:var(--lightgreen);;
}

.hs_custom {
  color:var(--darkgreen);
  background-color: white;
  padding:17px 50px;
  border:1px solid #71d1d4;
  border-radius:16px;
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  transition:background-color,.4s;
  text-decoration:none;
  min-height:56px;
  font-family: 'Roboto', sans-serif;

}

.hs_custom:hover,.hs_custom:focus {
text-decoration:none;
border:1px solid #71d1d4;
color:var(--darkgreen);
background-color:#dcf3f4;
}


.form-select {
  background-color: #f8f9fb;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  color: var(--bs-gray-600);
}

#form-extra_info {
  background-color: #f8f9fb;
  color: var(--darkgreen);
  border: none;
  border-radius: 8px;
  font-size: 16px;
  min-height:48px;
}

option:checked {
  color: black;
}