.elementor-252 .elementor-element.elementor-element-ed82123{--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-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-252 .elementor-element.elementor-element-244982a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-252 .elementor-element.elementor-element-244982a .elementor-heading-title{font-family:"IBM Plex Sans Condensed", Sans-serif;font-size:30px;font-weight:bold;color:#002060;}.elementor-252 .elementor-element.elementor-element-851e0b6{--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-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-wrapper .xpro-post-grid-image{height:150px;}.elementor-252 .elementor-element.elementor-element-c4c1612.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-wrapper .cbp-item-wrapper{border-style:solid;border-color:#002060;}.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-wrapper .xpro-post-grid-title{font-family:"IBM Plex Sans Condensed", Sans-serif;font-size:15px;}.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-meta-date > svg,.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-meta-date > img{width:14px;}.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-meta-date{font-size:14px;min-width:14px;min-height:14px;}.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-btn{color:#002060;}@media(max-width:1024px){.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-wrapper .xpro-post-grid-image{height:300px;}}@media(max-width:767px){.elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-wrapper .xpro-post-grid-image{height:45vh;}}/* Start custom CSS for xpro-post-grid, class: .elementor-element-c4c1612 */ .elementor-252 .elementor-element.elementor-element-c4c1612 .xpro-post-grid-image img {
    max-width: 100%;
    height: auto;
    display: block;
} /* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-851e0b6 */ .elementor-252 .elementor-element.elementor-element-851e0b6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media only screen and (orientation: landscape) {
    .elementor-252 .elementor-element.elementor-element-851e0b6 {
        flex-direction: row;
        justify-content: space-between;
    }

    .xpro-post-grid-item {
        width: 30%; /* Adjust width for landscape view */
        margin: 1%; /* Add margin for spacing */
    }
}

@media only screen and (max-width: 768px) {
    .elementor-252 .elementor-element.elementor-element-851e0b6 {
        flex-direction: column; /* Stack items vertically on mobile */
    }

    .xpro-post-grid-item {
        width: 100%; /* Full width on mobile */
        margin: 0; /* Remove margin on mobile */
    }
} /* End custom CSS */