@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&display=swap');

/* Style cho banner slider (giữ nguyên) */
.banner-slider-container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; border-radius: 8px; }
.banner-slider-wrapper { display: flex; transition: transform 0.5s ease-in-out; }
.banner-slide { min-width: 100%; box-sizing: border-box; }
.banner-slide img { width: 100%; display: block; vertical-align: middle; }
.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; cursor: pointer; padding: 12px 16px; font-size: 18px; z-index: 10; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.slider-btn:hover { background-color: rgba(0, 0, 0, 0.8); }
.prev-btn { left: 15px; }
.next-btn { right: 15px; }
.slider-dots { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; }
.dot { cursor: pointer; height: 12px; width: 12px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; display: inline-block; transition: background-color 0.3s ease; }
.dot.active, .dot:hover { background-color: rgba(255, 255, 255, 0.9); }