html {
  scroll-behavior: smooth;
}

body{
  scroll-behavior: smooth;
}

/* prayer times */
.accordion-content {
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
/* prayer times */

/* services */
:root {
  --color-primary: #16a34a; /* Adjust to your primary green */
  --color-secondary: #f8fafc; /* Slate 50 */
}

/* 3D Card Flip Styles */
.perspective {
  perspective: 1000px;
}
.card-3d {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.7s ease-in-out;
  transform-style: preserve-3d;
}
.group:hover .card-3d {
  transform: rotateY(180deg) scale(1.05);
}
.backface-hidden {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.rotate-y-180 {
  transform: rotateY(180deg);
}
/* services */

/* donation */

    .bg-primary { background-color: var(--color-primary); }
    .text-primary { color: var(--color-primary); }
        .border-primary { border-color: var(--color-primary); }
/* donation */

/* prayer time countdown */
        
        .glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); }
        .hero-gradient { background: radial-gradient(circle at top right, #2563eb, #1e293b); }
  
        
        /* Smooth Countdown Animation */
        .digit-container { display: inline-block; min-width: 1.2ch; }
        .animate-tick { animation: tick 0.5s cubic-bezier(0.5, 0, 0.5, 1); }
        @keyframes tick {
            0% { transform: translateY(5px); opacity: 0.1; }
            100% { transform: translateY(0); opacity: 1; }
        }
/* prayer time countdown */