/* --------------- HEADER --------------- */

.gd-form__header {
    margin: 0 auto;
    padding: 2.5vw 0 0 0;
    width: var(--gd-content-width);
    text-align: center;
}

.gd-form__header_title {
    text-decoration: underline;
}

.gd-form__header_description {

}


/* ---------------------------------------------- */
/* --------------- FORM - GENERAL --------------- */

.gd-form {
    --half-gap-size: 0.5vw;
    --section-bottom-margin: 5vw;

    margin: 0 10%;
}


/* ------- Inputs ------- */
.gd-form .placeholder,
.gd-form input[type=text]::placeholder,
.gd-form input[type=email]::placeholder {
    color: #ADADAD;
}

.gd-form input,
.gd-form textarea,
.gd-form select,
.gd-multiselect__checkboxes {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
    line-height: 140%;
    font-weight: 300;
}


.gd-form input[type=text],
.gd-form textarea,
.gd-form input[type=email],
.gd-form input[type=radio],
.gd-form input[type=checkbox],
.gd-multiselect__checkboxes {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* appearance: none; */
}


.gd-form input[type=text],
.gd-form textarea,
.gd-form input[type=email],
.gd-form select ,
.gd-multiselect__checkboxes {
    padding: 1.4vw;
    padding-right: 3.6vw;
    margin: 0;
    height: max-content;
    /*background-color: #F0F0F0;*/
    background-color: #ededed;
    border: none;
    border-radius: 5px;
}

.gd-form option[value=""][disabled] {
    display: none;
}

.gd-form option {
    color: #000000;
}

/* ------- Checkboxes ------- */
.gd-form input[type=checkbox],
.gd-form .gd-form__footer input[type=checkbox],
.gd-form .gd-multiselect input[type=checkbox],
.gd-form label{
    position: relative !important;
}

.gd-form input[type=checkbox]:after,
.gd-form input[type=checkbox]:checked:after {
    width: 2vw;
    height: 2vw;
    padding: 0.3vw 0.5vw;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    content: '\2713';
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
    color: #ededed;
    font-weight: bold;
}

.gd-form input[type=checkbox]:after {
    background-color: #ededed;
}

.gd-form input[type=checkbox]:checked:after {
    color: #18553F;
}


/* ------- Multiselect ------- */
.gd-multiselect {
    position: relative;
    width: 100%;
}

.gd-multiselect .gd-select {
    position: relative;
    background-image: url('../../img/gd-img/gd-form-arrow-down.svg');
    background-repeat: no-repeat;
    background-position: center right 1.3vw;
    background-size: auto 14%;
}

.gd-multiselect .gd-select.expanded {
    background-image: url('../../img/gd-img/gd-form-arrow-up.svg');
    border-radius: 5px 5px 0 0;
    background-image: linear-gradient(to right, #ADADAD 100%, rgba(255,255,255,0));
    background-position: bottom;
    background-size: calc(100% - 2.8vw) 1px;
    background-repeat: no-repeat;
}

.gd-selectBox {

}

.gd-multiselect__checkboxes {
    display: none;
    position: absolute;
    margin: 0;
    padding: 1.1vw 1.1vw;
    width: 100%;
    max-height: 28vw;
    text-align: left;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 10px 10px -5px #ADADAD;
    overflow-Y: scroll;
    z-index: 200;
}

.gd-multiselect__checkboxes.expanded {
    display: block;
}

.gd-multiselect__checkboxes label {
    display: block;
    padding: 0.3vw 0.5vw;
    border-radius: 4px;
}

.gd-multiselect__checkboxes label:hover {
    color: #ffffff;
    background-color: #18553F;
}

.gd-multiselect__checkboxes input[type=checkbox]:after,
.gd-multiselect__checkboxes input[type=checkbox]:checked:after {
    width: 1.6vw;
    height: 1.6vw;
    margin-top: 0.1vw;
    margin-right: 0.4vw;
    padding: 0.0vw 0.4vw;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    content: '\2713';
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
    color: #ffffff;
    font-weight: bold;
}

.gd-multiselect__checkboxes input[type=checkbox]:after {
    background-color: #ffffff;
}

.gd-multiselect__checkboxes input[type=checkbox]:checked:after {
    color: #18553F;
}

.gd-multiselect__checkboxes.gd-singleselect input[type=checkbox]:after {
    background-color: #ededed;
    color: #ededed;
}

.gd-multiselect__checkboxes.gd-singleselect input[type=checkbox]:checked:after {
    color: #18553F;
}

.gd-multiselect__checkboxes.gd-singleselect label:hover input[type=checkbox]:after {
    background-color: #18553F;
    color: #18553F;
}

.gd-multiselect__checkboxes.gd-singleselect label:hover input[type=checkbox]:checked:after {
    color: #ededed;
}

.gd-multiselect__checkboxes .gd-select__header {
    margin-top: 1vw;
    margin-bottom: 0.2vw
}


/* ----------------------------------------------- */
/* --------------- FORM - SPECIFIC --------------- */

/* -- Industry selection -- */
.gd-form__industry {
    width: 100%;
    text-align: center;
}

.gd-form__industry_header {
    margin-bottom: calc(2 * var(--half-gap-size));
    font-family: Arial, sans-serif;
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
    font-weight: bold;
}

.gd-form__industry_selection {
    display: flex;
    gap: calc(var(--half-gap-size) * 2);
    margin-bottom: calc(2 * var(--half-gap-size));
}

.gd-form__industry_item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vw 2vw;
    width: calc((100% / 3) - var(--half-gap-size));
    color: #18553F;
    font-family: Arial, sans-serif;
    /* font-size: clamp(0.9rem, 0.94vw, 1.8rem); */
    /* font-size: clamp(1.0rem, 1.04vw, 2.0rem); */
    font-size: clamp(1.1rem, 1.14vw, 2.2rem);
    font-weight: bold;
    text-transform: uppercase;
    background-color: #ffffff;
    border: clamp(1px, 0.1vw, 2px) solid #18553F;
    border-radius: 5px;
    transition: 0.3s;
}

.gd-form__industry_item span {
    display: inline-block;
    vertical-align: middle;
}

.gd-form__industry_item:hover,
.gd-form__industry_item.selected {
    color: #ffffff;
    background-color: #18553F;
}

.gd-form__industry_job_selection {
    margin-bottom: calc(8 * var(--half-gap-size));
}


/* -- Basic info -- */
.gd-form__info {
    display: grid;
    margin-bottom: var(--section-bottom-margin);
    grid-template-columns: calc(50% - var(--half-gap-size)) calc(50% - var(--half-gap-size));
    gap: calc(2 * var(--half-gap-size));
    justify-items: center;
    align-items: start;
}


/* -- Working history -- */
.gd-form__previous {
    display: grid;
    margin-bottom: var(--section-bottom-margin);
    grid-template-columns: 100%;
    gap: calc(2 * var(--half-gap-size));
    justify-items: center;
    align-items: start;
}

.gd-form__previous_title {
    font-family: Arial, sans-serif;
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
}


/* -- Additional optional info -- */
.gd-form__additional {
    display: grid;
    margin-bottom: var(--section-bottom-margin);
    grid-template-columns: 100%;
    gap: calc(2 * var(--half-gap-size));
    justify-items: center;
    align-items: start;
}


/* -- Legals and Send button -- */
.gd-form__footer {
    font-family: Arial, sans-serif;
    font-size: clamp(1.2rem, 1.25vw, 2.4rem);
    text-align: center;
}

.gd-form__footer_check_container {
    margin: 0 auto 2vw auto;
    width: fit-content;
    text-align: left;
}

.gd-form__footer input[type=checkbox],
.gd-form__footer label{
    margin: 0 0 0.8vw 1.2vw;
}

.gd-form__footer label a {
    text-decoration: underline;
}

#gd-form_submit,
.gd-form__button {
    display: inline-block;
    padding: 1vw 2vw;
    width: max-content;
    color: #ffffff;
    font-size: clamp(1.4rem, 1.46vw, 2.8rem);
    font-weight: bold;
    text-transform: uppercase;
    background-color: #18553F;
    border: clamp(1px, 0.1vw, 2px) solid #18553F;
    border-radius: 5px;
    transition: 0.3s;
}

#gd-form_submit:hover,
.gd-form__button:hover {
    color: #18553F;
    background-color: #ffffff;
}

.gd-form__send_element {
    padding: 1vw 2vw;
}

#gd-form_sending {
    color: #18553F;
    font-size: clamp(1.4rem, 1.46vw, 2.8rem);
    font-weight: bold;
}


.gd-dialog__overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    backdrop-filter: blur(2px) brightness(0.8);
    -webkit-backdrop-filter: blur(2px) brightness(0.8);
    z-index: 200;
}

.gd-dialog__popup {
    position: fixed;
    margin: 0;
    padding: 3.6vw 4vw;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 50vw;
    background-color: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
}

.gd-dialog__popup .gd-text {
    padding-bottom: 3vw;
}


@media screen and (max-width: 950px) {
    .gd-form {
        --half-gap-size: 1vw;
        --section-bottom-margin: 8vw;

        margin: 0 3%;
    }

    .gd-form input,
    .gd-form textarea,
    .gd-form select,
    .gd-multiselect__checkboxes {
        font-size: 2.6vw;
    }

    .gd-form input[type=text],
    .gd-form textarea,
    .gd-form input[type=email],
    .gd-form select ,
    .gd-multiselect__checkboxes {
        padding: 2.8vw;
        padding-right: 6.6vw;
        line-height: 4vw;
    }

    .gd-multiselect .gd-select {
        background-position: center right 2.6vw;
    }

    .gd-form__industry_item {
        padding: 2vw 4vw;
        font-size: 2vw;
    }

    .gd-form__industry_header,
    .gd-form__previous_title,
    .gd-form__footer {
        font-size: 2.6vw;
    }

    .gd-multiselect__checkboxes {
        padding: 2.2vw 2.2vw;
        width: 100%;
        max-height: 70vw;
    }

    .gd-form__info {
        grid-template-columns: 100%;
    }

    .gd-form__industry_selection {
        flex-wrap: wrap;
        justify-content: center;
    }

    #gd-form_submit,
    .gd-form__button,
    #gd-form_sending {
        font-size: 3vw;
    }

    #gd-form_submit,
    .gd-form__button,
    .gd-form__send_element {
        padding: 2vw 4vw;
    }

    .gd-form input[type=checkbox]:after,
    .gd-form input[type=checkbox]:checked:after {
        width: 4vw;
        height: 4vw;
        padding: 0.6vw 1vw;
        font-size: 2.5vw;
    }

    .gd-dialog__popup {
        padding: 6vw 8vw;
        max-width: 90vw;
    }

    .gd-dialog__popup .gd-text {
        padding-bottom: 5vw;
    }
}