.p-11{padding: 3px;}

/* Main Card Container Hover Effects */
.technology .group {
  transition: all 0.5s;
  cursor: pointer;
}

.technology .group:hover {
/*  background: radial-gradient(circle at center,  rgba(252, 206, 160, 0.5), rgba(252, 243,215,0.5));*/
  background: linear-gradient(to bottom, rgba(252, 206, 160, 0.5), rgba(252, 243,215,0.5));
}


/* Icon Scale Animation */
.icon {
  transition: transform 0.5s;
}

.group:hover .icon {
  transform: scale(1.1); /* group-hover:scale-110 */
}

/* Title Color Change */
.title {
  transition: color 0.3s;
}

.group:hover .title {
  color: hsl(var(--primary)); /* group-hover:text-primary */
}

/* Expandable Details Section */
.details {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.group:hover .details {
  max-height: 8rem; /* max-h-32 */
  opacity: 1;
  margin-top: 1rem;
}

/* Progress Bar Animation */
.progress-bar {
  height:3px;
  width: 0;
  opacity: 0;
  transition: all 0.5s;
}

.group:hover .progress-bar {
  width: 100%;
  opacity: 1;
}