.nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0%;
        height: 2px;
        background-color: #2563EB;
        transition: width 0.3s ease;
    }
    .nav-link:hover::after {
        width: 100%;
    }

    /* Active tab highlight */
    .active-link {
        color: #2563EB;
        font-weight: 600;
    }
    .active-link::after {
        width: 100%;
    }

    /* Mobile link hover */
    .mobile-link {
        padding: 8px 0;
        transition: 0.3s;
        border-bottom: 1px solid #f1f1f1;
    }
    .mobile-link:hover {
        color: #2563EB;
        padding-left: 8px;
    }


    #bgimg , #services , #contact{
  background-image: url('/asssets/img/hero-bg.webp');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}



@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}