.form-quote{
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: #FFFFFF;
  border-radius: 24px;
  min-height: 640px;
  overflow: hidden;
}
.form-quote > div{
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-quote .form-wrapper .form{
  max-width: 514px;
}
.form-quote .quote-wrapper{
  background: #C09FF4;
}
.form-quote .quote-wrapper .quote{
  max-width: 402px;
}
.form-quote .quote-wrapper .message{
  margin-bottom: 40px;
  line-height: 1;
}
.form-quote .quote-wrapper .author{
  display: flex;
  align-items: center;
  gap: 46px;
}
.form-quote .quote-wrapper .author img{
  width: 98px;
  height: 98px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%:
}
.form-quote .form{
  --hsf-button__background-color: #C09FF4;
  --hsf-button__border-color: #C09FF4;
  --hsf-button--hover__color: #000000;
  --hsf-button--hover__background-color: #D3AFFF;
  --hsf-button--hover__border-color: #D3AFFF;
}
.form-quote .form h3{
  margin-bottom: 24px;
}
.form-quote .form .description{
  margin-bottom: 20px;
}
.form-quote .form .form-title{
  display: none;
}
.form-quote [data-hsfc-id=Renderer] .hsfc-Step{
  background: none !important;
}
.form-quote .form .hsfc-PhoneInput__FlagAndCaret,
.form-quote .form .hsfc-TextInput{
  border: 1px solid #000;
}
@media (min-width: 768px){
  .form-quote .form h3{
    font-size: 36px;
  }
  .form-quote .quote-wrapper .message{
    font-size: 30px;
  }
  .form-quote .quote-wrapper .name{
    font-size: 24px;
  }
}
@media (max-width: 767px){
  .form-quote {
    grid-template-columns: 1fr;
  }
  .form-quote .quote-wrapper .author{
    gap: 20px;
    flex-wrap: wrap;
  }
  .form-quote .quote-wrapper .message{
    margin-bottom: 20px;
  }
  .form-quote .quote-wrapper .message{
    font-size: 24px;
  }
  .form-quote .quote-wrapper .name{
    font-size: 18px;
  }
}