.error-section { padding: 100px 0; text-align: center; } .error-code { font-size: 8rem; font-weight: bold; color: #1a4a6f; line-height: 1; margin-bottom: 20px; letter-spacing: 10px; } .error-title { font-size: 2rem; color: #0b2b3b; margin-bottom: 20px; } .error-message { font-size: 1.2rem; color: #6c86a3; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; } .search-box { max-width: 400px; margin: 0 auto 30px; } .search-box input { width: 100%; padding: 12px 20px; border: 2px solid #e0e9f0; border-radius: 50px; font-size: 1rem; outline: none; transition: border-color 0.3s; } .search-box input:focus { border-color: #1a4a6f; } .home-button { display: inline-block; background: #1a4a6f; color: white; text-decoration: none; padding: 12px 30px; border-radius: 50px; font-weight: bold; transition: background 0.3s; margin: 0 10px; } .home-button:hover { background: #0b2b3b; } .blog-button { display: inline-block; background: transparent; color: #1a4a6f; text-decoration: none; padding: 12px 30px; border-radius: 50px; font-weight: bold; border: 2px solid #1a4a6f; transition: all 0.3s; margin: 0 10px; } .blog-button:hover { background: #1a4a6f; color: white; } .suggestions { margin-top: 50px; text-align: left; max-width: 500px; margin-left: auto; margin-right: auto; } .suggestions h3 { color: #0b2b3b; margin-bottom: 15px; } .suggestions ul { list-style: none; } .suggestions li { margin-bottom: 10px; } .suggestions a { color: #1a4a6f; text-decoration: none; } .suggestions a:hover { text-decoration: underline; } footer { background: #0b2b3b; color: #cbd5e1; padding: 50px 0 20px; margin-top: 50px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; max-width: 1280px; margin: 0 auto; padding: 0 20px; } .footer-grid h4 { color: white; margin-bottom: 15px; } .footer-grid a { color: #cbd5e1; text-decoration: none; display: block; margin-bottom: 8px; } .footer-grid a:hover { color: #ffd966; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid #2c4e6e; max-width: 1280px; margin: 0 auto; } @media (max-width: 768px) { .error-code { font-size: 5rem; } .error-title { font-size: 1.5rem; } nav ul { gap: 15px; flex-wrap: wrap; } .header-flex { flex-direction: column; gap: 15px; } }
404

Page Not Found

Oops! The page you're looking for doesn't exist or has been moved. Let's get you back on track.

🏠 Back to Home 📖 Read Our Blog