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

.vivastar-footer {
    background: #081b2d;
    color: #d6e0e8;
    padding: 80px 0 25px;
    border-top: 1px solid rgba(0,169,212,.12);
}

/* Logo */

.footer-logo{
    font-size:34px;
    font-weight:800;
    letter-spacing:-1px;
}

.footer-logo .viva{
    color:#ffffff;
}

.footer-logo .star{
    color:#00b8df;
}

/* Description */

.footer-description{
    color:#aebdca;
    line-height:28px;
    max-width:430px;
    margin-top:18px;
}

/* Headings */

.vivastar-footer h5{
    color:#fff;
    font-size:17px;
    font-weight:600;
    margin-bottom:24px;
}

/* Links */

.vivastar-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.vivastar-footer ul li{
    margin-bottom:13px;
}

.vivastar-footer ul li a{
    color:#aebdca;
    text-decoration:none;
    transition:.3s;
}

.vivastar-footer ul li a:hover{
    color:#00b8df;
    padding-left:5px;
}

/* Contact */

.footer-contact{
    color:#aebdca;
    line-height:27px;
    margin-bottom:14px;
}

.footer-contact i{
    color:#00b8df;
    margin-right:8px;
}

/* Location Icon */

.footer-location-icon{
    color:#00b8df;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    margin-right:8px;
    transition:.3s;
}

.footer-location-icon:hover{
    color:#008fba;
    transform:scale(1.15);
}

/* Social */

.footer-social{
    display:flex;
    gap:10px;
    margin-top:25px;
}

.footer-social a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#102a41;
    color:#fff;
    text-decoration:none;
    font-size:17px;
    transition:.3s;
}

.footer-social a:hover{
    background:#00b8df;
    color:#081b2d;
    transform:translateY(-4px);
}

/* Bottom */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    margin-top:55px;
    padding-top:22px;
    text-align:center;
    color:#8293a2;
    font-size:14px;
    line-height:25px;
}

.footer-bottom strong{
    color:#b9c7d2;
}

/* Responsive */

@media(max-width:768px){

    .vivastar-footer{
        text-align:center;
        padding-top:60px;
    }

    .footer-description{
        margin:auto;
    }

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

}