/* Stack the H1s */
.claims-rotator {
  position: relative;
  min-height: 3.2em; /* adjust to your line-height */
}
.claims-rotator .claim {
  position: absolute;
  inset: 0;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  margin: 0;
  opacity: 0;                  /* start hidden */
  transform: scale(.8);
  transform-origin: center;
  will-change: opacity, transform;
  animation: claimCycle 12.6s cubic-bezier(.2,.8,.2,1) infinite both;
}

/* Stagger start positions so only one is active at a time */
.claims-rotator .claim:nth-child(1) { animation-delay: 0s; }
.claims-rotator .claim:nth-child(2) { animation-delay: -4.2s; }
.claims-rotator .claim:nth-child(3) { animation-delay: -8.4s; }


.hp-ul ul li {
	color:#3232a7
}

.text-image-box.com.hp-backdrop, .aim-box.hp-backdrop {
	  background-color: none !important;
	  background: rgba(255, 255, 255, 0.7);
	  border: 1px solid rgba(255, 255, 255, 0.28);
	  border-radius: 16px;
	  backdrop-filter: blur(14px);
	  -webkit-backdrop-filter: blur(14px);
	  box-shadow:
		0 8px 32px rgba(0, 0, 0, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

body {
	
}


/* One full cycle (12.6s): each slide gets 1/3 of the timeline (4.2s)
   0–4.2s: active window (in → hold → out)
   4.2–12.6s: hidden
*/
@keyframes claimCycle {
  /* default hidden (outside window) */
  0%, 33.334%, 100% { opacity: 0; transform: scale(1.1); }

  /* active window: 0%–33.333% of the cycle */
  0%       { opacity: 0; transform: scale(.8); }   /* start */
  4.762%   { opacity: 1; transform: scale(1); }    /* after .6s zoom-in */
  28.571%  { opacity: 1; transform: scale(1); }    /* after 3s hold */
  33.333%  { opacity: 0; transform: scale(1.1); }  /* .6s zoom-out */
}

/* Reduced motion: show only the first claim */
@media (prefers-reduced-motion: reduce) {
  .claims-rotator .claim { animation: none; opacity: 1; transform: none; }
  .claims-rotator .claim:not(:first-child) { display: none; }
}