/* Visual skin only. Does not change fields, names, or validation. */
#custom-regbox{
  padding-top:0 !important;
}
#custom-regbox #main-container{
  max-width:none;
  margin:0;
}
#custom-regbox .form-section{
  margin:0;
}
#custom-regbox .form-container{
  background:#fff !important;
  border:1px solid rgba(15,14,12,.10);
  border-radius:22px;
  box-shadow:0 24px 60px -30px rgba(15,14,12,.35);
  overflow:visible;
}
#custom-regbox .formHeader{
  background:transparent;
  color:#0F0E0C;
  text-align:left;
  font-family:'Manrope',system-ui,sans-serif;
  font-size:21px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
  margin:0;
  padding:24px 24px 0;
  border-radius:0;
  white-space:normal;
}
#custom-regbox .formSub{
  margin:4px 0 0;
  padding:0 24px;
  font:400 14px 'Manrope',system-ui,sans-serif;
  color:#5A564D;
  line-height:1.45;
}
#custom-regbox .form-label{
  display:block;
  margin:0 0 6px;
  font:600 13px 'Manrope',system-ui,sans-serif;
  color:#3A372F;
  text-align:left;
}
#custom-regbox .formwrap-outer .intgrtn-form-signup{
  padding:16px 24px 0;
}
#custom-regbox .form-foot{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px 24px 24px;
}
#custom-regbox .intgrtn-steps-holder .intgrtn-step.intgrtn-active{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}
#custom-regbox .intgrtn-input-holder{
  margin:0;
}
#custom-regbox .intgrtn-input-holder-email,
#custom-regbox .intgrtn-input-holder-phone,
#custom-regbox .intgrtn-btn-go-to-step-holder{
  grid-column:1 / -1;
}
#custom-regbox .intgrtn-input{
  height:48px;
  border:1px solid rgba(15,14,12,.16);
  border-radius:12px;
  padding:0 14px;
  font:500 16px 'Manrope',system-ui,sans-serif;
  background:#FBFAF6;
  color:#0F0E0C;
  box-shadow:none;
}
#custom-regbox .intgrtn-input::placeholder{
  color:#5A564D;
  opacity:1;
}
#custom-regbox .intgrtn-input:focus{
  border-color:#C9A13B;
  background:#fff;
  outline:none;
}
#custom-regbox .iti{
  width:100%;
  display:block;
}
#custom-regbox .iti__flag-container{
  padding:0;
}
#custom-regbox .iti__selected-flag{
  background:#F3EEDF;
  border-radius:11px 0 0 11px;
  padding:0 10px 0 12px;
}
#custom-regbox .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
#custom-regbox .iti--separate-dial-code .iti__selected-flag{
  background:#F3EEDF;
}
#custom-regbox .iti__selected-dial-code{
  font:700 14px 'JetBrains Mono',monospace;
  color:#0F0E0C !important;
}
#custom-regbox .iti__arrow{
  border-top-color:#8A6A12;
}
#custom-regbox .iti__arrow--up{
  border-bottom-color:#8A6A12;
}
#custom-regbox .intgrtn-btn-go-to-step-holder{
  margin:4px 0 0;
  text-align:center;
}
#custom-regbox .intgrtn-btn-go-to-step{
  height:56px;
  width:100%;
  margin:0;
  padding:0 18px;
  border:none;
  border-radius:14px;
  background:#D4AE4A;
  color:#0F0E0C;
  font:800 17px 'Manrope',system-ui,sans-serif;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
  box-shadow:inset 0 -2px 0 rgba(15,14,12,.18);
  line-height:1.2;
}
#custom-regbox .intgrtn-btn-go-to-step:hover{
  background:#C9A13B;
  color:#0F0E0C;
}
#custom-regbox .form-send .activeBad{
  color:#0F0E0C !important;
  background:#fff !important;
  border-color:#B3261E !important;
}
#custom-regbox .form-send .activeGood{
  color:#0F0E0C;
  background:#fff;
  border-color:#2E7D32;
}
@media (max-width:767px){
  #custom-regbox #main-container{
    margin:0;
  }
  #custom-regbox .formHeader{
    padding:20px 20px 0;
    font-size:21px;
  }
  #custom-regbox .formSub{
    padding:0 20px;
  }
  #custom-regbox .formwrap-outer .intgrtn-form-signup{
    padding:14px 20px 0;
  }
  #custom-regbox .form-foot{
    padding:14px 20px 20px;
  }
}
