/* Styles for the Booking Page */
       
        /* Left Booking Section */
        .booking-section {
            width: 40%; /* 40% width */
            padding: 20px; /* Padding for inner spacing */
            display: flex;
            flex-direction: column;
            justify-content: flex-start; /* Aligns content to the top */
        }

        /* Logo at the Top */
        .logo {
            margin-bottom: 20px; /* Space below logo */
        }

        /* Right Map Section */
        .map-section {
            width: 60%; /* 60% width */
            position: relative; /* Positioning for the map */
            background-color: #f0f0f0; /* Light grey background for map */
        }

        /* Booking Form Styles */
        .services-section {
            display: flex; /* Use flexbox for layout */
            justify-content: space-around; /* Space items evenly */
            margin: 20px 0; /* Space above and below the section */
        }

        .service {
            text-align: center; /* Center the text below each image */
            width: 30%; /* Each service takes up about a third of the row */
        }

        .service img {
            max-width: 100%; /* Make the image responsive */
            height: auto; /* Maintain aspect ratio */
            border-radius: 5px; /* Optional: add rounded corners */
        }

        .service-text {
            margin-top: 10px; /* Space between the image and text */
        }
        

        /* Fare Estimation and ETA */
        .fare-estimation,
        .eta {
            background-color: #444; /* Darker background for estimates */
            color: white; /* White text */
            padding: 10px;
            margin-top: 20px; /* Space above */
            border-radius: 5px; /* Rounded corners */
        }

        /* Responsive Styles */
        @media (max-width: 768px) {
            body {
                flex-direction: column; /* Stack on smaller screens */
            }

            .booking-section,
            .map-section {
                width: 100%; /* Full width on mobile */
            }

            .booking-section {
                height: auto; /* Allow auto height */
            }
        }