/* Contact-specific styles */
.contact-steps {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
}
.contact-step {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E0E0E0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #272727;
    transition: all 0.3s ease;
}
.contact-step.active {
    background-color: #2B5F8C;
    color: white;
}
.contact-step.completed {
    background-color: #4A90C8;
    color: white;
}
.form-step {
    display: none;
}
.form-step.active {
    display: block;
}
.confirmation-item {
    margin-bottom: 16px;
}
.confirmation-label {
    font-size: 0.9rem;
    color: #2B5F8C;
    font-weight: 600;
    margin-bottom: 4px;
}
.confirmation-value {
    font-size: 1rem;
    color: #272727;
}
.success-message {
    text-align: center;
    padding-bottom: 40px;
}
.success-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background-color: #4CAF50;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-icon svg {
    width: 48px;
    height: 48px;
    fill: white;
}
select[multiple] {
    -webkit-appearance: none;  /* Safari, Chrome */
    -moz-appearance: none;     /* Firefox */
    appearance: none;          /* Chuẩn CSS3 */
    background-image: none;    /* Ẩn icon mặc định */
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 8px;
    outline: none;
}
.confirmation-label span {
    color: red;
}
.error__msg {
    color: red;
    font-size: 13px;
    margin-top: 5px;
}
.error__msg span {
    display: block;
}
@media (min-width: 1024px) {
    select[multiple] {
        height: 140px;
    }
}