body {
    font-family: sans-serif;
    background-color: #f8f9fa; /* Light gray background */
}

/* Custom Colors */
.bg-dark {
    background-color: #1f1f1f !important;
}


/* REALISTIC GOLD */
.bg-gold {
    background: linear-gradient(135deg, #ffd700 0%, #f7b733 50%, #e1a800 100%);
    background-size: 200% 200%;
    animation: goldAnimation 4s linear infinite;
    color: #1f1f1f !important; /* Text color on gold */

}


@keyframes goldAnimation {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

.text-gold {
    color: #FFD700 !important; /* Standard gold text */
}


/* Customizing the nav link hover behavior */
.nav-link:hover {
    color: #5c5c5c !important; /* Lighten hover color */
}

/* Responsive adjustments for the cards*/
@media (max-width: 768px) {
    .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Card styles */
.card {
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.card:hover {
    transform: scale(1.02); /* Slight zoom effect */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.text-dark {
    color: #1f1f1f !important;
}