.elementor-15378 .elementor-element.elementor-element-0802e89{--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-15378 .elementor-element.elementor-element-6980d78{--display:flex;overflow:visible;}.elementor-15378 .elementor-element.elementor-element-cfaee71{animation-duration:2000ms;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-15378 .elementor-element.elementor-element-cfaee71 .aux-modern-heading-primary{font-size:15px;font-weight:700;text-transform:uppercase;line-height:4.4em;letter-spacing:6px;color:var( --e-global-color-accent );margin:0px 0px 0px 0px;}.elementor-15378 .elementor-element.elementor-element-cfaee71 .aux-modern-heading-secondary{font-size:35px;font-weight:bold;text-transform:capitalize;line-height:1.1em;color:var( --e-global-color-text );margin:0px 0px 20px 0px;max-width:720px;}.elementor-15378 .elementor-element.elementor-element-27b2a18{--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-15378 .elementor-element.elementor-element-781d49a{animation-duration:1350ms;animation-delay:150ms;animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-thumbnail{padding-bottom:calc(0.6 * 100%);}.elementor-15378 .elementor-element.elementor-element-781d49a .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-15378 .elementor-element.elementor-element-781d49a .eael-grid-post{padding:10px 0px 10px 10px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-post-grid .eael-grid-post .eael-entry-media img, .elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .eael-entry-overlay{border-radius:30px 30px 0px 0px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-meta .eael-posted-on{color:#9C9C9C;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-post-grid-style-two .eael-entry-meta .eael-meta-posted-on{color:#9C9C9C;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .eael-entry-footer{justify-content:flex-start;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .eael-entry-header-after{justify-content:flex-start;align-items:center;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-meta > span{font-size:13px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title a{color:#303133;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title:hover, .elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title a:hover{color:var( --e-global-color-secondary );}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title, .elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title a{font-size:18px;font-weight:500;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title{margin:12px 20px 0px 20px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post-holder .eael-entry-wrapper{height:395px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post-excerpt p{margin:10px 20px 0px 20px;}.elementor-15378 .elementor-element.elementor-element-781d49a .post-meta-categories li, .elementor-15378 .elementor-element.elementor-element-781d49a .post-meta-categories li a{color:var( --e-global-color-primary );font-size:13px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .post-meta-categories{justify-content:flex-start;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-post-elements-readmore-btn{color:#000BEC;}@media(max-width:1024px){.elementor-15378 .elementor-element.elementor-element-cfaee71 .aux-modern-heading-secondary{font-size:40px;max-width:90%;}}@media(max-width:767px){.elementor-15378 .elementor-element.elementor-element-cfaee71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-15378 .elementor-element.elementor-element-cfaee71 .aux-modern-heading-primary{font-size:14px;line-height:1.5em;}.elementor-15378 .elementor-element.elementor-element-cfaee71 .aux-modern-heading-secondary{font-size:27px;max-width:300px;}.elementor-15378 .elementor-element.elementor-element-781d49a .eael-entry-title{margin:12px 20px 0px 20px;}}/* Start custom CSS for eael-post-grid, class: .elementor-element-781d49a *//* 1. Setup the Wrapper Layering */
.eael-entry-wrapper {
    position: relative; /* vital: enables z-index */
    z-index: 2;         /* vital: puts this layer ABOVE the image (which is usually 1) */
    background-color: #ffffff; /* Ensures the card is opaque so you don't see the image through the text */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Optional: If you want the card to ALWAYS slightly overlap the image, uncomment below */
    /* margin-top: -15px; */
}

/* 2. Setup the Image Layering */
.eael-entry-media {
    position: relative;
    z-index: 1; /* Puts image BELOW the text wrapper */
    margin-bottom: -30px;
}

/* 3. The Animation Interaction */
/* We hover the whole CARD (.eael-grid-post-holder), but we move the WRAPPER */
.eael-grid-post-holder:hover .eael-entry-wrapper {
    transform: translateY(-25px); /* Slide up to overlap the image */
}

/* --- 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 --- */
.eael-post-elements-readmore-btn {
    font-size: 0 !important;
    color: transparent !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    
    /* Pin to Bottom Right */
    position: absolute !important;
    bottom: 20px;
    right: 20px;
    z-index: 20;
    
    /* Shape & Flex Centering */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ce7c00 !important;
    
    display: flex;             /* This centers the arrow automatically */
    align-items: center;
    justify-content: center;
    overflow: hidden;          /* Hides arrow when it loops */
    
    /* 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); /* Move button DOWN (cancels wrapper up) */
    border-color: #ce7c00 !important;
}


/* --- 4. THE ARROW ICON --- */
.eael-post-elements-readmore-btn::before {
    content: '→'; 
    margin-left: 9px;
    margin-top: 7px;
    font-size: 28px;
    color: #ce7c00;
    
    /* CHANGED: Use relative so Flexbox keeps it centered */
    position: relative; 
    display: block;
    line-height: 1;
}


/* --- 5. THE LOOP ANIMATION --- */
@keyframes arrowLoop {
    0%   { transform: translateX(0); }
    45%  { transform: translateX(50px); opacity: 1; }
    50%  { transform: translateX(50px); opacity: 0; }
    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: arrowLoop 0.4s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.eael-grid-post .eael-entry-meta {
  margin-top: 8px;
  margin-left: 20px;
}

.eael-post-grid .eael-entry-wrapper > .eael-entry-meta span.eael-posted-on::before, .eael-post-grid .eael-entry-wrapper > .eael-entry-header-after .eael-entry-meta span.eael-posted-on::before {
  font-size: 0px;
}

.eael-post-grid-style-two .eael-entry-meta .eael-meta-posted-on i {
  display: none;
}/* End custom CSS */