.main-content:has(.contact_form) {
    background: #f8f8f8;
  }
.contact_form .comments:has(.validation-error) {
    padding-bottom: 6rem;
}
.contact_form .form-item.comments:has(.validation-error){
padding-bottom: 6rem;
}
  .contact_form .form-item {
    color: inherit;
}
  .edit-flexbox-02 + .validation-error {
    display: none !important;
  }
  .edit-flexbox-02 ~ .validation-error {
    display: none !important;
  }

  body .captcha-type-challenge--recaptcha.error {
    border: 2px solid #d12e26 !important;
      border-radius: 6px !important;
      padding: 5px 5px 0px;
  }
  body .captcha {
  margin-left: 0px;
  padding: 0;
  max-width: 100% !important;
  }
  section#edit-right-section {
      margin-bottom: 0;
  }
  body .newsletter-label{
  padding: 0 !important;
  }
  .contact_form .hide_lablel.color.fonts.size.read_and_agree.webform-element--title-inline.js-form-item.form-item {
    display:flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
align-items: center;
  }
  .contact_form{
      padding-top: 4rem;
      padding-bottom: 10rem;
  }
  .contact_form .email_wrapper.js-form-item.form-item,  .contact_form .comments.js-form-item.form-item{
      max-width: 100%;
      width: 100%;
  }
  .contact_form .right-section {
      display: flex;
  flex-direction: row;
      flex-wrap: nowrap;
      gap: 2rem;
  }
  .contact_form .hide_lablel.color.fonts.size.webform-element--title-inline.js-form-item.form-item {
          display: flex;
      max-width: 100%;
  width: 100%;
      line-height: 1;
  }
  .contact_form .webform-flexbox, .contact_form .webform-flex--container{
  margin:0;
  }
  .contact_form .webform-flexbox{
  gap: 9.8rem;
  justify-content: center;
  }
  .contact_form .webform-flex--1:first-child{
  padding-top: 20px;
  flex-basis: 39.2rem;
      flex-grow: 0;
  }
  .contact_form .webform-flex--1:last-child{
  padding-top: 84px;
      flex-basis: 66.2rem;
      flex-grow: 0;
  }
  .contact_form .left-section .size h2 {
    font-size: 5.6rem;
      line-height: 59.36px;
      font-family: var(--v-heading-font);
      margin: 0;
      padding-bottom: 4rem;
  }
  .contact_form .left-section .size p {
      font-family: var(--v-secondary-font);
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      color: #24144c;
      letter-spacing: normal;
  margin-top:0;
  }
  .contact_form input[type="tel"] {
      width: 100%;
  }
  .contact_form .containers {
    display: flex;
      gap: 2rem;
  }
  .contact_form .form-item--radio label {
    display: ruby-text;
    margin-left: -24px;
    padding: 0;
    margin-right: 0;
  }
  .contact_form .form-fieldset .form-item {
  padding-bottom: 2rem;
  width: 70%;
  margin-left: 0;
  max-width: 45rem;
  margin-bottom: 0;
  }
  .contact_form {
    max-width: 100%;
    margin: 0 auto;
    padding: 10rem 0 122px;
  }
  .contact_form .hide_lablel legend {
    display: none;
  }
  .contact_form
    .hide_lablel
    legend#edit-can-we-reach-out-to-you-for-a-follow-up--wrapper-legend {
    display: block;
    font-family: var(--v-primary-font);
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #24144c;
    margin-left: 10px;
  }
  .contact_form input {
    border-radius: 8px;
  }
  .contact_form .left-section .color h2 {
    color: #24144c;
  }
  .contact_form .comments.js-form-item.form-item {
      margin-bottom: 0;
  }
  .contact_form .comments div {
      height: 160px;
  }
    .contact_form .form_section .fontsize .captcha__element input {
      background: #fff;
      width: 40px;
      min-height: auto;
      padding: .6em;
      max-width: 100%;
  }
  .contact_form .form_section .right-section label, .contact_form .form_section .fontsize label, .captcha__element, .captcha__description {
    font-family: var(--v-primary-font);
      font-size: 16px;
      font-weight: 500;
      line-height: 17.6px;
      text-align: left;
      color: #24144c;
      margin-right: 0;
      padding: 0;
      margin-bottom: 12px;
      letter-spacing: normal;
  }
  .contact_form .form_section .right-section input, .contact_form .form_section .fontsize  input{
  line-height: 24px;
      padding: 17px;
      border: 1px solid #d2d2d2;
      font-size: 16px;
      background: transparent;
  min-height: 5.6rem;
  width: 100%;
  }
  .contact_form .read_and_agree .validation-error {
    margin-top: 0px;
}
  .contact_form .form-fieldset {
    border: none;
    margin-bottom: 0;
    padding: 0;
  }
  .contact_form .js-webform-radios{
      display: flex;
      gap: 6rem;
  }
  .contact_form #edit-can-we-reach-out-to-you-for-a-follow-up--wrapper label {
      line-height: 22.4px;
      text-align: center;
      color: #24144c;
      font-family: var(--v-primary-font);
      margin-left: -24px;
  }
  .contact_form .form_section .email {
    width: 100%;
  }
  .contact_form .form_section .webform-element--title-inline label {
      font-family: var(--v-secondary-font);
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      color: #24144c;
      padding-top: 0;
      vertical-align: top;
  margin-bottom: 0;
  flex: 1 1 calc(85.333% - 2px);
  }
  .contact_form .webform-element--title-inline{
      display: flex;
      gap: 12px;
  }
  .contact_form .form_section .hide_lablel .webform-button--submit {
  font-weight: 500;
      padding: 10px;
      background: #463797;
       font-family: var(--v-secondary-font);
      font-size: 16px;
      text-align: left;
      color: #ffffff;
      border-radius: 4rem;
      min-height: 5rem;
      margin-top: 1rem;
      min-width: 15.7rem;
      text-align: center;
      width: auto;
   line-height: 16px;
  }
  .contact_form .form_section .fontsize  input.form-radio{
      min-height: 0;
      width: 2rem;
      height: 2rem;
      margin: 0;
  margin-bottom: 1rem;
      accent-color: #24144c;
  }
  .contact_form .message {
  line-height: 24px;
  background: transparent;
      border: 1px solid #d2d2d2;
      border-radius: 8px;
      font-size: 16px;
      padding: 1.7rem;
      max-width: 100%;
      min-height: 50px;
      height: 160px;
      width: 100%;
      max-height: 160px;
resize: none;
  }
  .contact_form .form_section .fontsize  input[type=checkbox]{
      min-height: 0;
      margin: 0;
  width: 2rem;
      height: 2rem;
      accent-color: #24144c;
  }
  .contact_form .clear-icon{
  display:none;
  }
  .contact_form span.validation-error {
      position: relative;
      max-width: 100%;
      padding: 6px 8px 6px 16px;
      background: #fadcdc;
      border-radius: 8px;
      display: flex;
      align-items: center;
      font-size: 14px;
      margin: 0;
      width: 100%;
      margin-top: 12px;
      line-height: 1.4;
  }
  .contact_form span.validation-error::before {
      content: "!";
      background: #da1414;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      height: 17px;
      width: 17px;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      margin-right: 4px;
  }
  .contact_form .left-section .size p a{
      border-bottom: 0;
      color: var(--c-primary);
      text-decoration: underline;
      text-underline-offset: 2px;
  }
  .contact_form .left-section .size p a:focus {
      outline: 0;
      color: unset;
  }
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1180px) {
  .contact_form{
  margin: 0 3rem;
  }
  .contact_form .webform-flexbox{
  gap: 6.8rem;
  }
.contact_form .hide_lablel.color.fonts.size.read_and_agree.webform-element--title-inline.js-form-item.form-item{
align-items: center;
}
  }
  @media only screen and (max-width: 767px) {
  .contact_form .form_section .right-section input, .contact_form .form_section .fontsize  input{
  line-height: 21px;
  }
  .contact_form .message{
  line-height: 21px;
  }
  .contact_form .webform-flex--1:first-child, .contact_form .webform-flex--1:last-child{
  padding-top: 0;
  }
  .contact_form .webform-flex--1:last-child{
  margin-top: -4px;
  }
      .contact_form .form_section .webform-element--title-inline label {
          margin-bottom: 0;
          line-height: 1.5;
        padding-right: 116px;
flex: 1 1 calc(85.333% - 2px);
      }
  .contact_form {
      width: 89%;
      margin: 0 auto;
      padding: 4rem 0;
  }
  .contact_form .left-section .size h2{
  padding-bottom: 3rem;
  }
  .contact_form .left-section .color h2 {
      font-size: 26px;
      line-height: 31.2px;
      padding-bottom: 2rem;
  }
  .contact_form .left-section .size p{
      font-size: 14px;
      line-height: 21px;
  }
  .contact_form .right-section{
  flex-wrap: wrap;
  gap: 0;
  }
  .contact_form .comments div {
      height: 120px;
  }
  .contact_form .form-fieldset .form-item{
      margin-left: 0;
     width: 100%;
          max-width: 100%;
          margin-bottom: 0;
  }
  .contact_form .email_wrapper.js-form-item.form-item, .contact_form .comments.js-form-item.form-item {
      width: 100%;
  }
  .contact_form .form_section .right-section label, .contact_form .form_section .fontsize label{
      font-size: 14px;
      margin-bottom: 10px;
  }
  .contact_form .form_section .right-section input, .contact_form .form_section .fontsize input{
      padding: 16px;
  }
  .contact_form .message{
  height: 120px;
      padding: 1.6rem;
  min-width: auto;
  }
  .contact_form .form_section .hide_lablel .webform-button--submit{
  font-size:14px;
  max-height: 4.6rem;
      min-height: 4.6rem;
      margin-top: 1rem;
      min-width: auto;
      padding: 14px 24px;
      line-height: 1;
  }
  .contact_form .form_section .webform-element--title-inline label{
      margin-bottom: 0;
     line-height: 21px;
  }
  .contact_form .hide_lablel.color.fonts.size.read_and_agree.webform-element--title-inline.js-form-item.form-item {
        padding-bottom: 2rem;
    }
  }
@media only screen and (max-width: 767px) {
            .contact_form .form_section .fontsize input[type=checkbox] {
                  padding: 0;
           }
       }