/*------------- FORM -------------*/
.form_section{

    display: block;
    width: 100%;
    height: auto;
    margin: 80px 0px;

}
.form_section__content{

    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;

}
.form_section__content__field{

    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: var(--border-style);

}
.form_section__content__field__input{

    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    color: var(--black-color);
    padding: 0px 20px;
    border: 0px;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    outline: none;

}
.form_section__content__field__input::placeholder{ color: #656565; opacity: 1; }
.form_section__content__select{

    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: var(--border-style);
    cursor: pointer;

}
.form_section__content__select__input{

    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    color: var(--black-color);
    padding: 0px 20px;
    border: 0px;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    z-index: 1;
    cursor: pointer;

}
.form_section__content__select__input__option{

    display: block;
    width: 100%;
    height: auto;

}
.form_section__content__select__svg{

    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: block;
    height: auto;
    width: 15px;
    min-width: 15px;
    max-width: 15px;
    fill: #656565;
    padding: 0px;
    margin: 0px;

}
.form_select_placeholder{ color: #656565; opacity: 1; }
.form_section__content__textarea{

    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: var(--border-style);
    grid-column: auto;

}
.form_section__content__textarea__input{

    display: block;
    position: relative;
    width: 100%;
    height: 8rem;
    color: var(--black-color);
    padding: 15px 20px;
    border: 0px;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    resize: none;

}
.form_section__content__textarea__span{

    display: block;
    width: 100%;
    height: auto;
    padding: 0px 20px;
    padding-bottom: 15px;
    margin: 0px;
    text-align: right;
    font-size: 12px;
    color: var(--gray-color);

}
.form_section__content__privacy,
.form_section__content__remember{

    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    gap: 10px;
    width: fit-content;
    height: auto;
    cursor: pointer;
    grid-column: auto;

}
.form_section__content__privacy__input,
.form_section__content__remember__input{

    display: none;
    width: 0px;
    height: 0px;
    opacity: 0;

}
.form_section__content__privacy__checkbox,
.form_section__content__remember__checkbox{

    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    border: var(--border-style);
    background-color: #f7f7f7;

}
.form_section__content__privacy__checkbox__svg,
.form_section__content__remember__checkbox__svg{

    display: block;
    width: 80%;
    height: auto;
    fill: var(--black-color);
    opacity: 0;

}
.form_section__content__privacy__paragraph,
.form_section__content__remember__paragraph{

    display: block;
    width: auto;
    height: auto;
    font-size: 14px;

}
.form_section__content__privacy__paragraph__link{

    font-size: 14px;
    text-decoration: none;

}
.form_section__content__privacy:hover .form_section__content__privacy__paragraph__link{ text-decoration: underline; color: var(--black-color); }
.form_section__content__action{

    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;

}
.form_section__content__action__button{

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    width: 168px;
    height: auto;
    background-color: var(--blue-color);
    padding: 15px 20px;
    cursor: pointer;

}
.form_section__content__action__button__span{

    display: block;
    color: #ffffff;

}
.form_section__content__action__button__svg{

    display: block;
    width: auto;
    height: 14px;
    margin-left: 10px;
    fill: #ffffff;
    position: relative;

}
.form_section__content__action__button__svg:has(.media_loader){

    display: none;
    width: 18px;
    height: 18px;

}
.form_section__content__action__button__svg .media_loader{

    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: 100%;

}
.form_section__content__action__button__svg .media_loader .media_loader__circle{

    fill: var(--blue-color);
    filter: brightness(0.8);

}
.form_section__content__action__button__svg .media_loader .media_loader__halfcircle{

    fill: white;

}
.form_section__content__action.form_two_columns .form_section__content__action__button{

    width: 100%;
    min-width: 100%;
    max-width: 100%;

}
.form_two_columns .form_section__content__textarea,
.form_two_columns .form_section__content__privacy,
.form_two_columns .form_section__content__action{

    grid-column: span 2;

}
.form_section__content__action__button:nth-child(2){

    background-color: var(--gray-color);

}
.form_section__content__action__button.loading .form_section__content__action__button__svg{

    display: none;

}
.form_section__content__action__button.loading .form_section__content__action__button__svg:has(.media_loader){

    display: block;

}


/*
.form_section__content__action__button.loading svg.form_section__content__action__button__svg {
    display: none;
}


.form_section__content__action__button.loading div.form_section__content__action__button__svg {
    display: block;
}
*/


.form_section__content__password{

    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: var(--border-style);

}
.form_section__content__password__input{

    display: block;
    position: relative;
    width: 100%;
    min-width: 0px;
    height: 49px;
    color: var(--black-color);
    padding: 15px 20px;
    border: 0px;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    flex: 1;

}
.form_section__content__password__input::placeholder{ color: #656565; opacity: 1; }
.form_section__content__password__label{

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    cursor: pointer;
    background-color: #ffffff;
    padding: 0px 18px;
    border-left: var(--border-style);

}
.form_section__content__password__label__checkbox{

    display: none;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;

}
.form_section__content__password__label__svg{

    display: none;
    width: 21px;
    height: auto;
    fill: #656565;

}
#login_form_password__visibility__on{

    display: none;

}
#login_form_password__visibility__off{

    display: block;

}
.form_two_columns{

    grid-template-columns: repeat(2, 1fr);

}
@media screen and (max-width: 835px){

    .form_section__content__action.form_two_columns{

        grid-template-columns: 1fr;

    }

}
@media screen and (max-width: 635px){

    .form_two_columns{

        grid-template-columns: 1fr;

    }
    .form_section__content__action.form_two_columns{

        grid-template-columns: repeat(2, 1fr);

    }
    .form_two_columns .form_section__content__textarea,
    .form_two_columns .form_section__content__privacy,
    .form_two_columns .form_section__content__action{

        grid-column: auto;

    }

}
@media screen and (max-width: 435px){

    .form_section__content__action.form_two_columns{

        grid-template-columns: 1fr;

    }

}
/*------------- FORM -------------*/


/*
.form_section__content__field{

    display: block;
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: var(--border-style);

}
.form_section__content__field__input{

    display: block;
    position: relative;
    width: 100%;
    height: 49px;
    color: var(--black-color);
    padding: 15px 20px;
    border: 0px;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    outline: none;

}
.form_section__content__field__input::placeholder{ color: #656565; opacity: 1; }*/