.our-clients {
  padding: 6.25rem 0;
}

@media only screen and (max-width: 1499px) {
  .our-clients {
    padding: 8rem 0;
  }
}

@media only screen and (max-width: 1199px) {
  .our-clients {
    padding: 6rem 0 6rem;
  }
}

@media only screen and (max-width: 767px) {
  .our-clients {
    padding: 4rem 0;
  }
}

.our-clients .marquee-wrapper {
  overflow: hidden;
  width: 100%;
  line-height: 0;
  font-size: 0;
}

.our-clients .marquee-wrapper .marquee-inner {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}

.our-clients .marquee-wrapper .marquee-inner .top-one {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.our-clients .marquee-wrapper .marquee-inner .top-one .marquee-items.left {
  animation: 60s linear infinite marqueeLeft;
}

.our-clients .marquee-wrapper .marquee-inner .bottom-one {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.our-clients .marquee-wrapper .marquee-inner .bottom-one .marquee-items.right {
  animation: 60s linear infinite marqueeRight;
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
  transform: translate3d(0, 0, 0);
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items {
  width: 320px;
  height: 188px;
}

@media only screen and (max-width: 575px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items {
    width: 270px;
    height: 160px;
  }
}

@media only screen and (max-width: 480px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items {
    width: 200px;
    height: 118px;
  }
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos {
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid #c4e4ff;
  background: #D6F2FE;
  ;
  /*@media only screen and (min-width: 992px) and (max-width: 1199px) {
    height: 85%;
  }
  @media only screen and (min-width: 576px) and (max-width: 991px) {
    height: 80%;
  }*/
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos {
    height: 100%;
  }
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos:hover .bg-image {
  opacity: 0.5;
  transition: 0.4s all ease;
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos:hover .bg-image:before {
  opacity: 0.5;
  transition: transform 0.4s;
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos:hover .bg-image:after {
  opacity: 0.15;
  transition: transform 0.4s;
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .bg-image {
  left: 0;
  position: relative;
  opacity: 0;
  transition: 0.4s all ease;
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .bg-image img {
  width: 1020px;
  aspect-ratio: auto 1020/600;
  max-width: 100%;
  height: auto;
  min-height: 100%;
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .bg-image:before {
  opacity: 0;
  content: "";
  margin: 0;
  top: 0;
  position: absolute;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  z-index: 1;
  transition: transform 0.4s;
}

@media only screen and (max-width: 1199px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .bg-image:before {
    opacity: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  }
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 2.4rem;
  line-height: 4.2rem;
  text-align: center;
}

@media only screen and (max-width: 1699px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name {
    font-size: 2rem;
    line-height: 3rem;
  }
}

@media only screen and (max-width: 1499px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}

@media only screen and (max-width: 1199px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name {
    font-size: 2.1rem;
    line-height: 3.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}

.our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name img {
  width: 200px;
  aspect-ratio: auto 200/100;
  height: auto;
  min-height: auto;
  max-width: 100%;
  filter: drop-shadow(1px 1px 0.5px #2a4d5c);
}

@media only screen and (max-width: 575px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name img {
    max-width: 70%;
  }
}

@media only screen and (max-width: 480px) {
  .our-clients .marquee-wrapper .marquee-inner .marquee-items .items .game-logos .logo-name img {
    max-width: 80%;
  }
}

@keyframes marqueeLeft {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes marqueeRight {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}