:root{
  --glow-ring-inset: 0;   /* increase = thinner ring */
}
/* base */
.ai-info-cards .why-heading {
  margin-bottom: 60px;
}
.ai-info-cards .why-heading h2 {
  color: #221F20;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 141.9%; /* 25.542px */
}

.ai-info-cards .why-card .why-icon {
  margin-bottom: 20px;
  max-width: 75%;
}
.ai-info-cards .why-card .why-card-inner h3 {
  color: #221F20;
  font-family: 'Inter', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%; /* 18px */
  margin-bottom: 15px;
}
.ai-info-cards .why-card .why-desc {
  max-width: 80%;
  margin-bottom: 15px;
}
.ai-info-cards .why-card .why-desc,
.ai-info-cards .why-card .why-desc p {
  color: #231F20;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px; /* 105.596% */
}
.ai-info-cards .why-card .ai-card-btn {
  display: inline-flex;
  font-family: 'Inter', sans-serif;
  padding: 8px 12px;
  color: #221F20;
  font-size: 12px;
  line-height: 141.9%;
  font-weight: 400;
  letter-spacing: -0.314px;
  border: 1px solid #221F20;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.ai-info-cards .why-card .ai-card-btn:hover {
  background: #221F20;
  color: #fff;
}

.ai-cards-info-pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  bottom: -25px !important;
}
.ai-cards-info-pagination .aa-bullet {
  width: 8px;
  height: 8px;
  display: inline-flex;
  background: white;
  border-radius: 100px;
  cursor: pointer;
  transition: width 0.3s, background 0.3s;
}
.ai-cards-info-pagination .aa-bullet.is-active {
  width: 50px;
  background: black;
}


/* base stacking */
.ai-info-cards .why-card{ position:relative; border-radius:20px; background:#F2F2F2; }
.ai-info-cards .why-card-inner{ position:relative; z-index:2; }  /* content above both pseudos */

/* GLOW (behind) */
.ai-info-cards .why-card::before{
  content:"";
  position:absolute; inset:-10px; border-radius:28px; z-index:0;
  background:
    radial-gradient(closest-side at 50% 50%,
      transparent 70%, rgba(255,212,113,.45) 88%, rgba(255,212,113,0) 100%),
    radial-gradient(140% 120% at 50% 100%,
      transparent 68%, rgba(241,124,44,.28) 86%, rgba(241,124,44,0) 100%);
  filter: blur(10px);
  opacity:0; transform:scale(.98);
  transition: opacity .45s cubic-bezier(.22,1,.36,1),
    transform .45s cubic-bezier(.22,1,.36,1);
}

/* WHITE MASK (above glow, below content) – only when highlighted */
.ai-info-cards .why-card::after{
  content:"";
  position:absolute;
  inset: var(--glow-ring-inset);
  border-radius: calc(20px - var(--glow-ring-inset));
  background:#fff;
  z-index:1;
  opacity:0;                     /* hidden by default */
  transition: opacity .35s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}

/* activate glow + mask */
.ai-info-cards .why-card.is-highlighted{
  background:#fff;               /* optional, matches mask */
  box-shadow:
    18px  4px 34.7px -4px  rgba(255,212,113,.5),
    -22px  0px 39.9px -14px rgba(241,124, 44,.5);
}
.ai-info-cards .why-card.is-highlighted::before{ opacity:1; transform:scale(1); }
.ai-info-cards .why-card.is-highlighted::after{  opacity:1; }

@media screen and (max-width: 767px) {
  .ai-info-cards .why-heading {
    margin-bottom: 40px;
  }
  .ai-info-cards .why-card::after,
  .ai-info-cards .why-card::before {
    display
  }
}

@keyframes why-glow{
  0%   { opacity: 0; transform: scale(.96); }
  35%  { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.03); }
}