/* Customizing Carousel */
.carousel-item {
    transition: transform 1s ease; /* Smooth sliding effect */
}

/* Adding padding for the left and right images */
.carousel-inner {
    display: flex;
    overflow: hidden;
    position: relative;
}

.carousel-item-next,
.carousel-item-prev {
    transform: scale(0.8);
    opacity: 0.7;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Highlight the active image */
.carousel-item.active {
    transform: scale(1);
    opacity: 1;
}

.carousel-item-next,
.carousel-item-prev {
    transform: scale(0.8);
    opacity: 0.7;
}

/* Styling the controls */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5); /* Darken control arrows */
}