.elementor-3583 .elementor-element.elementor-element-712febd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3583 .elementor-element.elementor-element-8b25d9b{width:100%;max-width:100%;}.elementor-3583 .elementor-element.elementor-element-1837fe9{--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-3583 .elementor-element.elementor-element-f6e9bd9 .tpg-post-holder div{text-align:left;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .rt-el-post-meta{justify-content:left;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .tpg-el-main-wrapper .tpg-el-image-wrap img{width:inherit;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:inherit;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a{border-style:none;}body .elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover{border-style:none;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .tpg-post-holder:hover .rt-detail .read-more a{border-style:none;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination-wrap{justify-content:center;}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > li:hover > a, .elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > li:hover > span{background-color:var( --e-global-color-b8389cc );border-color:var( --e-global-color-secondary );}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li:hover > a{background-color:var( --e-global-color-b8389cc );border-color:var( --e-global-color-secondary );}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .rt-pagination-wrap .rt-loadmore-btn:hover{background-color:var( --e-global-color-b8389cc );border-color:var( --e-global-color-secondary );}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > .active > a,
					.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > .active > span,
					.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > .active > a:hover,
					.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > .active > span:hover,
					.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > .active > a:focus,
					.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-pagination .pagination-list > .active > span:focus{background-color:var( --e-global-color-b8389cc );border-color:var( --e-global-color-b8389cc );}.elementor-3583 .elementor-element.elementor-element-f6e9bd9 .rt-tpg-container .rt-pagination-wrap .rt-page-numbers .paginationjs .paginationjs-pages ul li.active > a{background-color:var( --e-global-color-b8389cc );border-color:var( --e-global-color-b8389cc );}/* Start custom CSS for tpg-grid-layout, class: .elementor-element-f6e9bd9 *//* ======= Buttons style ======= */
/* dark */
.read-more {
    position: relative;
    line-height: 1.2em;
}
.read-more a {
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    background: #6DC300 !important;
    color: white !important;
    padding: 15px 25px;
    margin: 0;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.read-more a:after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: -1; /* Move this BEHIND the text */
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.read-more a {
    position: relative;
    z-index: 1; /* Establish a stacking context */
    overflow: hidden; /* Recommended: keeps the 'after' effect inside the button */
    display: inline-block; /* Ensures padding and transitions behave correctly */
}
.read-more a:hover:after {
    width: 100%;
    left: 0;
}
.read-more a:hover {
    color: #14100c !important;
}/* End custom CSS */