/* Container bao ngoài để căn giữa banner nếu màn hình lớn hơn 1200px */
        .wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            /*background-color: #f5f5f5;  Màu nền phụ */
            padding: 20px 0;
        }

        /* Khung Slide đúng kích thước 1200x300 */
        .banner-slider-container {
            width: 100%;
            max-width: 1200px;
            height: 300px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .swiper {
            width: 100%;
            height: 100%;
        }

        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Đảm bảo ảnh luôn lấp đầy 1200x300 */
            display: block;
        }

        /* Nút điều hướng nhỏ gọn hơn */
        .swiper-button-next, .swiper-button-prev {
            color: #fff !important;
            transform: scale(0.6); /* Thu nhỏ nút cho phù hợp chiều cao 300px */
        }

        .swiper-pagination-bullet-active {
            background: #f39200;
        }

        /* Responsive cho màn hình nhỏ hơn 1200px */
        @media (max-width: 1200px) {
            .banner-slider-container {
                height: 25vw; /* Duy trì tỷ lệ 4:1 trên mobile */
            }
        }