/* ----------------- */
/* tours styles */
/* ----------------- */

#tours { 
    padding: 50px 0; 
    margin: 50px 0 0 0; 
    background: var(--white_variation); 
}

#find_us { 
    background: var(--white_variation); 
    padding-bottom: 30px;
}

#tours p, #reviews p:first-child { 
    color: var(--green); 
    font-weight: 600; 
    text-align: center; 
    font-size: 20px 
}

#tours .title__black_recommendation {
    margin-bottom: 50px;
    /* text-align: left; */
}

#tours h1, #reviews h1, #find_us h1 { 
    text-align: center; 
    padding: 20px 0; 
    font-size: 50px; 
}


#tours .all_tours {
    font-size: 64px; 
    text-align: center; 
    color: var(--black);
    margin: 30px 0 10px 0;
}

#tours .cards__container {
    width: 100%;
    max-width: 1260px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 30px;
    padding: 0 10px;
}

#tours .cards__container .card img {
    width: 100%;
    object-fit: cover;
    border-radius: 25px;
}

#tours .cards__container .card .card__title {
    margin: 20px 0; 
    padding: 0 !important;  
}

#tours .cards__container .card .card__info .ubication__time__price { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    margin: 0; 
}

.ubication__time {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card__price img { height: 25px; }

.ubication__time__price, .card__price { display: flex; align-items: center; gap: 10px;}

#tours .cards__container .card 
.card__info .card__text { 
    color: var(--black); 
    font-size: 16px; 
    margin: 20px 0; 
    text-align: left; }

#tours .cards__container .card .btn {
    display: inline-block;
}

#tours .btn:nth-child(4) { 
    display: block;
    margin: 0 auto;
    width: fit-content;
}

/* ----------------- */
/* reviews styles */
/* ----------------- */

#reviews {
    margin-top: 50px;
}

#tours .cards__container .card {
    /* max-width: 600px; */
    width: 48%;
    padding: 20px;
    border-radius: 35px;
    background-color: var(--white_variation);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

#tours .cards__container .card { background-color: var(--white); }

/* #tours .cards__container .card:hover,
#swiper-reviews .swiper-slide:hover {
    transform: translateY(-5px);
} */

#find_us .map { 
    width: 100%;
    max-width: 1260px;
    padding: 0 10px;
    margin: 0 auto 20px auto; 
    display: block; 
    border-radius: 25px; 
}