/* Highlighted navigation styles */
.menu-item {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.menu-item.active {
    background-color: red; /* Changed to requested hex color */
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    font-weight: 700 !important;
}

/* Hover effect for non-active items */
.menu-item:hover:not(.active) {
    background-color: #910000; /* Semi-transparent version of #8c3f8f */
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .menu-item.active {
        transform: none; /* Remove transform on mobile */
    }
    
    #menu li a.active {
        background-color: red; /* Changed to requested hex color */
        width: 100%;
        text-align: center;
    }
}

/* Testimonial grid adjustments */
@media (min-width: 480px) and (max-width: 1024px) {
    .testimonial-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets/small screens */
    }
}