.elementor-655 .elementor-element.elementor-element-abeb475{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-655 .elementor-element.elementor-element-abeb475:not(.elementor-motion-effects-element-type-background), .elementor-655 .elementor-element.elementor-element-abeb475 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-89c6bfd );}@media(min-width:768px){.elementor-655 .elementor-element.elementor-element-abeb475{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-02758e7 *//* Ensure that the brand grid container has a white background */
.pwb-brands-col3 {
    background-color: white; /* White background */
    padding: 20px; /* Optional padding to add space around the grid */
    border-radius: 10px; /* Optional: rounded corners for the background */
}

/* Container for the brand grid */
.pwb-brands-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px; /* Adjust space between logos */
    margin-top: 20px;
}

/* Each brand container */
.pwb-brand {
    width: 100px; /* Adjust width of each brand item */
    height: 100px; /* Set height to keep the grid uniform */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

/* Brand logos inside each container */
.pwb-brand img {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain; /* Ensure logos maintain aspect ratio */
    transition: transform 0.3s ease-in-out;
}

/* Hover effect */
.pwb-brand:hover img {
    transform: scale(1.1);
}

/* Ensure the logos are centered within the container */
.pwb-brand:hover {
    transform: scale(1.05);
}/* End custom CSS */