.elementor-3564 .elementor-element.elementor-element-2303e32{--display:flex;}.elementor-3564 .elementor-element.elementor-element-da92a53{width:initial;max-width:initial;}.elementor-3564 .elementor-element.elementor-element-da92a53 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3564 .elementor-element.elementor-element-da92a53.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-da92a53 *//* Main wrapper for the carousel viewport */
 .logo-carousel-wrapper {
   overflow: hidden;
   width: 100%;
   padding:  0;
   background-color: #ffffff;
   position: relative; /* Needed for the absolute positioning of pseudo-elements */
 }

 /* Add fading effects to the left and right */
 .logo-carousel-wrapper::before,
 .logo-carousel-wrapper::after {
   content: "";
   position: absolute;
   top: 0;
   height: 100%;
   width: 80px; /* Adjust the width of the fade as needed */
   z-index: 10; /* Ensure the fade is on top of the logos */
   pointer-events: none; /* Allows clicks to pass through the fade */
 }

 /* Left fade */
 .logo-carousel-wrapper::before {
   left: 0;
   background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
 }

 /* Right fade */
 .logo-carousel-wrapper::after {
   right: 0;
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
 }

 /* The track that contains and moves the logos */
 .logo-carousel-track {
   display: flex;
   width: fit-content;
   align-items: center;
 }

 /* Styling for each individual logo image */
 .logo-carousel-track img {
   height: 120px;
   object-fit: contain;
   flex-shrink: 0;
   padding: 0 30px;
   opacity: 0.7;
   transition: opacity 0.3s ease;
 }

 /* Hover effect for interactivity */
 .logo-carousel-track img:hover {
   opacity: 1;
 }

 /* --- Responsive Adjustments --- */
 /* For tablets */
 @media (max-width: 768px) {
   .logo-carousel-track img {
     height: 70px;
     padding: 0 20px;
   }

   .logo-carousel-wrapper::before,
   .logo-carousel-wrapper::after {
     width: 30px;
   }
 }

 /* For mobile phones */
 @media (max-width: 480px) {
   .logo-carousel-track img {
     height: 90px;
     padding: 0 20px;
   }

   .logo-carousel-wrapper::before,
   .logo-carousel-wrapper::after {
     width: 20px;
   }
 }/* End custom CSS */