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: 550px; /* عرض متناسق للفيديو المربع */ border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15); background: #000; border: 4px solid #fff; } .video-wrapper { width: 100%; /* نسبة الارتفاع للعرض 1:1 تعني 100% */ 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 30px; 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%; } }

ليه أغلب الأخصائيين مش بيكملوا؟

في الفيديو ده هتكتشف الأسباب الحقيقية اللي بتخلي ناس كتير تبدأ… ومتكملش

لو حسيت إن ده بيحصل معاك… الفيديو الجاي مهم جدًا 👇

كمل معانا 👇

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

مشاهدة الفيديو الثالث