.hero-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
body { 
    font-family: 'Inter', sans-serif; 
}
.whatsapp-fab { 
    position: fixed; 
    bottom: 2rem; 
    right: 2rem; 
    z-index: 50; 
    transition: transform 0.3s ease-in-out; 
}
.whatsapp-fab:hover { 
    transform: scale(1.1); 
}

/* Brand Colors */
.bg-mitech-red { 
    background-color: #c8102e; 
}
.hover\:bg-mitech-red-dark:hover { 
    background-color: #a20d24; 
}
.text-mitech-red { 
    color: #c8102e; 
}
.focus\:border-mitech-red:focus {
    border-color: #c8102e;
}
.focus\:ring-mitech-red:focus {
    --tw-ring-color: #c8102e;
}


/* NEW - Yellow Button for CTA */
.bg-mitech-yellow {
    background-color: #facc15; /* A bright, professional yellow */
}
.hover\:bg-mitech-yellow-dark:hover {
    background-color: #eab308; /* A slightly darker yellow for hover */
}


/* Card Hover Effects */
.package-card, .category-card, .product-card, .service-card {
    transition: all 0.3s ease-in-out;
}
.package-card:hover, .category-card:hover, .product-card:hover, .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.highlight {
    background-color: #fef08a; /* A soft yellow highlight for text */
}

.brand-carousel { 
    display: flex; 
    animation: scroll 30s linear infinite; 
}
@keyframes scroll { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); } 
}