.form_field {
    margin-bottom: 14px;
}

.form_field input,
.form_field select,
.form_field textarea {
    width: 100%;
    background: #1E1E1E;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    padding: 15px 18px;
    color: var(--white);
    font-family: var(--body-font);
    font-size: 14px;
    outline: none;
    transition: border-color .3s ease;
    border-left: 1px solid #858585;
    border-right: 1px solid #858585;
    resize: none;
    min-height: 52px;
}

.form_field input::placeholder,
.form_field textarea::placeholder {
    color: rgba(255, 255, 255, .45);
}

.form_field input:focus,
.form_field select:focus,
.form_field textarea:focus {
    border-color: var(--theme-orange);
}

.form_field select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    color: rgba(255, 255, 255, .45);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.5' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
}

.form_field select option {
    color: var(--white);
    background: var(--black-color);
}

.form_field textarea {
    resize: vertical;
    min-height: 100px;
}

.form_field .cta_btn,
.contact_form .cta_btn {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    max-width: 100%;
}

@media screen and (max-width: 1440px) {
    .form_field input,
    .form_field select,
    .form_field textarea {
        min-height: 45px;
    }
}

@media screen and (max-width: 1366px) {
    .form_field input,
    .form_field select,
    .form_field textarea {
        min-height: 39px;
        padding: 10px 18px;
    }

    .form_field textarea {
        min-height: 90px !important;
    }
}