/*PC CODE*/

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

.webform-submission-access-to-he-question-about-a-co-add-form .form-type-webform-terms-of-service.js-form-type-webform-terms-of-service.js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-terms-of-service.form-item-terms-of-service {
    margin: 0px;
}

.webform-submission-access-to-he-question-about-a-co-add-form input#edit-first-name, input#edit-first-name--2, input#edit-first-name--3,input#edit-last-name--2, input#edit-last-name--3, input#edit-last-name,input#edit-email, input#edit-email--2, input#edit-email--3 {
    width:100%;
}

  
  
.webform-submission-access-to-he-question-about-a-co-form,
  .kp-form-con-3{
    display:flex;
    flex-wrap: wrap;
    gap: 30px;
}
  
  .kp-form-con-3 div {
    flex: 1 1 45%;
}

.kp-form-con-1 {
    width: 50%;
    flex: 1 1 45%;
}

.kp-form-con-2 {
    width: 50%;
    flex: 1 1 45%;
    background-color: white;
    padding: 30px;
}

.kp-form-con-3 {
    width: 100%;
}
  
.kp-form-con-1 div:last-child {
    margin-bottom: 0px;
}
  
  .kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label,
    .kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label{
    width: 50%;
    max-width: none;
    display: flex;
}
  
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios,
  .kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios{
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    gap:20px;
}
  
  
.webform-submission-access-to-he-question-about-a-co-add-form .webform-submission-form .form-textarea-wrapper {
    width: 100% !important;
}
.webform-submission-access-to-he-question-about-a-co-add-form .form-textarea-wrapper {
    width: 100% !important;
}

.webform-submission-access-to-he-question-about-a-co-add-form textarea#edit-what-is-your-question- {
    height: 89.5px;
    border: 1px solid #0856a0;
}
}
/*MOBILE CODE*/
@media screen and (max-width: 767px) {
 .webform-submission-access-to-he-question-about-a-co-add-form
	.webform-submission-form label,
	.webform-submission-form input[type=text], 
	.webform-submission-form input[type=number], 
	.webform-submission-form input[type=date], 
	.webform-submission-form input[type=tel], 
	.webform-submission-form input[type=email],
	.webform-submission-form select,
	.webform-submission-form .form-textarea-wrapper {
		width: 100% !important;
	}
}

/*CODE FOR THE BOTH VIEWS*/
.webform-submission-access-to-he-question-about-a-co-add-form input#edit-terms-of-service, input#edit-terms-of-service--2, input#edit-terms-of-service--3 {
    display: inline-block !important;
    margin-right: 5px;
}

.webform-submission-access-to-he-question-about-a-co-add-form input#edit-submit, input#edit-submit--2, input#edit-submit--3{
    border: 1px solid #0856a000 !important;
    color: #0067b9 !important;
    text-transform: uppercase;
    padding: 5px 25px;
    background-color: white !important;
}

.webform-submission-access-to-he-question-about-a-co-add-form select#edit-what-course-are-you-interested-in- {
    height: 36px;
    /* border-radius: 0px; */
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.form-item input,
.form-item textarea,
.form-item select{
    font-size: 18px;
    font-weight: 400;
    padding: 10px 15px !important;
    min-height:42px;
    color:#757575 !important;
}

.kp-form-buttons input {
    display: none;
}

.kp-form-con-2 {
    background-color: white;
    padding: 30px;
}

.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label,
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label{
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border-top-right-radius: 0px /*{cornerRadius}*/;
    border-bottom-left-radius: 0px /*{cornerRadius}*/;
    border-bottom-right-radius: 0px /*{cornerRadius}*/;
    border-top-left-radius: 0px /*{cornerRadius}*/;
    border: 0px;
    font-size: 18px;
    padding: 10px 15px !important;
    color: #757575 !important;
}

.kp-form-buttons legend,
.kp-form-buttons-call-op legend{
    color: #757575;
    margin-bottom: 17.5px !important;
}

.kp-form-con-1 div:first-child {
    margin-top: 0px;
}



.kp-form-con-2 :first-child {
    margin-top: 0px;
}

.kp-form-con-2 :last-child {
    margin-bottom: 0px;
}


.kp-form-con-2 .ui-state-active, 
.kp-form-con-2 .ui-widget-content 
.kp-form-con-2 .ui-state-active, 
.kp-form-con-2 .ui-widget-header 
.kp-form-con-2 .ui-state-active, 
.kp-form-con-2 a.ui-button:active, 
.kp-form-con-2 .ui-button:active, 
.kp-form-con-2 .ui-button.ui-state-active:hover {
    background: #1e807e;
}

.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-state-active, 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-widget-content 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-state-active, 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-widget-header 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-state-active, 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios labela.ui-button:active, 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-button:active, 
.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-button.ui-state-active:hover,
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-state-active, 
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-widget-content 
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-state-active, 
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-widget-header 
.kp-form-buttons-call-up .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-state-active, 
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios labela.ui-button:active, 
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-button:active, 
.kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios label.ui-button.ui-state-active:hover {
     color:white !important;
}

.kp-form-buttons .ui-visual-focus,
.kp-form-buttons-call-op .ui-visual-focus{
    box-shadow: none;
}

.kp-form-con-2 .form-type-tel.js-form-item-phone input {
    width: 100%;
}

.kp-form-con-3 {
    background: #166563;
    padding:30px
}

.kp-form-con-3 .form-type-processed-text {
    margin:0px;
}

.kp-form-con-3 .form-type-processed-text strong {
    font-size:20px;
    font-weight:900;
}

.kp-form-con-3 .form-type-processed-text p,
.kp-form-con-3 div.form-type-webform-terms-of-service label{
    font-size:16px;
    font-weight:400;
}

.kp-form-con-3 div.form-type-webform-terms-of-service{
    display:flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.kp-form-con-3 div.form-type-webform-terms-of-service .description {
    display: none;
}

.kp-form-con-3 div.form-type-webform-terms-of-service label{
    width:100%;
}

.kp-form-buttons .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios,
  .kp-form-buttons-call-op .js-webform-webform-buttons.webform-options-display-side-by-side.form-radios{
    gap: 20px !important;
    display: flex;
    flex-wrap: wrap;
}




.webform-submission-access-to-he-question-about-a-co-form .webform-submission-form input[type=text], 
.webform-submission-access-to-he-question-about-a-co-form .webform-submission-form input[type=number], 
 .webform-submission-access-to-he-question-about-a-co-form.webform-submission-form input[type=date], 
.webform-submission-access-to-he-question-about-a-co-form .webform-submission-form input[type=email], 
.webform-submission-access-to-he-question-about-a-co-form .webform-submission-form select, 
.webform-submission-access-to-he-question-about-a-co-form .webform-submission-form 
.webform-submission-access-to-he-question-about-a-co-form .form-textarea-wrapper {
    width: 100%;
}