@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

/* Tailwind overrides and custom styles */
body {
    font-family: 'Poppins', sans-serif;
}

/* Custom Scrollbar */
body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    background: #2b2b2b;
}

body::-webkit-scrollbar-thumb {
    background-color: #bb86fc;
    border-radius: 20px;
    border: 3px solid #2b2b2b;
}

/* Navbar */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background: #121212;
}

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

.nowrap {
    display: inline-block;
    white-space: nowrap; /* Ensures text does not wrap */
}

/* Feature Card */
.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

/* Subscription Card */
.subscription-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.subscription-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

/* Review Card */
.review-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}

/* Q&A Section */
#qa-accordion button:focus + div {
    display: block;
}

/* General Styles */
.bg-gradient {
    background: linear-gradient(145deg, #2b2b2b, #1b1b1b);
}