.elementor-2434 .elementor-element.elementor-element-abdbade{--display:flex;}.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-2434 .elementor-element.elementor-element-f89acf1{width:100%;max-width:100%;top:0px;text-align:center;}.elementor-2434 .elementor-element.elementor-element-f89acf1 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-2434 .elementor-element.elementor-element-f89acf1.elementor-element{--align-self:center;}body:not(.rtl) .elementor-2434 .elementor-element.elementor-element-f89acf1{left:0px;}body.rtl .elementor-2434 .elementor-element.elementor-element-f89acf1{right:0px;}.elementor-2434 .elementor-element.elementor-element-f89acf1 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:600;color:#783585;}.elementor-2434 .elementor-element.elementor-element-76f6843{--display:flex;}.elementor-2434 .elementor-element.elementor-element-abbea70{width:100%;max-width:100%;top:0px;text-align:center;}.elementor-2434 .elementor-element.elementor-element-abbea70 > .elementor-widget-container{margin:12px 12px 12px 12px;padding:4px 4px 4px 4px;}.elementor-2434 .elementor-element.elementor-element-abbea70.elementor-element{--align-self:center;}body:not(.rtl) .elementor-2434 .elementor-element.elementor-element-abbea70{left:0px;}body.rtl .elementor-2434 .elementor-element.elementor-element-abbea70{right:0px;}.elementor-2434 .elementor-element.elementor-element-abbea70 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:600;color:#783585;}/* Start custom CSS for html, class: .elementor-element-7da3670 */.container
{
    display: flex;
    gap: 2%;
    width: 1000px;
    height: 450px;
    margin: auto;
    justify-content: center;
    margin-top: 10%;
    align-items: center;
    text-align: left;
    background: linear-gradient(#DF614A,#964176);
   
}
.item1
{
   display: flex;          /* هذا سيجعل الصورة والنص بجانب بعضهما */
    align-items: center;    /* يوزن النص عمودياً مع منتصف الصورة */
    gap: 20px;              /* مسافة بين الصورة والكلام */
    padding: 10px; 
    width: 650px;
    height: 350px; 
    background: white;
    opacity: 0.7;
    font-size: large;
}
.item1 img{
    align-items: center;
    width: 400px;
    height: 300px;
    object-fit: cover;
    
}
/* سيطبق فقط على الوصف الموجود داخل item1 */
.item1 .description {
    opacity: 0;           /* شفافية كاملة (مخفي) */
    transition: 0.5s;     /* مدة الحركة لكي يظهر بنعومة */
    font-size: 14px;
    color: #333;
}

/* 2. إظهار النص عند وضع الماوس على المربع */
/* 2. إظهار النص عند وضع الماوس على المربع */
.item1:hover .description {    /* لاحظ المسافة هنا */
    opacity: 1 !important;;
}
/* اختيارياً: يمكنك تغيير لون المربع أو تكبيره قليلاً عند اللمس */
.item1:hover {
    background-color: rgba(255, 255, 255, 0.9); /* يصبح المربع أفتح قليلاً */
    cursor: pointer;                             /* يتغير شكل الماوس ليد */
}
.item1 button {
    color: white;
    background-color: #783585;
    opacity: 0;           /* شفافية كاملة تجعله غير مرئي */
    transition: 0.3s;    /* حركة ناعمة عند الظهور */
}
.item1:hover button {
    opacity: 1;           /* يظهر بوضوح كامل */
}/* End custom CSS */