/* Reset default styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* multiitemcarousel3 container */
.multiitemcarousel3-container {
/* width: 80%;
margin: 50px auto; */
overflow: hidden; /* Hide the items that aren't visible */
position: relative;
}

/* multiitemcarousel3 itself */
.multiitemcarousel3 {
display: flex;
transition: transform 0.5s ease-in-out;
}

/* Individual items in the multiitemcarousel3 */
.multiitemcarousel3-item {
min-width: 33.33%;  /* Each item will take up 25% of the container width (for 4 items) */
/* height: 300px; */
display: flex;
justify-content: center;
align-items: center;
/* background-color: #ddd; */
/* font-size: 24px; */
/* color: white; */
box-sizing: border-box;
}

/* Navigation buttons */
.multiitemcarousel3-nav {
/* position: absolute; */
/* top: 50%; */
/* width: 100%; */
/* display: flex;
justify-content: space-between;
transform: translateY(-50%); */
}

button {
background-color: transparent;
/* color: white;
border: none; */
padding: 10px;
font-size: 20px;
cursor: pointer;
}

.multiitemcarousel3-button:hover {
/* background-color: rgba(0, 0, 0, 0.8); */
}

/* Media Queries for Responsiveness */

/* For screens smaller than 768px (Tablets and Phones) */
    /* Display 2 items at a time */
/* @media (max-width: 768px) {
.multiitemcarousel3-item {
    min-width: 33.33%;  
}
} */

/* For screens smaller than 480px (Small Phones) */
/* Display 1 item at a time */
/* @media (max-width: 425px) {
    .multiitemcarousel3-item {
        min-width: 100%;  
    }
} */


/* .multiitemcarousel3 .multiitemcarousel3-item{
    min-width: 50%;
} */

/* For screens smaller than 480px (Small Phones) */
@media (max-width: 768px) {
    .multiitemcarousel3 .multiitemcarousel3-item {
        min-width: 100%;  /* Display 1 item at a time */
    }
    }