.validation-alert {
    position: relative;
}

.validation-alert2 {
    position: relative;
}

.validation-alert::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    color: #c80000;
    position: absolute;
    right: 25px;
    top: 11px;
}

.check-validate.validation-alert::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    color: #c80000;
    position: absolute;
    right: 25px;
    top: 0px !important;
}

.validation-alert::after {
    content: attr(data-validate);
    color: #c80000;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    bottom: 42px;
    right: 5px;
    visibility: visible;
    opacity: 0;
}

.check-validate.validation-alert::after {
    content: attr(data-validate);
    color: #c80000;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    bottom: -15px !important;
    left: 30px !important;
    visibility: visible;
    opacity: 0;
}

.validation-alert:hover:after {
    visibility: visible;
    opacity: 1;
}

.validation-alert2::before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    color: #c80000;
    position: absolute;
    right: 2px;
    top: 20px;
    z-index: 1;
}

.validation-alert2::after {
    content: attr(data-validate);
    color: #c80000;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    bottom: -15px;
    right: 1px;
    visibility: visible;
    opacity: 0;
}

.validation-alert2:hover:after {
    visibility: visible;
    opacity: 1;
}