/*marquee style */
         .pic-1{
             margin-left: 10px;
         }
          .marquee-container {
      overflow: hidden;
      position: relative;
      width: 100%;
      white-space: nowrap;
    }

    .marquee, .marquee-right {
      display: inline-block;
      white-space: nowrap;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    .marquee {
      animation-name: marquee-left;
      animation-duration: 8s;
    }

    .marquee-right {
      animation-name: marquee-right;
      animation-duration: 8s;
    }

    .marquee img, .marquee-right img {
      width: 300px; /* Adjust the width as needed */
      height: auto;
      display: inline-block;
    }

    @keyframes marquee-left {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @keyframes marquee-right {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }