a {
    font-family: 'Poppins', sans-serif;
    text-decoration: none;   
  }
  
nav {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0;
    z-index: 1000;
    padding-top: 1rem;
    padding-bottom: 1rem;
    justify-content: center;
    background-color: #c70000;
    box-shadow: 0px 0px 8px 0px rgba(30, 30, 30, 0.5);
    box-sizing: border-box;
}

    .nav-list {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1200px;
        list-style: none;
        margin: 0;
        padding: 0 20px;
    }

    .nav-list .nav-left {
        text-align: center;
        list-style: none;
    }

    .logo {
        width: 100px;
        height: 100px;
        transition: transform 0.3s ease;
    }

    .logo:hover {
        transform: scale(1.2);
    }

    .nav-list .nav-right {
        display: flex;
        align-items: center;
    }

    .nav-right-list {
        display: flex;
        gap: 40px;
        list-style: none;
        margin: 0;
    }

    .nav-list a {
        color: #FAF9F6;
        transition: color 0.2s ease-in;
    }

    .nav-list a:hover {
        color: #5a5a5a;
    }

    .hamburger {
        display: none;
        background: none;
        border: none;
        font-size: 16px;
        color: #FAF9F6;
        cursor: pointer;
        padding: 10px;
    }

.spacing {
    height: 100px;
}





/*____________________________________________________________________________________________________________________________________*/
/* Mobile Styles */
@media only screen and (max-width: 873px) {
    nav {
        height: 75px;
    }

      .nav-list {
          flex-direction: row;
          align-items: center;
          margin: 0;
          padding: 0 10px;
      }

      .nav-list .nav-left {
          list-style: none;
      }

      .logo {
          width: 75px;
          height: 75px;
          transition: transform 0.3s ease;
      }

      .hamburger {
          display: block;
      }

      .nav-right-list {
          display: none;
          flex-direction: column;
          align-items: center;
          position: absolute;
          top: 75px;
          left: 0;
          width: 100%; /* Full width for dropdown */
          background-color: #c70000;
          padding: 20px 0;
          gap: 20px;
          box-shadow: 0px 4px 8px rgba(30, 30, 30, 0.5);
      }

      .nav-right-list.active {
          display: flex;
      }

      .nav-right-list li {
          text-align: center;
      }

      .spacing {
          height: 75px;
      }
}