.elementor-4799 .elementor-element.elementor-element-4640241{overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4799 .elementor-element.elementor-element-614df37 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-weight:800;color:#000000;}.elementor-4799 .elementor-element.elementor-element-1f5bbd5{overflow:visible;}.elementor-4799 .elementor-element.elementor-element-ea45b08{overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-4799 .elementor-element.elementor-element-2c3e9fe{width:50%;}.elementor-4799 .elementor-element.elementor-element-65581a5{width:50%;}}@media(max-width:767px){.elementor-4799 .elementor-element.elementor-element-614df37{text-align:center;}.elementor-4799 .elementor-element.elementor-element-614df37 .elementor-heading-title{font-size:21px;}}/* Start custom CSS for image, class: .elementor-element-cd4550f *//* تنسيق موحد للبطاقتين (يوضع في الـ Column أو Section) */
.elementor-4799 .elementor-element.elementor-element-cd4550f {
    background: rgba(255, 255, 255, 0.7) !important; /* خلفية بيضاء شبه شفافة */
    backdrop-filter: blur(20px) !important; /* تأثير ضبابي قوي خلف الزجاج */
    border-radius: 30px !important; /* زوايا دائرية كبيرة وعصرية */
    border: 1px solid rgba(255, 255, 255, 0.5) !important; /* إطار أبيض خفيف */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important; /* ظل ناعم للعمق */
    padding: 40px !important; /* مساحة داخلية مريحة */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* حركة مرنة */
    cursor: pointer; /* تغيير المؤشر ليوحي بإمكانية الضغط */
}

/* تأثير عند مرور الماوس (Hover) */
.elementor-4799 .elementor-element.elementor-element-cd4550f:hover {
    transform: translateY(-10px) scale(1.02) !important; /* البطاقة ترتفع وتكبر قليلاً */
    box-shadow: 0 25px 50px rgba(123, 31, 162, 0.15) !important; /* ظل ملون (بنفسجي) يظهر */
    border-color: rgba(123, 31, 162, 0.3) !important; /* الإطار يتلون */
}

/* تعريف حركة الطفو */
@keyframes float-img {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); } /* تتحرك للأعلى */
    100% { transform: translateY(0px); } /* تعود للأسفل */
}

/* تطبيق الحركة على الصورة */
.elementor-4799 .elementor-element.elementor-element-cd4550f img {
    animation: float-img 4s ease-in-out infinite !important; /* حركة مستمرة وناعمة */
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* ظل خفيف للصورة نفسها لزيادة العمق */
}

/* جعل مدة الحركة مختلفة للصورة الثانية لكسر الرتابة */
/* (قم بتطبيق هذا الجزء فقط على صورة "تسجيل جديد") */
.elementor-4799 .elementor-element.elementor-element-cd4550f img {
    animation-duration: 5s !important; /* مدة أطول قليلاً */
    animation-delay: 0.5s !important; /* تأخير بسيط في البدء */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3621de8 *//* تنسيق موحد للبطاقتين (يوضع في الـ Column أو Section) */
.elementor-4799 .elementor-element.elementor-element-3621de8 {
    background: rgba(255, 255, 255, 0.7) !important; /* خلفية بيضاء شبه شفافة */
    backdrop-filter: blur(20px) !important; /* تأثير ضبابي قوي خلف الزجاج */
    border-radius: 30px !important; /* زوايا دائرية كبيرة وعصرية */
    border: 1px solid rgba(255, 255, 255, 0.5) !important; /* إطار أبيض خفيف */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important; /* ظل ناعم للعمق */
    padding: 40px !important; /* مساحة داخلية مريحة */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* حركة مرنة */
    cursor: pointer; /* تغيير المؤشر ليوحي بإمكانية الضغط */
}

/* تأثير عند مرور الماوس (Hover) */
.elementor-4799 .elementor-element.elementor-element-3621de8:hover {
    transform: translateY(-10px) scale(1.02) !important; /* البطاقة ترتفع وتكبر قليلاً */
    box-shadow: 0 25px 50px rgba(123, 31, 162, 0.15) !important; /* ظل ملون (بنفسجي) يظهر */
    border-color: rgba(123, 31, 162, 0.3) !important; /* الإطار يتلون */
}

/* تعريف حركة الطفو */
@keyframes float-img {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); } /* تتحرك للأعلى */
    100% { transform: translateY(0px); } /* تعود للأسفل */
}

/* تطبيق الحركة على الصورة */
.elementor-4799 .elementor-element.elementor-element-3621de8 img {
    animation: float-img 4s ease-in-out infinite !important; /* حركة مستمرة وناعمة */
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); /* ظل خفيف للصورة نفسها لزيادة العمق */
}

/* جعل مدة الحركة مختلفة للصورة الثانية لكسر الرتابة */
/* (قم بتطبيق هذا الجزء فقط على صورة "تسجيل جديد") */
.elementor-4799 .elementor-element.elementor-element-3621de8 img {
    animation-duration: 5s !important; /* مدة أطول قليلاً */
    animation-delay: 0.5s !important; /* تأخير بسيط في البدء */
}/* End custom CSS */