.func-card-hover {
    transition: all 0.3s ease-in-out;
    border-radius: 12px;
    overflow: hidden;
}

.func-card-hover:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.func-card-hover img {
    transition: transform 0.4s ease;
}

.func-card-hover:hover img {
    transform: scale(1.1);
}
.loader {
    --d:22px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: #25b09b;
    box-shadow: 
      calc(1*var(--d))      calc(0*var(--d))     0 0,
      calc(0.707*var(--d))  calc(0.707*var(--d)) 0 1px,
      calc(0*var(--d))      calc(1*var(--d))     0 2px,
      calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 3px,
      calc(-1*var(--d))     calc(0*var(--d))     0 4px,
      calc(-0.707*var(--d)) calc(-0.707*var(--d))0 5px,
      calc(0*var(--d))      calc(-1*var(--d))    0 6px;
    animation: l27 1s infinite steps(8);
  }
  @keyframes l27 {
    100% {transform: rotate(1turn)}
  }