@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Playfair+Display:wght@500;700&display=swap');
body { margin:0; font-family:'Inter',sans-serif; background:#fff; color:#333; line-height:1.6; }
.container { max-width:1100px; margin:2rem auto; padding:0 1rem; text-align:center; }
h2, h3 { font-family:'Playfair Display',serif; margin-bottom:1rem; }
.highlight-text p { max-width:800px; margin:auto; font-size:1.1rem; color:#555; }
.site-header, .site-footer { background:#fff; box-shadow:0 1px 6px rgba(0,0,0,0.1); }
.site-nav a { padding:0.5rem 1rem; color:#333; font-weight:600; text-decoration:none; }
.site-nav a:hover { color:#f5b201; }
.hero-section { position:relative; display:flex; align-items:center; justify-content:center; padding:8rem 1rem; background:linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('assets/images/hero.jpg') center/cover no-repeat; color:#fff; }
.hero-section h1 { font-size:3rem; color:#fff; }
.hero-section p { font-size:1.2rem; margin-bottom:2rem; color:#eee; }
.primary-btn { background:#f5b201; color:#000; padding:1rem 2rem; border-radius:8px; font-weight:600; text-decoration:none; transition:0.3s; }
.primary-btn:hover { background:#e8a300; }
.slider { width:100%; overflow:hidden; margin:2rem auto; border-radius:8px; }
.slides { display:flex; gap:10px; animation:scrollSlider 30s linear infinite; }
.slides a img { width:300px; height:180px; object-fit:cover; border-radius:6px; transition:0.3s; }
.slides a img:hover { transform:scale(1.05); }
@keyframes scrollSlider { 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} }
.content { text-align:left; padding:1rem; }
.content h3 { font-size:1.5rem; }
.content p { color:#555; margin-bottom:1rem; }
.cta, .primary-btn { display:inline-block; margin-top:1rem; }
.map-section {
  background: #f9f9f9;
  padding: 3rem 1rem;
  text-align: center;
}

.map-section h2 {
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #222;
}

.map-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
