.elementor-15387 .elementor-element.elementor-element-7c1f434{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:35px;--padding-right:35px;overflow:visible;}.elementor-15387 .elementor-element.elementor-element-2dd758e{--display:flex;overflow:visible;}.elementor-15387 .elementor-element.elementor-element-54c1c09{width:100%;max-width:100%;animation-duration:3500ms;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;animation-delay:500ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-15387 .elementor-element.elementor-element-54c1c09 .aux-modern-heading-primary{font-family:"Noto Kufi Arabic", Sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;line-height:3em;letter-spacing:0px;color:var( --e-global-color-accent );margin:0px 0px 0px 0px;}.elementor-15387 .elementor-element.elementor-element-54c1c09 .aux-modern-heading-secondary{font-size:35px;font-weight:600;text-transform:capitalize;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-primary );margin:0px 0px 10px 0px;max-width:990px;}.elementor-15387 .elementor-element.elementor-element-5995e10{--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;overflow:visible;}.elementor-15387 .elementor-element.elementor-element-58eecbe{animation-duration:1350ms;animation-delay:150ms;animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-thumbnail{padding-bottom:calc(0.6 * 100%);}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post-holder{background-color:#FFFFFF;border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.04);}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post{padding:10px 10px 10px 10px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-post-grid .eael-grid-post .eael-entry-media img, .elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .eael-entry-overlay{border-radius:30px 30px 0px 0px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-meta .eael-posted-on{color:#9C9C9C;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-post-grid-style-two .eael-entry-meta .eael-meta-posted-on{color:#9C9C9C;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .eael-entry-footer{justify-content:flex-start;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .eael-entry-header-after{justify-content:flex-start;align-items:center;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-meta > span{font-size:13px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-header-after{margin:15px 0px 0px 0px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title a{color:#303133;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title:hover, .elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title a:hover{color:var( --e-global-color-secondary );}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title, .elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title a{font-family:"SST Arabic", Sans-serif;font-size:21px;font-weight:600;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title{margin:12px 20px 0px 20px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post-excerpt p{font-family:"SST Arabic", Sans-serif;font-size:17px;font-weight:400;margin:10px 20px 0px 20px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post-holder .eael-entry-wrapper{height:395px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .post-meta-categories li, .elementor-15387 .elementor-element.elementor-element-58eecbe .post-meta-categories li a{color:var( --e-global-color-primary );font-size:13px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .post-meta-categories{justify-content:flex-start;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-post-elements-readmore-btn{color:#000BEC;}.elementor-15387 .elementor-element.elementor-element-4d3b9a3{--display:flex;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-15387 .elementor-element.elementor-element-4d3b9a3.e-con{--align-self:center;}@media(min-width:768px){.elementor-15387 .elementor-element.elementor-element-4d3b9a3{--width:75%;}}@media(max-width:1024px){.elementor-15387 .elementor-element.elementor-element-54c1c09{margin:-230px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15387 .elementor-element.elementor-element-54c1c09 .aux-modern-heading-secondary{font-size:50px;max-width:280px;}}@media(max-width:767px){.elementor-15387 .elementor-element.elementor-element-54c1c09{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15387 .elementor-element.elementor-element-54c1c09 .aux-modern-heading-primary{font-size:21px;line-height:1.3em;margin:0px 0px 10px 0px;}.elementor-15387 .elementor-element.elementor-element-54c1c09 .aux-modern-heading-secondary{font-size:32px;max-width:280px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-entry-title{margin:12px 20px 0px 20px;}.elementor-15387 .elementor-element.elementor-element-58eecbe .eael-grid-post-excerpt p{font-size:16px;}}/* Start custom CSS for eael-post-grid, class: .elementor-element-58eecbe *//* --- 1. THE WRAPPER (White Card) --- */
.eael-entry-wrapper {
    background-color: #ffffff;
    border-radius: 30px;
    padding: 25px;
    padding-bottom: 80px; /* Space for the button */
    
    /* Layering */
    position: relative; 
    z-index: 10;
    
    /* ANIMATION: Slides UP */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.eael-grid-post-holder:hover .eael-entry-wrapper {
    transform: translateY(-40px); /* Move wrapper UP */
}


/* --- 2. THE IMAGE (Behind Card) --- */
.eael-entry-media {
    position: relative;
    z-index: 1;
}


/* --- 3. THE BUTTON CONTAINER (RTL Version) --- */
.eael-post-elements-readmore-btn {
    font-size: 0 !important;
    color: transparent !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* RTL CHANGE: Pin to Bottom LEFT */
    position: absolute !important;
    bottom: 20px;
    left: 20px;  /* Changed from right to left */
    right: auto; /* Reset right property */
    z-index: 20;
    
    /* Shape & Flex Centering */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ce7c00 !important;
    
    display: flex;             
    align-items: center;
    justify-content: center;
    overflow: hidden;          
    
    /* ANIMATION: Counter-move DOWN + Border Color */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease;
}

.eael-grid-post-holder:hover .eael-post-elements-readmore-btn {
    transform: translateY(40px); /* Counter-move stays same (Down) */
    border-color: #ce7c00 !important;
}


/* --- 4. THE ARROW ICON (RTL Version) --- */
.eael-post-elements-readmore-btn::before {
    content: '⟵'; /* RTL CHANGE: Long LEFT Arrow */
    font-size: 25px;
    margin-right: 7px;
    margin-top: 10px;
    color: #ce7c00;
    
    position: relative; 
    display: block;
    line-height: 1;
}


/* --- 5. THE LOOP ANIMATION (RTL Logic) --- */
@keyframes arrowLoopRTL {
    0%   { transform: translateX(0); }
    
    /* RTL CHANGE: Move NEGATIVE (Left) first */
    45%  { transform: translateX(-50px); opacity: 1; } 
    50%  { transform: translateX(-50px); opacity: 0; }
    
    /* RTL CHANGE: Reappear from POSITIVE (Right) */
    51%  { transform: translateX(50px); opacity: 0; }  
    55%  { transform: translateX(50px); opacity: 1; }
    
    100% { transform: translateX(0); }
}

/* Trigger Loop on Hover */
.eael-grid-post-holder:hover .eael-post-elements-readmore-btn::before {
    animation: arrowLoopRTL 0.4s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.post-14696 .eael-grid-post-excerpt, 
.post-14696 .eael-grid-post-excerpt {
    display: none;
}/* End custom CSS */