body { font-family: 'Cairo', sans-serif; direction: rtl; margin: 0; background: #ffffff; } .container { max-width: 1000px; margin: auto; padding: 20px; } .hero { background: linear-gradient(135deg, #1aa39c, #f4a825); color: #fff; text-align: center; padding: 40px 20px; } .hero h1 { font-size: 28px; margin-bottom: 10px; font-weight: 700; } .hero p { font-size: 18px; line-height: 1.7; } /* --- تعديل الأبعاد لتصبح مربعة 1:1 --- */ .video-box { margin: 40px auto; max-width: 600px; /* عرض مناسب للفيديو المربع */ border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15); background: #000; border: 3px solid #fff; } .video-wrapper { width: 100%; /* نسبة 1:1 تعني أن الارتفاع يساوي العرض تماماً */ padding-top: 100%; position: relative; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* ------------------------------------------- */ .transition { text-align: center; margin-top: 20px; color: #555; font-size: 16px; } .cta-section { background: #1aa39c; padding: 50px 20px; text-align: center; color: white; } .cta-box { background: #fff; border-radius: 16px; padding: 25px; max-width: 700px; margin: auto; } .cta-box h2 { color: #222; margin-bottom: 10px; font-weight: 700; } .cta-box p { color: #555; margin-bottom: 20px; } .cta-button { display: inline-block; background: #f4a825; color: #000; padding: 15px 35px; border-radius: 10px; font-weight: bold; text-decoration: none; font-size: 18px; transition: 0.3s ease; } .cta-button:hover { background: #e6951c; transform: translateY(-2px); } /* Responsive */ @media (max-width: 768px) { .hero h1 { font-size: 22px; } .hero p { font-size: 15px; } .video-box { max-width: 95%; } .cta-button { width: 80%; } }

حل أكبر المشكلات اللي بتواجهك كأخصائي

في الفيديو ده هتفهم ليه معظم الناس بتفشل وإيه الخطوة اللي ممكن تغير مسارك بالكامل

لو حسيت إن الكلام ده بيمثلك… يبقى الخطوة الجاية مهمة جدًا ليك 👇

احجز جلسة استشارة مجانية

في الجلسة هنحلل وضعك الحالي ونحدد لك خطوات واضحة تبدأ بيها فورًا

احجز جلستك الآن