.styled-form {
    /*font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    line-height: 1.4;
    color: #35373f;
    text-align: left;
    outline: 0;
    font-size: 15px;
    border: 0px solid #c1cbd0b8;
    background: #fff;
    border-radius: 6px;
    width: max-content;
    height: max-content;
    /*font-family: 'GolosTextWebVF', sans-serif;*/
    font-weight: normal;
    font-variation-settings: "wght" 500, "wdth" 0;
    margin: 0 1em 0.5em 0;
}



*, ::after, ::before {
    box-sizing: border-box;
}


.styled-form .button, .styled-form .checkbox, .styled-form .input, .styled-form .radio, .styled-form .select, .styled-form .textarea, .styled-form .toggle {
    position: relative;
    display: block;
    width: 11em;

}

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

    .styled-form .button, .styled-form .checkbox, .styled-form .input, .styled-form .radio, .styled-form .select, .styled-form .textarea, .styled-form .toggle {

        width: 12em;
    }
    .styled-form {
        margin-right: 0;
        margin-bottom: 0.8em;
    }

    .styled-form:last-child {
        margin-right: 0;
    }


}
@media screen and (min-width: 361px) and (max-width: 480px) {

    .styled-form .button, .styled-form .checkbox, .styled-form .input, .styled-form .radio, .styled-form .select, .styled-form .textarea, .styled-form .toggle {

        width: 9.5em;
    }

    .styled-form:last-child {
        margin-right: 0;
    }

}

.styled-form .checkbox i, .styled-form .icon-append, .styled-form .icon-prepend, .styled-form .input input, .styled-form .radio i, .styled-form .select select, .styled-form .textarea textarea {
    border-color: #c1cbd0b8;
    transition: border-color .33s ease;
}

.styled-form .select select {
    cursor: pointer;
    padding-right: 28px;
}

.styled-form .input input, .styled-form .select select, .styled-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 4px 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background-color: #fff;
    color: #35373f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1em;
    font-family: 'GolosTextWebVF', sans-serif;
    font-variation-settings: "wght" 400, "wdth" 0;
    font-weight: normal;
    font-family: 'Open Sans Semibold';
    line-height: 1.3;

}

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

    .styled-form {
        border-radius: 12px;
    }

    .styled-form .input input, .styled-form .select select, .styled-form .textarea textarea {
        border-radius: 10px;
    }

}

select {
    word-wrap: normal;
}

button, select {
    text-transform: none;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


.styled-form .select i {
    position: absolute;
    top: 1px;
    right: 2px;
    width: 28px;
    height: 100%;
    pointer-events: none;
}

option {
    font-weight: normal;
    font-size: 1em;
    /*font-family: 'GolosTextWebVF', sans-serif;*/
    font-family: 'Open Sans Semibold', sans-serif;
    font-variation-settings: "wght" 400, "wdth" 0;
}

.styled-form .select i::after {
    bottom: 7px;
    border-top: 5px solid #35373f;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.styled-form .select i::before {
    top: 6px;
    border-bottom: 5px solid #35373f;
}

.styled-form .select i::after, .styled-form .select i::before {
    content: '';
    position: absolute;
    right: 10px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
