/* Enhanced Green Animations for Referral Form */

/* Animated border for service cards */
@keyframes border-pulse {
  0% {
    border-color: #fcd92b;
    box-shadow: 0 0 0 0 rgba(252, 217, 43, 0.5);
  }
  50% {
    border-color: #fee78d;
    box-shadow: 0 0 0 6px rgba(252, 217, 43, 0);
  }
  100% {
    border-color: #fcd92b;
    box-shadow: 0 0 0 0 rgba(252, 217, 43, 0);
  }
}

/* Checkbox animation */
@keyframes checkbox-pop {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* Apply pulsing border to selected service */
.checkcard input:checked + span {
  color: #664d00;
  font-weight: 800;
}

.checkcard input:checked {
  animation: checkbox-pop 0.3s ease-in-out;
}

.checkcard input:checked ~ small {
  color: #664d00;
}

.checkcard:has(input:checked) {
  animation: border-pulse 2s infinite;
  background: linear-gradient(145deg, #fff6cc, #fff);
  border-left-width: 8px;
}

/* Form header styling */
.gb-header h1 {
  color: #103400;
  text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.8);
  font-size: 2.5rem;
  position: relative;
  display: inline-block;
}

.gb-header h1::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #a6ce39, transparent);
}

/* Card hover effect */
.card:hover .card__head {
  background: linear-gradient(90deg, #a6ce39, #b3de4d);
}