.helio-contact-section{ padding:30px 0; }

.helio-contact-form{
  display:flex;
  flex-wrap:nowrap;
  gap:40px;
  align-items:flex-start;
  justify-content:space-between;
  margin:40px auto 20px;
  max-width:1400px;
  padding:0 20px;
}

.helio-contact-form .contact-left{
  flex:1 1 50%;
  font-size: clamp(20px, 1.5vw, 21px);
  padding-top: 5px;
}

.helio-contact-form .contact-left h3{
  font-size: clamp(24px, 3vw, 44px);
  margin-bottom:20px;
  color:#8a69d4;
}

.helio-contact-form .contact-right{
  flex:1 1 50%;
  min-width:320px;
  display:flex;
  justify-content:center;
}

.helio-contact-form .contact-right .hbspt-form,
.helio-contact-form .contact-right form{
  width:100%;
  max-width:560px;
  margin:0 auto;
}

@media (max-width: 1024px){
  .helio-contact-form{
    gap:28px;
    align-items:stretch;
  }
}

@media (max-width: 820px){
  .helio-contact-form{
    flex-direction:column;
    gap:24px;
    padding:0 16px;
    align-items:center;
    margin:28px auto 20px;
  }
  .helio-contact-form .contact-left,
  .helio-contact-form .contact-right{
    flex:1 1 100%;
  }
  .helio-contact-form .contact-left{
    text-align:center;
  }
  .helio-contact-form .contact-right .hbspt-form,
  .helio-contact-form .contact-right form{
    max-width:520px;
  }
}

@media (max-width: 480px){
  .helio-contact-form{
    padding:0 12px;
    margin:20px auto;
    gap:20px;
  }
  .helio-contact-form .contact-right .hbspt-form,
  .helio-contact-form .contact-right form{
    max-width:440px;
  }
}