.tour-card {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
border-radius: 5px;
overflow: hidden;
font-family: sans-serif;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
position: relative;
color: white;
}

.tour-image {
flex: 0 0 100%;
background-size: cover;
border-radius: 5px;
position: relative;
}

.price {
text-shadow: 1px 1px 4px #0000008f;
position: absolute;
top: 24px;
left: 24px;
font-size: 28px;
font-weight: bold;
color: white;
}

.price small {
display: block;
font-size: 14px;
font-weight: normal;
}

.glass-effect {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0 0 5px 5px;
padding: 20px;
color: white;
}

.tour-content {
min-height: 180px;
position: absolute;
bottom: 0%;
width: 100%;
padding: 17px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.tour-title {
text-align: left;
font-size: 25px;
font-weight: bold;
}


.tour-meta {
display: flex;
font-family: 'Roboto', sans-serif;
font-weight: bold;
justify-content: space-between;
align-items: center;
font-size: 20px;
/* margin-bottom: 8px; */
/* margin-top:5px;  */
}

.tour-dates {
background: #EE7D00;
color: rgb(255, 255, 255);
padding: 4px 8px;
border-radius: 6px;
font-weight: bold;
font-size: 16px;
}

.tour-rating {
font-size: 16px;
}

.tour-rating span {
color: gold;
}

.tour-info {
display: flex;
justify-content: space-between;
font-size: 15px;
margin-top: 12px;
}

.tour-info div {
display: flex;
align-items: center;
gap: 4px;
}

.tour-info i {
color: white;
}