/*! header start  */
  .header .logo img {
    height: 10rem;
  }
  
  .header {
    position: sticky ;
    background-color: rgba(248, 248, 248, 0.596);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 7%;
    margin: 2rem 8%;
    border-radius: 4rem;
    box-shadow: 0px 0px 17px -2px rgba(193, 193, 193, 0.75);
    z-index: 1000;
  }
  
  .header .navbar a {
    margin: 0 1rem;
    font-size:  1.7rem;
    color: var(--black-color);
    border-bottom: 0.1rem solid transparent;
  }
  
  .header .navbar .active,
  .header .navbar a:hover {
    border-color: var(--black-color);
    padding-bottom: 0.5rem;
  }
  
  .header .buttons button {
    cursor: pointer;
    font-size: 2.5rem;
    margin-left: 2rem;
    background-color: transparent;
    color: var(--black-color);
  }
  
  .header #menu-btn {
    display: none;
  }