/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 05 2026 | 09:48:52 */
.trusted-logos{
  width:100%;
  overflow:hidden;
  padding:16px 0;
}

/* Fade edges for premium look */
.logo-slider{
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);
}

.logo-track{
  display:flex;
  align-items:center;
  animation:scroll 28s linear infinite;
}

@keyframes scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* Compact Glass Card Design */
.logo-card{
  width:120px;
  height:80px;
  margin:0 12px;
  flex:0 0 auto;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);

  box-shadow:0 4px 12px rgba(0,128,128,0.25);
  transition:all 0.3s ease;
}

.logo-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,128,128,0.35), 0 0 10px rgba(0,128,128,0.25);
  background:rgba(255,255,255,0.15);
}

.logo-card img{
  max-width:90px;
  max-height:50px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:0.8;
  transition:all 0.3s ease;
}

.logo-card:hover img{
  filter:grayscale(0);
  opacity:1;
}

/* Mobile responsiveness */
@media(max-width:768px){
  .logo-track{animation-duration:20s;}
  .logo-card{
    width:95px;
    height:65px;
    margin:0 8px;
  }
  .logo-card img{
    max-width:70px;
    max-height:40px;
  }
}