.footer-box {

    background: #fff;

    border-radius: 8px;

    padding: 10px 14px;

    border: 1px solid #e8e8e8;

}

.footer-scroll {

    max-height: 120px;

    overflow: hidden;

    transition: max-height .3s ease-in-out;

}

.footer-scroll.expanded {

    max-height: 600px;

}



/* list */

.footer-list.small li {

    margin-bottom: 6px;

    font-size: 14px;

}



.footer-title {

    font-weight: 600;

    margin-bottom: 10px;

    font-size: 15px;

    color: #333;

}



footer .col {

    padding: 0 15px;

}



/* Mobile */

@media(max-width:768px){

    .footer-grid { 

        display:grid;

        grid-template-columns: 1fr 1fr;

        gap:15px;

        text-align:left;

    }

}



/* Desktop */

@media(min-width:769px){

    .footer-grid {

        display:flex;

        justify-content:space-between;

        gap:20px;

    }

}



.footer-bottom-bar {

    border-top:1px solid #eaeaea;

    margin-top:20px;

    padding-top:12px;

    text-align:center;

    font-size:14px;

    color:#777;

}



/* Scrollbar */

.footer-scroll {

    max-height: 150px;

    overflow-y: auto;

    scrollbar-width: thin;

    scrollbar-color: #999 transparent;

}



.footer-scroll::-webkit-scrollbar {

    width: 6px;

}

.footer-scroll::-webkit-scrollbar-track {

    background: transparent;

}

.footer-scroll::-webkit-scrollbar-thumb {

    background: #999;

    border-radius: 4px;

}

.footer-scroll::-webkit-scrollbar-thumb:hover {

    background: #666;

}