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

.footer{
    background:#1d1d1d;
    color:#fff;
    padding:90px 0 30px;
}

.footer-top{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 2fr;
    gap:60px;
    margin-bottom:60px;
}

.footer-brand h2{
    font-size:34px;
    color:#f8b400;
    margin-bottom:20px;
}

.footer-brand p{
    color:#bbb;
    line-height:1.8;
    margin-bottom:30px;
}

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

.social-links a{
    width:45px;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:#2d2d2d;
    color:#fff;
    transition:.3s;
}

.social-links a:hover{
    background:#f8b400;
    transform:translateY(-5px);
}

.footer-links{
    display:flex;
    flex-direction:column;
}

.footer-links h3{
    margin-bottom:20px;
    color:#fff;
}

.footer-links a{
    color:#bbb;
    margin-bottom:12px;
    transition:.3s;
}

.footer-links a:hover{
    color:#f8b400;
    padding-left:8px;
}

.footer-newsletter h3{
    margin-bottom:20px;
}

.footer-newsletter p{
    color:#bbb;
    margin-bottom:20px;
    line-height:1.8;
}

.footer-newsletter form{
    display:flex;
    gap:10px;
}

.footer-newsletter input{
    flex:1;
    padding:15px;
    border:none;
    border-radius:50px;
    outline:none;
}

.footer-newsletter button{
    border:none;
    background:#f8b400;
    color:#fff;
    padding:15px 28px;
    border-radius:50px;
    cursor:pointer;
    transition:.3s;
}

.footer-newsletter button:hover{
    background:#d99700;
}

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

.footer-bottom p{
    color:#aaa;
}

.footer-bottom a{
    color:#aaa;
    margin-left:20px;
}

.footer-bottom a:hover{
    color:#f8b400;
}

@media(max-width:992px){

    .footer-top{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .footer-top{
        grid-template-columns:1fr;
    }

    .footer-newsletter form{
        flex-direction:column;
    }

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

}