
/* width */
::-webkit-scrollbar {
  width: 0px;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 75px;
    padding-top: 1%;
    font-size: 2.5vw;
    font-family: "Agdasima", sans-serif;
    padding-inline: 10vw;
    }
    
    .link-wrapper {
        position: relative;
        display: block;
      }
    
      .link {
        padding: 0;
        transition: 0.2s;
      }
    
      .link:hover {
        color: #f1f1f1c2;
        transition: 0.2s;
      }
    
    .hover-2:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 10%;
        right: 0;
        width: 80%;
        height: 2px;
        transform: scaleX(0);
        background-color: white;
        transition: transform 0.3s;
      }
      .hover-2:hover:after {
        transform: scaleX(1);
      }
    
      .navbar .logo {
        font-family: "Jomhuria", serif;
        font-size: 3vw;
        padding-top: 25px;
    }


    @media (max-width: 768px) {
      .navbar {
          padding-inline: 5vw;
          font-size: 10vw;
      }

      .navbar .logo {
        font-size: 15vw;
    }
  }