/* ----- BASIC RESets ----- */
* {
  margin: 0; padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

body { line-height: 1.7; }

/* NAVIGATION */
.navbar {
  background: #222;
  padding: 1rem 0;
}
.navbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navbar .logo {
  color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
}
nav ul { list-style: none; display: flex; gap: 1.5rem; }
nav ul a {
  color: #fff;
  text-decoration: none;
  font-weight:600;
}

/* HERO */
.hero {
  background:#444 url('hero-bg.jpg') center/cover no-repeat;
  color: #fff;
  padding: 4rem 1rem;
  text-align: center;
}
.hero .btn {
  display: inline-block;
  background:#008CBA;
  color:#fff;
  padding:0.75rem 1.5rem;
  text-decoration:none;
  margin-top:1rem;
}

/* SECTIONS */
.container { max-width:1100px; margin:auto; padding:2rem 1rem; }

h2 { margin-bottom:1rem; text-align:center; color:#222; }

/* ABOUT */
.about p { text-align:center; max-width:800px; margin:auto; }

/* SERVICES */
.services .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap:1.5rem;
}
.card {
  border:1px solid #ddd;
  padding:1rem;
  border-radius:4px;
  text-align: center;
}
.card h3 { margin-bottom:0.5rem; }

/* ATTORNEY */
.attorney .row {
  display: flex;
  gap: 1.5rem;
  align-items:center;
}
.profile-pic {
  width:150px;
  height:150px;
  background:#ccc;
  border-radius:50%;
}

/* TESTIMONIALS */
.testimonials blockquote {
  border-left:4px solid #008CBA;
  padding-left:1rem;
  margin:1rem 0;
  font-style:italic;
}

/* CONTACT */
.contact form {
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.contact input, .contact textarea {
  padding:0.75rem;
  border:1px solid #ccc;
  border-radius:4px;
}
.contact button {
  background:#008CBA;
  color:#fff;
  padding:0.75rem;
  border:none;
  cursor:pointer;
}

.center {
  text-align: center;
}

.subtitle {
  color: #555;
  margin-bottom: 40px;
}

.contact-box {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

.contact-left,
.contact-right {
  flex: 1;
  min-width: 280px;
}

.contact-item {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}

.contact-item h4 {
  margin-bottom: 5px;
}

.icon {
  font-size: 22px;
  line-height: 1;
}

.hours p {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.notice {
  margin-top: 20px;
  padding: 15px;
  background: #e9f2f7;
  border-left: 4px solid #2c3e50;
  font-size: 14px;
}

/* FOOTER */
footer {
  background:#222;
  color:#fff;
  text-align:center;
  padding:1rem 0;
  margin-top:2rem;
}