:root { --theme16-primary: #0ea5e9; --theme16-dark: #0f172a; --theme16-accent: #22c55e; --theme16-bg: #f8fafc; }

/* ================= HERO ================= */
.theme16-hero { position: relative; height: 100vh; overflow: hidden; }
.theme16-hero .bg-video { width: 100%; height: 100%; object-fit: cover; }
.theme16-hero .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(15,23,42,0.7), rgba(0,0,0,0.5)); display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; }
.hero-content { max-width: 800px; color: #ffffff; }
.hero-content h1 { font-size: 3.2rem; font-weight: 700; margin-bottom: 15px; }
.hero-content p { font-size: 1.2rem; margin-bottom: 30px; color: #e2e8f0; }

/* ================= BACKGROUND ================= */
.contact-cards-theme16, .contact-social-section-theme16 { background: var(--theme16-bg); }

/* ================= POSTER ================= */
.theme16-poster { padding: 70px 80px; background: #ffffff; }
.poster-content { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.poster-left { flex: 1; }
.poster-right { flex: 1; }
.poster-right img { width: 100%; max-width: 400px; }
.poster-name { font-size: 3rem; font-weight: 700; color: var(--theme16-dark); margin-bottom: 20px; }
.poster-location-heading { font-size: 2rem; margin-top: 30px; margin-bottom: 10px; color: var(--theme16-primary); }
.poster-contact { margin: 10px 0; font-size: 1.1rem; }
.poster-contact a { color: var(--theme16-dark); text-decoration: none; }
.poster-contact a:hover { color: var(--theme16-primary); }
.poster-location p { color: #64748b; font-size: 1rem; }

/* ================= BUTTON ================= */
.btn-Know-theme16 { display: inline-block; padding: 10px 22px; border-radius: 30px; text-decoration: none; background: var(--theme16-primary); color: #fff; font-weight: 500; transition: 0.3s ease; }
.btn-Know-theme16:hover { background: var(--theme16-dark); color: #fff; }

/* ================= SERVICES ================= */
.theme16-services { padding: 80px 20px; background: linear-gradient(to bottom,#f0f9ff,#ffffff); text-align: center; }
.section-title { font-size: 2.5rem; margin-bottom: 40px; color: var(--theme16-dark); }
.services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }
.services-grid img { width: 100%; height: 260px; object-fit: cover; border-radius: 15px; transition: 0.3s; }
.services-grid img:hover { transform: scale(1.05); }
.services-save { margin-top: 50px; }

/* ================= MAP ================= */
.theme16-map { padding: 80px 20px; background: linear-gradient(135deg,#e0f2fe,#ecfeff); text-align: center; }
.map-wrapper { max-width: 900px; margin: 0 auto; }
.map-wrapper iframe { width: 100%; height: 400px; border-radius: 15px; border: 0; }

/* ================= PAYMENT ================= */
.theme16-payment { padding: 80px 20px; background: var(--theme16-bg); text-align: center; }
.payment-icons { display: flex; justify-content: center; flex-wrap: wrap; }
.payment-icons img { width: 80px; margin: 10px; padding: 10px; background: #fff; border-radius: 15px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); transition: 0.3s; }
.payment-icons img:hover { transform: translateY(-5px); }

/* ================= SOCIAL ================= */
.contact-social-section-theme16 { padding: 60px 20px; background: linear-gradient(135deg,#0ea5e9,#22c55e); text-align: center; }
.contact-social-section-theme16 .section-title { color: #fff; margin-bottom: 30px; }
.social-cards { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; }
.social-card img { width: 42px; height: 42px; object-fit: contain; transition: 0.3s; }
.social-card img:hover { transform: translateY(-5px) scale(1.08); }

/* ================= SLIDER ================= */
.banner .slide-bg::before { background: linear-gradient(to bottom, rgba(14,165,233,0.7), rgba(0,0,0,0.6)); }

/* ================= RESPONSIVE ================= */
@media(max-width:992px){ .poster-content { flex-direction: column; text-align: center; } .poster-right { margin-top: 30px; } .theme16-poster { padding: 50px 25px; } .poster-name { font-size: 2.4rem; } .services-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:576px){ .hero-content h1 { font-size: 2rem; } .hero-content p { font-size: 1rem; } .services-grid { grid-template-columns: 1fr; } .services-grid img { height: 200px; } .map-wrapper iframe { height: 300px; } .section-title { font-size: 1.8rem; } .social-card img { width: 36px; height: 36px; } }