/* menus1 start */
  .menus1 {
      display: flex;
    }

    .menus1-list {
      margin: 0;
      padding: 0;
      display: flex;
      list-style: none;
    }

    .menus1-item {
      position: relative;
    }

    .menus1-link {
      display: block;
      padding: 10px 20px;
      text-decoration: none;
    }

    .menus1-link:hover {
      background-color: #555;
    }

    .submenus1-link:hover {
      background-color: #555;
    }

    .menus1-item:hover > .submenus1 {
      display: block;
      width: max-content;
    }

    .submenus1 {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .submenus1-right {
      left: 100%;
      top: 0;
      width: max-content;
    }

    .submenus1-item {
    display: block;
    padding: 10px 0;
    position: relative;
}

    .submenus1-link {
      padding: 10px 15px;
      text-decoration: none;
      color: white;
    }

    /* .submenus1-link:hover{
      background-color: red;
      color: white;
    } */

    .menus1-item:hover > .submenus1,
    .submenus1-item:hover > .submenus1 {
      display: block;
    }
 /* menus1 s1 end */