body {
  overflow-x: hidden;
  overflow-y: auto;
}

.title {
  margin-top: 3rem;
  font-size: 2rem;
}

.logos_legacy {
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}

/*carousel effect========*/
.carousel {
  margin: 100px auto;
  width: 100%;
  height: 250px;
  display: flex;
  overflow: hidden;
  overscroll-behavior-x: none;
  touch-action: pan-y;
  align-items: center;
}

.carousel::-webkit-scrollbar {
  display: none;
}

.group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 4em;
  height: 5em;
  animation: 22s spin linear infinite;
  padding-right: 4em;
}


.slide .inner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15em;
}

.slide {
  flex: 0 0 auto;
}

@keyframes spin {
  from {
    translate: 0;
  }

  to {
    translate: -100%;
  }
}

/*end*/




@media (max-width: 480px) {
.title{
margin-top:10rem;}
  .logos {
    flex-direction: column;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }


  .logo:nth-child(1) {
    margin-top: 0rem;
  }

  .logo:nth-child(2) {
    margin-top: 0rem;
  }

  .logo:nth-child(3) {
    margin-top: 0rem;
  }

  .logo:nth-child(5) {
    margin-top: 0rem;
  }


}