.transparent-bg {
    background-color: transparent !important;
}

.navbar-brand {
    margin-right: auto; /* Moves the brand/logo to the left */
}

:hover.nav-link {
    color: #22e6c2 !important;
}

.logo-green {
    color: #22e6c2;
}

.client_logo {
    width: 300px;
    height: 125px;
    object-fit: fill;
}








  
  .logoss {
    overflow: hidden;
    .slider {
      animation: slidein 30s linear infinite;
      white-space: nowrap;
      .logos {
        width: 100%;
        display: inline-block;
        margin: 0px 0;
        .client_logo {
          width: calc(85% / 5);
          animation: fade-in 0.5s 
            cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
        }
      }
    }
  }
  
  @keyframes slidein {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  