.bts-contact-page { font-family: ‘Inter’, sans-serif; color: #333; line-height: 1.6; } .bts-contact-hero { background: #1A2B4A; padding: 80px 20px; text-align: center; } .bts-contact-wrap { max-width: 1200px; margin: 0 auto; padding: 70px 20px; display: flex; flex-wrap: wrap; gap: 50px; align-items: flex-start; } .bts-contact-left { flex: 1; min-width: 280px; } .bts-contact-right { flex: 1.4; min-width: 300px; } .bts-contact-info { display: flex; flex-direction: column; gap: 14px; margin-bottom: 30px; } .bts-info-card { display: flex; align-items: center; gap: 16px; background: #F8F9FC; border: 1px solid #e0e7f0; border-radius: 8px; padding: 16px 20px; box-shadow: 0 2px 8px rgba(26,43,74,0.06); text-decoration: none; color: #333; transition: box-shadow 0.2s, transform 0.2s; } .bts-info-card:hover { box-shadow: 0 6px 20px rgba(26,43,74,0.12); transform: translateY(-2px); color: #333; } .bts-info-icon { width: 44px; height: 44px; background: #1A2B4A; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; font-weight: 700; flex-shrink: 0; color: #D4A017; } .bts-hours-card { background: #F8F9FC; border: 1px solid #e0e7f0; border-radius: 8px; padding: 20px 24px; box-shadow: 0 2px 8px rgba(26,43,74,0.06); margin-bottom: 30px; } .bts-hours-row { display: flex; justify-content: space-between; font-size: 0.88rem; padding: 6px 0; border-bottom: 1px solid #eee; } .bts-hours-row:last-child { border-bottom: none; } .bts-social-strip { display: flex; gap: 10px; flex-wrap: wrap; } .bts-social-btn { display: inline-flex; align-items: center; gap: 8px; background: #1A2B4A; color: #F8F9FC !important; padding: 10px 16px; border-radius: 6px; font-size: 0.82rem; font-weight: 600; text-decoration: none; transition: opacity 0.2s; } .bts-social-btn:hover { opacity: 0.85; } .bts-social-btn.gold { background: #D4A017; color: #1A2B4A !important; } .bts-booking-card { background: #1A2B4A; border-radius: 10px; padding: 36px; margin-bottom: 30px; text-align: center; box-shadow: 0 10px 30px rgba(26,43,74,0.20); } .bts-booking-badge { display: inline-block; background: #D4A017; color: #1A2B4A; font-size: 0.72rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; margin-bottom: 14px; } .bts-booking-features { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 24px; } .bts-booking-feature { background: rgba(255,255,255,0.10); color: #ffffff !important; font-size: 0.78rem; padding: 5px 12px; border-radius: 20px; } .bts-booking-btn { display: block; background: #D4A017; color: #1A2B4A !important; padding: 16px 36px; border-radius: 6px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: opacity 0.2s; width: 100%; box-sizing: border-box; text-align: center; } .bts-booking-btn:hover { opacity: 0.88; color: #1A2B4A !important; } .bts-form-card { background: #F8F9FC; border-radius: 10px; border-top: 4px solid #4A7FB5; padding: 36px; box-shadow: 0 10px 30px rgba(26,43,74,0.08); } .bts-promise-strip { background: #f0f4f8; padding: 50px 20px; } .bts-promise-inner { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; text-align: center; } .bts-promise-item { flex: 1; min-width: 180px; background: #F8F9FC; border-radius: 8px; padding: 24px 20px; box-shadow: 0 2px 10px rgba(26,43,74,0.07); } .bts-promise-icon { font-size: 2rem; margin-bottom: 10px; } .bts-cta-banner { background: #D4A017; text-align: center; padding: 60px 20px; } .bts-btn { display: inline-block; background: #1A2B4A; color: #F8F9FC !important; padding: 16px 36px; border-radius: 4px; font-weight: 700; text-decoration: none; margin-top: 20px; transition: opacity 0.2s; } .bts-btn:hover { opacity: 0.88; } @media (max-width: 768px) { .bts-contact-wrap { flex-direction: column; gap: 30px; } .bts-promise-inner { flex-direction: column; } }