/* Custom Styles for Rekha Bankers */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Hide Scrollbar for Horizontal Scroll Areas */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Custom Animations */
@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin-slow {
    animation: spin-slow 20s linear infinite;
}

/* Gradient Text Utilities */
.text-gradient-gold {
    background: linear-gradient(to right, #c5a059, #fcd34d, #c5a059);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% auto;
}

/* Image Masking for Hero */
.mask-image-gradient {
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* Safe Area for Mobile Bottom Nav (iPhone Home Bar) */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom);
}

/* Form Focus Effects */
input:focus, textarea:focus, select:focus {
    box-shadow: 0 0 0 2px rgba(197, 160, 89, 0.3);
}

/* Card Hover Effects */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}