.elementor-228 .elementor-element.elementor-element-a390c5f{--display:flex;--min-height:9px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-228 .elementor-element.elementor-element-a390c5f:not(.elementor-motion-effects-element-type-background), .elementor-228 .elementor-element.elementor-element-a390c5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-228 .elementor-element.elementor-element-d429428{width:100%;max-width:100%;}.elementor-228 .elementor-element.elementor-element-d429428 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-228 .elementor-element.elementor-element-d429428.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-228 .elementor-element.elementor-element-a390c5f{--width:1396px;}}/* Start custom CSS for wd_products_brands, class: .elementor-element-d429428 */.brands-widget {
  width: 100%;
  height: 84px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 15px !important;
}

.brand-item {
  display: inline-block;
  margin-right: 1px; /* Adjust spacing between logos */
}

.brand-item img {
  max-width: 65px;
  vertical-align: middle;
}

/* Keyframes for continuous flow */
@keyframes flowLogos {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* Apply the animation to the brands-widget */
.brands-widget .brand-item {
  animation: flowLogos 12s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a390c5f */.sech {
    height: 40px !important;
}/* End custom CSS */