/*=========================================
Footer
=========================================*/
.footer{
    background:#0F172A;
    color:#CBD5E1;
    padding:80px 0 30px;
    }
    .footer-logo{
    height:55px;
    margin-bottom:25px;
    }
    .footer-about{
    color:#94A3B8;
    line-height:1.8;
    margin-bottom:25px;
    }
    .footer h4{
    color:#fff;
    margin-bottom:20px;
    font-size:20px;
    }
    .footer ul{
    padding:0;
    margin:0;
    list-style:none;
    }
    .footer ul li{
    margin-bottom:14px;
    }
    .footer ul li a{
    color:#CBD5E1;
    transition:.3s;
    }
    .footer ul li a:hover{
    color:#fff;
    padding-left:5px;
    }
    .footer-social{
    display:flex;
    gap:15px;
    }
    .footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    transition:.3s;
    }
    .footer-social a:hover{
    background:var(--primary);
    }
    .footer-contact li{
    color:#94A3B8;
    }
    .footer-contact strong{
    color:#fff;
    }
    .footer hr{
    border-color:rgba(255,255,255,.08);
    margin:50px 0 25px;
    }
    .footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    }
    .footer-bottom p{
    margin:0;
    }
    .footer-bottom div{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    }
    .footer-bottom a{
    color:#CBD5E1;
    }
    .footer-bottom a:hover{
    color:#fff;
    }
    @media(max-width:767px){
    .footer{
    text-align:center;
    }
    .footer-social{
    justify-content:center;
    }
    .footer-bottom{
    flex-direction:column;
    }
    }