.overall_container {
  display: flex;
  .main_navigation {
    background: #f5f5f5;
    flex-grow: 1;
    border-right: solid 1px #dfe9f1;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow-y: scroll;
  }
  .org_settings_view {
    margin-left: 13vw;
    margin-top: 35px;
    .main_section {
      display: flex;
      flex-direction: row;
      justify-items: center;
      flex-wrap: wrap;
      margin-top: -1.3em;
      .left_nav {
        max-width: 20%;
        height: 50%;
        margin-top: 16px;
        margin-left: 10px;
        .header_text {
          font-family: Inter;
          font-style: normal;
          font-weight: 500;
          font-size: 18px;
          line-height: 21px;
          letter-spacing: 0.25px;
          color: #9e9e9e;
        }
      }

      .right_section {
        width: 80vw;
        max-width: 75%;
        // overflow-y: auto;
        margin-top: -0.7em;
      }
    }
  }
}
// mobile
@media screen and (max-width: 768px) {
  .overall_container {
    .org_settings_view {
      .main_section {
        .left_nav {
          .navigation {
            .list-group {
              .link {
                display: none;
              }
              .header_text {
                font-size: 10px;
              }
            }
          }
        }
      }
    }
  }
}

// tablet
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .overall_container {
    .org_settings_view {
      .main_section {
        .left_nav {
          .navigation {
            .list-group {
              .link {
                font-size: 5px;
              }
            }
          }
        }
      }
    }
  }
}

.main_navigation::-webkit-scrollbar {
  display: none;
}
