/* Freccia sinistra */
.custom-prev::before {
  background-image: url(../img/freccia-sinistra-oro.svg);
    
}

/* Freccia destra */
.custom-next::before {
  background-image: url(../img/freccia-destra-blu.svg);
}

.owl-main.nav-lg.rounded-nav .owl-nav button.owl-prev:before,.owl-main.nav-lg.rounded-nav .owl-nav button.owl-next:before  {
  font-size: 0!important;
    display: none;
}
.owl-carousel.owl-project .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev,.owl-carousel.owl-project .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-next {
    width: 50px!important;
}
.owl-carousel.owl-project .owl-nav button.owl-prev:before,.owl-carousel.owl-project .owl-nav button.owl-next:before {
    display: none;
}
.owl-main {
  position: relative;
}

.owl-main .owl-nav {
  position: absolute;
    top:auto;
  bottom: 0px!important; 
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
        align-items: flex-end;

}

.owl-main .owl-nav button {
  position: static; /* rimuove posizionamenti strani */
    top: auto !important;
  transform: none !important;
}


.owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev {
    right: 120px!important;
    bottom:30px;
    left:auto;
}
.owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next {

    bottom:30px;

}
.mask-nav img{
    max-height: 120px;
}
.portfolio-home {
    position: relative; /* fondamentale */
}
.owl-project a:hover {
    color:var(--primary)!important;
    text-decoration: none!important;
}

.owl-project a:hover h3 {
    color:var(--primary)!important;
    text-decoration: none!important;
}
.owl-project a:hover p {
    color:var(--primary)!important;
    text-decoration: none!important;
}

.portfolio-home::after {
    content: "";
    position: absolute;
    bottom: -20px;   /* distanza dal basso */
    right: 0px;    /* distanza da destra */
    width: 34px;
    height: 34px;
    background-image: url('../img/freccia-alta-destra-oro.svg');
    background-size: contain;
    background-repeat: no-repeat;

    opacity: 0;
    transform: translateY(5px);
    transition: all 0.3s ease;
}

.portfolio-home:hover::after {
    opacity: 1;
    transform: translateY(0);
}
/*
.thumb-info-wrapper img {
    transition: opacity 0.3s ease;
}

.portfolio-home:hover .thumb-info-wrapper img {
    opacity: 0.8; 
}*/