.inim-component .gallery-navigation { display:block; width:100%; margin:1rem 0 0; text-align: center; }
.inim-component .gallery-navigation .gallery-navigation-box { display:flex; width:100%; max-width:12rem; margin:1rem auto 0; text-align: center; flex: 1 0 auto; align-items: center; justify-content: center; position:relative; }
.inim-component .gallery-navigation .nav-left { margin-right:auto; }
.inim-component .gallery-navigation .nav-numbers { font-family: var(--font-headings); font-weight: bold; font-size:0.875rem; line-height: 1.125rem; display:flex; gap:0.25rem; }
.inim-component .gallery-navigation .nav-right { margin-left:auto; }
.inim-component .gallery-navigation .nav-left i, .inim-component .gallery-navigation .nav-right i { cursor:pointer; width:1.5rem; height:1.5rem; display: inline-block; font-size:1.5rem; display: flex; align-items: center; justify-content: center; }
.inim-component .gallery-navigation .nav-left.disabled i, .inim-component .gallery-navigation .nav-right.disabled i { opacity:0.25; }

.inim-component .navigation-arrows { width: 20rem !important; }
.inim-component .navigation-arrows .nav-left.disabled i, .inim-component .navigation-arrows .nav-right.disabled i { opacity:0; }

.inim-component .navigation-arrows { position: relative; margin:auto; width: 100% !important; }
.inim-component .navigation-arrows .nav-left, .inim-component .navigation-arrows .nav-right { position:absolute; top:50%; transform: translateY(-50%); cursor:pointer; z-index: 1; }
.inim-component .navigation-arrows .nav-left i, .inim-component .navigation-arrows .nav-right i { font-size: 3rem; color:rgb(var(--accent)); }
.inim-component .navigation-arrows .nav-left { left:-2rem; }
.inim-component .navigation-arrows .nav-right { right:-2rem; }

@media (min-width: 700px) {
    .inim-component .navigation-arrows .nav-left { left:-2.75rem; }
    .inim-component .navigation-arrows .nav-right { right:-2.25rem; }
}

@media (min-width: 768px) {
    .inim-component .navigation-arrows { width:44rem !important;  }
    .inim-component .navigation-arrows .nav-left, .inim-component .navigation-arrows .nav-right { display:inline-block; }
    .inim-component .navigation-arrows .nav-left i, .inim-component .navigation-arrows .nav-right i { font-size: 5rem; }
    /*.inim-component .gallery-navigation { width:35rem; }*/

}

@media (min-width: 992px) {
    .inim-component .navigation-arrows { width:62rem !important; }
    /*.inim-component .gallery-navigation { width:53rem; }*/
}

@media (min-width: 1441px) {
    .inim-component .navigation-arrows { width:80rem !important; }
    /*.inim-component .gallery-navigation { width:64rem; }*/
}

/* frecce per infinite loop */
.inim-component.carousel.infinite-loop .navigation-arrows { width: 20rem !important; }
.inim-component.carousel.infinite-loop .navigation-arrows .nav-left, .inim-component.carousel.infinite-loop .navigation-arrows .nav-right { display:none; }
.inim-component.carousel.infinite-loop .navigation-arrows .nav-right{ right:-1.5rem; }
.inim-component.carousel.infinite-loop .navigation-arrows .nav-left { left:-1.5rem; }

@media (min-width: 768px) {
    .inim-component.carousel.infinite-loop .navigation-arrows { width:44rem !important;  }
    .inim-component.carousel.infinite-loop .navigation-arrows .nav-right{ right:4.5rem; }
    .inim-component.carousel.infinite-loop .navigation-arrows .nav-left { left:4.5rem; }
}

@media (min-width: 992px) {
    .inim-component.carousel.infinite-loop .navigation-arrows { width:62rem !important; }
    .inim-component.carousel.infinite-loop .navigation-arrows .nav-right{ right:8.5rem; }
    .inim-component.carousel.infinite-loop .navigation-arrows .nav-left { left:8.5rem; }
}

@media (min-width: 1441px) {
    .inim-component.carousel.infinite-loop .navigation-arrows { width:80rem !important; }
    .inim-component.carousel.infinite-loop .navigation-arrows .nav-right{ right:-2.5rem; }
    .inim-component.carousel.infinite-loop .navigation-arrows .nav-left { left:-2.5rem; }
}