.organization {
  display: flex;
  min-height: 100vh;
  height: auto;
  font-family: "Inter";
  .navigation {
    overflow-y: scroll;
    background: #f5f5f5;
    flex: 0.5;
    border-right: solid 1px #dfe9f1;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
  }
  h2 {
    font-size: 20px;
    font-weight: bold;
    font-family: "Inter";
  }
  .news {
    margin-left: 2vw;
    flex: 3;
    .notify-user {
      display: flex;
      padding: 20px 10px 20px 30px;
    }
  }
  .org {
    display: flex;
    .posts-profile {
      flex: 2;
    }
    .updat {
      margin-top: 40px;
      flex: 0.95;
    }
  }
  .org-info {
    display: flex;
    flex-direction: row;
    padding-right: 10px;
    .posts {
      flex-grow: 2;
      margin-top: -1rem;
      h2 {
        margin: 0;
        padding: 10px 0 10px 30px;
      }
      min-height: 30px;
      height: auto;
      display: flex;
      flex-direction: column;
      .categories {
        display: flex;
        margin: 10px 0px 10px 20px;
        .category-type {
          padding: 4px 36px;
          border: solid 1px #007bff;
          border-radius: 100px;
          color: #007bff;
          margin: 0 5px;
          cursor: pointer;
          &.active {
            background: #007bff;
            color: white;
          }
        }
        .ul__container {
          width: 140%;
          margin-top: 10px;
          display: flex;
          .nav__tab {
            .nav__list__container {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              list-style: none;
              border-bottom: 2px solid #eee;
              transition: all 0.5s;
              font-weight: 300;
              color: #262727;

              .nav__single__tab {
                display: inline-block;
                font-family: Inter;
                font-style: normal;
                font-weight: 500;
                font-size: 18px;
                line-height: 22px;
                padding-left: 11px;
                padding-right: 15px;
                padding-bottom: 5px;
                margin-left: 19px;
                text-align: center;
                cursor: pointer;

                &.selected {
                  border-bottom: 3px solid #1a73e8;
                  color: #1a73e8;
                }
              }
            }
          }
        }
      }
      .about-us {
        margin: 10px 0px 0 27px;
        .title {
          font-size: x-large;
          color: black;
          font-family: "Inter";
        }
        .subtitle {
          margin: 14px 0 10px 0;
          font-size: larger;
          color: black;
          font-weight: bold;
          font-family: "Inter";
        }
        .short__desc,
        .long__desc {
          font-family: "Inter";
          font-style: normal;
          font-weight: normal;
          font-size: 14px;
          line-height: 17px;
          color: #1d2129;
          text-align: justify;
        }
      }
    }
    .org-updates {
      flex: 1;
      flex-grow: 3;
    }

    .proposal-btn {
      height: 50px;
      width: 90%;
      margin-left: 40px;
      font-family: "Inter";
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 27px;

      color: #ffffff;
    }
  }
}
.orgupdatesloading {
  margin-top: -10px;
  margin-left: 30px;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
  font-family: "Inter";
}

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