.page-about {
  display: flex;
  gap: 20px;
  margin-top: 20px;

  .page-tab {
    background-color: #fff;
    border: 1px solid #f1f2f4;
    border-radius: 4px;
    display: flex;
    flex-direction: column;

    .tab-links {
      padding: 8px 24px;
      display: block;
      font-size: 14px;
      color: #8a94a6;
      width: 100%;
      border: none;
      outline: none;
      text-align: left;
      transition: 0.3s;
      font-size: 16px;
      line-height: 1.8;

      &:hover {
        color: #fff;
        background-color: #758db9;
      }
    }

    .active-tab {
      background-color: #758db9;
      color: #fff;
    }
  }

  .page-right-container {
    background-color: #fff;
    border: 1px solid #f1f2f4;
    border-radius: 4px;
    padding: 20px;

    .page-title {
      font-weight: bold;
      color: #758db9;
      text-align: center;
      margin-bottom: 20px;
    }
    @media only screen and (max-width: 800px) {
      .page-title {
        margin-bottom: 10px;
      }
    }

    .employees {
      display: flex;
      flex-direction: column;

      .e-card {
        padding: 20px;
        /* display: flex; */
        gap: 1rem;
        align-items: center;

        &:not(:last-child) {
          border-bottom: 1px solid #f1f2f4;
        }

        h4 {
          font-weight: bold;
        }

        .e-profile {
          width: 150px;
          height: 150px;

          img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
          }
        }
      }
    }

    .text-about {
      letter-spacing: 0.4px;
      line-height: 30px;
      padding: 10px;
      p {
        text-indent: 2rem;
      }

      ul {
        list-style: disc;
        li {
          margin-bottom: 5px;
        }
      }
    }
  }
}

@media only screen and (max-width: 800px) {
  .page-about {
    margin-top: 10px;
    .page-right-container {
      padding: 10px;
      .page-title {
        margin-bottom: 10px;
      }
      .text-about {
        letter-spacing: 0.4px;
        line-height: 25px;
        padding: 5px;
        p,
        ul,
        inspeksiya-title {
          font-size: 14px;
        }
      }
    }
  }
}
.inspeksiya-title {
  font-weight: bold;
  margin-bottom: 10px;
}