@import url("./global.css");
#panner .clients-panner {
  background-image: url("../assets/clients-panner.png");
}
#one .row, #two .row, #three .row {
  position: relative;
  transition: 1200ms linear all;
  -webkit-transition: 1200ms linear all;
  -moz-transition: 1200ms linear all;
  -ms-transition: 1200ms linear all;
  -o-transition: 1200ms linear all;
}
#one .row {
  transition-delay: 1000ms;
  transform: translateX(3000px);
  -webkit-transform: translateX(3000px);
  -moz-transform: translateX(3000px);
  -ms-transform: translateX(3000px);
  -o-transform: translateX(3000px);
}
#two .row {
  transition-delay: 2000ms;
  transform: scale(0,0);
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -ms-transform: scale(0,0);
  -o-transform: scale(0,0);
}
#three .row {
  transition-delay: 3000ms;
  transform: translateX(-3000px);
  -webkit-transform: translateX(-3000px);
  -moz-transform: translateX(-3000px);
  -ms-transform: translateX(-3000px);
  -o-transform: translateX(-3000px);
} 
.p-footer {
  position: relative;
  text-align: end;
}
.p-footer::before{
  content: '';
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 50%;
  width: calc(100% - 200px);
  height: 3px;
  background-color: var(--secondary-color);
}
.p-footer img {
  width: 125px;
  height: 125px;
  object-fit: contain;
}
#client-quote {
  background: url('../assets/clients-bg.png') no-repeat;
  background-size: cover;
  background-position: center bottom;
  height: 40vh;
}
#client-quote .caption {
  position: relative;
  inset-block-start: 110px;
}
#client-quote .caption p{
  width: 45%;
}