.elementor-7584 .elementor-element.elementor-element-82cde46{--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;--justify-content:center;}.elementor-7584 .elementor-element.elementor-element-98845b8 .swiper-wrapper{align-items:center;}.elementor-7584 .elementor-element.elementor-element-8db2cc7{--display:flex;}.elementor-7584 .elementor-element.elementor-element-8db2cc7:not(.elementor-motion-effects-element-type-background), .elementor-7584 .elementor-element.elementor-element-8db2cc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for etheme_brands, class: .elementor-element-98845b8 *//* Container: shows exactly 2 rows, vertical scroll for extra rows */
.elementor-7584 .elementor-element.elementor-element-98845b8 .swiper-container {
    overflow-y: auto;               /* Vertical scroll */
    overflow-x: hidden;             /* Hide horizontal scroll */
    height: 200px;                  /* 2 rows × 100px each */
    max-height: calc(2 * 100px);    /* Optional alternative calc */

}

/* Wrapper: flex layout with row wrap */
.elementor-7584 .elementor-element.elementor-element-98845b8 .swiper-wrapper {
    display: flex;                  /* Flexbox for grid */
    flex-wrap: wrap;                /* Wrap slides into rows */
    flex-direction: row;            /* Horizontal flow */
    transform: none !important;     /* Disable Swiper JS transforms */
    cursor: default !important;
    width: 110%;
    /* Full container width */
    
}

/* Slide: 4 columns per row, fixed height */
.elementor-7584 .elementor-element.elementor-element-98845b8 .swiper-slide {
    flex: 0 0 20%;                  /* 4 columns → 25% each */
    max-width: 15%;                  /* Prevent growth beyond 25% */
    height: 100px;                   /* Row height */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;

}

/* Optional: remove margin for headings */
.elementor-7584 .elementor-element.elementor-element-98845b8 .categories-mask h3 {
    margin: 0;
}/* End custom CSS */