.elementor-4994 .elementor-element.elementor-element-c06bb19{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:080px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.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-4994 .elementor-element.elementor-element-6d5ed2b8 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:35px;font-weight:700;color:#222222;}.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-4994 .elementor-element.elementor-element-b98ee7a{text-align:center;font-family:"Lato", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;}.elementor-4994 .elementor-element.elementor-element-5430051f .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:27px;font-weight:500;text-transform:uppercase;text-decoration:underline;color:#222222;}.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-4994 .elementor-element.elementor-element-39d81bb{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-4994 .elementor-element.elementor-element-39d81bb .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4994 .elementor-element.elementor-element-39d81bb .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-4994 .elementor-element.elementor-element-1b83b1e{--display:flex;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-grid{grid-template-columns:repeat(1,1fr);}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-repeater-item-9dfe55b i{font-size:18px;margin-right:6px;vertical-align:sub;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-repeater-item-9dfe55b svg{width:18px;height:18px;margin-right:6px;vertical-align:sub;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-repeater-item-7e1d252 i{font-size:18px;margin-right:6px;vertical-align:sub;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-repeater-item-7e1d252 svg{width:18px;height:18px;margin-right:6px;vertical-align:sub;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-repeater-item-64cb390 i{font-size:18px;margin-right:6px;vertical-align:sub;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-repeater-item-64cb390 svg{width:18px;height:18px;margin-right:6px;vertical-align:sub;}.elementor-4994 .elementor-element.elementor-element-37bb33b{--grid-column-gap:20px;--grid-row-gap:20px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-wrapper,.elementor-4994 .elementor-element.elementor-element-37bb33b .post-wrapper .overlay,.elementor-4994 .elementor-element.elementor-element-37bb33b .post-wrapper a,.elementor-4994 .elementor-element.elementor-element-37bb33b .post-title,.elementor-4994 .elementor-element.elementor-element-37bb33b .post-content,.elementor-4994 .elementor-element.elementor-element-37bb33b .post-taxonomy,.elementor-4994 .elementor-element.elementor-element-37bb33b .post-read-more{transition-duration:0.3s;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-image img{border-radius:5px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-title, .elementor-4994 .elementor-element.elementor-element-37bb33b .post-title a{font-size:18px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-title a{color:var( --e-global-color-secondary );}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-title{color:var( --e-global-color-secondary );}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-meta i{margin-right:4px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-meta svg{margin-right:4px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-read-more a{color:var( --e-global-color-text );}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-read-more{color:var( --e-global-color-text );}.elementor-4994 .elementor-element.elementor-element-37bb33b .load-more-wrapper a{color:#fff;background-color:#0E4B65;}.elementor-4994 .elementor-element.elementor-element-37bb33b .load-more-wrapper{text-align:center;}.elementor-4994 .elementor-element.elementor-element-37bb33b .pagination, .elementor-4994 .elementor-element.elementor-element-37bb33b .pagination-filter{text-align:center;}.elementor-4994 .elementor-element.elementor-element-37bb33b .preloader-inner .preloader-inner-half-circle, .elementor-4994 .elementor-element.elementor-element-37bb33b .load::before{border-color:#0098C7;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-pin i{margin-right:6px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .post-pin svg{margin-right:6px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .edit-options i{margin-right:6px;}.elementor-4994 .elementor-element.elementor-element-37bb33b .edit-options svg{margin-right:6px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-grid{grid-template-columns:repeat(3,1fr);}}@media(max-width:767px){.elementor-4994 .elementor-element.elementor-element-6d5ed2b8{text-align:center;}.elementor-4994 .elementor-element.elementor-element-5430051f{text-align:center;}.elementor-4994 .elementor-element.elementor-element-37bb33b .elementor-grid{grid-template-columns:repeat(1,1fr);}}/* Start custom CSS for post-widget, class: .elementor-element-37bb33b *//* =========================================
   1. CRITICAL FIX: RESET WIDGET CONFLICT
   ========================================= */
/* This resets the widget's outer wrapper so it doesn't crush your design */
.post-wrapper > .inner-content {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================
   2. MAIN LAYOUT (The Row)
   ========================================= */
.zigzag-post-card {
    display: flex;
    align-items: center;    /* Vertically center text with image */
    justify-content: space-between;
    gap: 40px;              /* Space between image and text */
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
}

/* =========================================
   3. THE IMAGE BOX (Fixed Size & Frame)
   ========================================= */
.zigzag-post-card .post-image-wrapper {
    /* Fixed Width & Height ensures UNIFORMITY */
    width: 45%;
    height: 280px;  /* Forces every image box to be this tall */
    
    background-color: #f5f5f5; /* Light grey fills the empty space */
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden; 
    flex-shrink: 0;   
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    position: relative; /* Needed for image positioning */
}


.zigzag-post-card .post-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

/* =========================================
   4. THE IMAGE FIX (Background vs Placeholder)
   ========================================= */
.zigzag-post-card .post-image-wrapper img {
    /* We ignore the placeholder 'src' and show the background-image */
    display: block;
    
    /* Trick to hide the placeholder image but keep the element size */
    width: 0 !important; 
    height: 100% !important;
    padding-left: 100% !important; /* Expands box to full width */
    box-sizing: border-box;
    
    /* Show the REAL image (which is set as background) */
    /* 'contain' ensures the FULL image is seen (no cropping) */
    background-size: contain !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;
    
    border: none;
    margin: 0;
}

/* =========================================
   5. TEXT CONTENT
   ========================================= */
/* We use '>' to only target YOUR inner content, not the widget's */
.zigzag-post-card > .inner-content {
    width: 50% !important; /* Forces text to take half width */
    flex-shrink: 0;
}

.zigzag-post-card .post-title {
    margin: 0 0 15px 0;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.zigzag-post-card .post-title a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s;
}

.zigzag-post-card .post-title a:hover {
    color: #DAA520; 
}

.zigzag-post-card .post-excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}

.zigzag-post-card .read-more-btn {
    display: inline-block;
    background-color: #DAA520;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
    text-transform: uppercase;
    transition: background 0.3s;
}

/* =========================================
   6. ZIG-ZAG LOGIC
   ========================================= */
/* Target the widget wrapper (.post-wrapper) */
.post-wrapper:nth-child(even) .zigzag-post-card {
    flex-direction: row-reverse;
}

/* =========================================
   7. MOBILE RESPONSIVENESS
   ========================================= */
@media (max-width: 900px) {
    /* Stack everything vertically */
    .zigzag-post-card, 
    .post-wrapper:nth-child(even) .zigzag-post-card {
        flex-direction: column !important;
        gap: 20px;
        margin-bottom: 40px;
        align-items: flex-start;
    }

    /* Reset Reset widths */
    .zigzag-post-card .post-image-wrapper,
    .zigzag-post-card > .inner-content {
        width: 100% !important;
    }
    
    .zigzag-post-card .post-image-wrapper {
        height: 250px; 
    }
}
.zigzag-post-card .post-image-wrapper img {
    display: block;
    width: 0 !important;
    height: 100% !important;
    padding-left: 100% !important;
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: none;
    margin: 0;
}/* End custom CSS */