/* V Forge Enterprises (Pvt.) Ltd. — Clients Single Row 0914B */
.vf-clients-home{
  position:relative;
  overflow:hidden;
  padding:92px 0 86px;
  background:
    radial-gradient(circle at 92% 10%, rgba(207,30,49,.075), transparent 26%),
    radial-gradient(circle at 8% 92%, rgba(9,35,58,.07), transparent 30%),
    #f5f7f9;
  border-top:1px solid rgba(8,35,59,.08);
  border-bottom:1px solid rgba(8,35,59,.09);
}
.vf-clients-home::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-260px;
  top:-255px;
  border:1px solid rgba(8,35,59,.08);
  border-radius:50%;
  box-shadow:0 0 0 74px rgba(8,35,59,.022),0 0 0 148px rgba(8,35,59,.015);
  pointer-events:none;
}
.vf-clients-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);
  gap:52px;
  align-items:end;
  margin-bottom:40px;
}
.vf-clients-head h2{
  margin:9px 0 0;
  max-width:760px;
  color:#0a2742;
  font-size:clamp(38px,4.1vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
}
.vf-clients-head>p{
  margin:0;
  max-width:530px;
  color:#617387;
  font-size:16px;
  line-height:1.75;
}
.vf-client-stage{
  position:relative;
  z-index:1;
  width:100%;
}
.vf-client-marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.vf-client-track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:vfClientMarquee 72s linear infinite;
}
.vf-client-stage:hover .vf-client-track,
.vf-client-stage:focus-within .vf-client-track{
  animation-play-state:paused;
}
.vf-client-set{
  display:flex;
  flex:none;
  gap:16px;
  padding-right:16px;
}
.vf-client-card{
  position:relative;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:232px;
  height:124px;
  padding:20px 24px;
  overflow:hidden;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(10,39,66,.13);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(7,29,49,.055);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.vf-client-card::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:2px;
  background:#cf1e31;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .28s ease;
}
.vf-client-card img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:76px;
  object-fit:contain;
  filter:saturate(.92) contrast(.98);
  transition:transform .28s ease,filter .28s ease;
}
.vf-client-card:hover{
  transform:translateY(-4px);
  background:#fff;
  border-color:rgba(207,30,49,.35);
  box-shadow:0 18px 40px rgba(7,29,49,.1);
}
.vf-client-card:hover::after{transform:scaleX(1)}
.vf-client-card:hover img{transform:scale(1.035);filter:saturate(1) contrast(1)}
@keyframes vfClientMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (max-width:900px){
  .vf-clients-home{padding:78px 0 74px}
  .vf-clients-head{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
  .vf-clients-head>p{max-width:700px}
  .vf-client-card{width:208px;height:112px;padding:18px 22px}
  .vf-client-card img{max-height:68px}
  .vf-client-track{animation-duration:62s}
}
@media (max-width:640px){
  .vf-clients-home{padding:66px 0 62px}
  .vf-clients-head{padding-left:22px;padding-right:22px}
  .vf-clients-head h2{font-size:40px;line-height:1.02}
  .vf-clients-head>p{font-size:15px;line-height:1.65}
  .vf-client-marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
  .vf-client-set{gap:12px;padding-right:12px}
  .vf-client-card{width:170px;height:98px;padding:15px 18px;border-radius:13px}
  .vf-client-card img{max-height:60px}
  .vf-client-track{animation-duration:52s}
}
@media (prefers-reduced-motion:reduce){
  .vf-client-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
  .vf-client-marquee::-webkit-scrollbar{display:none}
  .vf-client-track{animation:none!important;transform:none!important}
  .vf-client-set[aria-hidden="true"]{display:none}
  .vf-client-card,.vf-client-card img,.vf-client-card::after{transition:none!important}
}