.brands .over {
    height: 100%;
    width: 100vw;
    background-size: auto;
    background-position: bottom;
  }

  .brands .all {
    height: 90px;
    width: 100vw;
  }

  .brands .Marquee {
    display: flex;
    width: 200vw;
    align-items: center;
    justify-content: center;
  }

  .brands .marquee {
    width: 40vw;
    background-color: transparent;
  }

  .brands .marquee img {
    max-height: 60px;
  }

  .brands {
    padding-block: 0 !important;
    z-index: 1 !important;
  }

  .brands .Row {
    animation: Scrollone 10s linear infinite running;
  }

  .brands .Row:hover {
    animation-play-state: paused;
  }

.main_title {
    font-size: clamp(22px, 4vw, 40px);
    font-weight: 800;
    line-height: normal;
    margin-bottom: clamp(32px, 2.5vw, 57px);
}

  @keyframes Scrollone {
    0% {
      transform: translateX(-50vw);
    }
    100% {
      transform: translateX(50vw);
    }
  }

  @media (max-width: 992px) {
    .brands .all {
      width: 200vw;
    }

    .brands .Marquee {
      width: 400vw;
    }

    @keyframes Scrollone {
      0% {
        transform: translateX(-100vw);
      }
      100% {
        transform: translateX(100vw);
      }
    }
  }

  @media (max-width: 767px) {
    .brands {
      padding-top: var(--mobile-margin);
      padding-bottom: var(--mobile-margin);
    }

    .brands .all {
      width: 300vw;
    }

    .brands .Marquee {
      width: 600vw;
    }

    @keyframes Scrollone {
      0% {
        transform: translateX(-150vw);
      }
      100% {
        transform: translateX(150vw);
      }
    }

  }