.elementor-9882 .elementor-element.elementor-element-c420f37{--display:flex;}.elementor-9882 .elementor-element.elementor-element-28cfaa9{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-9882 .elementor-element.elementor-element-28cfaa9:after{content:"0.66";}.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post__thumbnail__link{width:100%;}.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post__meta-data span + span:before{content:"///";}.elementor-9882 .elementor-element.elementor-element-28cfaa9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9882 .elementor-element.elementor-element-28cfaa9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9882 .elementor-element.elementor-element-28cfaa9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}body.elementor-page-9882{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9882 .elementor-element.elementor-element-28cfaa9:after{content:"0.5";}.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-28cfaa9 *//* 1. THE CARD OUTLINE */
.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post {
    background: #ffffff;
    border: 1px solid #e2e8f0; /* Soft grey outline */
    border-radius: 10px;
    overflow: hidden;
    padding: 0 !important;
    transition: all 0.3s ease-in-out; /* Smooth transition */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* Very light shadow */
}

/* 2. THE HOVER EFFECT */
.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post:hover {
    transform: translateY(-5px); /* Gentle lift */
    border-color: #34818A; /* Border changes to theme color */
    box-shadow: 0 12px 20px rgba(0,0,0,0.1); /* Deeper shadow on hover */
    z-index: 2; /* Ensures the card stays on top of others when lifting */
}

/* 3. ENSURING IMAGE REMAINS UNTOUCHED */
.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post__thumbnail, 
.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post__thumbnail img {
    all: unset !important; /* Forces Elementor's default image behavior only */
    width: 100% !important;
    display: block !important;
}

/* 4. TEXT SPACING (Prevents text from touching the new border) */
.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post__text {
    padding: 20px !important;
}

/* 5. TITLE COLOR CHANGE ON HOVER */
.elementor-9882 .elementor-element.elementor-element-28cfaa9 .elementor-post:hover .elementor-post__title a {
    color: #34818A !important;
    transition: color 0.3s ease;
}/* End custom CSS */