/* Hiệu ứng cho ảnh khi di chuột qua */
.brand-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px; /* Bo góc ảnh */
}

    /* Hiệu ứng khi hover trên ảnh */
    .brand-image:hover {
        transform: scale(1.1); /* Phóng to ảnh */
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* Thêm bóng cho ảnh */
    }

/* Cấu trúc của brand_list */
.brand_list {
    display: flex; /* Sử dụng Flexbox */
    justify-content: center; /* Căn giữa các phần tử */
    padding: 0;
    list-style-type: none;
    margin: 0;
}

    /* Cấu trúc của mỗi li trong brand_list */
    .brand_list li {
        width: 19%; /* Chiếm 19% chiều rộng */
        text-align: center;
        background: #f6f6f6;
        padding: 30px 0;
        margin: 0 .5%;
        border: solid #eee 3px;
        box-sizing: border-box; /* Đảm bảo padding và border không ảnh hưởng đến chiều rộng */
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Đảm bảo có hiệu ứng cho li */
    }

        /* Hiệu ứng hover trên li */
        .brand_list li:hover {
            transform: scale(1.05); /* Phóng to li khi hover */
            box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1); /* Thêm bóng cho li */
        }