html {
  scroll-behavior: smooth;
}

.custom-transparent 
{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) !important;/* semi-transparency with gradient */
    backdrop-filter: blur(1px); /* blur effect for content under navbar */
}

.glow-effect
{
    padding: 20px;
    color: white;
    background-color: #333; /* dark background for the div itself */
    box-shadow: 0 0 25px 3px #217627; /* color and size of glow */
    margin: 0px;
    border-radius: 8px; /* rounded corners */
}

.faq-card {
    background-color: rgba(255, 255, 255, 0.2); /* White background with 80% opacity */
}

.faq-card .card-header {
    background-color: inherit; /* Ensures the header inherits the card's semi-transparent background */
}