@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

✅ Success

Your message has been received.

function showSuccess(){ document.getElementById("successModal").style.display = "flex"; } function closeSuccess(){ document.getElementById("successModal").style.display = "none"; } body{margin:0;font-family:'Poppins',sans-serif;background:#eef4fa;} header{background:#00558C;padding:10px;display:flex;align-items:center;} nav a{color:white;margin:0 10px;text-decoration:none;font-weight:600;} .logo-circle{width:65px;height:65px;border-radius:50%;object-fit:cover;border:3px solid white;} .hero-modern{background:linear-gradient(135deg,#00558C,#003366);padding:40px 10px;min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;} .hero-image-wrapper{width:220px;height:220px;border-radius:50%;overflow:hidden;border:5px solid white;box-shadow:0 4px 20px rgba(0,0,0,.3);margin:auto;} .hero-banner-circle{width:100%;height:100%;object-fit:cover;} .hero-title{color:white;font-size:32px;margin-top:20px;font-weight:700;} .hero-subtitle{color:#e6e6e6;font-size:16px;margin-top:5px;} .cta-button{margin-top:20px;display:inline-block;background:#6CB33F;padding:12px 28px;color:white;border-radius:30px;text-decoration:none;font-weight:600;} .fab-container{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;gap:10px;z-index:999;} .fab{width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 10px rgba(0,0,0,.3);} .whatsapp{background:#25D366;} .call{background:#00558C;} .email{background:#6CB33F;} .fab img{width:28px;} .fade-in{opacity:0;animation:fadeIn 1.2s forwards;} @keyframes fadeIn{to{opacity:1;}} body { font-family: Arial, sans-serif; background:#f7f9fb; margin:0; color:#333; } header { background:#ffffff; padding:15px; box-shadow:0 3px 10px rgba(0,0,0,0.08); } nav a { margin:0 10px; text-decoration:none; color:#2e7d32; font-weight:600; } input, textarea { width:100%; padding:12px; margin:8px 0; border:1px solid #ddd; border-radius:8px; outline:none; } input:focus, textarea:focus { border-color:#2e7d32; } @media (max-width: 768px) { section { flex-direction: column !important; text-align: center; } section img { width: 90% !important; margin-top: 20px; } section div { max-width: 100% !important; } } @media (max-width: 768px) { nav { display: flex; flex-wrap: wrap; justify-content: center; } nav a { margin: 8px; font-size: 14px; } } .cta-button, button { padding: 12px 18px; font-size: 16px; } @media (max-width: 768px) { .card-container { flex-direction: column; align-items: center; } .card-container div { width: 90% !important; } } h1, h2 { padding: 10px; } p { padding: 5px 10px; } .fab-container { bottom: 15px; right: 15px; } .logo { width: 120px; height: auto; } @media (max-width: 768px) { .logo { width: 90px; } }