/* Color Palette:  
   Dark Blue: #0a2e46  
   Cyan Accent: #23c4cf  
   White: #ffffff  
*/  
  
* {  
  box-sizing: border-box;  
  margin: 0;  
  padding: 0;  
}  
  
body {  
  font-family: 'Montserrat', sans-serif;  
  background-color: #0a2e46;  
  color: #ffffff;  
  line-height: 1.6;  
}  
  
.container {  
  max-width: 900px;  
  margin: 0 auto;  
  padding: 0 20px;  
  text-align: center;  
}  
  
.section {  
  padding: 60px 0;  
  border-bottom: 1px solid rgba(35, 196, 207, 0.2);  
}  
  
h2 {  
  font-size: 2rem;  
  font-weight: 700;  
  color: #23c4cf;  
  margin-bottom: 20px;  
  letter-spacing: 1px;  
}  
  
/* Header */  
.header {  
  padding: 60px 0 40px;  
}  
  
.brand-title {  
  font-size: 2.5rem;  
  font-weight: 800;  
  letter-spacing: 2px;  
}  
  
.brand-subtitle {  
  font-size: 1.5rem;  
  font-weight: 600;  
  color: #23c4cf;  
  letter-spacing: 3px;  
  margin-top: 5px;  
}  
  
.divider {  
  width: 100%;  
  max-width: 400px;  
  height: 4px;  
  background-color: #23c4cf;  
  margin: 20px auto;  
  border-radius: 2px;  
}  
  
.phone-link {  
  font-size: 2.2rem;  
  font-weight: 800;  
  color: #ffffff;  
  text-decoration: none;  
  display: inline-block;  
  margin-top: 10px;  
}  
  
.phone-link:hover {  
  color: #23c4cf;  
}  
  
/* Services */  
.description {  
  font-size: 1.1rem;  
  max-width: 650px;  
  margin: 0 auto 30px;  
}  
  
.service-list {  
  list-style: none;  
  display: flex;  
  flex-wrap: wrap;  
  justify-content: center;  
  gap: 15px;  
}  
  
.service-list li {  
  background-color: rgba(255, 255, 255, 0.05);  
  border: 1px solid #23c4cf;  
  padding: 12px 24px;  
  border-radius: 6px;  
  font-weight: 600;  
}  
  
/* Gallery */  
.grid {  
  display: grid;  
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  
  gap: 20px;  
  margin-top: 20px;  
}  
  
.grid img {  
  width: 100%;  
  height: 220px;  
  object-fit: cover;  
  border-radius: 8px;  
  border: 2px solid #23c4cf;  
}  
  
/* Form */  
.contact-form {  
  max-width: 500px;  
  margin: 0 auto;  
  display: flex;  
  flex-direction: column;  
  gap: 15px;  
}  
  
.contact-form input,  
.contact-form textarea {  
  width: 100%;  
  padding: 14px;  
  border-radius: 6px;  
  border: 1px solid #23c4cf;  
  background-color: #ffffff;  
  color: #0a2e46;  
  font-family: 'Montserrat', sans-serif;  
  font-size: 1rem;  
}  
  
.contact-form button {  
  padding: 15px;  
  background-color: #23c4cf;  
  color: #0a2e46;  
  font-weight: 700;  
  font-size: 1.1rem;  
  border: none;  
  border-radius: 6px;  
  cursor: pointer;  
  transition: background 0.2s ease;  
}  
  
.contact-form button:hover {  
  background-color: #ffffff;  
}  
  
/* Footer */  
.footer {  
  padding: 40px 0;  
  background-color: #061c2b;  
}  
  
.brand-title-small {  
  font-size: 1.5rem;  
  font-weight: 700;  
}  
  
.phone-link-small {  
  font-size: 1.4rem;  
  font-weight: 700;  
  color: #23c4cf;  
  text-decoration: none;  
  display: block;  
  margin: 10px 0;  
}  
  
.email {  
  font-size: 0.95rem;  
  margin-bottom: 20px;  
}  
  
.copyright {  
  font-size: 0.8rem;  
  opacity: 0.6;  
}