.container {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tour {position:relative; width: 45%; margin-bottom: 50px; padding: 15px; background-color: #f5f5f5; border-radius: 8px; text-align: left;}

.card-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto 100px 0; padding: 0;}
.tour-card {position: relative; background-color: #fff; height: 100%; border: 1px solid #c1c5c6; border-radius: 12px; overflow: hidden; transition: transform 0.3s ease; display: flex; flex-direction: column;}
.tour-card img { width: 100%; height: auto; object-fit: cover; }
.card-content {flex-grow: 1; padding: 10px 20px 40px 20px;}
.card-content h3 { margin-top: 0; color: #d85c72; }
.card-footer {margin-top: auto; display: flex; justify-content: space-between; align-items: center; padding: 15px; border-top: 1px solid #e0e0e0; background-color: #f8f8f8; }
.price {font-size: 22px; font-weight: bold; color: #d85c72;}
.price-info { display: block; font-size: 12px; color: #999; margin-bottom: 5px; }
.details-btn {background-color: #fff; border: solid 1px ; color: #d85c72; padding: 10px 20px; text-decoration: none; border-radius: 5px;}

.tour-features {padding-top: 15px;}
.tour-features ul {list-style-type: none; padding: 0; margin: 0;}

@media (max-width: 768px) {
.tour-card {width: 100%;}
.tour-features li {font-size: 14px;}
.card-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; max-width: 100%; padding: 0; margin: 0 auto 80px 0; box-sizing: border-box;}
.price {font-size: 20px;}
}