.img-cover{
    object-fit: cover; 
    height: 535.33px; 
    width: 100%; /* Changed from 100vw to 100% */
    max-height: 100%;
    max-width: 100%;
}

@media (max-width: 991px) {
    .img-cover{
        object-fit: contain;
        height: auto;
    }
}

.booking-section {
    margin: auto;
    padding: 60px 20px;
    background-color: var(--accent);
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(128, 128, 128, 0.5);
  } 

  
.banner {
    background: linear-gradient(135deg, #f5d7ff, #d4a1ff);
    border: none;
    margin: 0 auto; /* Center the banner */
    max-width: 100%; /* Ensure it doesn't exceed the container width */
    overflow: hidden; 

}