.app-footer {
    color: #000;
    height: auto;
    margin: 0;
}

.app-footer a {
    color: #000;
}
    .app-footer a:hover {
        color: #c30000 !important;
    }

.app-footer .footer-title {
    color: #C30000;
}

.app-footer .footer-text {
    text-align: justify;
    width: 23rem;
}

#kt_app_footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #C30000 0%, #F00 100%);
}

@media (min-width: 768px) and (max-width: 991px) {
    .app-footer .footer-text {
        width: 18rem;
    }
}

@media (max-width: 768px) {
    .app-footer .footer-text {
        width: 100%;
    }
}