.hosp-reveal,
 .hosp-card {
     opacity: 0;
     transform: translateY(30px);
     /* Initial state before GSAP takes over */
     will-change: transform, opacity;
 }

 .doc-reveal {
     opacity: 0;
     transform: translateY(30px);
 }

 .doc-card {
     opacity: 0;
     transform: translateY(50px);
     /* This ensures the browser knows these will move, making the animation smoother */
     will-change: transform, opacity;
 }

 .str-benefits {
     opacity: 0;
     transform: translateX(50px);
 }

 .patient-reveal,
 .patient-card {
     opacity: 0;
     transform: translateY(40px);
     will-change: transform, opacity;
 }

 .lab-reveal {
     opacity: 0;
     transform: translateX(-30px);
 }

 .lab-card {
     opacity: 0;
     transform: translateX(40px);
     will-change: transform, opacity;
 }

 .pharm-reveal,
 .pharm-card {
     opacity: 0;
     transform: translateY(30px);
     will-change: transform, opacity;
 }