@charset "UTF-8";
/* Developed by What a Show S.r.l. Socio unico whatashow.it */
/* CSS Document */
/* Stili per una struttura fluida con larghezza al 100% */
/* Per una ricerca:
Stile per il contenitore principale
Stile per il contenitore della riga
Stile per le colonne
Start welcome section home
Start map section home
Start sezione Paths
Start info section
Start sezione attività
Start Classi per i bottoni
Start menu desktop
Start section activities e img main page activities
Start footer section
Start stile per Testi es: H1
Start Classi per margini personalizzati
Start Stili per il pulsante e il menu
Start Colori
Start Classi e stili per i loghi
Start Form Home
*/


/* Stile per l'immagine di sfondo */
.background-img-home {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
}


.carousel-item img {
    width: 100vw; /* Larghezza pari alla larghezza della finestra */
    height: 100vh; /* Altezza pari all'altezza della finestra */
    object-fit: cover; /* Scala l'immagine per riempire lo spazio senza deformazioni */
    margin: 0; /* Rimuove i margini */
    padding: 0;
}


/* Stile personalizzato per le frecce del carosello */
.carousel-container {
    position: relative;
}

.carousel-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 75px;
}

.carousel-control-prev,
.carousel-control-next {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 60px;
}

.carousel-control-prev img,
.carousel-control-next img {
    width: 65px; /* Regola le dimensioni delle frecce */
    height: auto;
    margin-bottom: 10px;
}

.carousel-control-prev {
    margin-right: 20px; /* Spazio tra le frecce */
}


/* Stile per il contenitore principale */
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

/* Stile per il contenitore della riga */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.custom-row {
    width: 100%;
    margin: auto;
}

.left-aligned {
    margin-left: auto;
}

.right-aligned {
    margin-right: auto;
}

/* Stile per le colonne */
.col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/* Imposta Work Sans come font di default per il corpo del documento */
body {
    font-family: 'Work Sans', sans-serif;
}

.a:hover {
    cursor: pointer; /* Cambia il cursore in una mano */
}


/* Start welcome section home */
.reset-min-height {
    min-height: unset !important;
}

.custom-section {
    min-height: 1000px; /* Imposta l'altezza minima desiderata */
}

.left-welcome {
    position: relative;
}

.left-image-container {
    max-width: 100%;
    overflow: hidden;
}

.left-image-container img {
    width: 85%;
    height: auto;
    display: block; /* Impedisce eventuali spazi bianchi sotto l'immagine */
}

.left-welcome h2 {
    line-height: 1.0; /* Imposta l'interlinea desiderata */
}

.section-divider {
    border-top: 2px solid #1b413c; /* Utilizza il colore dalla variabile text-9 */
    margin: 50px 0; /* Imposta un margine per separare la riga dal contenuto precedente */
}

/* End welcome section home */

/* Start map section home */
.close-icon {
    position: absolute;
    top: 10px;
    right: 15px;
    margin: 5px;
}

.close-icon button {
    border-radius: 50px;
    background-color: white;
}

.close-icon button:hover {
    background-color: #eee;
}

.card-image {
    width: 100%;
    height: auto;
    border-top-left-radius: 54px;
    border-top-right-radius: 54px;
}

.card-map {
    padding: 0 !important;
    max-width: 403px;
}

.card-body {
    width: 100%;
    height: auto;
    padding-right: 30px;
    padding-left: 30px;
}

.card-title {
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
}

.card-text {
    font-size: 18px;
    font-weight: 400;
    text-transform: unset;
}

.btn-custom-card {
    border-radius: 35px;
    color: #1b413c;
    background-color: rgba(0, 0, 0, 0.0);
    border: 2px solid #1b413c;
    padding: 5px 15px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 2px;
}

.custom-section {
    position: relative;

}

.logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10; /* Assicura che il logo sia sopra la mappa */
}

.card {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: white;
    padding: 20px;
    border-radius: 54px;
    z-index: 10; /* Assicura che la card sia sopra la mappa */
}

.card-item {
    margin-bottom: 20px;
}

.map-container {
    position: relative;
    overflow: hidden;
}

.map {
    width: 100%;
    height: auto;
    display: block;
}

.card-text-custom {
    font-size: 20px; /* Imposta la dimensione del carattere */
    font-weight: 500; /* Imposta lo spessore del carattere */
    text-transform: uppercase; /* Trasforma il testo in maiuscolo */
    /* Aggiungi altre proprietà CSS personalizzate secondo necessità */
}

.text-color-1 {
    color: #559F33; /* Imposta il colore del testo su rosso */
}

.text-color-2 {
    color: #DEB300; /* Imposta il colore del testo su blu */
}

.text-color-3 {
    color: #25378D; /* Imposta il colore del testo su verde */
}

.text-color-4 {
    color: #E0091E; /* Imposta il colore del testo su rosso */
}

.text-color-5 {
    color: #E8C5A0; /* Imposta il colore del testo su blu */
}

.zoom-buttons {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#zoom-in-button,
#zoom-out-button {
    /* Stili per i pulsanti */
}

#zoom-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px; /* Aggiungi il padding desiderato per spaziare i pulsanti dalla parte superiore e destra */
}

/* End map section home */

/* Start sezione Paths */
.path-title {
    align-items: center;
    font-size: 48px; /* Dimensione del testo */
    font-weight: 400; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    letter-spacing: 2px;

}

.section-paths {
    background-color: #5a374e;
    min-height: 1000px;
    padding: 50px 0;
}

.path-card {
    border-radius: 54px;
    background-color: #dae496;
    min-height: 650px;
    display: inline-block; /* Imposta le card come inline-block */
    margin-bottom: 20px; /* Aggiunge spazio sotto le card */
    box-sizing: border-box; /* Considera il margine nel calcolo delle dimensioni */
    margin-right: 8px; /* Aggiunge spazio tra le card, tranne l'ultima */
    transition: all 0.8s ease; /* Aggiungi transizione per un'animazione fluida */
}

/* Rimuovi il margine destro dalla terza card */
.path-card:last-child {
    margin-right: 0;
}

.path-card.active {
    display: flex; /* Imposta il layout della card come flessibile */
    width: calc(56.666% - 8px); /* Larghezza della card attiva, occupa 2/3 dello spazio disponibile */
    padding-right: 0px;
    padding-left: 0px;
}

.path-card:not(.active) {
    display: flex; /* Imposta il layout della card come flessibile */
    width: calc(21.666% - 8px); /* Larghezza delle card non attive, occupano 1/3 dello spazio disponibile */
    padding-right: 0px;
    padding-left: 0px;

}

/* Nascondi il contenuto delle card chiuse */
.path-card:not(.active) .path-card-footer {
    display: none;
}

/* Nascondi il contenuto delle card chiuse */
.path-card:not(.active) .path-card-subtitle {
    display: none;
}

/* Nascondi il contenuto delle card chiuse */
.path-card:not(.active) .path-custom-list {
    display: none;
}

/* Nascondi il contenuto delle card chiuse */
.path-card:not(.active) .path-card-description {
    display: none;
}

/* Nascondi il contenuto delle card chiuse */
.path-card:not(.active) .path-card-divider {
    display: none;
}

/* Nascondi il contenuto delle card chiuse */
.path-card:not(.active) .image-path-container {
    margin-top: -50px;
    margin-left: -20px;
    margin-right: -40px;
}

.path-card:not(.active) .image-path {
    width: 100%;
    transition: all 0.8s ease; /* Aggiungi transizione per un'animazione fluida */
    margin-top: -5px;
}

.path-card:not(.active) .path-card-header {
    text-align: center;
}

.path-card.active .path-card-title {
    margin-left: 20px;
}

#path-card-2:not(.active) .path-card-title {
    margin-left: -20px;
}

#path-card-2 .image-path-container {
    margin-top: -558px;
    margin-right: -20px;
    min-height: 570px;
}

#path-card-2:not(.active) .image-path-container {
    margin-top: -110px;
    margin-left: -25px;
    margin-right: -40px;
}

#path-card-2:not(.active) .image-path {
    width: 100%;
    transition: all 0.8s ease;
    margin-top: -4px;
    margin-left: -14px;
}

#path-card-3:not(.active) .path-card-title {
    margin-left: -45px;
}

#path-card-3:not(.active) .image-path {
    width: 140%;
    transition: all 0.8s ease;
    margin-top: 75px;
    margin-left: -80px;
}

#path-card-3 .image-path {
    width: 50%;
    height: auto;
    display: block;
    margin-left: 400px;
}

#path-card-3:not(.active) .image-path-container {
    min-height: 480px;
    position: relative;
    overflow: unset;
    margin-top: -20px;
    margin-right: unset;
    z-index: 1;
}

#path-card-3 .image-path-container {
    min-height: 440px;
    position: relative;
    overflow: unset;
    margin-top: -370px;
    margin-right: 20px;
    z-index: 1;
}

.path-card-content {
    flex-grow: 1;
    padding-left: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Nascondi il contenuto che supera l'altezza */
    max-height: 635px;
}

.path-card-header {
    margin-bottom: 20px;
}

.path-card-title {
    font-size: 25px; /* Dimensione del testo */
    font-weight: 700; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    letter-spacing: 2px;
}

.path-card-subtitle {
    font-size: 21px; /* Dimensione del testo */
    font-weight: 600; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    letter-spacing: 2px;
}


.path-custom-list {
    /* Stile personalizzato per la lista */
}

.path-custom-list li {
    font-size: 21px; /* Dimensione del testo */
    font-weight: 400; /* Dimensione del testo */
    letter-spacing: 2px;
}

.custom-path-img {
    width: 3%;
}

.path-card-description {
    z-index: 2;
    position: relative;
    max-width: 45%;
    font-size: 20px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
}


.image-path-container {
    min-height: 540px;
    position: relative;
    overflow: hidden;
    margin-top: -471px;
    margin-right: 40px;
    z-index: 1;
}

.image-path {
    width: 40%;
    height: auto;
    display: block;
    margin-left: auto;
}

.path-card-divider {
    opacity: 1; /* Assicura che l'hr non sia trasparente */
    border-top: 3px solid #858c5a;
    margin-top: 10px; /* Aggiunge spazio sopra la linea di divisione */
    margin-bottom: 10px;
    width: unset; /* Assicura che la linea di divisione occupi l'intera larghezza */
    box-sizing: border-box; /* Assicura che il padding non influenzi la larghezza */
    margin-right: 40px;
}


.path-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 68px; /* Dimensione del testo */
    font-weight: 200; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    letter-spacing: 2px;
    padding-right: 40px;

}

/* End section Paths */


/* Start info section */
.info-content {
    display: flex; /* Use flexbox for layout */
    justify-content: space-between; /* Space between columns */
    align-items: flex-start; /* Align items to the top */
}


/* Stili per il paragrafo nella colonna sinistra */
.info-paragraph-1 {
    font-size: 24px; /* Dimensione del testo del paragrafo */
    font-weight: 400; /* Dimensione del testo */
}

/* Stili per il paragrafo nella colonna sinistra */
.info-paragraph-2 {
    font-size: 24px; /* Dimensione del testo del paragrafo */
    font-weight: 400; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

/* Stili per la riga divisoria nella colonna sinistra */
.info-divider {
    opacity: 1; /* Assicura che l'hr non sia trasparente */
    border-top: 2px solid #1B413C; /* Colore e spessore della linea */
    margin-top: 50px; /* Aggiunge spazio sotto la riga */
    margin-bottom: 50px; /* Aggiunge spazio sotto la riga */
}

.btn-custom-info {
    border-radius: 35px; /* Bordi arrotondati */
    color: #1b413c; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #1b413c; /* Bordo bianco */
    padding: 10px 0px; /* Padding del pulsante */
    font-size: 20px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

.btn-custom-info img {
    width: 5%; /* Imposta la larghezza dell'immagine al 50% rispetto al suo contenitore */
    height: auto; /* Altezza automatica per mantenere le proporzioni */
}

/* Stili per la colonna sinistra con testo */
.info-content-left {
    margin-right: 30px;
}

/* Stili per la colonna destra con la mappa */
.info-content-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Stili per la card che contiene la mappa */
.info-card {
    border-radius: 20px;
    overflow: hidden;
}

/* Stili per la mappa di Google all'interno della card */
.info-map {
    width: 100%;
    height: auto;
}

/* End info section */

/* Start sezione attività */
.carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* margin-top: 50px; */
}

.carousel-item.active {
    display: block;
}

.main-image {
    width: 100%;
    height: auto;
    left: 50%;
    border-radius: 90px;
}

.title-carousel {
    font-size: 122px; /* Dimensione del testo del paragrafo */
    font-weight: 300; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.side-image {
    width: 50%;
    height: auto;
    opacity: 0.5;
}

.carousel-caption {
    position: relative;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    margin-top: 130px;
}

.carousel-caption h3 {
    font-size: 50px;
    line-height: 1.0;
}

.btn-custom-activities {
    border-radius: 35px; /* Bordi arrotondati */
    color: #E6D938; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #E6D938; /* Bordo bianco */
    padding: 10px 20px; /* Padding del pulsante */
    font-size: 20px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}


.path-card:not(.active) .path-card-header {
    text-align: center;
}

.path-card.active .path-card-title {
    margin-left: 20px;
}


/* Personalizzazione per il secondo carosello */
#image-slider-2.carousel .side-image {
    width: 50%;
    height: auto;
    opacity: unset;
    border-radius: 60px;
}

#image-slider-2.carousel .carousel-caption {
    position: relative;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-allign: center;
    margin-top: 130px;
}

/* Personalizzazione per il secondo carosello */
.custom-carousel {
    display: flex; /* Utilizza flexbox per allineare gli elementi */
    flex-direction: column; /* Allinea gli elementi verticalmente */
    align-items: center; /* Centra gli elementi orizzontalmente */
}

.custom-carousel .carousel-item {
    position: relative;
    margin-right: unset;
    width: 50%;
}

.custom-carousel .carousel-item img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto; /* Centra l'immagine orizzontalmente */
}


.custom-carousel .carousel-caption h3 {
    margin-bottom: 10px;
    text-align: center; /* Centra il testo orizzontalmente */
    margin-left: 0px;
}

.custom-carousel .carousel-caption button {
    color: #e6d938; /* Testo bianco */
    background-color: transparent; /* Sfondo trasparente */
    border: 2px solid #e6d938; /* Bordo bianco */
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    margin: 0 auto; /* Centra il pulsante orizzontalmente */
}

.custom-carousel .carousel-caption button:hover {
    background-color: white; /* Sfondo bianco al passaggio del mouse */
    color: black; /* Testo nero al passaggio del mouse */
}

.custom-carousel .carousel-controls {
    position: absolute;
    bottom: 110px;
    right: 0;
    padding: 0px;
}

.custom-carousel .carousel-control-prev {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 60px;
}

.custom-carousel .carousel-control-next {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    margin-left: 60px;
}

.custom-carousel .carousel-control-next img {
    width: 55px; /* Regola le dimensioni delle frecce */
    height: auto;
    margin-bottom: 180px;
    margin-left: 80px;
}

.custom-carousel .carousel-control-prev img {
    width: 55px; /* Regola le dimensioni delle frecce */
    height: auto;
    margin-bottom: 180px;
    margin-right: 80px;
}

.custom-carousel .carousel-control-prev {
    right: 65px; /* Spazio tra le frecce */
    left: 0;
}

/* End sezione attività */


/* Start sezione form */
.form-title {
    font-size: 48px;
    font-weight: 300; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.form-description {
    font-size: 24px;
    font-weight: 300; /* Dimensione del testo */
    line-height: 1.2;
}

.form-note {
    font-size: 14px;
    color: #777;
}


.form-control {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.form-check-label {
    font-size: 16px;
}


.btn-submit:hover {
    background-color: #0056b3;
}

/* CSS */
.custom-form {
    max-width: 80%;
    margin-left: auto;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 400; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.form-label-disclaimer {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400; /* Dimensione del testo */
}

.form-control {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 2px solid #1B413C;
    background-color: transparent; /* Imposta lo sfondo trasparente */
    margin-bottom: 50px; /* Aggiunge un po' di spazio sotto l'input */
    margin-top: -35px; /* Aggiunge un po' di spazio sotto l'input */
    transition: margin-top 0.3s ease-in-out;
}

#form-newsletter .form-control:focus, #form-home .form-control:focus {
    border: none;
    border-bottom: 2px solid #1B413C;
    background-color: transparent; /* Imposta lo sfondo trasparente */
    box-shadow: none;
}

#form-newsletter .form-control-focus, #form-home .form-control-focus {
    margin-top: -20px !important;
}

select.form-select option:not(:checked) {
    border-radius: 25px;
}

select.form-select option {
    border-radius: 25px;
}

.btn-custom-form {
    border-radius: 35px; /* Bordi arrotondati */
    color: #1B413C; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #1B413C; /* Bordo bianco */
    padding: 10px 20px; /* Padding del pulsante */
    font-size: 20px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

.btn-custom-activities-2 {
    border-radius: 35px; /* Bordi arrotondati */
    color: #1b413c; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #1B413C; /* Bordo bianco */
    padding: 10px 40px; /* Padding del pulsante */
    font-size: 20px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

.btn-submit:hover {
    background-color: #0056b3;
}

/* Sovrascrivi lo stile predefinito di macOS per gli input selezionati */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    background-color: transparent; /* Imposta lo sfondo trasparente */
    outline: none; /* Rimuovi l'outline */
}

.form-control:focus {
    background-color: transparent !important;
    border: 1px solid #ced4da; /* Puoi personalizzare lo stile del bordo */
    box-shadow: none; /* Rimuove l'ombreggiatura quando l'input è attivo */
}


.input-label {
    transition: opacity 0.3s; /* Aggiungi una transizione per un effetto più fluido */
}

.hidden-label {
    opacity: 0; /* Imposta l'opacità a 0 per nascondere il label */
    pointer-events: none; /* Impedisce al label di interagire con l'utente */
}

/* End sezione form */


/* Start section activities e img main page activities */
.title-activities {
    font-size: 65px; /* Dimensione del testo del paragrafo */
    font-weight: 300; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.p-activities {
    font-size: 19px; /* Dimensione del testo del paragrafo */
    font-weight: 300; /* Dimensione del testo */
    line-height: 1.2;
}

/* stili CSS per posizionare e dimensionare le immagini di sfondo per img main*/
.background-images-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.background-image-1 {
    background-image: url('../img/background_image_1.png'); /* Percorso della prima immagine di sfondo */
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; /* Dividi lo spazio per due immagini */
    height: 100%;
    background-size: 50%; /* Dividi l'immagine di sfondo in 2 */
    background-size: cover;
    background-position: center;
}

.background-image-2 {
    background-image: url('../img/background_image_2.png'); /* Percorso della seconda immagine di sfondo */
    position: absolute;
    top: 0;
    right: 0;
    width: 50%; /* Dividi lo spazio per due immagini */
    height: 100%;
    background-size: 50%; /* Dividi l'immagine di sfondo in 2 */
    background-size: cover;
    background-position: center;
}

/* End section activities e img main page activities */

/* Start footer section */
.footer-section {
    min-height: 500px; /* Imposta l'altezza minima desiderata */
}

.text-footer {
    font-size: 25px; /* Dimensione del testo del paragrafo */
    font-weight: 400; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    line-height: 1.2;
}

.text-sub-footer {
    font-size: 17px; /* Dimensione del testo del paragrafo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    line-height: 1.2;
}

.footer-section .custom-link {
    text-decoration: none;
}

/* Stili per la riga divisoria nella colonna sinistra */
.footer-divider {
    opacity: 1; /* Assicura che l'hr non sia trasparente */
    border-top: 1px solid #E8C5A0 !important; /* Colore e spessore della linea */
    background-color: #E8C5A0 !important; /* Colore nero per lo sfondo */
    margin-top: 50px; /* Aggiunge spazio sotto la riga */
    margin-bottom: 25px; /* Aggiunge spazio sotto la riga */
}

.language-arrow-footer {
    position: absolute;
    top: 50%;
    left: 0; /* Posiziona l'immagine a sinistra */
    transform: translateY(-50%);
    width: 15px; /* Imposta la larghezza desiderata per il triangolo */
    height: auto; /* Consente all'altezza di adattarsi proporzionalmente alla larghezza */
    margin-left: 180px;
}

#footer-logo {
    text-align: left; /* Centra il logo */
    margin-bottom: 20px; /* Spaziatura inferiore */
}

#footer-logo img {
    max-width: 80%; /* Assicura che il logo non superi la larghezza del contenitore */
    height: auto; /* Imposta l'altezza automaticamente per mantenere le proporzioni */
}

.social-footer-icon {
    max-width: 12px; /* Imposta la larghezza massima desiderata */
    margin-bottom: 3px;
}

.map-footer-icon {
    max-width: 16px; /* Imposta la larghezza massima desiderata */
    margin-bottom: 3px;
    margin-left: 8px;
}

.btn-custom-footer {
    border-radius: 35px; /* Bordi arrotondati */
    color: #E8C5A0; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #E8C5A0; /* Bordo bianco */
    padding: 10px 20px; /* Padding del pulsante */
    font-size: 18px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

/* End footer section */

/* Start Classi per i bottoni */
.btn-custom {
    border-radius: 35px; /* Bordi arrotondati */
    color: #ffffff; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #ffffff; /* Bordo bianco */
    padding: 10px 20px; /* Padding del pulsante */
    font-size: 18px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

.btn-custom-activities {
    border-radius: 35px; /* Bordi arrotondati */
    color: #ffffff; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #ffffff; /* Bordo bianco */
    padding: 8px 80px; /* Padding del pulsante */
    font-size: 18px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
    margin-right: 25px;
}

.btn-custom-welcome {
    border-radius: 35px; /* Bordi arrotondati */
    color: #1b413c; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #1b413c; /* Bordo bianco */
    padding: 10px 0px; /* Padding del pulsante */
    font-size: 18px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

.btn-custom-welcome img {
    width: 5%; /* Imposta la larghezza dell'immagine al 50% rispetto al suo contenitore */
    height: auto; /* Altezza automatica per mantenere le proporzioni */
}

.btn-custom-paths {
    border-radius: 35px; /* Bordi arrotondati */
    color: #1b413c; /* Testo bianco */
    background-color: rgba(0, 0, 0, 0.0); /* Background trasparente con un'opacità del 50% */
    border: 2px solid #858c5a; /* Bordo bianco */
    padding: 10px 25px; /* Padding del pulsante */
    font-size: 18px; /* Dimensione del testo */
    font-weight: 500; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    cursor: pointer; /* Cambia il cursore al passaggio del mouse */
    letter-spacing: 2px;
}

/* End Classi per i bottoni */


/* Start menu desktop */
#desktop-menu {
    padding: 20px 0;
}

.left-menu a {
    text-decoration: none; /* Rimuove la sottolineatura */
}

.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-column,
.right-column {
    flex: 1;
    height: 50%;
}

.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-menu li {
    margin-bottom: 5px;
}

.right-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.language-select img {
    margin-right: 10px;
}

.language-select select {
    font-size: 14px;
}

.info-request,
.newsletter-subscribe,
.social-media {
    margin-top: 20px;
}

.right-column a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
}

.right-column a:hover {
    color: #ff0000;
}


.selected-language {
    cursor: pointer;
    text-decoration: underline; /* Aggiunge una sottolineatura a tutti i link */
    text-decoration-thickness: 1px; /* Imposta lo spessore della sottolineatura a 1 pixel */
    letter-spacing: 2px;
}

.language-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 5px 5px;
}

.language-options span {
    display: block;
    padding: 3px 20px;
    cursor: pointer;
}

.language-options span:hover {
    background-color: #717171;
}

.language-options2 {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 5px 5px;
}

.language-options2 span {
    display: block;
    padding: 3px 20px;
    cursor: pointer;
}

.language-options2 span:hover {
    background-color: #717171;
}

.language-selector {
    position: relative;
}

.language-arrow {
    position: absolute;
    top: 50%;
    left: 0; /* Posiziona l'immagine a sinistra */
    transform: translateY(-50%);
    width: 15px; /* Imposta la larghezza desiderata per il triangolo */
    height: auto; /* Consente all'altezza di adattarsi proporzionalmente alla larghezza */
    margin-left: -20px;
}

.menu-container {
    position: absolute;
    top: 62%;
    transform: translateY(-50%);
}

.left-menu {
    font-size: 2.6rem; /* Modifica la dimensione del testo secondo necessità */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.right-menu {
    font-size: 1.2rem; /* Modifica la dimensione del testo secondo necessità */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
    text-align: right; /* Allinea il testo a destra */
    letter-spacing: 2px;
}

.right-menu a:hover {
    font-size: 1.2rem; /* Modifica la dimensione del testo secondo necessità */
    text-decoration: none; /* Rimuove la sottolineatura */
    color: inherit; /* Il colore del testo rimane lo stesso al passaggio del mouse */
    letter-spacing: 2px;
}

.right-menu a {
    font-size: 1.2rem; /* Modifica la dimensione del testo secondo necessità */
    letter-spacing: 2px;
}

/* END menu desktop */

p {
    font-weight: 400; /* Grassetto */
    font-size: 24px; /* Riduce l'interlinea */
}


/* Start stile per Testi es: H1 */
h1 {
    font-weight: 600; /* Grassetto */
    line-height: 1; /* Riduce l'interlinea */
}

h2 {
    font-weight: 300; /* Grassetto */
    line-height: 1; /* Riduce l'interlinea */
    font-size: 58px; /* Riduce l'interlinea */
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Classe per dimensione del font personalizzata */
.font-size-large {
    font-weight: 600;
    font-size: 3rem;
}

.font-main-activities {
    font-size: 110px; /* Dimensione del testo del paragrafo */
    font-weight: 300; /* Dimensione del testo */
    text-transform: uppercase; /* Testo tutto in maiuscolo */
}

.font-size-xl {
    font-size: 6rem;
}

.font-size-xxl {
    font-size: 7rem;
}

.text-right {
    text-align: right;
}

/* End stile per Testi es: H1 */

/* Start Classi per margini e padding personalizzati */
.pl-0 {
    padding-left: 0px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-50 {
    padding-right: 50px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-145 {
    margin-left: 145px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-200 {
    margin-left: 200px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-200 {
    margin-right: 200px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-200 {
    margin-top: 200px;
}

.mt-250 {
    margin-top: 250px;
}

.mt-300 {
    margin-top: 300px;
}

/* End Classi per margini personalizzati */


/* Start Stili per il pulsante e il menu */

/* CSS per posizionare il menu-toggle al centro */
.centered {
    position: fixed;
    top: 50%;
    left: 20px;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.menu-toggle:hover {
    cursor: pointer;
}


.menu {
    position: fixed;
    top: 0;
    left: -100%; /* Nascondi il menu di default */
    width: 100%; /* Imposta la larghezza al 100% */
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* Opacità per un effetto semi-trasparente */
    transition: left 0.3s ease; /* Aggiungi una transizione per un'animazione fluida */
    z-index: 999;
}

.menu.active {
    left: 0; /* Mostra il menu a tutta larghezza quando è attivo */
    transition: left 1.2s ease-out;
}


.menu:not(.active) {
    transition: left 1.1s ease-out;
}

.menu-toggle img {
    width: 30px; /* Imposta la larghezza desiderata */
    height: auto; /* Mantieni l'aspetto proporzionato */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Aggiunge un'ombra */
}


.content {
    margin-left: 250px; /* Larghezza del menu */
}

/* End Stili per il pulsante e il menu */


/* Start Colori */
.background-1 {
    background-color: #5a374e;
}

.background-2 {
    background-color: #b23932;
}

.background-3 {
    background-color: #e8c5a0;
}

.background-4 {
    background-color: #e6d938;
}

.background-5 {
    background-color: #5c2126;
}

.background-6 {
    background-color: #d36443;
}

.background-7 {
    background-color: #f2e2b6;
}

.background-8 {
    background-color: #c8a24b;
}

.background-9 {
    background-color: #1b413c;
}

.background-10 {
    background-color: #448c78;
}

.background-11 {
    background-color: #dae496;
}

.background-12 {
    background-color: #858c5a;
}

.background-13 {
    background-color: #FFFFFF;
}

.background-14 {
    background-color: #000000;
}

/* Colori Testi */
.text-1, .text-1 a {
    color: #5a374e;
}

.text-2, .text-2 a {
    color: #b23932;
}

.text-3, .text-3 a {
    color: #e8c5a0;
}

.text-4, .text-4 a {
    color: #e6d938;
}

.text-5, .text-5 a {
    color: #5c2126;
}

.text-6, .text-6 a {
    color: #d36443;
}

.text-7, .text-7 a {
    color: #f2e2b6;
}

.text-8, .text-8 a {
    color: #c8a24b;
}

.text-9, .text-9 a {
    color: #1b413c;
}

.text-10, .text-10 a {
    color: #448c78;
}

.text-11, .text-11 a {
    color: #dae496;
}

.text-12, .text-12 a {
    color: #858c5a;
}

.text-13, .text-13 a {
    color: #FFFFFF;
}

.text-14, .text-14 a {
    color: #000000;
}

/* End Colori background */

/* Colori Bordi */
.border-1 {
    border-color: #5a374e;
}

.border-2 {
    border-color: #b23932;
}

.border-3 {
    border-color: #e8c5a0;
}

.border-4 {
    border-color: #e6d938;
}

.border-5 {
    border-color: #5c2126;
}

.border-6 {
    border-color: #d36443;
}

.border-7 {
    border-color: #f2e2b6;
}

.border-8 {
    border-color: #c8a24b;
}

.border-9 {
    border-color: #1b413c;
}

.border-10 {
    border-color: #448c78;
}

.border-11 {
    border-color: #dae496;
}

.border-12 {
    border-color: #858c5a;
}

.border-13 {
    border-color: #FFFFFF;
}

.border-14 {
    border-color: #000000;
}

/* End Colori Bordi */

/* Colori Bordi HR ecc. */
.border-top-1 {
    border-top-color: #5a374e !important;
}

.border-top-2 {
    border-top-color: #b23932 !important;
}

.border-top-3 {
    border-top-color: #e8c5a0 !important;
}

.border-top-4 {
    border-top-color: #e6d938 !important;
}

.border-top-5 {
    border-top-color: #5c2126 !important;
}

.border-top-6 {
    border-top-color: #d36443 !important;
}

.border-top-7 {
    border-top-color: #f2e2b6 !important;
}

.border-top-8 {
    border-top-color: #c8a24b !important;
}

.border-top-9 {
    border-top-color: #1b413c !important;
}

.border-top-10 {
    border-top-color: #448c78 !important;
}

.border-top-11 {
    border-top-color: #dae496 !important;
}

.border-top-12 {
    border-top-color: #858c5a !important;
}

.border-top-13 {
    border-top-color: #FFFFFF !important;
}

.border-top-14 {
    border-top-color: #000000 !important;
}

/* End Colori Bordi HR ecc. */

/* Start Classi e stili per i loghi */
.logo-0 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_0.png');
    /* Aggiungi altri stili necessari */
}

.logo-1 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_1.png');
    /* Aggiungi altri stili necessari */
}

.logo-2 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_2.png');
    /* Aggiungi altri stili necessari */
}

.logo-3 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_3.png');
    /* Aggiungi altri stili necessari */
}

.logo-4 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_4.png');
    /* Aggiungi altri stili necessari */
}

.logo-5 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_5.png');
    /* Aggiungi altri stili necessari */
}

.logo-6 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_6.png');
    /* Aggiungi altri stili necessari */
}

.logo-7 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_7.png');
    /* Aggiungi altri stili necessari */
}

.logo-8 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_8.png');
    /* Aggiungi altri stili necessari */
}

.logo-9 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_9.png');
    /* Aggiungi altri stili necessari */
}

.logo-10 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_10.png');
    /* Aggiungi altri stili necessari */
}

.logo-11 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_11.png');
    /* Aggiungi altri stili necessari */
}

.logo-12 {
    /* Stili per il primo logo */
    background-image: url('../img/logo_adventure_12.png');
    /* Aggiungi altri stili necessari */
}

.logo-13 {
    /* Stili per il secondo logo */
    background-image: url('../img/logo_adventure_13.png');
    /* Aggiungi altri stili necessari */
}

#logo-container {
    width: 450px; /* Larghezza desiderata del logo */
    margin: 150px auto 0; /* Per centrare il logo */
}

#logo-container img {
    max-width: 100%; /* Imposta la larghezza massima al 100% del contenitore */
    height: auto; /* Altezza automatica per mantenere l'aspect ratio */
}

#park-activities h1 {
    max-width:50%;
}

#park-activities #logo-container {
    width: 400px;
}

#park-activities .font-main-activities {
    font-size: 95px;
}

.menu-logo {
    text-align: center; /* Centra il logo */
    margin-bottom: 20px; /* Spaziatura inferiore */
}

.menu-logo img {
    max-width: 27%; /* Assicura che il logo non superi la larghezza del contenitore */
    height: auto; /* Imposta l'altezza automaticamente per mantenere le proporzioni */
}

.logo-map {
    position: absolute;
    top: 50px;
    left: 10px;
    z-index: 10; /* Assicura che il logo sia sopra la mappa */
    width: 28%; /* Regola la larghezza del logo */
    height: auto; /* Imposta l'altezza in base all'aspetto originale */
}

/* End Classi e stili per i loghi */

/* Start Form Home */
#form-home .form-check-input[type="checkbox"] {
    border-radius: 50%;
    border-color: #1b413c;
}

#image-slider {
    background-color: black;
}

.zindex-1 {
    z-index: 1;
}

.zindex-2 {
    z-index: 2;
}

.zindex-3 {
    z-index: 3;
}

.zindex-4 {
    z-index: 4;
}

.zindex-5 {
    z-index: 5;
}

.zindex-9 {
    z-index: 9;
}

/**************************/

.btn-1:hover {
    border-color: #5a374e;
}

.btn-2:hover {
    border-color: #b23932;
}

.btn-3:hover {
    border-color: #e8c5a0;
}

.btn-4:hover {
    border-color: #e6d938;
}

.btn-5:hover {
    border-color: #5c2126;
}

.btn-6:hover {
    border-color: #d36443;
}

.btn-7:hover {
    border-color: #f2e2b6;
}

.btn-8:hover {
    border-color: #c8a24b;
}

.btn-9:hover {
    border-color: #1b413c;
}

.btn-10:hover {
    border-color: #448c78;
}

.btn-11:hover {
    border-color: #dae496;
}

.btn-12:hover {
    border-color: #858c5a;
}

.btn-13:hover {
    border-color: #FFFFFF;
}

.btn-14:hover {
    border-color: #000000;
}

#banner {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}

.banner-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#close-banner {
    font-size: 30px;
    vertical-align: sub;
    float: left;
    margin-left: 20px;
}

#close-banner:hover {
    cursor: pointer;
}

.custom-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: grey;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    color: white;
}

.custom-close-button::before {
    font-size: 18px;
}

.custom-close-button:hover {
    background-color: grey;
    color: white;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 0.8;
}

/* Extra small devices (portrait phones, less than 576px) XS */
@media (max-width: 575.98px) {

    /* Start menu desktop */
    .menu-container {
        top: 52%;
    }

    .left-menu {
        font-size: 1.5rem; /* Modifica la dimensione del testo secondo necessità */
    }

    /* END menu desktop */
    #menu-toggle svg {
        width: 25px !important;
    }

    .menu-logo img {
        max-width: 45%; /* Assicura che il logo non superi la larghezza del contenitore */
        height: auto; /* Imposta l'altezza automaticamente per mantenere le proporzioni */
    }

    #logo-container {
        text-align: center;
        width: unset;
    }

    #logo-container img {
        max-width: 70%;
    }

    .btn-custom {
        font-size: 15px;
    }

    .font-size-large {
        font-size: 2rem;
        bottom: 40px !important;
    }

    h2 {
        font-size: 25px !important;
    }

    .card h2 {
        font-size: 25px !important;
    }

    .card-text, .btn-custom-card, .btn-custom-info, .btn-custom-form, .form-description, .form-label, .text-footer, .btn-custom-footer {
        font-size: 16px !important;
    }

    .form-note, .text-sub-footer {
        font-size: 13px !important;
    }

    .card-image {
        object-fit: cover;
        object-position: bottom;
        max-height: 220px;
    }

    #paths-maps.custom-section {
        min-height: unset !important;
    }

    #welcome .right-content p {
        font-size: 16px;
    }

    .info-content-left {
        margin-right: 0;
    }

    .info-content-left * {
        font-size: 16px !important;
    }

    .custom-form {
        max-width: unset;
    }

    #footer-logo img {
        max-width: 60%;
    }

    .language-options2 {
        right: unset;
    }

    .carousel-caption h3 {
        font-size: 25px !important;
    }

    .custom-carousel .carousel-control-prev {
        margin-left: 0 !important;
    }

    .custom-carousel .carousel-control-prev {
        right: unset !important;
        margin-right: 0 !important;
    }

    .custom-carousel .carousel-control-next {
        left: unset;
        margin-left: 0 !important;
    }

    .custom-carousel .carousel-control-prev img {
        margin-right: 0 !important;
    }

    .custom-carousel .carousel-control-next img {
        margin-left: 0 !important;
    }

    .path-card {
        min-height: unset !important;
    }

    .path-card.active {
        width: unset !important;
    }

    .path-card-content {
        max-height: unset !important;
    }

    .path-card-title {
        font-size: 20px !important;
    }

    .path-card-description {
        font-size: 16px !important;
    }

    .path-card-subtitle {
        font-size: 19px !important;
    }

    .path-custom-list li {
        font-size: 16px !important;
    }

    .path-card-footer {
        font-size: 50px !important;
        padding-bottom: 10px;
    }

    .btn-custom-paths {
        padding: 10px 15px;
        font-size: 16px;
    }

    #path-card-1 .image-path-container {
        margin-top: -420px !important;
        min-height: 460px;
    }

    #path-card-1 .image-path {
        margin-left:216px;
    }

    #path-card-2 .image-path-container {
        margin-top: -424px !important;
        margin-right: 3px !important;
        min-height: 460px;
    }

    #path-card-3 .image-path-container {
        margin-left: 202px !important;
        margin-top: -471px !important;
        min-height: 500px;
    }

    #path-card-3 .image-path {
        width:115%;
        margin-left:auto;
    }

    .custom-carousel .carousel-item img {
        width: 90% !important;
    }

    .carousel .main-image {
        border-radius: 32px !important;
    }

    .btn-custom-activities {
        font-size:13px !important;
    }

    #banner {
        height:unset;
        line-height: 26px;
        font-size: 16px;
        padding: 10px 0;
    }

    .carousel-controls {
        bottom: 40px !important;
        right: 15px !important;
    }

    .carousel-controls .carousel-control-prev img, .carousel-controls .carousel-control-next img {
        width: 55px !important;
    }

    .font-main-activities {
        font-size:42px;
    }

    .background-image-2 {
        right: 0;
        top: 55px;
    }

    .btn-custom-activities {
        padding: 8px 20px;
        margin-right: unset;
        margin-left: 35px;
    }

    .park-container .carousel-control-prev, .park-container .carousel-control-next {
        margin:0;
        opacity: 0.8 !important;
    }

    .park-container .carousel-controls {
        right:0 !important;
        bottom:0 !important;
        padding-bottom:30px !important;
    }

    #park-activities .font-main-activities {
        font-size: 60px;
        margin-top: -50px;
    }

    #park-activities h1 {
        max-width:100%;
    }

    #park-activities #logo-container {
        width:300px;
    }

    .background-image-2 {
        opacity: 0.8;
    }
}

/* Small devices (landscape phones, 576px and up) SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Start menu desktop */
    .menu-container {
        top: 52%;
    }

    .left-menu {
        font-size: 1.5rem; /* Modifica la dimensione del testo secondo necessità */
    }

    /* END menu desktop */
    #menu-toggle svg {
        width: 25px !important;
    }

    .menu-logo img {
        max-width: 45%; /* Assicura che il logo non superi la larghezza del contenitore */
        height: auto; /* Imposta l'altezza automaticamente per mantenere le proporzioni */
    }

    h2 {
        font-size: 40px !important;
    }
}

/* Medium devices (tablets, 768px and up) MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Start menu desktop */
    .menu-container {
        top: 52%;
    }

    .left-menu {
        font-size: 1.5rem; /* Modifica la dimensione del testo secondo necessità */
    }

    /* END menu desktop */
    #menu-toggle svg {
        width: 25px !important;
    }

    .menu-logo img {
        max-width: 45%; /* Assicura che il logo non superi la larghezza del contenitore */
        height: auto; /* Imposta l'altezza automaticamente per mantenere le proporzioni */
    }

    h2 {
        font-size: 40px !important;
    }
}

/* Large devices (desktops, 992px and up) LG */
@media (min-width: 992px) and (max-width: 1199.98px) {

}