Destinations

/* ================================= TRIP TO GO - DESTINATION SECTION ================================= */ .ttg-destinations { max-width: 1000px; margin: 35px auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; font-family: Arial, sans-serif; } /* CARD DESIGN */ .ttg-card { background: #ffffff; border: 1px solid #e9e9e9; border-radius: 13px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,0.05); transition: transform 0.25s ease, box-shadow 0.25s ease; } .ttg-card:hover { transform: translateY(-5px); box-shadow: 0 8px 22px rgba(0,0,0,0.10); } /* DESTINATION IMAGE */ .ttg-card img { width: 100%; height: 240px; object-fit: cover; display: block; } /* CARD CONTENT */ .ttg-card-content { padding: 20px; } .ttg-tag { color: #079baa; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; } .ttg-card h3 { font-size: 22px; color: #171717; margin: 10px 0; font-weight: 800; } .ttg-card p { color: #777777; font-size: 14px; line-height: 1.7; min-height: 72px; margin-bottom: 18px; } /* BUTTONS */ .ttg-buttons { display: flex; gap: 10px; } .ttg-btn { flex: 1; text-align: center; text-decoration: none; padding: 12px 8px; border-radius: 5px; font-size: 12px; font-weight: 700; transition: 0.2s ease; } .ttg-explore { background: #079baa; color: #ffffff; border: 1px solid #079baa; } .ttg-explore:hover { background: #067d89; color: #ffffff; } .ttg-whatsapp { background: #ffffff; color: #079baa; border: 1px solid #079baa; } .ttg-whatsapp:hover { background: #eaf9fa; color: #067d89; } /* TABLET */ @media (max-width: 768px) { .ttg-destinations { gap: 18px; padding: 0 15px; } .ttg-card img { height: 200px; } } /* MOBILE */ @media (max-width: 600px) { .ttg-destinations { grid-template-columns: 1fr; padding: 0 12px; } .ttg-card img { height: 230px; } .ttg-card p { min-height: auto; } }