.wrapper-card {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
max-width:1560px;
margin:auto;
border-bottom: 1px solid #ececee;
}
 
.wrapper-card .track {
  display: flex;
  animation: scroll 45s linear infinite;
}
 
.logos-card {
  flex: 0 0 auto;
  width: 10rem;        /* consistent card width */
/*   height: 6rem;        /* fixed height for all cards */ */
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
/* border:2px solid green; */
}

.logos-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* keeps aspect ratio, no stretching */
/*   border:2px solid red; */
}

 
@keyframes scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
 
.tech-text-card {
    width: 9rem;
    height: 108px;
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    display: flex;
    align-items: center;      /* vertically center */
    justify-content: center;  /* horizontally center */
    text-align: center;
    z-index: 1;
    box-shadow: 8px 0 12px -5px rgba(0, 0, 0, 0.25);
    margin-left: -3px;
      text-wrap: wrap;
}

.card-teck-2{
box-shadow: -8px 0 12px -4px rgba(0, 0, 0, 0.25);
background:#4382F8;
right:0;
}
@media only screen and (max-width: 500px) { 
  .tech-text-card{

display:none;
}

}
.tech-text-card span{
  font-weight:bold;
}
.trust-by-hide-div{
  position:absolute;
  right:-50px;
  width:50px;
  height:100%;
  background:#fff;
  border-left: 1px solid #ececec;
}
  


