/* General Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; line-height:1.6; color:#333; }
.container { width:90%; max-width:1200px; margin:auto; }

/* Header */
.site-header { background:#222; color:#fff; padding:1em 0; }
.header-flex { display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:1.5em; font-weight:bold; }
.main-nav ul { list-style:none; display:flex; gap:1.5em; }
.main-nav ul li a { color:#fff; text-decoration:none; font-weight:bold; }
.main-nav ul li a:hover { color:#f39c12; }

/* Hero Slider */
.hero-slider { position:relative; height:80vh; overflow:hidden; }
.slide { position:absolute; width:100%; height:100%; background-size:cover; background-position:center; opacity:0; transition: opacity 1s ease-in-out; }
.slide.active { opacity:1; }
.hero-content { position:relative; z-index:1; text-align:center; top:50%; transform:translateY(-50%); color:#fff; }
.hero-content h2 { font-size:2.5em; margin-bottom:0.5em; }
.hero-content p { font-size:1.2em; }
.btn { display:inline-block; background:#f39c12; color:#fff; padding:0.7em 1.5em; margin-top:1em; text-decoration:none; border-radius:5px; }
.btn:hover { background:#d35400; }

/* Services */
.services { padding:3em 0; background:#f4f4f4; }
.section-title { text-align:center; margin-bottom:2em; font-size:2em; }
.service-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5em; }
.service-card { background:#fff; padding:1.5em; border-radius:5px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center; }
.service-card img { width:100%; height:180px; object-fit:cover; border-radius:5px; margin-bottom:1em; }

/* About */
.about { padding:3em 0; }
.about-flex { display:flex; flex-wrap:wrap; align-items:center; gap:2em; }
.about-flex img { flex:1; max-width:500px; border-radius:10px; }
.about-flex div { flex:1; }

/* Contact */
.contact { padding:3em 0; background:#fafafa; }
form { max-width:600px; margin:auto; }
.form-group { margin-bottom:1em; }
form input, form select, form textarea { width:100%; padding:0.8em; border:1px solid #ccc; border-radius:5px; }
form button { width:100%; padding:0.8em; border:none; background:#27ae60; color:#fff; font-size:1em; border-radius:5px; cursor:pointer; }
form button:hover { background:#1e8449; }

/* Footer */
.site-footer { background:#222; color:#fff; text-align:center; padding:2em 0; }

/* Responsive */
@media(max-width:768px){
  .header-flex { flex-direction:column; gap:1em; }
  .about-flex { flex-direction:column; }
  .hero-content h2 { font-size:2em; }
}/* Location Section */
#location {
  background: #f9f9f9;
  padding: 50px 20px;
  text-align: center;
}

#location h2 {
  font-size: 28px;
  margin-bottom: 10px;
  color: #222;
}

#location p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #555;
}

.location-container {
  max-width: 900px;
  margin: 0 auto;
}

#location iframe {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}