* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Arial',sans-serif; background:#f9f9f9; color:#333; line-height:1.6; }
.container { max-width:1200px; margin:0 auto; padding:0 1rem; }

/* Header */
header { background:#0077B6; color:white; padding:1rem 0; position:sticky; top:0; z-index:100; }
.nav { display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:1.8rem; font-weight:bold; color:white; text-decoration:none; }
.nav-links { display:flex; gap:1.5rem; }
.nav-links a { color:white; text-decoration:none; font-weight:500; }
.nav-links a:hover { color:#FFE5D9; }

/* Hero */
.hero { background:linear-gradient(rgba(0,119,182,0.7),rgba(0,119,182,0.7)), url('hero.jpg') center/cover; color:white; text-align:center; padding:6rem 1rem; }
.hero h1 { font-size:3rem; margin-bottom:1rem; }
.hero p { font-size:1.2rem; max-width:600px; margin:0 auto 2rem; }
.btn { background:#FFE5D9; color:#333; padding:1rem 2rem; border-radius:30px; text-decoration:none; font-weight:bold; display:inline-block; }
.btn:hover { background:#FFD7C2; }

/* Services (ABOVE testimonials) */
.services { padding:4rem 0; text-align:center; background:#f9f9f9; }
.services h2 { font-size:2.5rem; margin-bottom:2rem; color:#0077B6; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem; }
.service { background:#D6F4EA; padding:1.5rem; border-radius:15px; box-shadow:0 4px 10px rgba(0,0,0,0.1); }
.service h3 { color:#0077B6; }

/* Testimonials - Auto scroll left */
.testimonials { padding:4rem 0; background:#1a1a1a; color:white; overflow:hidden; }
.testimonials h2 { font-size:2.5rem; margin-bottom:2rem; text-align:center; }
.scroll-container { display:flex; animation:scroll 60s linear infinite; white-space:nowrap; }
.test { background:#FFE5D9; color:#333; padding:1.5rem; border-radius:15px; margin:0 1rem; min-width:300px; }
    white-space: normal;

    min-height: 200px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    font-size: 1rem;
    white-space: normal;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
.test img { width:60px; height:60px; border-radius:50%; margin-bottom:1rem; }
@keyframes scroll { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

/* CTA Form */
.form-section { padding:4rem 0; background:#f9f9f9; text-align:center; }
.form-section h1 { font-size:2.8rem; margin-bottom:1rem; }
.form-box { background:white; padding:3rem; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.1); max-width:600px; margin:2rem auto; }
form { display:grid; gap:1rem; }
input, select, textarea { padding:1rem; border:1px solid #ddd; border-radius:8px; }
button { background:#0077B6; color:white; border:none; padding:1rem; border-radius:30px; cursor:pointer; font-weight:bold; }
button:hover { background:#005a8c; }

/* Footer */
footer { background:#1a1a1a; color:#aaa; text-align:center; padding:2rem; }

/* Mobile */
@media (max-width:768px) {
  .nav { flex-direction:column; gap:1rem; }
  .hero h1 { font-size:2rem; }
  .grid { grid-template-columns:1fr; }
  .scroll-container { animation-duration:40s; }
}