/* A quiet, staggered motion loop for the four homepage benefit chips. */
.patna-web-benefits > div {
  transform: translateY(0);
  animation: benefitChipFloat 5s ease-in-out infinite;
}

.patna-web-benefits > div:nth-child(2) {
  animation-delay: -1.25s;
}

.patna-web-benefits > div:nth-child(3) {
  animation-delay: -2.5s;
}

.patna-web-benefits > div:nth-child(4) {
  animation-delay: -3.75s;
}

.patna-web-benefits > div > span {
  animation: benefitIconPulse 5s ease-in-out infinite;
}

.patna-web-benefits > div:nth-child(2) > span {
  animation-delay: -1.25s;
}

.patna-web-benefits > div:nth-child(3) > span {
  animation-delay: -2.5s;
}

.patna-web-benefits > div:nth-child(4) > span {
  animation-delay: -3.75s;
}

@keyframes benefitChipFloat {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 9px 25px rgba(34, 67, 111, .06);
  }
  50% {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(34, 67, 111, .11);
  }
}

@keyframes benefitIconPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.07); }
}

@media (prefers-reduced-motion: reduce) {
  .patna-web-benefits > div,
  .patna-web-benefits > div > span {
    animation: none;
  }
}
