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

.htm-footer{

    background:#111827;

    color:#CBD5E1;

    padding:70px 0 25px;

}

.footer-logo{

    width:220px;

    margin-bottom:25px;

}

.footer-about{

    line-height:1.8;

    margin-bottom:25px;

}

.htm-footer h5{

    color:#FFFFFF;

    font-weight:700;

    margin-bottom:20px;

}

.htm-footer ul{

    list-style:none;

    margin:0;

    padding:0;

}

.htm-footer li{

    margin-bottom:14px;

}

.htm-footer a{

    color:#CBD5E1;

    text-decoration:none;

    transition:.30s;

}

.htm-footer a:hover{

    color:#FF7A00;

    padding-left:5px;

}

.footer-contact i{

    color:#FF7A00;

    width:22px;

}

.footer-social{

    display:flex;

    gap:12px;

}

.footer-social a{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#1E293B;

    color:#FFFFFF;

    transition:.30s;

}

.footer-social a:hover{

    background:#FF7A00;

    transform:translateY(-3px);

    padding-left:0;
    color: white;

}

.htm-footer hr{

    margin:45px 0 25px;

    border-color:rgba(255,255,255,.08);

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

}

.footer-bottom p{

    margin:0;

}

.footer-bottom div{

    display:flex;

    gap:20px;

}

@media(max-width:768px){

    .footer-bottom{

        flex-direction:column;

        text-align:center;

    }

}