/* Honeypot field: invisible to real users, present for bots that auto-fill forms */
.form-hp-field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.form-inner select {
    width: 100%;
    border-radius: 0;
    background: #fff;
    color: var(--title-color);
    font-family: var(--font-jost);
    font-size: 13px;
    padding: 10px 20px;
    height: 50px;
    border: 1px solid #eee;
}

.form-inner .nice-select {
    width: 100%;
    height: 50px;
    line-height: 48px;
    border-radius: 0;
    border: 1px solid #eee;
    font-family: var(--font-jost);
    font-size: 13px;
    color: var(--title-color);
}

.form-inner .nice-select .list {
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
}

.form-inner input:invalid:not(:placeholder-shown):not(:focus) {
    border-color: #E24C4C;
}

.form-inner input:valid:not(:placeholder-shown) {
    border-color: rgba(var(--primary-color1-opc), 0.6);
}

.form-alert {
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 24px;
    font-size: 14px;
}

.form-alert-success {
    background: rgba(99, 171, 69, 0.12);
    color: #3E7A1F;
    border: 1px solid rgba(99, 171, 69, 0.3);
}

.form-alert-error {
    background: rgba(226, 76, 76, 0.1);
    color: #B23434;
    border: 1px solid rgba(226, 76, 76, 0.3);
}