.content-home-cards,
.content-home-cards * {
    box-sizing: border-box;
}

.content-home-cards {
    background: #e9e9e9;
    padding: 64px 150px 64px 150px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    text-align: center;
}



.row-home-cards {
    display: flex;
    flex-direction: row;
    gap: 45px;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.home-card-early-booking {
    background: #ffffff;
    border-radius: 18.28px;
    border-style: solid;
    border-color: #f04623;
    border-width: 6px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    height: 585px;
    min-width: 300px;
    max-width: 470px;
    position: relative;
    box-shadow: 0px 46.2px 92.4px -30.8px rgba(15, 15, 15, 0.10);
    backdrop-filter: blur(15.4px);
}

.bandeau-early-booking {
    background: #f04623;
    border-radius: 10px;
    padding: 8px 0px 8px 0px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 66px;
    position: relative;
}

.frame-3 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 350px;
    height: 61px;
    position: relative;
}

.early-booking-500 {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
}

.jusqu-au-08-06-2024 {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
}

.imagery-home-cards {
    border-radius: 9.14px;
    display: flex;
    flex-direction: row;
    gap: 9.14px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
    overflow: hidden;
}

.big-image {
    border-radius: 9.14px; 
    object-fit: cover; /* Garde les proportions de l'image */
    width: 100%; /* S'assure que l'image prend toute la largeur de son conteneur */
    height: auto; /* Garde les proportions de l'image */
}

/* Nouveau style pour le lien */
.imagery-home-cards a {
    display: block; /* Permet au lien de prendre toute la largeur de l'image */
    text-decoration: none; /* Supprime le soulignement du lien */
    width: 100%; /* Permet au lien de prendre toute la largeur de son conteneur */
    height: 100%; /* Permet au lien de prendre toute la hauteur de son conteneur */
}

.information-home-cards {
    display: flex;
    flex-direction: column;
    gap: 18.28px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.title-body {
    display: flex;
    flex-direction: column;
    gap: 18.28px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.big-title {
    display: flex;
    flex-direction: column;
    gap: 18.28px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.titre {
    color: #1d1d1f;
    text-align: center;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 27.421876907348633px;
    line-height: 120%;
    font-weight: 600;
    position: relative;
    align-self: stretch;
}

.dates {
    display: flex;
    flex-direction: row;
    gap: 9.14px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.calendar {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.data {
    display: flex;
    flex-direction: row;
    gap: 4.57px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.dateDebutEtFin {
    color: #1d1d1f;
    text-align: left;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 13.710938453674316px;
    line-height: 110%;
    font-weight: 500;
    position: relative;
    flex: 1;
}


.explore-new-york-city-with-confidence-with-an-exclusive-travel-guide-by-darell-kenedy {
    color: #1d1d1f;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 13.710938453674316px;
    line-height: 140%;
    font-weight: 400;
    opacity: 0.699999988079071;
    position: relative;
    align-self: stretch;
}

.more-information {
    display: flex;
    flex-direction: column;
    gap: 9.14px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.tarifs {
    
    display: flex;
    flex-direction: row;
    gap: 9.14px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 333.63px;
    position: relative;
}

.euros {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.tarif {
    color: #1d1d1f;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 13.710938453674316px;
    line-height: 110%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.place {
    opacity: 0.699999988079071;
    display: flex;
    flex-direction: row;
    gap: 9.14px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 333.63px;
    position: relative;
}

.stockComplet {
    color: red;
    font-weight:700;
}
.messageStockComplet {
    align-self: center;
    color: red;
    font-size: 1rem;
    font-weight: bold;
}
.icone-user {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.nbrs-places {
    color: #1d1d1f;
    text-align: left;
    font-family: 'Inter-Regular', sans-serif;
    font-size: 13.710938453674316px;
    line-height: 110%;
    position: relative;
    flex: 1;
}

.cta-buttons-home-cards {
    display: flex;
    flex-direction: row;
    gap: 9.14px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.button {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.button-blue {
    background: var(--bleue, #1b2a4e);
    border-radius: 10px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px;
    padding: 10px 16px 10px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.en-savoir {
    color: #ffffff;
    text-align: left;
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
}

.home-card {
    background: #ffffff;
    border-radius: 18.28px;
    padding: 18.28px;
    display: flex;
    flex-direction: column;
    gap: 27.42px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    height: 585px;
    min-width: 300px;
    max-width: 470px;
    position: relative;
    box-shadow: 0px 46.2px 92.4px -30.8px rgba(15, 15, 15, 0.10);
    backdrop-filter: blur(15.4px);
}

.calendar2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.euros2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.icone-user2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.calendar3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.euros3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.icone-user3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.home-card2 {
    background: #ffffff;
    border-radius: 18.28px;
    padding: 18.28px;
    display: flex;
    flex-direction: column;
    gap: 27.42px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    height: 585px;
    min-width: 300px;
    max-width: 350px;
    position: relative;
    box-shadow: 0px 46.2px 92.4px -30.8px rgba(15, 15, 15, 0.10);
    backdrop-filter: blur(15.4px);
}

.calendar4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.euros4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.icone-user4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

@media (max-width: 700px) { /* Pour les écrans jusqu'à 400 pixels */
    .home-card {
        height: auto;
    }
}