.access-area {
    flex: 0 0 18%;
    min-width: 300px;
    height: 100vh;
}

#info_area .main_carousel {
    width: 100%;
}

.main_carousel .carousel-inner {
    display: flex;
}

.main_carousel .carousel-item {
    min-height: 400px;
    width: 100%;
    /* height: 100%; */
     overflow: hidden;

}

.main_carousel .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    /* nero trasparente */
    /* z-index: 1; */
}

.carousel-caption {
    top: 10px;
    /* distanza dal bordo superiore */
    bottom: auto;
    /* annulla il posizionamento in basso */
    left: 30px;
    /* distanza dal bordo sinistro */
    right: auto;
    /* annulla il centraggio orizzontale */
    text-align: left;
    /* allinea il testo a sinistra */
    position: absolute;
    max-height: calc(100% - 20px);
    overflow: auto;
    /* z-index: 2; */
}

.carousel-caption {
    scrollbar-width: none; /* nasconde totalmente */
}

#info_area .carousel-control-prev,
#info_area .carousel-control-next {
    top: auto;
    /* toglie l'allineamento verticale */
    bottom: 10px;
    /* le piazza in basso dentro il .carousel-inner */
    width: 40px;
    /* dimensione area clickabile */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    /* opzionale: cerchietto di sfondo */
    border-radius: 50%;
    /* background-color: white; */
    z-index: 2;

}

#info_area .carousel-control-prev {
    left: 40%;
    /* sposta verso il centro */
    opacity: 1 !important;
}

#info_area .carousel-control-next {
    right: 40%;
    /* sposta verso il centro */
    opacity: 1 !important;
}

#info_area .carousel-control-prev .btn {
    color: var(--primary_color);
}

#info_area .carousel-control-next .btn {
    color: var(--primary_color);
}

.carousel-caption {
    display: block;
    animation: show 0.75s ease-in-out 0.3s forwards;
}

/* Animazione di content */
@keyframes show {
    0% {
        filter: blur(5px);
        transform: translateY(calc(-50% + 75px));
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}