/* Inizio Card Choose */
.card-grid-choose {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 3 colonne su desktop */
    gap: 30px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.card-choose p{
     font-family: 'Jost', serif !important;
    color: #2c3e50;
    font-size: 1rem;
}
.card-choose {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #44a5a517;
    border-radius: 15px;
    max-width: 300px;
    overflow: hidden;
    transition: transform 0.3s ease;
    text-align: center;
    height: 200px;
    margin-block-end: auto;
    padding: 10px;
}

.card-choose:hover {
    transform: translateY(-5px);
}

.card-choose img {
    margin-inline: auto;
    width: 70px;
    height: auto; /* Altezza fissa per uniformità */
}


/* Inizio Card Amenities */


.card-grid-amenities {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 3 colonne su desktop */
    gap: 30px;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.card-amenities {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #44a5a517;
    border-radius: 15px;
    overflow: hidden;
    
    transition: transform 0.3s ease;
    text-align: center;
    height: 200px;
    margin-block-end: auto;
}

.card-amenities:hover {
    transform: translateY(-5px);
}

.card-amenities img {
    margin-inline: auto;
    width: 70px;
    height: auto; /* Altezza fissa per uniformità */
}

.card-amenities p {
    padding: 20px;
    font-size: 1.1rem !important;
    font-family: 'Jost', serif !important;
    color: #2c3e50;
}

/* Responsive: 2 colonne su mobile */
@media (max-width: 768px) {

    .card-grid-choose {
        grid-template-columns: repeat(2, 1fr); /* 2 colonne su mobile */
        gap:10px;
    }

    .card-choose  img {
        height: 50px; /* Riduci altezza su mobile */
    }
    .card-choose  p {
    padding: 0px;
    font-size: 1rem !important;
    font-family: 'Jost', serif !important;
    color: #2c3e50;
}
.card-choose  {
     height: 120px;
     
}
 .card-grid-amenities {
        grid-template-columns: repeat(2, 1fr); /* 2 colonne su mobile */
        gap:10px;
    }

    .card-amenities img {
        height: 50px; /* Riduci altezza su mobile */
    }
    .card-amenities p {
    padding: 0px;
    font-size: 1rem !important;
    font-family: 'Jost', serif !important;
    color: #2c3e50;
}
.card-amenities {
     height: 120px;
     
}

}


   

/* Responsive: 1 colonna su schermi molto piccoli */
@media (max-width: 480px) {
    .card-grid {
        grid-template-columns: 1fr; /* 1 colonna su smartphone */
    }
}