.myco-logo-section {
            padding: 40px 0;
            background-color: #f8f8f8; /* Light background for contrast */
        }

        .myco-swiper-container {
            /* This class is not actually used by Swiper, but it's okay to keep */
            overflow: hidden;
            width: 100%;
        }

        /* Swiper's internal class (cannot be changed) */
        .swiper-slide {
            display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;        /* adds vertical spacing */
  height: 120px;    
        }

        .myco-logo-image {
              max-width: 200%;        /* Allow full width within the slide */
  max-height: 190px;      /* Increase height (try 100–120px as needed) */
  width: auto;
  height: auto;
  opacity: 1;
  /*transition: opacity 0.3s ease;*/
  /*filter: grayscale(100%);*/
        }

        .myco-logo-image:hover {
            opacity: 1;
            filter: grayscale(0%);
        }

        .myco-section-title {
            text-align: center;
            margin-bottom: 30px;
            font-size: 24px;
            color: #000;
            font-family: sans-serif;
        }