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; } .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: 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%; /* عرض أكبر قليلاً على الموبايل */ } }

إزاي تبدأ صح كأخصائي تنمية مهارات

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

خلص الفيديو؟ الخطوة الجاية هتفرق معاك جدًا 👇

كمل الفيديو الأخير 👇

في الفيديو الجاي هتعرف أكبر الأخطاء اللي بتعطّل نجاحك وإزاي تتجنبها

مشاهدة الفيديو الرابع