.elementor-803 .elementor-element.elementor-element-195e0354{margin-top:0px;margin-bottom:0px;padding:100px 0px 0px 0px;}.elementor-803 .elementor-element.elementor-element-73784f05 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-803 .elementor-element.elementor-element-8c77cd5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-803 .elementor-element.elementor-element-195e0354{padding:0px 0px 0px 0px;}}/* Start custom CSS for pxl_post_carousel, class: .elementor-element-14c69091 *//* 1. Force the slide to be taller */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-post--inner {
    height: 750px !important; /* Adjust this to your preferred height */
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Make the image area fill the new height */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-post--featured {
    flex-grow: 1 !important;
    height: 100% !important;
    padding-bottom: 0 !important; /* This kills the forced aspect ratio */
}

/* 3. Ensure the image itself covers the area */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-post--featured img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* 4. Ensure the text holder stays at the bottom */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-post--holder {
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px !important;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); /* Optional: adds readability */
}

/* 5. Prevent the main carousel from clipping the growth */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-swiper-container, 
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-swiper-wrapper {
    height: 750px !important; /* Must match the height in step 1 */
}

/* Ensure consistent padding for all text holders */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-post--holder {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 40px !important;
    box-sizing: border-box !important;
}

/* Force the slide container to respect the widget's gutter */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-post--inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Optional: If the text is still too close to the screen edge, 
   add a bit of padding to the main carousel wrapper */
.elementor-803 .elementor-element.elementor-element-14c69091 .pxl-swiper-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}/* End custom CSS */