/* General carousel styling */
.carousel-inner {
    margin-top: 20px;
    /* Adjust spacing as needed */
    overflow: visible; /* Prevent tooltip being cut off. */
}

.carousel-item {
    transition: transform 1s ease-in-out;
}

/* Div styling */
.carousel-item .col-3 {
    border: 1px solid #ddd;
    /* Add borders for separation */
    padding: 15px;
    /* Add padding */
    text-align: center;
    /* Center content within divs */
}

/* Customize carousel controls */
/* .carousel-control-prev,
.carousel-control-next {
    background-color: #e6e6e6;
    border: 1px solid #ddd;
    width: 25px;
} */

/* Customize carousel controls */
.carousel-control-prev,
.carousel-control-next {
    /* background-color: #e6e6e6; */
    /* border: 1px solid #ddd; */
    width: 30px;
    height: 30px;
    /* background: burlywood; */
    /* ... other styling options */
    /* top: -400px; */
}

/* Caption styling */
.carousel-caption {
    margin-top: 100px;
    padding: 10px 15px;
    background-color: #777;
}

.carousel-arrow{
    align-self: flex-start;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    color: #000;
    /* Replace #aaaaaa with your desired gray color */
}

.carousel-control-prev {
    left: -15px;
}

.carousel-control-next {
    right: -15px
}

.carousel-indicators {
    bottom: -33px;
}

.__echarts__ {
    margin-top: 10px;
    margin-bottom: 0px;
    height: 330px;
}

@media (min-width: 1650px) {
    .col-xxxl-4 {
        width: 25%;
    }
}