.StudentSubjects {
  padding: 20px;
  @include Shadow;
  background: var(--bg);
  border-radius: var(--border-radius);

  header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 5px;
    h6 {
      color: var(--secondary);
    }
  }
  main {
    width: 100%;
    overflow-y: scroll;
    max-height: 20vw;
    @include Scrollbar;
    display: flex;
    flex-direction: column;
    direction: ltr;
    gap: 20px;
    padding: 20px;

    > div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: var(--border-radius);
      background: #f0f7ff;
      padding: 1vw 2vw;
      width: 100%;
    }

    img {
      width: 3vw;
      height: 3vw;
    }
    h6 {
      color: var(--text);
      font-weight: bold;
      font-size: 1.2vw;
    }
  }
}