.elementor-25046 .elementor-element.elementor-element-67d1b8f{--display:flex;}.elementor-25046 .elementor-element.elementor-element-840508b{--display:flex;--min-height:100px;--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;}/* Start custom CSS for shortcode, class: .elementor-element-e473f54 */.featured-image-grid {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between rows */
}

.featured-image-row {
    display: flex;
     height: 420px;
    gap: 20px; /* Space between left and right containers */
}

.left-container,
.right-container {
    width: 50%;
}

.left-container img,
.right-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 5px 5px 10px 0px #DBDBDB;

    border-radius: 20px; /* Optional: for rounded corners */
}

/* Layout 1: Right container has stacked images */
.right-container {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between top and bottom images */
}

.top-right,
.bottom-right,
.top-left,
.bottom-left {
    height: 50%;
}

/* Layout 2: Left container has stacked images */
.left-container {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between top and bottom images */
}
.right-container {
    height: 420px; /* Fixed height */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Space the children properly */
    gap: 20px; /* Space between top and bottom containers */
    padding: 0; /* Avoid padding affecting layout */
}
.right-container > div {
    flex: 1; /* Makes the child containers equally share the available height */
    min-height: 0; /* Prevents overflow issues */
}

.left-container {
    height: 420px; /* Fixed height */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Space the children properly */
    gap: 20px; /* Space between top and bottom containers */
    padding: 0; /* Avoid padding affecting layout */
}
.left-container > div {
    flex: 1; /* Makes the child containers equally share the available height */
    min-height: 0; /* Prevents overflow issues */
}/* End custom CSS */