.elementor-2048 .elementor-element.elementor-element-01016d2{--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-01016d2:not(.elementor-motion-effects-element-type-background), .elementor-2048 .elementor-element.elementor-element-01016d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i3rl.ae/wp-content/uploads/2025/10/452c3569249e973f54253dac07266654edc794a4-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2048 .elementor-element.elementor-element-01016d2::before, .elementor-2048 .elementor-element.elementor-element-01016d2 > .elementor-background-video-container::before, .elementor-2048 .elementor-element.elementor-element-01016d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-2048 .elementor-element.elementor-element-01016d2 > .elementor-background-slideshow::before, .elementor-2048 .elementor-element.elementor-element-01016d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2048 .elementor-element.elementor-element-01016d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2048 .elementor-element.elementor-element-14684e2{--display:flex;}.elementor-2048 .elementor-element.elementor-element-f3f0ca6{--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-2048 .elementor-element.elementor-element-0bcebdd{text-align:center;}.elementor-2048 .elementor-element.elementor-element-0bcebdd .elementor-heading-title{font-family:var( --e-global-typography-7c62975-font-family ), Sans-serif;font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2048 .elementor-element.elementor-element-f3930ba{text-align:center;font-family:var( --e-global-typography-2807a4b-font-family ), Sans-serif;font-size:var( --e-global-typography-2807a4b-font-size );font-weight:var( --e-global-typography-2807a4b-font-weight );line-height:var( --e-global-typography-2807a4b-line-height );color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-ec84947{--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-2048 .elementor-element.elementor-element-876e999{--display:flex;}.elementor-2048 .elementor-element.elementor-element-eeaf8cb{--display:flex;}.elementor-2048 .elementor-element.elementor-element-cac423b{text-align:center;}.elementor-2048 .elementor-element.elementor-element-cac423b .elementor-heading-title{font-family:var( --e-global-typography-7c62975-font-family ), Sans-serif;font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );color:var( --e-global-color-astglobalcolor6 );}.elementor-2048 .elementor-element.elementor-element-584f0ae{text-align:center;font-family:var( --e-global-typography-2807a4b-font-family ), Sans-serif;font-size:var( --e-global-typography-2807a4b-font-size );font-weight:var( --e-global-typography-2807a4b-font-weight );line-height:var( --e-global-typography-2807a4b-line-height );color:var( --e-global-color-astglobalcolor6 );}.elementor-2048 .elementor-element.elementor-element-55b3ba8{--display:flex;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2048 .elementor-element.elementor-element-228f4d6{--display:flex;}.elementor-2048 .elementor-element.elementor-element-3c49593{--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-widget-hfe-basic-posts .hfe-post-title a{color:var( --e-global-color-primary );}.elementor-widget-hfe-basic-posts .hfe-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-meta{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{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 );}.elementor-widget-hfe-basic-posts .hfe-read-more{color:var( --e-global-color-accent );}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-card{background-color:#FFFFFF;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.21);}.elementor-2048 .elementor-element.elementor-element-dadf807 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:40px;row-gap:30px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-image img{border-radius:12px 12px 0px 0px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-title a{color:var( --e-global-color-astglobalcolor6 );}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-title{font-family:"Outfit", Sans-serif;font-size:24px;font-weight:500;margin-bottom:5px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-meta{font-family:"Outfit", Sans-serif;font-size:12px;font-weight:normal;line-height:23px;margin-bottom:15px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-post-excerpt{margin-bottom:15px;}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-read-more{color:var( --e-global-color-astglobalcolor6 );font-family:var( --e-global-typography-fe331e4-font-family ), Sans-serif;font-size:var( --e-global-typography-fe331e4-font-size );font-weight:var( --e-global-typography-fe331e4-font-weight );line-height:var( --e-global-typography-fe331e4-line-height );}.elementor-2048 .elementor-element.elementor-element-4828303{--display:flex;}.elementor-2048 .elementor-element.elementor-element-b8be15a{--display:flex;}.elementor-2048 .elementor-element.elementor-element-ecb178d{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-font-size:var( --e-global-typography-8243685-font-size );--n-tabs-title-color:var( --e-global-color-astglobalcolor6 );--n-tabs-title-color-active:#1E3A8A;}.elementor-2048 .elementor-element.elementor-element-ecb178d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-ecb178d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-2048 .elementor-element.elementor-element-ecb178d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2048 .elementor-element.elementor-element-ecb178d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;border-style:solid;border-width:0px 0px 2px 0px;border-color:#1E3A8A;}.elementor-2048 .elementor-element.elementor-element-ecb178d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-8243685-font-family ), Sans-serif;font-weight:var( --e-global-typography-8243685-font-weight );}.elementor-2048 .elementor-element.elementor-element-ecb178d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1E3A8A;}body.elementor-page-2048:not(.elementor-motion-effects-element-type-background), body.elementor-page-2048 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F9FF;}body.elementor-page-2048{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-2048 .elementor-element.elementor-element-0bcebdd .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-f3930ba{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-cac423b .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-584f0ae{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-read-more{font-size:var( --e-global-typography-fe331e4-font-size );line-height:var( --e-global-typography-fe331e4-line-height );}.elementor-2048 .elementor-element.elementor-element-ecb178d{--n-tabs-title-font-size:var( --e-global-typography-8243685-font-size );}}@media(max-width:1024px){.elementor-2048 .elementor-element.elementor-element-0bcebdd .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-f3930ba{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-cac423b .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-584f0ae{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-read-more{font-size:var( --e-global-typography-fe331e4-font-size );line-height:var( --e-global-typography-fe331e4-line-height );}.elementor-2048 .elementor-element.elementor-element-ecb178d{--n-tabs-title-font-size:var( --e-global-typography-8243685-font-size );}}@media(max-width:767px){.elementor-2048 .elementor-element.elementor-element-0bcebdd .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-f3930ba{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-cac423b .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-584f0ae{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-read-more{font-size:var( --e-global-typography-fe331e4-font-size );line-height:var( --e-global-typography-fe331e4-line-height );}.elementor-2048 .elementor-element.elementor-element-ecb178d{--n-tabs-title-font-size:var( --e-global-typography-8243685-font-size );}}@media(min-width:768px){.elementor-2048 .elementor-element.elementor-element-14684e2{--content-width:1240px;}.elementor-2048 .elementor-element.elementor-element-876e999{--content-width:1240px;}.elementor-2048 .elementor-element.elementor-element-3c49593{--content-width:1240px;}}@media(min-width:2400px){.elementor-2048 .elementor-element.elementor-element-0bcebdd .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-f3930ba{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-cac423b .elementor-heading-title{font-size:var( --e-global-typography-7c62975-font-size );line-height:var( --e-global-typography-7c62975-line-height );}.elementor-2048 .elementor-element.elementor-element-584f0ae{font-size:var( --e-global-typography-2807a4b-font-size );line-height:var( --e-global-typography-2807a4b-line-height );}.elementor-2048 .elementor-element.elementor-element-dadf807 .hfe-read-more{font-size:var( --e-global-typography-fe331e4-font-size );line-height:var( --e-global-typography-fe331e4-line-height );}.elementor-2048 .elementor-element.elementor-element-ecb178d{--n-tabs-title-font-size:var( --e-global-typography-8243685-font-size );}}/* Start custom CSS for hfe-basic-posts, class: .elementor-element-dadf807 *//*
    ========================================================
    1. Base Setup: Define scope and make the card relative
    ========================================================
*/
/* The parent element (e.g., .hfe-post-card or .hfe-post-content)
   must be set to position: relative; for absolute positioning to work.
   We target the common post containers to ensure coverage.
*/
.posts-bottom-bar .hfe-post-content {
    /* Set the post content area as the reference point for absolute positioning */
    position: relative;
    /* Important: Add padding to the bottom of the content area
       to make space for the absolutely positioned date and link.
       1.5em is a safe starting value. */
    margin-bottom: 10px !important;
    padding-bottom: 30px !important;
    /*
    Adjust this value if needed */
}

/*
    ========================================================
    2. Positioning & Alignment Fix
    ========================================================
*/
/* Bottom-left: meta date */
.posts-bottom-bar .hfe-post-meta {
    position: absolute;
    left: 16px;
    /* Use 'bottom: 0' to align it with the bottom edge of the parent content area (now extended by the padding-bottom above) */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/* Bottom-right: Read More button */
.posts-bottom-bar a.hfe-read-more {
    position: absolute;
    right: 20px;
    /* Align with the date */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/*
    ========================================================
    3. Cleanup & Specific Styling
    ========================================================
*/

/* Target the excerpt to ensure it doesn't overlap the new space */
.posts-bottom-bar .hfe-post-excerpt {
    margin-bottom: 10px; /* Add some margin above the bottom bar */
}

/* Styling for the image based on your code (assuming '.elementor-2048 .elementor-element.elementor-element-dadf807' refers to the widget's .elementor-2048 .elementor-element.elementor-element-dadf807 class in Elementor) */
.elementor-2048 .elementor-element.elementor-element-dadf807 img,
.posts-bottom-bar img {
    border-radius: 12px !important;
    height: 250px;
    object-fit: cover; /* Ensures image fills the height nicely */
}/* End custom CSS */
/* Start custom CSS for hfe-basic-posts, class: .elementor-element-dadf807 *//*
    ========================================================
    1. Base Setup: Define scope and make the card relative
    ========================================================
*/
/* The parent element (e.g., .hfe-post-card or .hfe-post-content)
   must be set to position: relative; for absolute positioning to work.
   We target the common post containers to ensure coverage.
*/
.posts-bottom-bar .hfe-post-content {
    /* Set the post content area as the reference point for absolute positioning */
    position: relative;
    /* Important: Add padding to the bottom of the content area
       to make space for the absolutely positioned date and link.
       1.5em is a safe starting value. */
    margin-bottom: 10px !important;
    padding-bottom: 30px !important;
    /*
    Adjust this value if needed */
}

/*
    ========================================================
    2. Positioning & Alignment Fix
    ========================================================
*/
/* Bottom-left: meta date */
.posts-bottom-bar .hfe-post-meta {
    position: absolute;
    left: 16px;
    /* Use 'bottom: 0' to align it with the bottom edge of the parent content area (now extended by the padding-bottom above) */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/* Bottom-right: Read More button */
.posts-bottom-bar a.hfe-read-more {
    position: absolute;
    right: 20px;
    /* Align with the date */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/*
    ========================================================
    3. Cleanup & Specific Styling
    ========================================================
*/

/* Target the excerpt to ensure it doesn't overlap the new space */
.posts-bottom-bar .hfe-post-excerpt {
    margin-bottom: 10px; /* Add some margin above the bottom bar */
}

/* Styling for the image based on your code (assuming '.elementor-2048 .elementor-element.elementor-element-dadf807' refers to the widget's .elementor-2048 .elementor-element.elementor-element-dadf807 class in Elementor) */
.elementor-2048 .elementor-element.elementor-element-dadf807 img,
.posts-bottom-bar img {
    border-radius: 12px !important;
    height: 250px;
    object-fit: cover; /* Ensures image fills the height nicely */
}/* End custom CSS */
/* Start custom CSS for hfe-basic-posts, class: .elementor-element-dadf807 *//*
    ========================================================
    1. Base Setup: Define scope and make the card relative
    ========================================================
*/
/* The parent element (e.g., .hfe-post-card or .hfe-post-content)
   must be set to position: relative; for absolute positioning to work.
   We target the common post containers to ensure coverage.
*/
.posts-bottom-bar .hfe-post-content {
    /* Set the post content area as the reference point for absolute positioning */
    position: relative;
    /* Important: Add padding to the bottom of the content area
       to make space for the absolutely positioned date and link.
       1.5em is a safe starting value. */
    margin-bottom: 10px !important;
    padding-bottom: 30px !important;
    /*
    Adjust this value if needed */
}

/*
    ========================================================
    2. Positioning & Alignment Fix
    ========================================================
*/
/* Bottom-left: meta date */
.posts-bottom-bar .hfe-post-meta {
    position: absolute;
    left: 16px;
    /* Use 'bottom: 0' to align it with the bottom edge of the parent content area (now extended by the padding-bottom above) */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/* Bottom-right: Read More button */
.posts-bottom-bar a.hfe-read-more {
    position: absolute;
    right: 20px;
    /* Align with the date */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/*
    ========================================================
    3. Cleanup & Specific Styling
    ========================================================
*/

/* Target the excerpt to ensure it doesn't overlap the new space */
.posts-bottom-bar .hfe-post-excerpt {
    margin-bottom: 10px; /* Add some margin above the bottom bar */
}

/* Styling for the image based on your code (assuming '.elementor-2048 .elementor-element.elementor-element-dadf807' refers to the widget's .elementor-2048 .elementor-element.elementor-element-dadf807 class in Elementor) */
.elementor-2048 .elementor-element.elementor-element-dadf807 img,
.posts-bottom-bar img {
    border-radius: 12px !important;
    height: 250px;
    object-fit: cover; /* Ensures image fills the height nicely */
}/* End custom CSS */
/* Start custom CSS for hfe-basic-posts, class: .elementor-element-dadf807 *//*
    ========================================================
    1. Base Setup: Define scope and make the card relative
    ========================================================
*/
/* The parent element (e.g., .hfe-post-card or .hfe-post-content)
   must be set to position: relative; for absolute positioning to work.
   We target the common post containers to ensure coverage.
*/
.posts-bottom-bar .hfe-post-content {
    /* Set the post content area as the reference point for absolute positioning */
    position: relative;
    /* Important: Add padding to the bottom of the content area
       to make space for the absolutely positioned date and link.
       1.5em is a safe starting value. */
    margin-bottom: 10px !important;
    padding-bottom: 30px !important;
    /*
    Adjust this value if needed */
}

/*
    ========================================================
    2. Positioning & Alignment Fix
    ========================================================
*/
/* Bottom-left: meta date */
.posts-bottom-bar .hfe-post-meta {
    position: absolute;
    left: 16px;
    /* Use 'bottom: 0' to align it with the bottom edge of the parent content area (now extended by the padding-bottom above) */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/* Bottom-right: Read More button */
.posts-bottom-bar a.hfe-read-more {
    position: absolute;
    right: 20px;
    /* Align with the date */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/*
    ========================================================
    3. Cleanup & Specific Styling
    ========================================================
*/

/* Target the excerpt to ensure it doesn't overlap the new space */
.posts-bottom-bar .hfe-post-excerpt {
    margin-bottom: 10px; /* Add some margin above the bottom bar */
}

/* Styling for the image based on your code (assuming '.elementor-2048 .elementor-element.elementor-element-dadf807' refers to the widget's .elementor-2048 .elementor-element.elementor-element-dadf807 class in Elementor) */
.elementor-2048 .elementor-element.elementor-element-dadf807 img,
.posts-bottom-bar img {
    border-radius: 12px !important;
    height: 250px;
    object-fit: cover; /* Ensures image fills the height nicely */
}/* End custom CSS */
/* Start custom CSS for hfe-basic-posts, class: .elementor-element-dadf807 *//*
    ========================================================
    1. Base Setup: Define scope and make the card relative
    ========================================================
*/
/* The parent element (e.g., .hfe-post-card or .hfe-post-content)
   must be set to position: relative; for absolute positioning to work.
   We target the common post containers to ensure coverage.
*/
.posts-bottom-bar .hfe-post-content {
    /* Set the post content area as the reference point for absolute positioning */
    position: relative;
    /* Important: Add padding to the bottom of the content area
       to make space for the absolutely positioned date and link.
       1.5em is a safe starting value. */
    margin-bottom: 10px !important;
    padding-bottom: 30px !important;
    /*
    Adjust this value if needed */
}

/*
    ========================================================
    2. Positioning & Alignment Fix
    ========================================================
*/
/* Bottom-left: meta date */
.posts-bottom-bar .hfe-post-meta {
    position: absolute;
    left: 16px;
    /* Use 'bottom: 0' to align it with the bottom edge of the parent content area (now extended by the padding-bottom above) */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/* Bottom-right: Read More button */
.posts-bottom-bar a.hfe-read-more {
    position: absolute;
    right: 20px;
    /* Align with the date */
    bottom: 0;
    /* Remove default margins/padding that cause misalignment */
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1; /* Ensures text sits on a consistent line */
}

/*
    ========================================================
    3. Cleanup & Specific Styling
    ========================================================
*/

/* Target the excerpt to ensure it doesn't overlap the new space */
.posts-bottom-bar .hfe-post-excerpt {
    margin-bottom: 10px; /* Add some margin above the bottom bar */
}

/* Styling for the image based on your code (assuming '.elementor-2048 .elementor-element.elementor-element-dadf807' refers to the widget's .elementor-2048 .elementor-element.elementor-element-dadf807 class in Elementor) */
.elementor-2048 .elementor-element.elementor-element-dadf807 img,
.posts-bottom-bar img {
    border-radius: 12px !important;
    height: 250px;
    object-fit: cover; /* Ensures image fills the height nicely */
}/* End custom CSS */