.apply-form {
    background: url("../images/background-form-apply.jpg") no-repeat center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (min-width: 992px) {
    .apply-form {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

.apply-form--wrapper {
    background: var(--green-dark);
    padding-top: 40px;
    padding-bottom: 40px
}

@media screen and (min-width: 992px) {
    .apply-form--wrapper {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.apply-form--container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-inline: 16px
}

@media screen and (min-width: 992px) {
    .apply-form--container {
        flex-direction: row;
        gap: clamp(24px, 13.47vw, 194px)
    }
}

@media screen and (min-width: 1312px) {
    .apply-form--container {
        padding-inline: 0
    }
}

.apply-form--title {
    width: 100%
}

@media screen and (min-width: 992px) {
    .apply-form--title {
        max-width: 348px
    }
}

.apply-form--title h2 {
    color: white;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    text-transform: uppercase
}

@media screen and (min-width: 992px) {
    .apply-form--title h2 {
        font-size: 2.5rem
    }
}

.apply-form--form {
    color: white;
    width: 100%;
    position: relative
}

.apply-form--form .gform_heading {
    display: none
}

.apply-form--form label {
    font-family: var(--asap);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 170%
}

.apply-form--form select {
    display: none
}

.apply-form--form .gform_fields {
    row-gap: 24px
}

@media screen and (min-width: 992px) {
    .apply-form--form .gform_fields {
        gap: 24px;
        row-gap: 32px
    }
}

.apply-form--form .gfield_required_asterisk {
    color: var(--green-light);
    margin-left: 4px
}

.apply-form--form .hidden_label legend {
    display: none
}

.apply-form--form input[type=text],
.apply-form--form input[type=tel],
.apply-form--form textarea {
    padding: 12px 16px;
    border: 1px solid var(--green);
    border-radius: 8px;
    width: 100%;
    font-size: 0.875rem;
    font-family: var(--asap);
    color: var(--grey);
    font-weight: 300;
    transition: all .2s ease
}

.apply-form--form input[type=text]:hover:not(:focus),
.apply-form--form input[type=tel]:hover:not(:focus),
.apply-form--form textarea:hover:not(:focus) {
    border-color: var(--green-light)
}

.apply-form--form input[type=text]:focus,
.apply-form--form input[type=tel]:focus,
.apply-form--form textarea:focus {
    outline: 2px solid var(--green-light);
    outline-offset: 2px
}

.apply-form--form input[type="checkbox"] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--green);
    border-radius: 4px;
    transition: all .2s ease;
    margin-top: 2px
}

.apply-form--form input[type="checkbox"]::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    opacity: 0;
    background: url("../images/check.svg") no-repeat center;
    background-size: contain;
    transition: all .2s ease
}

.apply-form--form input[type="checkbox"]:hover {
    border-color: var(--green-light)
}

.apply-form--form input[type="checkbox"]:checked {
    background: var(--green)
}

.apply-form--form input[type="checkbox"]:checked::before {
    opacity: 1
}

.apply-form--form .ginput_container_consent {
    display: flex;
    gap: 12px
}

.apply-form--form .ginput_container_consent label {
    font-weight: 300
}

.apply-form--form .gform-footer {
    display: flex
}

.apply-form--form .select2-search--hide {
    display: none
}

.apply-form--form .ginput_container_select {
    position: relative
}

.apply-form--form .gfield--input-type-fileupload label {
    display: inline-block;
    margin-bottom: 12px
}

.apply-form--form .gfield--input-type-fileupload input[type="file"] {
    color: var(--grey);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    width: 100%
}

.apply-form--form .gfield--input-type-fileupload input[type="file"]+.gfield_description {
    font-family: var(--asap);
}

.apply-form--form .gfield--input-type-fileupload  .gform_fileupload_rules {
    color: var(--grey);
    font-size: 0.875rem !important;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
}

.apply-form--form .gfield--input-type-fileupload input[type="file"]::-webkit-input-placeholder {
    color: red
}

.apply-form--form .gfield--input-type-fileupload input[type="file"]::-moz-placeholder {
    color: red
}

.apply-form--form .gfield--input-type-fileupload input[type="file"]:-ms-input-placeholder {
    color: red
}

.apply-form--form .gfield--input-type-fileupload input[type="file"]::-ms-input-placeholder {
    color: red
}

.apply-form--form .gfield--input-type-fileupload input[type="file"]::placeholder {
    color: red
}

.apply-form--form .gfield--input-type-fileupload input[type=file]::file-selector-button {
    all: unset;
    padding: 4px 20px;
    color: var(--green-light);
    border: 1px solid var(--green-light);
    border-radius: 80px;
    font-family: var(--asap);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    background: var(--green-dark);
    margin-right: 8px;
    cursor: pointer;
    transition: all .4s ease
}

.apply-form--form .gfield--input-type-fileupload input[type=file]::file-selector-button:hover {
    color: var(--black);
    background: var(--green-light)
}

.apply-form--form .upload-files-infos {
    color: var(--grey);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%
}

.ginput_recaptcha {
    position: absolute;
    z-index: 100;
}