.StudentSection {
  height: max-content;
  min-height: 100vh;
  padding: 0 10vw;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding-top: 2rem;

  width: 100vw;
  /* position: sticky;
  top: 0; */
  background-color: #8276F4 !important;
}

/* .Student_headings {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
} */
.studentImgSection {
  position: relative;
  bottom: 0;
}

.CentralStudent {
  position: relative;
}

.stutags_left {
  display: inline-flex;
  padding: 1rem 1.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  position: absolute;
  border-radius: 1rem 1rem 0rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0);
  background: #feebc0;
  backdrop-filter: blur(5.5px);

  color: var(--text-black, #000);
  text-align: center;

  /* Web/Body 18 */
  font-family: var(--Font-Family-Display-style---Web, Inter);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 1.35rem */
  letter-spacing: -0.03075rem;

  position: absolute;
}

.stutags_right {
  display: inline-flex;
  padding: 1rem 1.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  position: absolute;
  border-radius: 1rem 1rem 1rem 0rem;
  border: 1px solid rgba(255, 255, 255, 0);
  background: #feebc0;
  backdrop-filter: blur(5.5px);

  color: var(--text-black, #000);
  text-align: center;

  /* Web/Body 18 */
  font-family: var(--Font-Family-Display-style---Web, Inter);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  /* 1.35rem */
  letter-spacing: -0.03075rem;

  position: absolute;
}

/* Left Tags Positions */
.StuLeft-1 {
  top: 10%;
  /* Adjusted */
  left: 18%;
}

.StuLeft-2 {
  top: 25%;
  /* Adjusted */
  left: 8%;
}

.StuLeft-3 {
  top: 40%;
  /* Adjusted */
  left: 3%;
}

.StuLeft-4 {
  top: 55%;
  /* Adjusted */
  left: 5%;
}

.StuLeft-5 {
  top: 70%;
  /* Adjusted */
  left: 10%;
}

.StuLeft-6 {
  top: 85%;
  /* Adjusted */
  left: 15%;
}

/* Right Tags Positions */
.StuRight-1 {
  top: 10%;
  /* Adjusted */
  right: 18%;
}

.StuRight-2 {
  top: 25%;
  /* Adjusted */
  right: 8%;
}

.StuRight-3 {
  top: 40%;
  /* Adjusted */
  right: 3%;
}

.StuRight-4 {
  top: 55%;
  /* Adjusted */
  right: 5%;
}

.StuRight-5 {
  top: 70%;
  /* Adjusted */
  right: 10%;
}

.StuRight-6 {
  top: 85%;
  /* Adjusted */
  right: 15%;
}

.studentInWeb {
  display: block;
}

.stutags_web {
  display: block;
}

.stutags_mob {
  display: none;
}

@media screen and (width <=700px) {
  .stutags_web {
    display: none;
  }

  .stutags_mob {
    padding: 5px !important;
    font-size: 10px !important;
    display: block;
  }

  .StudentSection {
    height: 100vh !important;
  }

  .StudentSection {
    padding: 0 2vw;
  }

  .stutags_right,
  .stutags_left {
    border-radius: 0.8rem;

    color: var(--Text-black, #000);
    text-align: center;

    /* Web/Footnote medium */
    font-family: var(--Font-Family-Display-style---Web, Inter);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 0.975rem */
    letter-spacing: var(--Letter-spacing---Display-Web-Letter-spacing-Body,
        -0.02813rem);

    padding: 0.75rem 1rem;
  }

  .StuLeft-1 {
    top: -20%;
    right: 53%;
  }

  .StuLeft-2 {
    top: -4%;
    left: 13%;
  }

  .StuLeft-3 {
    top: 13%;
    left: 10%;
  }

  .StuLeft-4 {
    top: 29%;
    left: 9%;
  }

  .StuLeft-5 {
    top: 45%;
    left: 9%;
  }

  .StuLeft-6 {
    top: 61%;
    left: 13%;
  }

  .StuRight-1 {
    top: -20%;
    left: 55%;
  }

  .StuRight-2 {
    top: -4%;
    right: 17%;
  }

  .StuRight-3 {
    top: 13%;
    right: 9%;
  }

  .StuRight-4 {
    top: 29%;
    right: 16%;
  }

  .StuRight-5 {
    top: 45%;
    right: 24%;
  }

  .StuRight-6 {
    top: 60%;
    left: 64%;
  }

  /* -------------------------- */
}

/* 
@media screen and (max-width: 430px) and (min-width: 430px) and (max-height: 932px) and (min-height: 932px) {
  .Student_headings {
    margin-top: 27vh;
  }
} */


@media screen and (width <=440px) {
  .Student_headings {
    margin-top: 24vh;
  }
}

@media screen and (width <=415px) {
  .Student_headings {
    margin-top: 20vh;
  }
}

@media screen and (width <=365px) {
  .Student_headings {
    margin-top: 17vh;
  }
}