body, h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
}

.mySlides {
    display: none;
}

.w3-content {
    max-width: 1200px;
}

#map {
    height: 300px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.w3-modal-content .w3-button {
    top: 5px;
    right: 5px;
} /* Adjust position of close button */

textarea {
    resize: none;
} /* Prevent textarea resizing */

.spacer {
    margin-top: 50px; /* Adjust this value as needed */
}

.star-rating {
    display: inline-flex;
    align-items: center;
    font-size: 1.2rem; /* Adjust as needed */
}

#contact {
    margin-bottom: 30px; /* Adjust the value as needed */
}

/* Media query for mobile devices */
@media (max-width: 768px), (max-width: 1600px) and (min-device-pixel-ratio: 2) {
    .w3-sidebar {
        display: none; /* Hide the sidebar */
    }
    .sidebar-mobile {
        display: block !important; /* Ensure it shows */
        padding: 16px;
        background-color: #f1f1f1; /* Light grey background */
        border: 1px solid #ddd; /* Border for separation */
        margin-bottom: 20px; /* Space before next section */
    }
    .w3-display-left,
    .w3-display-right {
        display: none; /* Hide arrows on mobile devices */
    }
    #map {
        margin-bottom: 30px; /* Ensure margin is applied on mobile */
    }
}