@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: system-ui, -apple-system, sans-serif;
}

.text-gradient {
    background: linear-gradient(90deg, #c8102e, #f4c542);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Smooth transition for mobile menu */
#mobile-menu {
    animation: slideDown 0.3s ease forwards;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Video Section Improvements */
#hero-video {
    min-height: 500px;
}

@media (max-width: 768px) {
    #hero-video {
        min-height: 320px;   /* Mobile mein thoda chhota */
    }
}

/* Smooth overlay fade */
#play-overlay {
    transition: all 0.4s ease;
}
/* Hide Scrollbar but keep functionality */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.pricing-card {
    transition: all 0.4s ease;
}

.pricing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.5);
}