.text-hover-lokris:hover {
    color: #FDC237;
    transition: color 0.2s;
}

.text-lokris {
    color: #FDC237;
}

.btn-lokris {
    background-color: #FDC237 !important;
    border-color: #FDC237 !important;
    color: white !important;
}

.btn-lokris:hover {
    background-color: #FDC237 !important;
    border-color: #FDC237 !important;
    color: white !important;
}

.active {
    color: #FDC237 !important;
}

.card-grape {
    position: relative;
    transition: all 0.3s ease;
}

.card-grape:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}