.elementor-6 .elementor-element.elementor-element-8005f6b{--display:flex;--min-height:469px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.87;--border-radius:0px 0px 50px 50px;--margin-top:-169px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-6 .elementor-element.elementor-element-8005f6b:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-8005f6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4F959D;}.elementor-6 .elementor-element.elementor-element-8005f6b::before, .elementor-6 .elementor-element.elementor-element-8005f6b > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-8005f6b > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-8005f6b > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-8005f6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-8005f6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-8005f6b::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-6 .elementor-element.elementor-element-f8663a4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-5b9c6d6{--display:flex;}.elementor-6 .elementor-element.elementor-element-5b9c6d6.e-con{--align-self:center;}.elementor-6 .elementor-element.elementor-element-1d6d31a{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-c69fc1d );}.elementor-6 .elementor-element.elementor-element-1d6d31a .elementor-headline{text-align:center;font-size:32px;font-weight:bold;}.elementor-6 .elementor-element.elementor-element-1d6d31a .elementor-headline-plain-text{color:var( --e-global-color-640c24f );}.elementor-6 .elementor-element.elementor-element-1d6d31a .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-astglobalcolor0 );}.elementor-6 .elementor-element.elementor-element-35c46fe{text-align:center;}.elementor-6 .elementor-element.elementor-element-35c46fe .elementor-heading-title{font-size:24px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-640c24f );stroke:var( --e-global-color-640c24f );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-c639df8{--divider-border-style:solid;--divider-color:var( --e-global-color-640c24f );--divider-border-width:1px;--divider-icon-size:33px;}.elementor-6 .elementor-element.elementor-element-c639df8 .elementor-divider-separator{width:100%;}.elementor-6 .elementor-element.elementor-element-c639df8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6 .elementor-element.elementor-element-c639df8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-c69fc1d );}.elementor-6 .elementor-element.elementor-element-c639df8.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-c639df8.elementor-view-default .elementor-icon{color:var( --e-global-color-c69fc1d );border-color:var( --e-global-color-c69fc1d );}.elementor-6 .elementor-element.elementor-element-c639df8.elementor-view-framed .elementor-icon, .elementor-6 .elementor-element.elementor-element-c639df8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-c69fc1d );}.elementor-6 .elementor-element.elementor-element-14838a2 .elementor-button{background-color:var( --e-global-color-640c24f );fill:var( --e-global-color-640c24f );color:var( --e-global-color-640c24f );}.elementor-6 .elementor-element.elementor-element-14838a2 .elementor-button:hover, .elementor-6 .elementor-element.elementor-element-14838a2 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-14838a2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6 .elementor-element.elementor-element-09ab83b{--display:flex;}.elementor-6 .elementor-element.elementor-element-346b682{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-88acee4{text-align:center;}.elementor-6 .elementor-element.elementor-element-88acee4 .elementor-heading-title{font-weight:bold;color:var( --e-global-color-d762f76 );}.elementor-6 .elementor-element.elementor-element-b7f966a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-078c92c{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-640c24f );--border-color:var( --e-global-color-640c24f );--border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-078c92c:hover{box-shadow:5px 5px 10px 0px rgba(23.179130434782618, 179.56113421550083, 217.6, 0.5);}.elementor-6 .elementor-element.elementor-element-078c92c > .elementor-shape-top .elementor-shape-fill, .elementor-6 .elementor-element.elementor-element-078c92c > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor1 );}.elementor-6 .elementor-element.elementor-element-078c92c > .elementor-shape-top svg, .elementor-6 .elementor-element.elementor-element-078c92c > .e-con-inner > .elementor-shape-top svg{height:17px;}.elementor-6 .elementor-element.elementor-element-249dffe img{width:63%;border-radius:180px 180px 180px 180px;}.elementor-6 .elementor-element.elementor-element-19e9b87{text-align:center;}.elementor-6 .elementor-element.elementor-element-19e9b87 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:26px;font-weight:bold;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-19e9b87 .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-19e9b87 .elementor-heading-title a:focus{color:var( --e-global-color-49c3f71 );}.elementor-6 .elementor-element.elementor-element-58894d2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-640c24f );--border-color:var( --e-global-color-640c24f );--border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-58894d2:hover{box-shadow:5px 5px 10px 0px rgba(4.335000000000001, 117.30000000000001, 21.525326086956497, 0.5);}.elementor-6 .elementor-element.elementor-element-58894d2 > .elementor-shape-top .elementor-shape-fill, .elementor-6 .elementor-element.elementor-element-58894d2 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-49c3f71 );}.elementor-6 .elementor-element.elementor-element-58894d2 > .elementor-shape-top svg, .elementor-6 .elementor-element.elementor-element-58894d2 > .e-con-inner > .elementor-shape-top svg{height:18px;}.elementor-6 .elementor-element.elementor-element-b0e7215 img{width:63%;border-radius:180px 180px 180px 180px;}.elementor-6 .elementor-element.elementor-element-938042f{text-align:center;}.elementor-6 .elementor-element.elementor-element-938042f .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:26px;font-weight:bold;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-49c3f71 );stroke:var( --e-global-color-49c3f71 );color:var( --e-global-color-49c3f71 );}.elementor-6 .elementor-element.elementor-element-938042f .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-938042f .elementor-heading-title a:focus{color:var( --e-global-color-49c3f71 );}.elementor-6 .elementor-element.elementor-element-52a8460{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-640c24f );--border-color:var( --e-global-color-640c24f );--border-radius:10px 10px 10px 10px;}.elementor-6 .elementor-element.elementor-element-52a8460:hover{box-shadow:5px 5px 10px 0px rgba(231.20000000000002, 182.208763705104, 18.59652173913043, 0.5);}.elementor-6 .elementor-element.elementor-element-52a8460 > .elementor-shape-top .elementor-shape-fill, .elementor-6 .elementor-element.elementor-element-52a8460 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor0 );}.elementor-6 .elementor-element.elementor-element-52a8460 > .elementor-shape-top svg, .elementor-6 .elementor-element.elementor-element-52a8460 > .e-con-inner > .elementor-shape-top svg{height:20px;}.elementor-6 .elementor-element.elementor-element-1c7506b img{width:63%;border-radius:180px 180px 180px 180px;}.elementor-6 .elementor-element.elementor-element-634dd45{text-align:center;}.elementor-6 .elementor-element.elementor-element-634dd45 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:26px;font-weight:bold;color:var( --e-global-color-astglobalcolor0 );}.elementor-6 .elementor-element.elementor-element-634dd45 .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-634dd45 .elementor-heading-title a:focus{color:var( --e-global-color-49c3f71 );}.elementor-6 .elementor-element.elementor-element-4cf4dd9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-c78c0a2{text-align:center;}.elementor-6 .elementor-element.elementor-element-c78c0a2 .elementor-heading-title{font-weight:bold;color:var( --e-global-color-d762f76 );}.elementor-6 .elementor-element.elementor-element-132e9af{--display:flex;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .tutor-card{background-color:#fff;border-radius:8px;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .tutor-card:hover{border-radius:8px;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .tutor-avatar{width:34px;height:34px;border-radius:25px;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .etlms-carousel-arrow i{font-size:28px;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .slick-dots li button:before{font-size:12px;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .slick-dots{bottom:-30px;}.elementor-6 .elementor-element.elementor-element-8ee1ec7 .etlms-carousel-main-wrap .slick-dots li{margin-right:5px;}.elementor-6 .elementor-element.elementor-element-70d2dfc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-cbdbc14{text-align:center;}.elementor-6 .elementor-element.elementor-element-cbdbc14 .elementor-heading-title{font-weight:bold;color:var( --e-global-color-d762f76 );}.elementor-6 .elementor-element.elementor-element-8575850{--display:flex;}.elementor-6 .elementor-element.elementor-element-82ed257{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-82ed257 .swiper-slide > .elementor-element{height:100%;}.elementor-6 .elementor-element.elementor-element-10cd4a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-4e9ea24{text-align:center;}.elementor-6 .elementor-element.elementor-element-4e9ea24 .elementor-heading-title{font-weight:bold;color:var( --e-global-color-d762f76 );}.elementor-6 .elementor-element.elementor-element-305b08d{--display:flex;}.elementor-6 .elementor-element.elementor-element-3550324{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-6 .elementor-element.elementor-element-3550324 .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-6 .elementor-element.elementor-element-5b9c6d6{--width:602px;}}@media(max-width:1024px){.elementor-6 .elementor-element.elementor-element-8005f6b{--padding-top:150px;--padding-bottom:80px;--padding-left:50px;--padding-right:80px;}.elementor-6 .elementor-element.elementor-element-5b9c6d6{--min-height:0px;}.elementor-6 .elementor-element.elementor-element-09ab83b{--margin-top:41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-82ed257{--swiper-slides-to-display:2;}.elementor-6 .elementor-element.elementor-element-3550324{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-8005f6b{--border-radius:0px 0px 24px 24px;--padding-top:100px;--padding-bottom:-16px;--padding-left:11px;--padding-right:4px;}.elementor-6 .elementor-element.elementor-element-14838a2 .elementor-button{font-size:12px;}.elementor-6 .elementor-element.elementor-element-82ed257{--swiper-slides-to-display:1;}.elementor-6 .elementor-element.elementor-element-3550324{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-8005f6b */<!-- تنسيقات الخلفية مع أدوات المعمل المتحركة (انسخ هذا الكود وضعه في HTML Widget) -->

<!-- 1. استدعاء المكتبات الضرورية -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdn.tailwindcss.com"></script>
<script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    primary: { 50: '#eff6ff', 500: '#3b82f6', 600: '#2563eb' },
                },
                animation: {
                    'float-slow': 'float 8s ease-in-out infinite',
                    'float-medium': 'float 6s ease-in-out infinite',
                    'float-fast': 'float 4s ease-in-out infinite',
                    'spin-slow': 'spin 15s linear infinite',
                    'pulse-glow': 'pulse-glow 4s ease-in-out infinite',
                },
                keyframes: {
                    float: {
                        '0%, 100%': { transform: 'translateY(0) rotate(0deg)' },
                        '50%': { transform: 'translateY(-20px) rotate(5deg)' },
                    },
                    'pulse-glow': {
                        '0%, 100%': { opacity: 0.1, transform: 'scale(1)' },
                        '50%': { opacity: 0.3, transform: 'scale(1.1)' },
                    }
                }
            }
        }
    }
</script>
<style>
    /* خلفية النقاط الاحترافية */
    .bg-dot-pattern {
        background-color: #f8fafc;
        background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);
        background-size: 32px 32px;
    }
    
    /* فئات مخصصة للأيقونات */
    .lab-icon {
        position: absolute;
        color: #3b82f6; /* اللون الأزرق الأساسي */
        opacity: 0.1;   /* شفافية عالية لكي لا تشتت الانتباه */
        z-index: 0;     /* التأكد من أنها في الخلفية */
        pointer-events: none;
    }
</style>

<!-- 2. كود الخلفية (حاوية كاملة مع العناصر المتحركة) -->
<div class="relative w-full min-h-[500px] overflow-hidden bg-dot-pattern rounded-3xl border border-slate-100 shadow-sm" dir="rtl">
    
    <!-- === تأثيرات التوهج اللونية === -->
    <div class="absolute -top-20 -left-20 w-64 h-64 bg-blue-500/10 rounded-full blur-[80px] animate-pulse"></div>
    <div class="absolute -bottom-20 -right-20 w-64 h-64 bg-cyan-400/10 rounded-full blur-[80px] animate-pulse" style="animation-delay: 2s;"></div>

    <!-- === أدوات المعمل المتحركة === -->
    
    <!-- 1. ذرة تدور ببطء (أعلى اليسار) -->
    <div class="lab-icon top-10 left-10 text-6xl animate-spin-slow text-blue-600">
        <i class="fa-solid fa-atom"></i>
    </div>

    <!-- 2. قارورة اختبار تطفو (أسفل اليمين) -->
    <div class="lab-icon bottom-20 right-10 text-5xl animate-float-medium text-cyan-500">
        <i class="fa-solid fa-flask"></i>
    </div>

    <!-- 3. شريط DNA يطفو (يمين الوسط) -->
    <div class="lab-icon top-1/2 right-20 text-4xl animate-float-slow text-indigo-400" style="animation-delay: 1s;">
        <i class="fa-solid fa-dna"></i>
    </div>

    <!-- 4. مجهر (أسفل اليسار) -->
    <div class="lab-icon bottom-10 left-20 text-5xl animate-float-fast text-blue-400" style="animation-delay: 2s;">
        <i class="fa-solid fa-microscope"></i>
    </div>

    <!-- 5. جزيئات صغيرة متناثرة -->
    <div class="lab-icon top-1/4 left-1/3 text-xl animate-pulse-glow text-slate-400">
        <i class="fa-solid fa-plus"></i>
    </div>
    <div class="lab-icon bottom-1/3 right-1/3 text-xl animate-pulse-glow text-slate-400" style="animation-delay: 1.5s;">
        <i class="fa-solid fa-circle text-[8px]"></i>
    </div>
    <div class="lab-icon top-20 right-1/4 text-2xl animate-float-medium text-green-400 opacity-20">
        <i class="fa-solid fa-seedling"></i>
    </div>

    <!-- مساحة للمحتوى (فارغة لكي تضيف ما تريد فوق الخلفية) -->
    <div class="relative z-10 w-full h-full flex items-center justify-center min-h-[500px]">
        <!-- يمكنك وضع المحتوى الخاص بك هنا -->
    </div>

</div>/* End custom CSS */