/* Footer styles */
/* =========================
   FOOTER SECTION
========================= */

footer{
    background:#0f172a;
    color:#fff;
    padding-top:80px;
    padding-bottom:30px;
}

/* =========================
   FOOTER LOGO
========================= */

footer img{
    max-width:180px;
    height:auto;
}

/* =========================
   FOOTER HEADINGS
========================= */

footer h5{
    font-size:1.2rem;
    font-weight:600;
    margin-bottom:20px;
    color:#fff;
}

/* =========================
   FOOTER TEXT
========================= */

footer p{
    color:#cbd5e1;
    line-height:1.8;
    margin-bottom:15px;
}

/* =========================
   FOOTER LINKS
========================= */

.footer-link{
    color:#cbd5e1;
    transition:.3s;
}

.footer-link:hover{
    color:#22c55e;
}

footer ul{
    padding:0;
    margin:0;
}

footer li{
    list-style:none;
    margin-bottom:12px;
}

/* =========================
   SOCIAL LINKS
========================= */

.social-links{
    display:flex;
    gap:15px;
}

.social-links a{
    color:#cbd5e1;
    transition:.3s;
}

.social-links a:hover{
    color:#22c55e;
}

/* =========================
   FOOTER DIVIDER
========================= */

footer hr{
    border-color:
    rgba(255,255,255,.15);
    margin:30px 0;
}

/* =========================
   COPYRIGHT
========================= */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.footer-bottom p{
    margin:0;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

    footer{
        padding-top:60px;
    }
}

@media(max-width:768px){

    footer{
        text-align:center;
    }

    .footer-bottom{
        justify-content:center;
        flex-direction:column;
    }

    .social-links{
        justify-content:center;
    }

    footer img{
        margin:auto;
    }
}

@media(max-width:576px){

    footer h5{
        margin-top:20px;
    }

    footer{
        padding-top:50px;
    }
}