/* Contact Page */
#contact-details {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.details { flex: 1; min-width: 280px; }
.details span { color: #088178; font-size: 14px; font-weight: 700; letter-spacing: 2px; }
.details h2 { font-size: 1.6rem; margin: 10px 0 20px; }
.details h3 { font-size: 18px; margin-bottom: 15px; }
.details li {
  list-style: none; display: flex; align-items: flex-start;
  gap: 15px; margin-bottom: 15px;
}
.details li i { color: #088178; font-size: 20px; margin-top: 3px; flex-shrink: 0; }
.details li p { margin: 0; font-size: 14px; }
.map { flex: 1; min-width: 300px; }
.map iframe { width: 100%; border-radius: 10px; }

#form-details {
  display: flex;
  gap: 40px;
  padding: 40px 80px;
  flex-wrap: wrap;
}
#form-details form {
  flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 15px;
}
#form-details form span { color: #088178; font-weight: 700; letter-spacing: 2px; font-size: 14px; }
#form-details form h2 { font-size: 1.8rem; }
#form-details form input, #form-details form textarea {
  padding: 14px 18px; border: 1px solid #ddd; border-radius: 6px;
  font-size: 14px; outline: none; font-family: inherit; transition: 0.3s;
}
#form-details form input:focus, #form-details form textarea:focus { border-color: #088178; }
#form-details form textarea { height: 150px; resize: vertical; }
#form-details form button { max-width: 200px; background: #088178; color: #fff; }
#form-details form button:hover { background: #056e63; }

.people { flex: 1; min-width: 280px; display: flex; flex-direction: column; gap: 25px; }
.people div { display: flex; align-items: center; gap: 15px; }
.people div img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 2px solid #088178; }
.people div p { font-size: 13px; color: #555; }
.people div p span { color: #222; font-weight: 700; font-size: 15px; }