/*
Application Page
 */
.page-template-page-template-form {
    background-image: url("/wp-content/uploads/2025/06/background-application.webp");
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.page-template-page-template-form:before {
    display: none;
}

#application-from-wrapper .container {
    width: 100%;
    max-width: 970px;
    padding-inline: 15px;
    margin-inline: auto;
    margin-block: 64px;
}

#application-from-wrapper .gform_wrapper {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 1);
    box-shadow: 0px 0px 10px 0px rgba(138, 138, 138, 1);
    /*background-color: #FFF;*/
    background-color: var(--white);
    border-radius: 24px;
}

#application-from-wrapper .gform-body {
    padding: 40px;
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    /*background-color: var(--white);*/
}

body #application-from-wrapper .gform_wrapper .gform-body h2 {
    text-align: center;
    color: #171717;
    font-size: 32px;
    line-height: 40px;
    margin: 0 auto;
    font-family: "Nunito Sans", sans-serif !important;
    font-weight: 700;

}

#application-from-wrapper .gform_wrapper .gform-body legend,
#application-from-wrapper .gform_wrapper .gform-body label {
    font-size: 14px;
    color: #171717 !important;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600 !important;
}

#application-from-wrapper .gform_wrapper .gfield_required {
    color: #171717 !important;
}

#application-from-wrapper .gform_wrapper .gform_fields {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
}

#application-from-wrapper .gform_wrapper input[type=text],
#application-from-wrapper .gform_wrapper select,
#application-from-wrapper .gform_wrapper input[type=email],
#application-from-wrapper .gform_wrapper input[type=tel] {
    border-radius: 10px !important;
    border: 1px solid #E5E5E5;
    background: #FFF !important;
    font-size: 14px;
    line-height: 16px;
    color: #171717;
    padding: 8px 12px !important;
    height: 40px !important;
    font-weight: 500;
}

#application-from-wrapper .gform_wrapper select {
    appearance: none;
    background-image: url("/wp-content/uploads/2025/06/chevron-down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px top 10px !important;
}

#application-from-wrapper .gform_wrapper input::placeholder,
#application-from-wrapper .gform_wrapper select:placeholder-shown,
#application-from-wrapper .gform_wrapper select option.gf_placeholder {
    color: #A3A3A3;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    opacity: .8 !important;

}


body #application-from-wrapper .gform_wrapper .gfield_description,
body #application-from-wrapper .gform_wrapper .gform-field-label--type-sub,
#application-from-wrapper .gform_wrapper .gfield_description {
    font-size: 12px !important;
    line-height: 14px !important;
    color: #737373;
    padding-left: 18px;
    position: relative;
    padding-top: 8px !important;
}

#application-from-wrapper .gform_wrapper .gfield_description::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("/wp-content/uploads/2025/06/alert-circle.svg");
    background-size: contain;
}

#application-from-wrapper .gform_wrapper.gravity-theme .ginput_container_address span,
#application-from-wrapper .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
    margin-bottom: 16px;
}


/* Style for the container when checkbox is not checked */
/*#application-from-wrapper .gform_wrapper .gchoice {*/
/*    border: 1px solid #ccc; !* Grey border *!*/
/*    padding: 10px;*/
/*    border-radius: 4px;*/
/*    margin: 5px 0;*/
/*    transition: border-color 0.3s ease; !* Smooth transition for border color *!*/
/*}*/
#application-from-wrapper .gform_wrapper .gfield--type-choice legend {
    padding-bottom: 16px !important;
}

#application-from-wrapper .gform_wrapper .gfield_error legend,
#application-from-wrapper .gform_wrapper .gfield_error label,
#application-from-wrapper .gform_wrapper .gfield_error .gfield_required {
    color: salmon !important
}

#application-from-wrapper .gform_wrapper .gfield_error .ginput_container label {
    color: #171717 !important;
}

#application-from-wrapper .gform_wrapper #field_87.gfield_error .ginput_container label,
#application-from-wrapper .gform_wrapper #field_8_194.gfield_error .ginput_container label {
    color: salmon !important
}

/*#application-from-wrapper .gform_wrapper .gfield--type-choice.field_sublabel_below.gfield--has-description legend {*/
/*    padding-bottom: 4px !important;*/
/*}*/

/*#application-from-wrapper .gform_wrapper .field_sublabel_below.gfield--has-description .gfield_description {*/
/*    padding-top: 0 !important;*/
/*}*/

/*#application-from-wrapper .gform_wrapper .field_sublabel_below.gfield--has-description .gfield_description::before {*/
/*    top: 7px;*/
/*}*/

#application-from-wrapper .gform_wrapper .charleft {
    display: none;
}

#application-from-wrapper .gform_wrapper .gfield_checkbox,
#application-from-wrapper .gform_wrapper .gfield_radio,
#application-from-wrapper .gform_wrapper .medium {
    display: grid;
    row-gap: 8px;
    max-width: 420px;
    width: 100%;
    height: auto;

}

#application-from-wrapper .gform_wrapper .single .gfield_checkbox,
#application-from-wrapper .gform_wrapper .single .gfield_radio {
    max-width: 100%;
}

#application-from-wrapper .gform_wrapper .single-check .gfield_checkbox,
#application-from-wrapper .gform_wrapper .single-check .gfield_radio {
    max-width: 100%;
}

#application-from-wrapper .gform_wrapper .light .gfield_checkbox label,
#application-from-wrapper .gform_wrapper .light .gfield_radio label,
#application-from-wrapper .gform_wrapper .light .ginput_container_consent label {
    font-size: 14px !important;
    line-height: 16px !important;
    color: #737373 !important;
}

#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="checkbox"]:checked + label,
#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="radio"]:checked + label,
#application-from-wrapper .gform_wrapper .single .gchoice input[type="checkbox"]:checked + label,
#application-from-wrapper .gform_wrapper .single .gchoice input[type="radio"]:checked + label,
#application-from-wrapper .gform_wrapper .single input[type="checkbox"]:checked + label,
#application-from-wrapper .gform_wrapper .single input[type="radio"]:checked + label,
#application-from-wrapper .gform_wrapper .single .ginput_container_consent input[type="checkbox"]:checked + label {
    border: none;
}

#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="checkbox"] + label,
#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="radio"] + label,
#application-from-wrapper .gform_wrapper .single .gchoice input[type="checkbox"] + label,
#application-from-wrapper .gform_wrapper .single .gchoice input[type="radio"] + label,
#application-from-wrapper .gform_wrapper .single input[type="checkbox"] + label,
#application-from-wrapper .gform_wrapper .single input[type="radio"] + label {
    border: none;
}

#application-from-wrapper .gform_wrapper .gchoice,
#application-from-wrapper .gform_wrapper .ginput_container_consent {
    position: relative;
}

#application-from-wrapper .gform_wrapper .gchoice label,
#application-from-wrapper .gform_wrapper .ginput_container_consent label {
    border: 1px solid #ccc; /* Green border */
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #171717;
    /*min-height: 40px;*/
    border-radius: 10px;
    width: 100%;
    display: block;
    padding-left: 32px;

}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"],
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"],
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    /* Not removed via appearance */
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:after,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:after,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:after {
    content: "";
    display: block;
    /* Not removed via appearance */
    margin: 0;
    padding: 0;
    position: relative;
    font: inherit;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    place-content: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 4px;

}

#application-from-wrapper .gform_wrapper .gfield_checkbox .gchoice,
#application-from-wrapper .gform_wrapper .ginput_container_consent {
    align-items: center !important;
}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]::before,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]::before,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]::before {
    content: "";
    width: 7px;
    height: 7px;
    /*transform: scale(0);*/
    transition: 120ms transform ease-in-out;
    transform-origin: bottom left;
    background: #FFF;
    display: block !important;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    border-radius: 4px;
    border: none;
}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked::before,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked::before,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked::before {
    opacity: 1;
}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked:after,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked:after,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked:after {
    border: 1px solid #03AA94;
}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked {
    background-color: #03AA94 !important;
}

/* Style for the container when checkbox is checked */
#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked ~ label,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked ~ label,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked ~ label {
    border-color: #03AA94; /* Green border */
}

/* Alternative approach - styling the container when checked */
#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked + label,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked + label,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked + label {
    border: 1px solid #03AA94; /* Green border */
}

/* Or if you want to style the entire container when checked */
#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked {
    /* This won't work directly on the div, so we'll use adjacent sibling selector */
}

/* This might work better for your structure */
#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked {
    /* The checkbox itself */
}

#application-from-wrapper .gform_wrapper .gchoice input[type="checkbox"]:checked + label,
#application-from-wrapper .gform_wrapper .gchoice input[type="radio"]:checked + label,
#application-from-wrapper .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked + label {
    color: #4CAF50; /* Change text color when checked */
}

/* If you want to style the container div when checked, you might need JavaScript */
#application-from-wrapper .gform_wrapper .single-check .gchoice label,
#application-from-wrapper .gform_wrapper .single-check .ginput_container_consent label {
    border: none;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #737373 !important;
    padding-left: 40px;
    font-weight: 400;
}

#application-from-wrapper .gform_wrapper .note,
#application-from-wrapper .gform_wrapper .note p,
#application-from-wrapper .gform_wrapper .note li {
    border: none;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #737373 !important;
    font-weight: 400;
}

#application-from-wrapper .gform_wrapper .military-text p,
#application-from-wrapper .gform_wrapper .military-text li {
    color: #171717;
    font-size: 16px !important;
    line-height: 18px !important;
}

#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="checkbox"]:checked ~ label,
#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="radio"]:checked ~ label,
#application-from-wrapper .gform_wrapper .single-check .ginput_container_consent input[type="checkbox"]:checked ~ label {
    border: none; /* Green border */
}

/* Alternative approach - styling the container when checked */
#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="checkbox"]:checked + label,
#application-from-wrapper .gform_wrapper .single-check .gchoice input[type="radio"]:checked + label,
#application-from-wrapper .gform_wrapper .single-check .ginput_container_consent input[type="checkbox"]:checked + label {
    border: none;
}

#application-from-wrapper .gform_wrapper .gf_steps_form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    background-color: #03AA94;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

#application-from-wrapper .gform_wrapper .gf_steps_form-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 600px;
    max-width: 100%;
    justify-content: space-between;
    position: relative;
}

#application-from-wrapper .gform_wrapper .gf_steps_form-inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    width: calc(100% - 80px);
    height: 8px;
    background-color: #0D9488;
}

#application-from-wrapper .gform_wrapper .gf_step {
    margin: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0);
}

#application-from-wrapper .gform_wrapper .gf_step.active {
    position: relative;
}

#application-from-wrapper .gform_wrapper .gf_step.active .number-holder:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: 8px;
    height: 8px;
    background-color: #F37038;
    border-radius: 50%;
}

#application-from-wrapper .gform_wrapper .gf_step.active .number-holder:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: -30px;
    width: 8px;
    height: 8px;
    background-color: #6ADCFF;
    border-radius: 50%;
}

#application-from-wrapper .gform_wrapper .gf_step.active .number-holder .number:after {
    content: "";
    display: block;
    position: absolute;
    top: 48px;
    right: -28px;
    width: 8px;
    height: 8px;
    background-color: #C9E265;
    border-radius: 50%;
}

#application-from-wrapper .gform_wrapper .gf_step .number-holder {
    width: 44px;
    height: 44px;
    position: relative;
    border-radius: 50%;
    background-color: #0D9488;
    color: #03AA94;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    font-family: "Nunito Sans", sans-serif;
    margin: 0;

}

#application-from-wrapper .gform_wrapper .gf_step.active.number-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 40px;
    /*width: calc(33% - 40px);*/
    height: 8px;
    background-color: #FFF;
    border-radius: 10px;
}

#application-from-wrapper .gform_wrapper .gf_step.active.number-2:before {
    content: "";
    display: block;
    position: absolute;
    left: 40px;
    /*width: calc(33% - 40px);*/
    height: 8px;
    background-color: #FFF;
    border-radius: 10px;
}

#application-from-wrapper .gform_wrapper .gf_step.active.number-3:before {
    content: "";
    display: block;
    position: absolute;
    right: 40px;
    /*width: calc(33% - 40px);*/
    height: 8px;
    background-color: #FFF;
    border-radius: 10px;
}

#application-from-wrapper .gform_wrapper .gf_step.active .number-holder {
    background-color: #CCFBF1;
}

#application-from-wrapper .gform_wrapper .gf_step.active {
    border: 2px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, .1);
}

#field_9_8 .ginput_container_address {
    margin-bottom: -40px;
}

@media screen and (min-width: 641px) {
    #application-from-wrapper .gform_wrapper .w-50 {
        grid-column: span 6 !important;
    }
}

#application-from-wrapper .gform_wrapper .gform-page-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}

#application-from-wrapper .gform_wrapper .gform-page-footer .button,
#application-from-wrapper .gform_wrapper .gform-page-footer input[type="button"] {
    background-color: #03AA94 !important;
    background: #03AA94 !important;
    border: none;
    font-size: 14px;
    color: #FFF;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-weight: 600;
}

/*#application-from-wrapper .gform_wrapper fieldset#field_8_29 {*/
/*    margin-bottom: -30px;*/
/*}*/

#application-from-wrapper .gform_wrapper .gfield-choice-input + label {
    max-width: 100%;
}

#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"] {

}

#application-from-wrapper .gform_wrapper .add-education {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"]::before,
#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"]::after {
    display: none;
}

#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"]::before {
    content: "+";
    display: block;
    position: absolute;
    left: 1px !important;
    top: -8px;
    color: #03AA94;
    font-size: 20px;
    font-weight: 600;
    width: auto;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    clip-path: none;
    transform: none;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0) !important;
}

#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"]:checked {
    background-color: rgba(255, 255, 255, 0) !important;
}

#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"]:checked::before {
    content: "-";
}

#application-from-wrapper .gform_wrapper .add-education .gchoice input[type="checkbox"]:checked + label {
    border: none !important;
}

#application-from-wrapper .gform_wrapper .add-education .gfield-choice-input + label {
    border: none;
    border-radius: 0;
    color: #03AA94 !important;
    font-weight: 600;
    cursor: pointer;
}

#application-from-wrapper .gform_wrapper #gform_drag_drop_area_8_139 {
    background-color: rgba(3, 170, 148, .08);
    background-image: url("/wp-content/uploads/2025/07/upload.png");
    background-size: 72px 72px;
    background-repeat: no-repeat;
    background-position-y: 16px;
    background-position-x: center;
    padding: 64px 32px;
}

#application-from-wrapper .gform_wrapper #gform_drag_drop_area_8_139 .gform_drop_instructions {
    padding-top: 50px;
    color: #171717;
    font-size: 16px;
    line-height: 18px;
}

#application-from-wrapper .gform_wrapper #gform_drag_drop_area_8_139 .gform_button_select_files {
    background: #03AA94 !important;
    border: none;
    font-size: 14px;
    color: #FFF;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-weight: 600;
}

.gform_heading {
    display: none;
}

#application-from-wrapper .gform_validation_errors, #application-from-wrapper .validation_message {
    display: none;
}

.gform_body input[aria-invalid=true], .gform_body select[aria-invalid=true], .gform_body textarea[aria-invalid=true] {
    color: var(--orange-100);
}

#application-from-wrapper .gfield_error [aria-invalid=true] {
    border: 1px solid var(--orange-100) !important;
}

.form-section.option_2 {
    background-color: #DCF2F0;
    padding-block: 0;
    background-image: url("/wp-content/uploads/2025/06/thank-you-bg-scaled.webp");
    background-size: 50vw;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.form-content iframe body .alignSubmit,
.form-content iframe body .submitBtnCont,
.form-content iframe body .fmSmtButton {
    width: 100%;
}

.gform_wrapper.gravity-theme h1,
.gform_wrapper.gravity-theme h2,
.gform_wrapper.gravity-theme h3,
.gform_wrapper.gravity-theme h4,
.gform_wrapper.gravity-theme h5 {
    margin-block-start: .5rem;
    margin-block-end: 1rem;
}

.gform_wrapper.gravity-theme p {
    margin-block-start: 0;
    margin-block-end: .9rem;
}
.gfield--type-html a{
    color: var(--orange-200);
}