.slide-container {
    position: relative; /* Required for absolute positioning of children */
    height: 300px; /* Fixed height for consistency */
    width: 100%; /* Full width of the container */
    overflow: hidden; /* Hide parts of the image that exceed the container */
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
}

.slide {
    max-width: 100%; /* Max width to fit the container */
    max-height: 100%; /* Max height to fit the container */
    object-fit: contain; /* Adjusts the image size to fit within the container without cropping */
    display: block; /* Removes bottom margin/padding typical of inline elements */
}

/* Next and previous buttons */
.prev, .next {
    position: absolute;
    top: 50%; /* Position in the middle vertically */
    transform: translateY(-50%); /* Offset by half of the element's height for centering */
    z-index: 10; /* Ensure it's above the image */
    /* Style adjustments for visibility and interactivity */
}

.next {
    right: 0;
}

.prev {
    left: 0;
}

.logo-img {
        height: auto; /* Adjust based on your logo's aspect ratio */
        width: 100%; /* Adjust if your logo is too large */
        max-width: 100px; /* Maximum width of the logo - adjust as needed */
        max-height: 100px; /* Maximum height of the logo - adjust to maintain aspect ratio */
    }


[data-dropdown] {
    position: relative; /* Ensures that z-index is effective */
    z-index: 1000; /* Example value; adjust based on your site's specific needs */
}

/* Additional styles to ensure the dropdown menu appears on top */
[data-dropdown-menu] {
    z-index: 1001; /* Ensures dropdown content is on top */
}