/* Banner */
.banner {
    position: relative;
    width: 100%;
    /*height: 125px; !* Bạn có thể điều chỉnh chiều cao tại đây *!*/
    /*max-height: 200px;*/
    overflow: hidden;
}

/* Ảnh trong banner */
.banner-img {

    width: 100%;
    height: 100%;
    object-fit: cover; /* Giữ tỉ lệ, cắt phần dư để ảnh vừa khung */
    display: block;
}

/* Chữ trong banner */
.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white!important;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    padding: 0 20px;
}

/* Tiêu đề và mô tả */
.banner-text h1 {
    font-size: 2rem;
    margin-bottom: 10px;
    color: white!important;
}

.banner-text p {
    font-size: 1rem;
}