.carousel-parent {
    margin-top: 15px;
    display: flex;
    justify-content: center; /* Center the carousel in the parent */
    /* border: 2px solid red; Optional: For debugging */
    width: 100%;
}

#carousel-partnerbrand {
    position: relative;
    max-width: 600px; /* Maintain max width for larger screens */
    margin: auto; /* Center the carousel */
    overflow: hidden;
    width: 450px; /* Fixed width for the carousel */
}

.carousel-partnerbrand-container {
    display: flex;
    justify-content: center;
    transition: transform 0.4s ease-in-out; /* Smooth transition for slides */
    padding: 10px 0; /* Padding for aesthetics */
}

.carousel-partnerbrand-slide {
    display: flex;
    justify-content: center; /* Center images horizontally */
    align-items: center; /* Center images vertically */
    transition: 0.4s; /* Transition effect for slides */
}

.carousel-partnerbrand-slide img {
    max-width: 100%; /* Make sure images scale with the container */
    width: 300px; /* Set a base width for images */
    border: 3px solid rgb(3, 4, 95); /* Border for images */
    border-radius: 32px; /* Rounded corners for images */
    height: auto; /* Maintain aspect ratio */
    transition: transform 0.5s ease; /* Smooth scaling effect on hover */
}

.carousel-partnerbrand-slide img:hover {
    transform: scale(1.05); /* Slightly enlarge image on hover */
    border: 3px solid red; /* Change border color on hover */
}

.prev, .next {
    position: absolute;
    top: 50%; /* Center buttons vertically */
    transform: translateY(-50%); /* Adjust position for centering */
    background-color: rgba(3, 4, 95, 1); /* Button background color */
    color: white; /* Button text color */
    border: none; /* Remove default button border */
    padding: 10px; /* Button padding */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 10px; /* Rounded corners for buttons */
}

.prev:hover, .next:hover {
    background-color: rgb(255, 24, 30); /* Change background on hover */
}

.prev {
    left: 10px; /* Position left button */
}

.next {
    right: 10px; /* Position right button */
}

button:focus {
    outline: none; /* Remove outline on focus */
}

.why-feline-carousel {
    width: 100%; /* Full width for additional containers */
    display: flex;
    justify-content: center; /* Center content */
}

/* Responsive styles */
@media (max-width: 1024px) {
    
    #carousel-partnerbrand {

    width: 300px; /* Fixed width for the carousel */
}
    
    
    
    
    .carousel-partnerbrand-slide img {
        width: 200px; /* Adjust image size for smaller screens */
    }

    .prev, .next {
        display: none; /* Hide buttons on smaller screens (if desired) */
    }
}