p, p span {
    font-family: 'Outfit', sans-serif !important;
    font-size: 16px !important;
}

.sppb-carousel-extended-list {
    position: relative;
    overflow: hidden;
    direction: ltr;
}

#sp-logo {
    width: auto !important;
    max-width: 100% !important;  /* Permette al logo di adattarsi alla larghezza del suo contenitore */
}


#sp-menu {
    width: auto !important; /* Rende la larghezza del menu più dinamica */
    max-width: 90% !important; /* Puoi regolare questa larghezza per far combaciare meglio con il logo */
}

.cta-slide {
background-color: transparent !important;
color: #FC6E50 !important;
border: 2px solid #56c5fa !important;
border-radius: 25px !important; /* Rende gli angoli arrotondati */
padding: 10px 20px !important; /* Imposta il padding per aumentare la dimensione del bottone */
}

.cta-button {
background-color: transparent !important;
color: #FC6E50 !important;
border: 1px solid #FC6E50 !important;
border-radius: 25px !important; /* Rende gli angoli arrotondati */
padding: 10px 20px !important; /* Imposta il padding per aumentare la dimensione del bottone */
  
}

.sppb-feature-box-title {
color: #FC6E50 !important;
font-size: 21px !important;
  font-weight: 200 !important;
    }

.sp-contact-email {
  font-weight: 300 !important;
    }

.sp-contact-phone  {
  font-weight: 300 !important;
    }

.sp-page-title {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
    }

/* Aggiungi questa regola per il contenitore del box */
.sppb-addon-feature {
    display: block; /* Imposta il contenitore come un blocco */
    transition: transform 0.3s ease-in-out; /* Transizione morbida */
    overflow: hidden; /* Nascondi l'area che esce dai bordi del contenitore */
}

/* Zoom al passaggio del mouse su tutto il contenitore */
.sppb-addon-feature:hover {
    transform: scale(1.1); /* Zoom del 10% */
    cursor: pointer; /* Cambia il cursore */
}

/* Assicurati che i box abbiano la stessa dimensione */
.sppb-addon-feature {
    display: block; /* Imposta il contenitore come un blocco */
    width: 100%; /* Occupa tutta la larghezza disponibile */
    height: 300px; /* Imposta un'altezza fissa per i box */
    transition: transform 0.3s ease-in-out; /* Transizione morbida per lo zoom */
    overflow: hidden; /* Nascondi l'area che esce dai bordi del contenitore */
    padding: 15px; /* Aggiungi un po' di padding per il contenuto */
    box-sizing: border-box; /* Include padding e bordi nel calcolo della larghezza e altezza */
}

/* Zoom al passaggio del mouse su tutto il contenitore */
.sppb-addon-feature:hover {
    transform: scale(1.05); /* Zoom del 5% */
    cursor: pointer; /* Cambia il cursore */
}

#sp-main-body .article-body iframe {
    width: 100%;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding-left: 0;
}

#sp-header #sp-top3 {
    width: 23%;
}

.lettera-home ,sppb-addon-content {
    display: flex;
    justify-content: center;
}

.contacts-locations .sppb-accordion-icon-wrap {
    padding-right: 20px;
}

#sp-bottom, #sp-footer {
    background: #eff2f6 !important;
}

#sp-bottom .sp-module {
    margin-bottom: 0;
}

.accordion-contatti .sppb-reset-button-styles {
    display: flex;
    justify-content: space-between;
}

.accordion-contatti .sppb-reset-button-styles span:first-child {
    order: 2;
}

.accordion-contatti .sppb-reset-button-styles span:nth-child(2) {
    order: 1;
}

.contacts-form button {
    padding: 10px 60px;
    border-radius: 5px;
}

.lettera-home img {
    max-width: 100% !important;
}

.blog .article-list .article-header h2 {
    font-family: "Outfit", sans-serif;
    color: #25373f;
    font-size: 2rem;
    letter-spacing: -0.03em;
    font-weight: bolder;
    line-height: 1.2 !important;
}

.blog .article-list .article-header h2 a {
    color: #4c8ec1;
}

.blog .article-list .article-introtext h2:first-child {
    display: none;
}
 {
    display: none;
}

.button-appuntamenti {
    text-transform: none;
}

#sp-top2 div.sp-column {
    display: flex;
    justify-content: end;
}

#sp-top2 div.sp-column .sp-module {
    order: 1;
}

#sp-top2 div.sp-column .sp-contact-info {
    order: 3;
}

#sp-top2 div.sp-column .social-icons {
    order: 2;
    background-color: transparent;
}