/* Global Styles */
body { margin: 0; font-family: 'Roboto', sans-serif; background-color: #FFFFFF; color: #1C1C1C; line-height: 1.6; }
header { background: #1C1C1C; color: #FFFFFF; padding: 10px 0; }
.navbar { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: auto; }
.nav-links { list-style: none; display: flex; gap: 20px; }
.nav-links a { color: #FFFFFF; text-decoration: none; font-weight: 600; }
.nav-links a:hover, .nav-links .active { color: #E94B35; }

.hero { text-align: center; padding: 100px 20px; background-color: #F8F8F8; }
.hero h1 { font-family: 'Montserrat', sans-serif; font-size: 2.5rem; }
.hero p { font-size: 1.2rem; margin: 20px auto; max-width: 700px; }
.cta-buttons { margin-top: 20px; }
.btn-primary { background: #E94B35; color: #FFFFFF; padding: 10px 20px; border-radius: 4px; text-decoration: none; margin-right: 10px; }
.btn-secondary { background: #2BA6A3; color: #FFFFFF; padding: 10px 20px; border-radius: 4px; text-decoration: none; }

.content, .benefits { width: 80%; margin: auto; padding: 50px 0; }
.benefit-boxes { display: flex; gap: 20px; margin-top: 20px; }
.box { flex: 1; background: #FFFFFF; border: 1px solid #ddd; padding: 20px; border-radius: 6px; }
.service-box { margin-bottom: 30px; padding: 20px; border: 1px solid #ddd; border-radius: 6px; background: #F8F8F8; }

footer { background: #1C1C1C; color: #FFFFFF; text-align: center; padding: 20px; }