{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes float { from { transform: translateY(0) rotate(0deg); } to { transform: translateY(20px) rotate(5deg); } } body { font-family: 'Cairo', sans-serif; margin: 0; padding: 0; background: #fff6f0; color: #2d2d2d; direction: rtl; } header { background: #ff3c00; color: white; text-align: center; padding: 3rem 1rem; background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Solid_orange.svg/2048px-Solid_orange.svg.png'); background-size: cover; } header img { max-width: 140px; margin-bottom: 1rem; } header h1 { font-size: 2.5rem; margin-bottom: 1rem; } header p { font-size: 1.2rem; } .cta { background: #000; color: white; padding: 1rem 2rem; display: inline-block; margin-top: 2rem; font-size: 1.2rem; text-decoration: none; border: none; border-radius: 10px; cursor: pointer; } footer { text-align: center; padding: 2rem; background: #1d1f2f; color: white; font-size: 0.9rem; } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center; } .popup .box { background: #fff; padding: 1rem; border-radius: 12px; width: 90%; max-width: 800px; position: relative; animation: fadeIn 0.4s ease-in-out; } .popup iframe { width: 100%; height: 560px; border-radius: 12px; border: none; } .popup .close { position: absolute; top: 10px; left: 15px; font-size: 1.5rem; color: #333; cursor: pointer; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } body { font-family: 'Cairo', sans-serif; margin: 0; padding: 0; background: #fff6f0; color: #2d2d2d; direction: rtl; } header { background: #ff3c00; color: white; text-align: center; padding: 3rem 1rem; background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Solid_orange.svg/2048px-Solid_orange.svg.png'); background-size: cover; } header img { max-width: 140px; margin-bottom: 1rem; } header h1 { font-size: 2.5rem; margin-bottom: 1rem; } header p { font-size: 1.2rem; } .cta { background: #000; color: white; padding: 1rem 2rem; display: inline-block; margin-top: 2rem; font-size: 1.2rem; text-decoration: none; border: none; border-radius: 10px; cursor: pointer; } footer { text-align: center; padding: 2rem; background: #1d1f2f; color: white; font-size: 0.9rem; } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center; } .popup .box { background: #fff; padding: 1.5rem; border-radius: 12px; width: 90%; max-width: 800px; position: relative; animation: fadeIn 0.4s ease-in-out; text-align: center; } .popup iframe { width: 100%; height: 560px; border-radius: 12px; border: none; } .popup .close { position: absolute; top: 10px; left: 15px; font-size: 1.5rem; color: #333; cursor: pointer; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } a.button { margin-top: 1rem; display: inline-block; background: #000; color: white; padding: 0.8rem 1.5rem; border-radius: 10px; text-decoration: none; font-size: 1.1rem; } body { font-family: 'Cairo', sans-serif; margin: 0; padding: 0; background: #fff6f0; color: #2d2d2d; direction: rtl; } header { background: #ff3c00; color: white; text-align: center; padding: 3rem 1rem; background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Solid_orange.svg/2048px-Solid_orange.svg.png'); background-size: cover; } header img { max-width: 140px; margin-bottom: 1rem; } header h1 { font-size: 2.5rem; margin-bottom: 1rem; } header p { font-size: 1.2rem; } .cta { background: #000; color: white; padding: 1rem 2rem; display: inline-block; margin-top: 2rem; font-size: 1.2rem; text-decoration: none; border: none; border-radius: 10px; cursor: pointer; } section { padding: 3rem 1rem; max-width: 900px; margin: auto; } h2 { color: #ff3c00; margin-bottom: 1rem; } ul, ol { line-height: 1.8; font-size: 1.1rem; } .faq h3 { margin-top: 1.5rem; color: #444; } .faq p { margin-top: 0.5rem; } footer { text-align: center; padding: 2rem; background: #1d1f2f; color: white; font-size: 0.9rem; } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center; } .popup .box { background: #fff; padding: 1.5rem; border-radius: 12px; width: 90%; max-width: 800px; position: relative; animation: fadeIn 0.4s ease-in-out; text-align: center; } .popup iframe { width: 100%; height: 560px; border-radius: 12px; border: none; } .popup .close { position: absolute; top: 10px; left: 15px; font-size: 1.5rem; color: #333; cursor: pointer; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } a.button { margin-top: 1rem; display: inline-block; background: #000; color: white; padding: 0.8rem 1.5rem; border-radius: 10px; text-decoration: none; font-size: 1.1rem; }