/* 
 * Footer Modern CSS 
 * Used for applying the alternative modern footer into other templates safely.
 */

.footer-modern {
    background: #131a2a;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 4rem 0 2rem;
    position: relative;
    overflow: hidden;
}

.footer-modern::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 100px;
    background: #4facfe;
    filter: blur(100px);
    opacity: 0.3;
}

.footer-modern h3, 
.footer-modern h5, 
.footer-modern p, 
.footer-modern a, 
.footer-modern li {
    font-family: 'Outfit', sans-serif !important;
}

.text-gradient-white {
    background: linear-gradient(45deg, #fff, #a0aec0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.border-glass-top {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer-modern a.hover-white:hover {
    color: #fff !important;
    transition: 0.3s;
    text-decoration: none;
}

.footer-modern .text-white {
    color: #fff !important;
}

.footer-modern .text-muted {
    color: #a0aec0 !important;
}

.footer-modern .text-primary {
    color: #4facfe !important;
}