/* 🔒 SCOPE CSS WITH UNIQUE ID */ #decoration-booking-v2 *{ box-sizing:border-box; margin:0; padding:0; } #decoration-booking-v2{ font-family:'Poppins', sans-serif; background:#f6f7fb; } /* MAIN SECTION */ #decoration-booking-v2 .programme-section{ max-width:1200px; margin:15px auto; padding:5px 20px; } /* HEADING */ #decoration-booking-v2 .programme-heading{ text-align:center; font-size:30px; font-weight:700; color:#0b2341; margin-bottom:5px; } /* TAGLINE */ #decoration-booking-v2 .programme-tagline{ text-align:center; font-size:14px; color:#666; margin-bottom:15px; } /* GRID WRAPPER */ #decoration-booking-v2 .programme-grid-wrapper{ max-width:1150px; margin:0 auto; } /* GRID */ #decoration-booking-v2 .programme-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } /* CARD */ #decoration-booking-v2 .programme-card{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.08); transition:0.3s; } #decoration-booking-v2 .programme-card:hover{ transform:translateY(-5px); } /* IMAGE */ #decoration-booking-v2 .programme-card img{ width:100%; height:220px; object-fit:cover; } /* CONTENT */ #decoration-booking-v2 .programme-content{ padding:18px; text-align:center; } #decoration-booking-v2 .programme-content h3{ font-size:20px; margin-bottom:6px; color:#0b2341; } #decoration-booking-v2 .programme-content p{ font-size:14px; color:#666; line-height:1.6; margin-bottom:14px; } /* BUTTON */ #decoration-booking-v2 .read-more{ display:inline-block; padding:8px 22px; background:#000; color:#fff; text-decoration:none; border-radius:25px; font-size:13px; transition:0.3s; } #decoration-booking-v2 .read-more:hover{ background:#f4c400; color:#000; } /* RESPONSIVE */ @media (max-width:1024px){ #decoration-booking-v2 .programme-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:768px){ #decoration-booking-v2 .programme-grid{ grid-template-columns:1fr; } }