مسلسل حبات اللؤلؤ

حميع الحلقات موجودة في الاسفل او استخدم البحث بكتابة رقم الحلقة بحث body { font-family: Arial, sans-serif; background-color: #f4f4f4; } .search-container { text-align: center; margin-top: 50px; } .search-box { padding: 15px; border-radius: 30px; border: 2px solid #ccc; width: 400px; transition: all 0.3s ease; outline: none; font-size: 18px; background-color: #f8f9fa; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .search-box:focus { border-color: #007bff; } .search-button { background-color: #007bff; color: white; border: none; border-radius: 30px; padding: 15px 25px; font-size: 18px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .search-button:hover { background-color: #0056b3; } ابحث /*! elementor - v3.16.0 - 09-10-2023 */ .elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)} المؤسس عثمان الحلقة 1 /* تصميم الفيديو المضمن */ .videoContainer { display: none; text-align: center; margin-top: 50px; } /* تصميم الفريم */ .videoFrame { width: 640px; height: 360px; border: none; } /* ستايلات الزر */ .play-button { width: 120px; height: 120px; cursor: pointer; border-radius: 50%; background: linear-gradient(45deg, #ff4d4d, #cc0000); box-shadow: 0 0 0 10px rgba(255, 77, 77, 0.2); /* ظل للزر */ display: flex; justify-content: center; align-items: center; overflow: hidden; animation: pulse 1.5s infinite; } /* حركة النبض */ @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.7); } 50% { transform: scale(1.05); box-shadow: 0 0 0 15px rgba(255, 77, 77, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 77, 77, 0.7); } } /* زر التشغيل داخل الزر */ .play-button::after { content: ''; position: absolute; left: 40%; /* تعديل قيمة الـ left لوسط الصورة */ top: 35%; /* تعديل قيمة الـ top لوسط الصورة */ width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid white; } المؤسس عثمان الحلقة 1 /* تصميم الفيديو المضمن */ .videoContainer { display: none; text-align: center; margin-top: 50px; } /* تصميم الفريم */ .videoFrame { width: 640px; height: 360px; border: none; }