/* inizio hero*/
.figure {
    width: 100%;
    text-align: center;
}
.phone.clusone{
    justify-content: flex-start;
}
.phone.milano{
    justify-content: flex-end;
}
/* fine hero*/

/* inizio services home*/
.arrow{
    color:var(--white);
    line-height: 1.4;
    font-size: 1.25rem;
    'wght' 600,
    text-align: right;
    padding-right:0.5rem;
}
.services{
    margin-top:3rem;
}
.services .team {
    padding: 50px 20px;
}
.servizi h1{
    font-family: "Quicksand", sans-serif;
       font-weight:900;
    color: var(--primary-color);
}
.service-item  img{
    width:18%;
}
   
.box_titolo{
    background-color: var(--dark-blue);
     border-radius: 10px;
    margin-top: 0.5rem!important; 
  
}
.box_titolo a{
          display: flex;
           width: 100%;
    text-decoration: none;
    color:var(--white);
    padding: 0.5rem 0
}
.box_titolo a span:hover{
    color: var(--secondary-color);
}
.titolo{
    color: var(--white);
    font-weight:600;
    padding-left: 0.5rem;
    flex-grow: 1; /* Occupa tutto lo spazio disponibile a sinistra */
    text-align: left;
    line-height: 2;
}
.descrizione{
    max-height: 130px;
    padding-top: 0.5rem;
    overflow: hidden;
}
@media (min-width: 576.99px) {
    .box_titolo{  width:95%!important;  }
}
@media (max-width: 768px) {
    .services {
        margin-top: 1rem;
    }
    .service-item img {
        width: 20%;
    }
    
    .box_servizio{
        margin-bottom:2rem;
    }    
}    
@media (max-width: 576px) {
    .service-item img {
        width: 90%;
    }
    .box_servizio {
        margin-bottom: 1rem;
    }
    .box_titolo{
        width:80%!important;
        margin-top: 0rem !important;
    }
     .box_titolo a{ padding: 0.2rem 0!important;}
    .box_valentina{
        flex-direction: column-reverse;
    }
}
/* fine services home*/
.contact{
    margin-top:5rem;
}
/* inizio conventions home*/
.conventions {
    background-color: var(--primary-color);
    padding: 50px 20px;
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.conventionsmobile {
    background-color: var(--primary-color);
    padding: 50px 20px;
    text-align: center;
    margin-bottom: 5rem;
}
.convenzioniM h1{
    font-family: "Quicksand", sans-serif;
       font-weight:900;
    color: var(--white);
    text-align:center;
}
.convenzioni h1{
    font-family: "Quicksand", sans-serif;
       font-weight:900;
    color: var(--white);
    text-align:left;
}
.slider-container {
    
    overflow-x: auto;  /* Permette lo scorrimento orizzontale */
    white-space: nowrap; /* Impedisce il ritorno a capo degli elementi */
    padding-bottom: 10px; /* Spazio per la barra di scorrimento */
}

.slider-container::-webkit-scrollbar {
    height: 8px; /* Altezza della barra */
}

.slider-container::-webkit-scrollbar-track {
    background: #fff; /* Colore della traccia */
    border-radius: 10px;
}

.slider-container::-webkit-scrollbar-thumb {
    background: #005b8e; /* Colore della barra */
    border-radius: 10px;
}

.slider-item {
    display: inline-flex;
    margin: 10px;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width:220px;
    height:120px;
}

.slider-item img {
    max-width: 100%; /* Regola la dimensione delle immagini */
    height: auto;
}
.box_convenzioniM{
    padding-top: 2rem;
color: var(--white);
font-weight: 600;
font-size: 1rem;
text-align: start;
}
@media (min-width: 576.99px){
    .conventionsmobile{
        display:none;
    }
}

@media (max-width:576px){      
    .conventions{
        display:none;
    }
    .conventionsmobile{
        display:block;
    }
    .carousel-item h1{
            font-size: 1.2rem!important;
    }
    .carousel-inner button{
        display:none;
    }
    
}
/* fine conventions home*/

/* inizio team home*/
.team {
    margin-bottom:5rem;
}
.team_member{
    width: 100%;
    height: auto;
    border: solid 1px #1B5682;
    border-radius: 10px;
    
    background-color:rgba(240, 75, 96, 0.1) ;
}

.team_descrizione h5{
    font-family: "Quicksand", sans-serif;
       font-weight:600;
    color: var(--dark-blue);
    text-align:left;
    text-transform: uppercase;
}

.figure-img {
    margin-bottom: 0rem!important;
   }
   .team_member{
    width: 100%;
    height: auto;
    border: solid 1px #1B5682;
    border-radius: 10px;
    
    background-color:rgba(240, 75, 96, 0.1) ;
}

.team_descrizione h5{
    font-family: "Quicksand", sans-serif;
       font-weight:600;
    color: var(--dark-blue);
    text-align:left;
    text-transform: uppercase;
}
 /* fine team home*/  

/*carousel*/

.img_carousel{
    height :50%;
}
.carousel-caption{
     
}