/* 
 * File: availability.css
 * Purpose: Styles for the "Check Booking Availability" form on the index page.
 * Notes: Ensures the form stands out above the carousel.
 */

/* Positioning and styling for the availability form */
.availability-form {
    margin-top: -40px; /* Overlaps the carousel slightly */
    z-index: 2;        /* Above carousel */
    position: relative;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .availability-form {
        margin-top: 10px; /* Less overlap on mobile */
        padding: 0 15px;  /* Adjust padding */
    }
}