/* Forms CSS */

form {
    opacity: 1 !important;
}

.elementor-field-group-hcp_type_other {
    display: none !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(-15px);
}

.elementor-field-group-hcp_type_other.show-field {
    display: block !important;
    animation: fadeInDown 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.elementor-field-group-hcp_type_other.hide-field {
    animation: fadeOutUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-15px);
    }
}

.elementor-field-group-hcp_type_other.show-field {
    margin-top: 20px;
}

.elementor-field.error {
    border-color: rgba(255, 0, 0, 1) !important;
}


.custom-error-message {
    color: rgba(255, 0, 0, 1);
    font-size: 12px;
    margin-top: 5px;
    display: block;
    animation: slideInError 0.3s ease-out;
}

@keyframes slideInError {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInSuccess {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.elementor-form .elementor-message {
    display: none !important;
}

.elementor-form .elementor-field-group .elementor-field-label .elementor-field-required {
    color: rgba(255, 0, 0, 1);
} 

.elementor-field-type-select .elementor-field.elementor-select-wrapper.remove-before {
   flex-direction: column !important;
}