/* General Styles */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; color: #333; } .container { width: 80%; margin: 0 auto; } /* Header */ header { background-color: #2c3e50; color: white; padding: 20px 0; text-align: center; } header h1 { font-size: 2.5em; } header p { font-size: 1.2em; margin-top: 10px; } /* Navigation */ nav { background-color: #34495e; padding: 10px 0; } nav ul { display: flex; justify-content: center; list-style-type: none; } nav ul li { margin: 0 15px; } nav ul li a { color: white; text-decoration: none; font-size: 1.1em; } /* Home Section */ section#home { background-color: #ecf0f1; padding: 60px 0; text-align: center; } section#home h2 { font-size: 2.5em; margin-bottom: 20px; } section#home p { font-size: 1.2em; } .cta-btn { background-color: #e74c3c; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; margin-top: 20px; } /* About Section */ section#about { padding: 40px 0; background-color: #ffffff; text-align: center; } section#about h2 { font-size: 2em; margin-bottom: 20px; } section#about p { font-size: 1.1em; margin-bottom: 20px; } /* Services Section */ section#services { padding: 40px 0; background-color: #ecf0f1; } section#services h2 { font-size: 2.5em; margin-bottom: 20px; text-align: center; } section#services ul { list-style-type: none; padding: 0; text-align: center; } section#services li { font-size: 1.2em; margin-bottom: 15px; } /* Contact Section */ section#contact { padding: 60px 0; background-color: #ffffff; } section#contact h2 { font-size: 2.5em; margin-bottom: 20px; text-align: center; } form { width: 50%; margin: 0 auto; background-color: #ecf0f1; padding: 20px; border-radius: 8px; } form label { display: block; margin-bottom: 10px; } form input, form textarea { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #ccc; } form button { background-color: #e74c3c; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer; } /* Footer */ footer { background-color: #2c3e50; color: white; padding: 20px 0; text-align: center; } footer ul { display: flex; justify-content: center; list-style-type: none; } footer ul li { margin: 0 15px; } footer ul li a { color: white; text-decoration: none; } footer p { font-size: 1.1em; margin-top: 10px; } footer ul li a:hover { text-decoration: underline; }
سياسة الاستبدال والاسترجاع: