/***/
.innerform-page-form .form-side-text{ font-size: 16px; font-weight: 500; color: #fff}
.innerform-page-form .form-side-text.bold{ font-size: 22px; font-weight: 800; line-height: 1.2; margin-bottom: 10px}

.innerform-page-form{  }
.innerform-page-form > div{ padding: 20px;}

.innerform-page-form *::placeholder{ }
.innerform-page-form .form-title{ font-size: 22px; font-weight: bold; line-height: 1.2; margin-bottom: 30px; color: #fff}
.innerform-page-form .form-row{ padding-bottom: 20px;  }
.innerform-page-form .form-row.checkbox{ padding-bottom: 40px}
.innerform-page-form .form-row.text input{ display: block; width: 100%; box-sizing: border-box; border-radius: 10px; padding: 5px 0; border: none; background-color: #fff; box-shadow: 0 2px 10px -3px   rgb(0 0 0 / 20%); padding: 15px }
.innerform-page-form .form-row.text textarea{ display: block; width: 100%; box-sizing: border-box; padding: 5px 0; border: none; background-color: transparent;  border-bottom: 1px solid rgb(255 255 255 / 40%);  }



.form-row .field-error{ position: absolute; font-size: 13px; color: #fff;  line-height: 1.2; right: 0; bottom: 15px; opacity: 0; transition: all 0.3s linear; background: var(--red); border-radius: 3px; padding: 2px 5px; }
.form-row .field-error.is-show{opacity: 1}

.form-row.checkbox input{ width: 0; height: 0; opacity: 0; z-index: -1; visibility: hidden; position: absolute}
.form-row.checkbox label{ padding-left: 40px;display: block;position: relative;font-size: 13px;line-height: 1.3; color: #fff}
.form-row.checkbox label:before, .form-row.checkbox label:after{ content: ""; position: absolute; display: block;   transition: all 0.3s linear; opacity: 0.8;}
.form-row.checkbox label:before{top:3px;   left: 0; width: 26px; height: 16px; border: 2px solid #fff; border-radius: 12px;}
.form-row.checkbox label:after{top:8px; left: 7px; width: 10px; height: 10px;  border-radius: 50%;    background-color: #fff;}
.form-row.checkbox input:checked + label:before{ background: #fff}
.form-row.checkbox input:checked + label:after{ left: 15px; background-color:  var(--color2)}
.form-row.checkbox label a{text-decoration: underline;}

.innerform-page-form .form-row.submit{ margin-top: 5px;}
.innerform-page-form .button{  margin: auto}

.innerform{ margin: 20px auto; max-width: 420px}

.innerform-side-form{background: var(--color2);}
.innerform-side-desc{ background: var(--color5); padding-bottom: 15px;   }


@media only screen and (min-width: 768px) {

    .innerform-page-form .form-side-text.bold{      margin-bottom: 30px;}

    .innerform{ max-width: none; margin-top: 40px}
    .innerform .innerform-page-form{ display: flex}
    .innerform .innerform-page-form > div{ flex-basis: 50%;  padding: 40px;}
    .innerform-side-desc{ padding-right: 30px;   display: flex;flex-direction: column;justify-content: center; }
    .innerform-side-form{ padding-left: 30px;   }

    .acms_popup_case{ padding: 40px !important;}
    .acms_popup_wrapper_close{ top: 10px !important; right: 10px!important;}
}
@media only screen and (min-width: 1024px) {

    .innerform-page-form .form-side-text.bold{ font-size: 28px;}
    .innerform .innerform-page-form > div{ flex-basis: 50%;  padding: 40px 60px;}
    .form-side-text{ font-size: 16px}
    .form-side-text.bold{ font-size: 22px}
    .innerform .page-form .form-title{ font-size: 18px}


    .acms_popup_case{ padding: 40px !important;}
    .acms_popup_wrapper_close{ top: 10px !important; right: 10px!important;}
}
@media only screen and (min-width: 1280px) {
    .innerform .innerform-page-form > div{ padding: 40px 80px;}

}