body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
          }
          section {
            padding: 80px 0;
          }
          .hero {
            background: linear-gradient(135deg, #3f51b5, #1a237e);
            color: white;
            text-align: center;
            padding: 120px 20px;
          }
          .hero h1 {
            font-size: 3rem;
            font-weight: 800;
          }
          .hero p {
            font-size: 1.2rem;
            max-width: 700px;
            margin: 20px auto;
          }
          .btn-primary {
            background-color: #ff5722;
            border-color: #ff5722;
          }
          .services-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            color: #3f51b5;
          }
          .tech-logo {
            height: 50px;
            margin: 10px;
            opacity: 0.8;
            cursor: pointer;
          }
          footer {
            background-color: #1a237e;
            color: white;
            text-align: center;
            padding: 40px 20px;
          }
          .navbar {
            background-color: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
          }
          .navbar-nav .nav-link {
  position: relative;
  font-weight: 600; /* Make the font bolder */
  font-size: 1.05rem; /* Slightly larger font */
  color: #1a1a1a; /* Darker text for better readability */
  padding: 8px 12px;
  letter-spacing: 0.5px; /* Slight letter spacing for elegance */
  transition: all 0.3s ease;
}


  .navbar-nav .nav-link {
              position: relative;
              font-weight: 500;
              color: #333;
              padding: 8px 12px;
            }
            
            .navbar-nav .nav-link::after {
              content: '';
              position: absolute;
              width: 0;
              height: 2px;
              background-color: #ff5722; /* same as your button color */
              bottom: 0;
              left: 50%;
              transition: all 0.3s ease;
            }
            
.navbar-nav .nav-link:hover::after {
  width: 100%;
  left: 0;
}

.navbar-nav .nav-link:hover {
  color: #ff5722; /* Orange hover color for branding */
}


 .scrolled-navbar {
      background: rgba(255, 255, 255, 0.98) !important;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      border-radius: 0 0 20px 20px;
      transition: all 0.3s ease;
    }

        .active-link {
  color: #ff5722 !important;
  font-weight: 700;
}

 .navbar {
      opacity: 0;
      transform: translateY(-20px);
      transition: all 0.8s ease;
    }
    
    .navbar.show {
      opacity: 1;
      transform: translateY(0);
    }