.fixed-icon {
    width: 30px;   /* Set a fixed width */
    height: 30px;  /* Set a fixed height */
    display: inline-block; /* Make sure it's treated as an inline element */
    text-align: center; /* Ensure icon is centered */
    font-size: 12px; /* Font size, adjust as needed */
    line-height: 30px; /* Align the icon vertically */
    flex-shrink: 0; /* Prevent the icon from shrinking */
}


.keeper .details {
    opacity: 1;    
    visibility: visible;
}



/* Slideshow container - fixed height */
.custom-slider-home {
    height: 400px; /* Adjust this height to what you need */
    position: relative;
    overflow: hidden;
}

/* Each slide content container should take up full height and width */
.slide-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: relative;
}

/* Ensure images fit inside the container without being cropped */
.slideshow-image {
    height: 400px;
    width: 100%;
    object-fit: contain;
    display: block;
}

.visi-image {
    height: 500px;
    width: 100%;
    object-fit: contain;
    display: block;
}

/* Optional: Adjust height on smaller screens for responsiveness */
@media (max-width: 768px) {
    .custom-slider-home {
        height: 280px; /* Adjust the height for smaller devices */
    }

    .slideshow-image {
        height: 280px;
    }
}