/*
Theme Name: codepen
Description: My imported CodePen project.
Author: Me
Version: 1.0
*/
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background:#f5f7fb;color:#222;line-height:1.6}
.hero{height:100vh;background:linear-gradient(rgba(21,101,192,.85),rgba(66,165,245,.85)),url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;color:#fff}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);position:sticky;top:0}
.navbar ul{display:flex;list-style:none;gap:25px}
.navbar a{color:#fff;text-decoration:none;font-weight:600}
.logo{font-size:1.4rem;font-weight:700}
.hero-content{height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}
.hero-content h1{font-size:3rem;max-width:900px}
.hero-content p{margin-top:15px;font-size:1.1rem;max-width:650px}
.buttons{margin-top:30px;display:flex;gap:15px;flex-wrap:wrap}
.btn{padding:14px 28px;border-radius:50px;text-decoration:none;font-weight:600;transition:.3s}
.primary{background:#ffca28;color:#222}
.secondary{border:2px solid #fff;color:#fff}
.primary:hover,.secondary:hover{transform:translateY(-3px)}
.section{padding:80px 8%}
.section h2{text-align:center;margin-bottom:40px;color:#1565c0;font-size:2.2rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}
.card{background:#fff;padding:30px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;text-align:center}
.stats div{background:#fff;padding:30px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.stats h3{font-size:2rem;color:#1565c0}
.testimonials{text-align:center}
.testimonial-card{background:#fff;padding:30px;border-radius:18px;max-width:700px;margin:auto;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.faq-item{background:#fff;margin-bottom:15px;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.faq-question{width:100%;padding:18px;border:none;background:#fff;text-align:left;font-size:1rem;font-weight:600;cursor:pointer}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 18px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
iframe{width:100%;height:380px;border:none;border-radius:18px}
footer{background:#0f4c81;color:#fff;text-align:center;padding:25px}
.whatsapp{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.3)}
@media(max-width:768px){
.navbar{flex-direction:column;gap:10px}
.hero-content h1{font-size:2rem}
.contact-grid{grid-template-columns:1fr}
}