/* desktop mode............/// */

    .navbar input[type="checkbox"],
    .navbar .hamburger-lines {
      display: none;
    }
    
    .navbar {
      display: block;
      /* margin-left: 5%;
      margin-right: 5%; */
      padding-left: 5%;
      padding-right: 5%;
      position: fixed;
      width: 100%;
      background: #ffffff;
      color: #000;
      opacity: 0.85;
      height: 4rem;
      z-index: 12;
    }
    
    .navbar-container {
      
      display: flex;
      justify-content: space-between;
      height: 5rem;
      align-items: center;
    }
    
    .menu-items {
      order: 2;
      display: flex;
    }
    
    .menu-items li {
      list-style: none;
      margin-left: 1.5rem;
      top:1rem;
      font-size: 1rem;
    }
    
    .menu-items a {
      text-decoration: none;
      color: #444;
      font-weight: 500;
      transition: color 0.3s ease-in-out;
    }
    
    .menu-items a:hover {
      color: #117964;
      transition: color 0.3s ease-in-out;
    }
    
    .logo {
      order: 1;
      font-size: 1.75rem;
      /* margin-bottom: 0.5rem; */
      top:1rem;
    }