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

.bb-footer{
    background:#0a0a0a;
    border-top:1px solid rgba(255,255,255,.08);
    padding:60px 0 25px;
}

.bb-footer .container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/* Main Footer */

.bb-footer-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
    padding-bottom:35px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

/* Logo */

.bb-footer-logo img{
    width:170px;
}

/* Links */

.bb-footer-links{
    display:flex;
    gap:28px;
    flex-wrap:wrap;
    justify-content:center;
}

.bb-footer-links a{
    color:#d5d5d5;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}

.bb-footer-links a:hover{
    color:#ff5a2f;
}

/* Social */

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

.bb-footer-social a{
    width:45px;
    height:45px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.bb-footer-social a:hover{
    background:#ff5a2f;
    border-color:#ff5a2f;
    transform:translateY(-4px);
}

/* Bottom */

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

.bb-footer-bottom p{
    color:#a9a9a9;
    font-size:14px;
    margin:0;
}

.bb-footer-bottom strong{
    color:#fff;
}

.heart{
    color:#ff5a2f;
    animation:pulse 1.5s infinite;
}

/* Heart Animation */

@keyframes pulse{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.3);
    }

    100%{
        transform:scale(1);
    }

}

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

@media(max-width:768px){

.bb-footer-content{
    flex-direction:column;
    text-align:center;
}

.bb-footer-links{
    gap:18px;
}

.bb-footer-bottom{
    flex-direction:column;
    text-align:center;
}

.bb-footer-social{
    justify-content:center;
}

}