.contact-form{padding:0 40px;}
.contact-form .info-wrapper , .contact-form .query-wrapper{
  display: block;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 30px;
  border: 1px solid #E3C6F4;
  border-radius: 10px;
  flex: 1;
  position: relative;
  height:100%;
  padding-top: 40px;
}
.contact-form .query-wrapper{margin-right: 0;}
/* Apply outline to the label when the checkbox is focused */
.form-check-input:focus-visible + .form-check-label::before, #webformmvcsubmit:focus-visible {
  
  outline: 2px solid black;
  outline-offset: 2px;
}
.contact-message-wrapper{

/*   margin-top: 40px; */
}
.contact-message-wrapper p{
border-radius: 5px;
  border: 2px solid #10ac84;
  padding: 20px;
color: #10ac84;
  margin: 0;
}
.input-field:focus , .form-control:focus{
  color: #A042DB;
  border: 2px solid #A042DB;
  box-shadow:unset;
  background-color: unset;
}

.contact-form span.form-heading{
  background: #fff;
  padding: 0 10px;
  font-size: 20px;
  position: absolute;
  top: -15px;
}
.input-field , .form-control, textarea.form-control-lg{
  display: block;
  margin-bottom: 25px;
  background-color: #F2F2F2;
  border: 2px solid #F2F2F2;
  color: #000;
  border-radius: 10px;
  padding: 12px 20px;
  outline: 0;
  font-family: inherit;
  width: 100%;
  transition: .4s;
  font-size:18px;
  line-height:21px;
  appearance:auto;
}
.contact-form .form-check .form-check-label{
  font-size: 16px;
  line-height: 24px;
  position:relative;
  padding: 0 0 0 20px;
}
.contact-form .form-check input[type=checkbox]{
  position: absolute;
  left: -9999px;
}
.cta-captcha-wrappr{
  flex-wrap: wrap;
  justify-content: space-between;
}
.checkbox-wrapper .form-check-label:before{
  left: -15px;
  top: -1px;
  width: 24px;
  height: 24px;
  border: 2px solid #A042DB;
  border-radius: 4px;
  background: #fff;
  content: "";
  position: absolute;
}
.checkbox-wrapper .form-check-label:after{
  width: 24px;
  height: 24px;
  border: 2px solid #A042DB;
  background-color: #A042DB;
  border-radius: 4px;
  background-image: url(/~/media/Images/M/myko/icons/check-white);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  top: -1px;
  left: -15px;
  transition: .3s;
  content:"";
  position:absolute;
}
.checkbox-wrapper .form-check-input[type=checkbox]:not(:checked) + .form-check-label:after{
  opacity:0;
  transform: scale(0);
}
.submit-btn--group input[type=submit]{
  background: #A042DB;
  color: #fff;
  border-radius: 30px;
  padding: 8px 26px;
  border: 2px solid #A042DB;
  transition: .2s;
  cursor: pointer;
  line-height: 1.15;
}
.first-dropdown.dropdown select option:nth-child(2), .second-dropdown.dropdown select option:nth-child(2), .third-dropdown.dropdown select optgroup:nth-child(1), .third-dropdown.dropdown select optgroup:first-child option:nth-child(1){ /*display:none;*/}
.submit-btn--group input[type=submit]:hover { background: white; color: #A042DB; transition: .2s;}
.form-field .validation-visible .input-field, .form-field .validation-visible .form-control{ margin-bottom: 10px;}
.form-group-validation{ margin-bottom:10px; line-height: 21px;}
.form-group-validation.checkBox { margin-bottom: 0; margin-top: 7px;}
@media only screen and (max-width:991px){
.contact-form{padding:0 30px;}
  .query-wrapper{ margin-top:20px; }
  .cta-captcha-wrappr{ padding-top: 30px !important; position: relative;}
  .contact-form .query-wrapper{margin-top:32px;}
}
@media all and (max-width:767.98px){
.contact-form{padding:0 18px;}
  .contact-form .form-check .form-check-label{ font-size:1.4rem; }
  .form-group{ margin-top:15px; }
  .contact-form .info-wrapper, .contact-form .query-wrapper{ padding: 15px; padding-top: 25px; margin-right: 0; }
  .input-field, .form-control, textarea.form-control-lg{ font-size: 14px; padding: 12px; }
  .form-group-validation{font-size: 14px;} 
}
.contact-form .input-field::placeholder,.contact-form .form-control::placeholder{color: #000;}
.contact-form .checkbox-wrapper{padding-top: 16px;}
.contact-form textarea.form-control-lg{ margin-bottom: 0;}
.form-check{padding-left: 1.2em;}

@media all and (min-width:991px){
.contact-form .row > *{padding: 0}
}

.form-control.is-invalid, .input-field.is-invalid{background-image: none !important; border-color: #c23616; !important}
.checkbox-wrapper .form-check-input.is-invalid + .form-check-label:before {  border: 2px solid #c23616;}
.form-control.is-invalid { margin-bottom: 10px !important;}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label{color: #c23616 !important; }
.recaptcha_wrapper .alert-danger{ top: 20px;}

input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.g-recaptcha {
  transform: scale(0.8);
  transform-origin: left;
}