.elementor-32956 .elementor-element.elementor-element-f1ef556{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-32956 .elementor-element.elementor-element-f1ef556:not(.elementor-motion-effects-element-type-background), .elementor-32956 .elementor-element.elementor-element-f1ef556 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence1 );}.elementor-32956 .elementor-element.elementor-element-23b64ce{font-size:24px;color:#FFFFFF;}.elementor-32956 .elementor-element.elementor-element-ed1298b{--display:flex;}.elementor-32956 .elementor-element.elementor-element-c56b900{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-32956 .elementor-element.elementor-element-c56b900 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-32956 .elementor-element.elementor-element-c56b900 .e-loop-item > .elementor-section, .elementor-32956 .elementor-element.elementor-element-c56b900 .e-loop-item > .elementor-section > .elementor-container, .elementor-32956 .elementor-element.elementor-element-c56b900 .e-loop-item > .e-con, .elementor-32956 .elementor-element.elementor-element-c56b900 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-32956 .elementor-element.elementor-element-c56b900{--grid-columns:2;}}@media(max-width:767px){.elementor-32956 .elementor-element.elementor-element-c56b900{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-c56b900 *//* --- 1. Basic Spacing and Positioning --- */
/* Add padding and set the item as a positioning container */
.elementor-loop-container.elementor-grid .e-loop-item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative; /* This is crucial for positioning the new border */
}


/* --- 2. Create the Shorter Border --- */
/* This targets every item except the last one and adds a custom line */
.elementor-loop-container.elementor-grid .e-loop-item:not(:last-child)::after {
    content: ''; /* Required for a pseudo-element to appear */
    background-color: #e0e0e0; /* The color of the line */

    /* --- Position the line --- */
    position: absolute;
    right: 0; /* Place it on the far right edge */
    top: 50%; /* Center it vertically */
    transform: translateY(-50%); /* Fine-tune the vertical centering */

    /* --- Control the size --- */
    width: 1px; /* The thickness of the line */
    height: 80%; /* << THIS CONTROLS THE LENGTH. Adjust as needed! */
}
/* --- Add Horizontal Border Between Rows --- */
.elementor-loop-container.elementor-grid .e-loop-item {
    border-bottom: 1px solid #e0e0e0; /* Adds the line */
    padding-top: 25px;    /* Adds space above the content */
    padding-bottom: 25px; /* Adds space below the content, before the line */
}/* End custom CSS */