/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.footer{
    background:#198754;
    color:#ffffff;
    padding:60px 0 30px;
}

.footer h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
    color:#ffffff;
}

.footer p{
    margin-bottom:10px;
    color:#f8f9fa;
}

.footer a{
    color:#ffffff;
    transition:.3s;
}

.footer a:hover{
    color:#d4edda;
}

/*
|--------------------------------------------------------------------------
| Company Logo
|--------------------------------------------------------------------------
*/

.footer img{
    max-height:80px;
    width:auto;
    margin-bottom:15px;
}

/*
|--------------------------------------------------------------------------
| Contact
|--------------------------------------------------------------------------
*/

.footer i{
    width:22px;
}

/*
|--------------------------------------------------------------------------
| Social
|--------------------------------------------------------------------------
*/

.footer-social{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:20px;
}

.footer-social a{
    width:45px;
    height:45px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
}

.footer-social a:hover{
    background:#ffffff;
    color:#198754;
}

/*
|--------------------------------------------------------------------------
| Footer Bottom
|--------------------------------------------------------------------------
*/

.footer-bottom{
    margin-top:40px;
    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.25);

    text-align:center;

    font-size:14px;

    color:#f8f9fa;
}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width:991px){

    .footer{
        text-align:center;
    }

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

}