body {
        font-family: 'Cairo', sans-serif;
      }
      .hero {
        background-image: url('img/bannerK.jpg');
        background-size: cover;
        background-position: center;
        position: relative;
        animation: zoomIn 10s ease-in-out infinite alternate;
      }
      @keyframes zoomIn {
        from { background-size: 100%; }
        to { background-size: 110%; }
      }
      .overlay {
        background-color: rgba(0, 0, 0, 0.6);
      }
      .menu-link {
        position: relative;
      }
      .menu-link::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 100%;
        height: 2px;
        background-color: #facc15;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease-in-out;
      }
      .menu-link:hover::after {
        transform: scaleX(1);
      }
      .mobile-nav {
        display: none;
      }
      @media (max-width: 768px) {
        .desktop-nav {
          display: none;
        }
        .mobile-nav {
          display: block;
        }
      }