.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-bb92eeb .elementor-icon-wrapper{text-align:start;}.elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-framed .elementor-icon, .elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-framed .elementor-icon, .elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-framed .elementor-icon:hover, .elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-framed .elementor-icon:hover, .elementor-908 .elementor-element.elementor-element-bb92eeb.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-bb92eeb .elementor-icon{font-size:16px;}.elementor-908 .elementor-element.elementor-element-bb92eeb .elementor-icon svg{height:16px;}.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-908 .elementor-element.elementor-element-af3ce71 p{margin-block-end:0px;}.elementor-908 .elementor-element.elementor-element-af3ce71{color:#000000;}.elementor-908 .elementor-element.elementor-element-d27b403{border-style:solid;border-width:0px 0px 5px 0px;color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-d27b403 p{margin-block-end:0px;}.elementor-908 .elementor-element.elementor-element-86d6723{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-3a84e79 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-1569b2c{--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-908 .elementor-element.elementor-element-1569b2c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-908 .elementor-element.elementor-element-7f105c6 .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:28px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-908 .elementor-element.elementor-element-fa1bbcb{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-908 .elementor-element.elementor-element-fa1bbcb > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__meta-data span + span:before{content:"•";}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__card{background-color:#272727;border-width:0px;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__text{margin-top:20px;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__badge{right:0;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__card .elementor-post__badge{margin:25px;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title, .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title a{color:#FFFFFF;font-family:"Saira", Sans-serif;font-size:22px;font-weight:700;line-height:26px;}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title{margin-bottom:0px;}.elementor-908 .elementor-element.elementor-element-87812a3{--display:flex;}.elementor-908 .elementor-element.elementor-element-42e7b9b{--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:space-between;--align-items:center;}.elementor-908 .elementor-element.elementor-element-012bad0 .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:28px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-03a904f{column-gap:0px;}.elementor-908 .elementor-element.elementor-element-03a904f p{margin-block-end:0px;}.elementor-908 .elementor-element.elementor-element-03a904f a{color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-03a904f a:hover, .elementor-908 .elementor-element.elementor-element-03a904f a:focus{color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-8b638f8{--divider-border-style:solid;--divider-color:#A7A7A7;--divider-border-width:1px;}.elementor-908 .elementor-element.elementor-element-8b638f8 .elementor-divider-separator{width:100%;}.elementor-908 .elementor-element.elementor-element-8b638f8 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-908 .elementor-element.elementor-element-a34a508{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__meta-data span + span:before{content:"•";}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__card{background-color:#272727;border-width:0px;}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__text{margin-top:20px;}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__title, .elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__title a{color:#FFFFFF;font-family:"Saira", Sans-serif;font-size:22px;font-weight:700;line-height:26px;}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__title{margin-bottom:0px;}.elementor-908 .elementor-element.elementor-element-d38d337{--display:flex;}.elementor-908 .elementor-element.elementor-element-8a51ac1{--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:space-between;--align-items:center;}.elementor-908 .elementor-element.elementor-element-f542579 .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:28px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-6cbdc19{column-gap:0px;}.elementor-908 .elementor-element.elementor-element-6cbdc19 p{margin-block-end:0px;}.elementor-908 .elementor-element.elementor-element-6cbdc19 a{color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-6cbdc19 a:hover, .elementor-908 .elementor-element.elementor-element-6cbdc19 a:focus{color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-c52c31f{--divider-border-style:solid;--divider-color:#A7A7A7;--divider-border-width:1px;}.elementor-908 .elementor-element.elementor-element-c52c31f .elementor-divider-separator{width:100%;}.elementor-908 .elementor-element.elementor-element-c52c31f .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-908 .elementor-element.elementor-element-e0e808c{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__meta-data span + span:before{content:"•";}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__card{background-color:#272727;border-width:0px;}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__text{margin-top:20px;}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__title, .elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__title a{color:#FFFFFF;font-family:"Saira", Sans-serif;font-size:22px;font-weight:700;line-height:26px;}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__title{margin-bottom:0px;}.elementor-908 .elementor-element.elementor-element-cc27768{--display:flex;}.elementor-908 .elementor-element.elementor-element-a6e3cd1{--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:space-between;--align-items:center;}.elementor-908 .elementor-element.elementor-element-9fa2c86 .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:28px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-45d5a99{column-gap:0px;}.elementor-908 .elementor-element.elementor-element-45d5a99 p{margin-block-end:0px;}.elementor-908 .elementor-element.elementor-element-45d5a99 a{color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-45d5a99 a:hover, .elementor-908 .elementor-element.elementor-element-45d5a99 a:focus{color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-f12a90b{--divider-border-style:solid;--divider-color:#A7A7A7;--divider-border-width:1px;}.elementor-908 .elementor-element.elementor-element-f12a90b .elementor-divider-separator{width:100%;}.elementor-908 .elementor-element.elementor-element-f12a90b .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-908 .elementor-element.elementor-element-99c204c{--grid-row-gap:25px;--grid-column-gap:25px;}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__meta-data span + span:before{content:"•";}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__card{background-color:#272727;border-width:0px;}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__text{margin-top:20px;}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__title, .elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__title a{color:#FFFFFF;font-family:"Saira", Sans-serif;font-size:22px;font-weight:700;line-height:26px;}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__title{margin-bottom:0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(min-width:768px){.elementor-908 .elementor-element.elementor-element-86d6723{--content-width:1200px;}.elementor-908 .elementor-element.elementor-element-1569b2c{--width:100%;}}@media(max-width:767px){.elementor-908 .elementor-element.elementor-element-86d6723{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-908 .elementor-element.elementor-element-1569b2c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-908 .elementor-element.elementor-element-fa1bbcb:after{content:"0.5";}.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.72 * 100% );}.elementor-908 .elementor-element.elementor-element-a34a508:after{content:"0.72";}.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.72 * 100% );}.elementor-908 .elementor-element.elementor-element-e0e808c:after{content:"0.72";}.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__thumbnail__link{width:100%;}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.72 * 100% );}.elementor-908 .elementor-element.elementor-element-99c204c:after{content:"0.72";}.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-fa1bbcb *//* ==========================================
   DESKTOP & TABLET LAYOUT (Side-by-Side Grid)
   ========================================== */

/* 1. Define structural grid lines and center everything vertically */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-posts .elementor-post__card { 
    display: grid !important;
    grid-template-areas: 
        "image badge"
        "image text" !important;
    /* Left column gets 40% for the image, Right column gets 60% for the badge & text */
    grid-template-columns: 40% 60% !important; 
    grid-template-rows: 1fr auto auto 1fr !important; /* Acts as vertical springs to push content to the center */
    align-items: center !important; /* Centering mechanical anchor */
    padding: 0px 20px 0px 50px !important; 
    box-sizing: border-box !important;
    position: relative !important; 
} 

/* 2. Forces the image link to stay locked across the entire left column */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__thumbnail__link { 
    grid-area: image !important;
    grid-row: 1 / span 4 !important; /* Spans all vertical rows to anchor the left side */
    width: 100% !important;
    margin: 0 !important; 
}

/* 3. Positions the badge right above the title text, pushed away from the top edge */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__badge { 
    grid-area: badge !important;
    grid-row: 2 !important; /* Shifts into the active centering block row */
    justify-self: start !important; 
    
    position: static !important; 
    display: inline-block !important; 
    width: auto !important;
    height: auto !important;
    margin: 0 0 15px 80px !important; /* Perfect left alignment padding gap */
    
    /* Pill Tag Styles */
    padding: 6px 16px !important;
    border: 1px solid #ffffff !important; 
    background-color: transparent !important; 
    color: #ffffff !important; 
    border-radius: 20px !important; 
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    z-index: 1 !important;
}

/* 4. Positions the text content box in the row directly below the centered badge */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__text {
    grid-area: text !important;
    grid-row: 3 !important; /* Sits right underneath row 2 badge layout context */
    display: block !important;
    width: 100% !important;
    padding: 0 80px 0 80px !important; 
    margin: 0 !important; 
    box-sizing: border-box !important;
}

/* 5. Clean layout styles for the heading title link */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title,
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title a {
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 100% !important;
}

/* 6. Retains the stretched link mechanism so the entire card stays fully clickable */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important; 
}

/* 7. Hides hidden extra rows pushing components down layout rows */
.elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__meta-data {
    display: none !important;
}

/* ==========================================
   MOBILE RESPONSIVENESS EDIT (Screens under 767px)
   ========================================== */
@media screen and (max-width: 767px) {
    
    /* Converts the card layout from an restrictive side-by-side grid to a stacked flex container */
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-posts .elementor-post__card {
        display: flex !important;
        flex-direction: column !important; /* Stacks components top-to-bottom */
        align-items: stretch !important;
        padding: 0 !important; /* Strips large desktop padding so elements span wider natively */
        min-height: auto !important; /* Resets restrictive minimum heights */
    }
    
    /* Forces the featured image wrapper to sit beautifully at the very top of the card stack */
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__thumbnail__link {
        order: 1 !important; /* Forces image first */
        width: 100% !important;
        margin: 0 0 20px 0 !important; /* Balanced layout spacing beneath the image layer */
    }
    
    /* Enforces that the image stretches nicely inside its newly stacked zone */
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__thumbnail img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important; /* Uniform landscape display shape rule */
        object-fit: cover !important;
    }
    
    /* Places the badge pill nicely inside the layout order beneath the image banner */
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__badge {
        order: 2 !important; /* Forces badge second */
        width: 38%!important;
        text-align: center;
        margin: 0 auto 15px auto !important; /* Clean layout indentation from mobile edge boundaries */
        font-size: 13px !important; /* Slightly scales typography for small screens */
    }
    
    /* Centers, spaces, and fits the text box container perfectly at the bottom of the card block */
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__text {
        order: 3 !important; /* Forces text last */
        width: 100% !important;
        padding: 0 25px 35px 25px !important; /* Safe padding zones inside the dark container */
        box-sizing: border-box !important;
    }
    
    /* Optimizes headline sizes for small handheld devices */
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title,
    .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-post__title a {
        font-size: 20px !important; /* Prevents long single words from clipping off-screen borders */
    }
}

@media screen and (max-width: 1024px) { .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-posts .elementor-post__card { min-height: 250px!important; } }@media screen and (max-width: 767px) { .elementor-908 .elementor-element.elementor-element-fa1bbcb .elementor-posts .elementor-post__card { min-height: 250px!important; grid-template-rows: 1fr 1fr !important; } }/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-a34a508 *//* 1. Sets the card wrapper to a clean vertical stack layout */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-posts .elementor-post__card { 
    display: flex !important;
    flex-direction: column !important; 
    align-items: stretch !important; 
    padding: 0 30px 0 30px !important; 
    box-sizing: border-box !important;
    position: relative !important; 
    background-color: #1e1e1e; 
    transition: transform .25s ease-in-out, opacity .25s ease-in-out !important;
} 

/* 2. When a specific card is hovered, scale it up and keep it fully visible */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-posts .elementor-post__card:hover {
    transform: scale(1.05);
    opacity: 1 !important;
}

/* 3. MAGIC FADE TRICK: When the post container is hovered, fade ALL cards inside it... */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-posts-container:hover .elementor-post__card {
    opacity: 0.35;
}

/* ...but ensure the one being hovered stays at full opacity! */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-posts-container:hover .elementor-post__card:hover {
    opacity: 1;
}

/* 4. Forces the image container to sit naturally at the top with full width */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__thumbnail__link { 
    display: block !important;
    width: 100% !important;
    margin: 0 0 25px 0 !important; 
}

/* 5. FORCE EQUAL SIZES: Locks the image dimensions into an identical box aspect ratio */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__thumbnail img {
    width: 100% !important;
    
    /* Change 16 / 10 to 16 / 9 or 4 / 3 depending on your favorite crop shape */
    aspect-ratio: 16 / 10 !important; 
    
    /* CRITICAL: Centers and clips the image cleanly so it doesn't stretch or distort */
    object-fit: cover !important; 
    object-position: center !important;
    
    display: block !important;
}

/* 6. Centers and pads the text content block directly underneath the image */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__text {
    display: block !important;
    width: 100% !important;
    padding: 0 0px 40px 0px !important; 
    margin: 0 !important; 
    box-sizing: border-box !important;
}

/* 7. Clean layout styles for the heading title link */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__title,
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__title a {
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 100% !important;
}

/* 8. Retains the stretched link mechanism so the entire stacked card stays fully clickable */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__title a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important; 
}

/* 9. Completely hides hidden extra meta rows or badge data for this clean look */
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__meta-data,
.elementor-908 .elementor-element.elementor-element-a34a508 .elementor-post__badge {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-e0e808c *//* 1. Sets the card wrapper to a clean vertical stack layout */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-posts .elementor-post__card { 
    display: flex !important;
    flex-direction: column !important; 
    align-items: stretch !important; 
    padding: 0 30px 0 30px !important; 
    box-sizing: border-box !important;
    position: relative !important; 
    background-color: #1e1e1e; 
    transition: transform .25s ease-in-out, opacity .25s ease-in-out !important;
} 

/* 2. When a specific card is hovered, scale it up and keep it fully visible */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-posts .elementor-post__card:hover {
    transform: scale(1.05);
    opacity: 1 !important;
}

/* 3. MAGIC FADE TRICK: When the post container is hovered, fade ALL cards inside it... */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-posts-container:hover .elementor-post__card {
    opacity: 0.35;
}

/* ...but ensure the one being hovered stays at full opacity! */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-posts-container:hover .elementor-post__card:hover {
    opacity: 1;
}

/* 4. Forces the image container to sit naturally at the top with full width */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__thumbnail__link { 
    display: block !important;
    width: 100% !important;
    margin: 0 0 25px 0 !important; 
}

/* 5. FORCE EQUAL SIZES: Locks the image dimensions into an identical box aspect ratio */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__thumbnail img {
    width: 100% !important;
    
    /* Change 16 / 10 to 16 / 9 or 4 / 3 depending on your favorite crop shape */
    aspect-ratio: 16 / 10 !important; 
    
    /* CRITICAL: Centers and clips the image cleanly so it doesn't stretch or distort */
    object-fit: cover !important; 
    object-position: center !important;
    
    display: block !important;
}

/* 6. Centers and pads the text content block directly underneath the image */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__text {
    display: block !important;
    width: 100% !important;
    padding: 0 0px 40px 0px !important; 
    margin: 0 !important; 
    box-sizing: border-box !important;
}

/* 7. Clean layout styles for the heading title link */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__title,
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__title a {
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 100% !important;
}

/* 8. Retains the stretched link mechanism so the entire stacked card stays fully clickable */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__title a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important; 
}

/* 9. Completely hides hidden extra meta rows or badge data for this clean look */
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__meta-data,
.elementor-908 .elementor-element.elementor-element-e0e808c .elementor-post__badge {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-99c204c *//* 1. Sets the card wrapper to a clean vertical stack layout */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-posts .elementor-post__card { 
    display: flex !important;
    flex-direction: column !important; 
    align-items: stretch !important; 
    padding: 0 30px 0 30px !important; 
    box-sizing: border-box !important;
    position: relative !important; 
    background-color: #1e1e1e; 
    transition: transform .25s ease-in-out, opacity .25s ease-in-out !important;
} 

/* 2. When a specific card is hovered, scale it up and keep it fully visible */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-posts .elementor-post__card:hover {
    transform: scale(1.05);
    opacity: 1 !important;
}

/* 3. MAGIC FADE TRICK: When the post container is hovered, fade ALL cards inside it... */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-posts-container:hover .elementor-post__card {
    opacity: 0.35;
}

/* ...but ensure the one being hovered stays at full opacity! */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-posts-container:hover .elementor-post__card:hover {
    opacity: 1;
}

/* 4. Forces the image container to sit naturally at the top with full width */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__thumbnail__link { 
    display: block !important;
    width: 100% !important;
    margin: 0 0 25px 0 !important; 
}

/* 5. FORCE EQUAL SIZES: Locks the image dimensions into an identical box aspect ratio */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__thumbnail img {
    width: 100% !important;
    
    /* Change 16 / 10 to 16 / 9 or 4 / 3 depending on your favorite crop shape */
    aspect-ratio: 16 / 10 !important; 
    
    /* CRITICAL: Centers and clips the image cleanly so it doesn't stretch or distort */
    object-fit: cover !important; 
    object-position: center !important;
    
    display: block !important;
}

/* 6. Centers and pads the text content block directly underneath the image */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__text {
    display: block !important;
    width: 100% !important;
    padding: 0 0px 40px 0px !important; 
    margin: 0 !important; 
    box-sizing: border-box !important;
}

/* 7. Clean layout styles for the heading title link */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__title,
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__title a {
    margin: 0 !important; 
    padding: 0 !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 100% !important;
}

/* 8. Retains the stretched link mechanism so the entire stacked card stays fully clickable */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__title a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important; 
}

/* 9. Completely hides hidden extra meta rows or badge data for this clean look */
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__meta-data,
.elementor-908 .elementor-element.elementor-element-99c204c .elementor-post__badge {
    display: none !important;
}/* End custom CSS */