.elementor-4831 .elementor-element.elementor-element-1f3796f{--display:flex;--min-height:550px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4831 .elementor-element.elementor-element-1f3796f:not(.elementor-motion-effects-element-type-background), .elementor-4831 .elementor-element.elementor-element-1f3796f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jsengineeringworks.in/wp-content/uploads/2026/07/js1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4831 .elementor-element.elementor-element-106957b{--display:flex;}.elementor-4831 .elementor-element.elementor-element-aadc6c9{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4831 .elementor-element.elementor-element-77c1500{--display:flex;}.elementor-4831 .elementor-element.elementor-element-256f667{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4831 .elementor-element.elementor-element-cb1ba35{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4831 .elementor-element.elementor-element-aed40af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4831 .elementor-element.elementor-element-0fc6105{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4831 .elementor-element.elementor-element-c26c64c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-4831 .elementor-element.elementor-element-1f3796f{--min-height:600px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-4831 .elementor-element.elementor-element-1f3796f{--content-width:1250px;}}/* Start custom CSS for html, class: .elementor-element-b4d2889 *//* Container section padding */
.logo-marquee-section {
  padding: 40px 20px;
  background-color: #ffffff; /* Adjust background if needed */
}

/* Flexbox layout to align logos side-by-side */
.logo-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap; /* Allows logos to wrap onto a new line on small screens */
  max-width: 1200px;
  margin: 0 auto;
  gap: 30px; /* Space between the logos */
}

/* Individual logo item styling */
.logo-item {
  flex: 1 1 150px; /* Growing/shrinking rules with a base width */
  max-width: 120px; /* Prevents logos from becoming too large */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Responsive image sizing */
.logo-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: grayscale(0%); /* Change to 100% if you want a uniform grey look until hover */
  transition: transform 0.3s ease;
}

/* Subtle hover effect */
.logo-item img:hover {
  transform: scale(1.05);
}/* End custom CSS */