/* Custom CSS for Telemax Solutions */
html {
    scroll-behavior: smooth;
}
body {
    /* Tailwind's font-inter is applied via class in HTML */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Specific styles for active navigation link */
.nav-link.active,
.mobile-nav-link.active {
    color: #3b82f6; /* blue-600 */
    font-weight: 600; /* font-semibold */
    position: relative;
}

.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3b82f6; /* blue-600 */
    border-radius: 9999px; /* rounded-full */
    animation: fadeIn 0.3s ease-out forwards;
}

.mobile-nav-link.active {
    background-color: #eff6ff; /* blue-50 */
}


@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn {
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-slideUp {
    animation: slideUp 0.6s ease-out forwards;
}

/* Ensure images don't cause layout shifts */
img {
    display: block;
    max-width: 100%;
    height: auto;
}