/* Evidenziare voce menù in cui ci troviamo */
.attivo{
    border-bottom: 0.2rem solid #EA444C;
    cursor: default;
}

:root {
    --swiper-pagination-color: #EA444C;
    /* --swiper-pagination-bottom: -50px; */
    --swiper-pagination-bullet-width: 1rem;
    --swiper-pagination-bullet-height: 1rem;
    --swiper-pagination-bullet-horizontal-gap: 1.5rem;
  }



/* Sliders strutture */
.swiper-button-next,.swiper-button-prev{
    color: #EA444C;
}

#strutture{
    width: 100%;
    display: flex;
    margin-top: 6rem ;
    justify-content:center;
}

#contenitoreSlider{
    width: 60rem;
    /* height: 30rem; */
}
.swiper-slide{
    width: 60rem;
    display: flex;
    justify-content:center;
}


.slider{
    background-color: #E8E4E6;
    /* height: 30rem; */
    width: 59rem;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
}

.descrizione{
    color: #202612;
    width: 30rem;
}
.contenitoreTesti{
    text-align: right;
    border-right: solid #EA444C 0.18rem;
    margin-left:6.7rem ;
    padding-right:1rem ;
}
.contenitoreTesti p{
    font-size: 1.1rem;
    line-height: 1.5rem;
    height: 12rem;
}
.contenitoreTesti h2{
    font-size: 1.8rem;
}
#strutture .slider button{
    color: #202612;
    font-size: 1.2rem;
    border: solid #202612 0.18rem;  
    padding: 1rem; 
    margin: 0;
    width:100% ;
    cursor: pointer;
    transition: all .7s;
}

#strutture .slider button:hover{
    background-color: #202612;
    color: #E8E4E6;
}
#strutture .slider .boxImg{
    border-radius: 1.25rem;
    width: 50%;
    height: 27rem;
    overflow: hidden;
    margin: 3rem;
    box-shadow: -15px 10px 20px rgba(0, 0, 0, 0.5);
}
#strutture .slider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

/* Dove Siamo */

#doveSiamo{
    width: 60rem;
    display: flex;
    /* justify-content: center; */
    /* margin: auto; */
    margin: 6rem auto;
}
#doveSiamo p{
    text-align: center;
    margin: auto 4rem;
    font-size: 1.1rem;
    line-height: 1.7rem;
    width: 25rem;
}
#doveSiamo img{
    width:30rem;
    height:28.125rem;
    border-radius: 1.25rem;
}

/* Servizi in comune */

#serviziInComune{
    width: 60rem;
    margin: 2rem auto;
}
#serviziInComune h2{
    text-align: center;
    font-size: 1.8rem;
    color: #E8E4E6;
}
#serviziInComune img{
    width: 6.25rem;
    width: 5rem;
    /* background-color: #E8E4E6; */
}
#serviziInComune #servizi div{
    background-color: #e8e4e656;
    margin: 0.5rem;
    padding: 0.5rem;
}
#servizi {
    display: flex;
    flex-wrap: wrap;
}
#servizi div{
    display:flex;
    width: 28rem;
}
#serviziInComune p{
    margin: auto;
    font-size: 1.3rem;
}



@media (max-width: 780px) {
    :root {
        --swiper-pagination-bullet-width: 2rem;
        --swiper-pagination-bullet-height: 2rem;
      }
    #contenitoreSlider{
        width: 30rem;
    }
    .slider{
        flex-wrap: wrap;
        width: 29rem;
        height: 60rem;
    }
    .swiper-button-next,.swiper-button-prev{
        display: none;
    }
    .descrizione{
        width: 100%;
    }
    .contenitoreTesti{
        text-align: center;
        margin: 0.5rem;
        padding: 0;
        border-right: 0;
    }
    .contenitoreTesti a button{
        margin: 0;
    }
    .contenitoreTesti p{
        font-size: 1.3rem;
        margin: 2.5rem 0;
        height: 7rem;
        /* background-color: #EA444C; */
    }

    #strutture .slider .boxImg{
        width: 100%;
        height: 50%;
        margin: 1rem;
        
    }
    #strutture .slider img{
        margin: 0;
    }
    #doveSiamo{
        width: 30rem;
        flex-wrap: wrap;
    }
    #doveSiamo p{
        margin: 3.5rem auto;
        font-size: 1.3rem;
    }
    #serviziInComune{
        width: 95%;
    }
    #servizi div{
        width: 100%;
    }
}
@media (max-width: 599px) {
    #strutture{
        margin-top: 2rem;
    }
}
@media (min-width:1300px) {
    .iconPoint{
        width: 3rem;
        height: 3rem;
    }
}
@media (max-width: 780px) {
    #frecciaSx{
        display: none;
    }
    #frecciaDestra{
        display: none;
    }
}