/* Container chính của slider */
.slider-container {
    display: flex;
    justify-content: center; /* Căn giữa ảnh */
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden; /* Tránh lỗi tràn */
}

/* Hàng chứa các slide */
.slides {
    display: flex;
    width: 100%; /* Nếu có 3 ảnh, tăng theo số ảnh */
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

/* Mỗi slide */
.slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000; /* Nền đen nếu ảnh nhỏ hơn container */
}

/* Hình ảnh tự động scale mà không bị méo */
.slides img {
    max-width: 100%;
    height: auto;
    display: block;
}

.input-group .form-control:focus {
    outline: none; /* Loại bỏ viền khi focus */
    box-shadow: none; /* Tắt hiệu ứng sáng viền */
    border-color: #ced4da; /* Giữ nguyên màu viền mặc định */
}