.gradient-background {
  background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.profile-img {
  height: 100px;
  border-radius: 50%;
}



/* Testimonial: default (light) background and smooth transition to dark */
#testimonial {
  background-color: rgba(89, 114, 142, 0.25); /* light gray */
  color: #ffffff; /* dark text for contrast */
  transition: background-color 240ms ease, color 240ms ease;
}

/* Dark-mode: prefer user's OS/browser setting */
@media (prefers-color-scheme: dark) {
  #testimonial {
    background-color: rgb(248, 249, 250);
    color: #121213; /* light text for contrast in dark mode */
  }

 
}