.validation-for {
    display: block; /*theme automatically hides the validation error fields, so we need to overwrite that when using validation-for*/
}

.input-validation-error {
    border-color: var(--bs-danger) !important;
}

    .input-validation-error:focus {
        border-color: var(--bs-danger) !important;
        box-shadow: 0 0 .75rem 0 rgba(216,44,91,.25) !important;
    }

.validation-summary-errors ul {
    list-style-type: none;
}


.btn {
    border-radius: 0.4rem;
}

.backgroundvideo,
.background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.container {
    z-index: 999;
}

.img-fluid-logo {
    max-width: 80% !important;
    height: auto;
}

.form-control {
    background-color: var(--bs-white);
}