* {margin:0;padding:0;box-sizing:border-box;}
@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-2px);}75%{transform:translateX(2px);}}
footer{background-color:#1a212c;color:#FFF;padding:40px 30px 30px;font-family:system-ui,sans-serif;}
.footer-container{max-width:1280px;margin:0 auto;}

.footer-contact-info{
    padding-bottom:0;
    border-bottom:none;
}
.footer-nav-list{
    display:flex;
    flex-wrap:nowrap;
    gap: 30px;
    width: 100%;
    align-items: flex-start;
}
.footer-nav-block{
    flex: 1 1 0;
    min-width: 0;
}

.footer-nav-block h3{
    font-size:18px;
    font-weight:normal;
    margin-bottom:16px;
}
.footer-nav-block ul{
    list-style:none;
}


.footer-nav-block.contact-us-block ul{
    display: flex;
    flex-direction: column;
    gap:14px;
}
.footer-nav-block.contact-us-block li{
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    width:100%;
}
.footer-nav-block.contact-us-block li i {
    flex: 0 0 20px;
    width:20px;
    margin-right:10px;
    color:#fff;
}
.footer-nav-block.contact-us-block li span{
    white-space: nowrap;
}


.footer-nav-block:not(.contact-us-block) li{
    display:block;
    width:100%;
    margin-bottom:14px;
}
.footer-nav-block a{
    color:#FFF;
    text-decoration:none;
    font-size:14px;
    transition:0.2s;
}
.footer-nav-block a:hover{
    color:#2563eb;
    animation:shake 0.25s ease;
}

.footer-copyright{
    border-top:1px solid #ccc;
    padding-top:16px;
    margin-top:30px;
    color:#fff;
    font-size:13px;
    text-align:center;
}


@media (max-width:992px){
    .footer-row{
        flex-direction:column;
    }
    .footer-nav-list{
        flex-wrap:wrap;
        gap:30px;
    }
    .footer-nav-block{
        flex:1 1 200px;
    }
    .footer-nav-block.contact-us-block li span{
        white-space:normal;
    }
}


@media (max-width:768px){
    footer{
        padding:24px 24px 14px;
    }
    .footer-container{
        padding:0; 
    }
    .footer-row{
        flex-direction:column;
        gap:30px;
    }
    .footer-contact-info{
        border-bottom:1px solid #cccccc;
        padding-bottom:20px;
        margin-bottom:20px;
    }
   
    .footer-nav-list{
        display:none;
    }
    .footer-nav-block.contact-us-block li span{
        white-space:normal;
    }
    .footer-nav-block h3{
        font-size:20px;
    }
    .footer-nav-block a{
        font-size:16px;
    }
}