margin: 6; font-family: 'Segoe UI', sans-serif; background-color: #fff; color: #333; direction: rtl; } header { background-color: #e91e63; color: white; padding: 40px 20px; text-align: center; } header h1 { font-size: 36px; margin-bottom: 10px; } header p { font-size: 18px; margin-bottom: 20px; } .btn { background-color: white; color: #e91e63; border: none; padding: 10px 25px; font-size: 16px; border-radius: 8px; text-decoration: none; margin: 5px; display: inline-block; } section { padding: 40px 20px; max-width: 1000px; margin: auto; } h2 { font-size: 28px; color: #e91e63; text-align: center; margin-bottom: 20px; } .about p { font-size: 18px; line-height: 1.6; text-align: center; } .features ul { list-style: none; padding: 0; } .features li { background: #ffe4ec; padding: 12px 20px; margin-bottom: 10px; border-radius: 10px; font-size: 16px; } .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; } .gallery img { width: 100%; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .contact form { display: flex; flex-direction: column; gap: 10px; max-width: 500px; margin: auto; } .contact input, .contact textarea { padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; } .contact button { background-color: #e91e63; color: white; border: none; padding: 10px; font-size: 16px; border-radius: 8px; cursor: pointer; } footer { text-align: center; background-color: #f8f8f8; padding: 15px; color: #777; font-size: 14px; }