.container-fluid.nav-bar > .container-lg > nav.navbar {
    border-radius: 5px; 
}
/* Bo tròn nút book slide các góc */
.carousel-caption > .p-3 > a.btn {
    border-radius: 3px; 
}

.container-fluid > .container > .row > .col-lg-6 > .position-relative > img {
    border-radius: 8px; /* Bo góc 8px */
    object-fit: cover;   /* Giữ tỉ lệ ảnh */
}

/* Chỉ áp dụng cho div.about-text trong col-lg-6 thứ hai */
.container-fluid > .container > .row > .col-lg-6 > .about-text {
    border-radius: 12px; /* Bo góc 12px */
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* Tùy chọn thêm shadow nhẹ */
    overflow: hidden; /* Nếu bên trong có ảnh hoặc nội dung bo tròn */
}


/* H1 chỉ trong carousel caption của header-carousel */
.carousel-caption h1 {
    font-size: clamp(24px, 5vw, 60px); /* responsive theo chiều ngang */
    -webkit-text-stroke: 1px #cdb405;

}