.item-carrusel {
    flex-wrap: nowrap;
    overflow: auto;
    max-width: 1200px;
    margin: 0 0.3em;
    scroll-behavior: smooth;
}

.item-carrusel::-webkit-scrollbar {
    display: none;
}

.container-carrusel {
    position: relative;
    max-width: 1200px;
    height: 100%;
}

.container-carrusel:hover>.left-nav,
.container-carrusel:hover>.right-nav {
    display: flex;
}

.left-nav {
    left: -5px;
}

.right-nav {
    right: -5px;
}

.left-nav,
.right-nav {
    display: none;
    position: absolute;
    width: 50px;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    cursor: pointer;
    z-index: 10;
}

.left-nav-show,
.right-nav-show {
    display: flex !important;
}

.left-nav-show>div,
.right-nav-show>div {
    background-color: #780068 !important;
    color: white !important;
}

.left-nav>div,
.right-nav>div {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: whitesmoke;
}

.left-nav>div:hover,
.right-nav>div:hover {
    background-color: #780068;
    color: white;
}