.profile-shape {
  background: url(../img/profile_shape.png);
  width: 275px;
  height: 311px;
  margin: 0 auto;
}

.profile-shape img {
  width: 104%;
  clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
  position: relative;
  top: 3%;
  height: calc(100% - 6%);
  left: -2%;
  object-fit: cover;
}

.student_home_page .profile_section_right h3 {
  padding-right: 0;
}

.btn-active {
  color: #29b469;
  background-color: #223a38;
  border: none;
  padding: 8px 14px;
}

.btn-active:hover {
  color: #223a38;
  background-color: #29b469;
}

.btn-inactive {
  color: #acafbf;
  background-color: #3a3c51;
  border: none;
  padding: 8px 14px;
}

span.Student_Team {
  color: #F9F9FB;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 12px;
  border-radius: 22px;
  background-color: #26CBFF33;
}

.student_info_admin_controls {
  display: flex;
  justify-content: space-between;
}

.student_info_admin_controls .profile_info_student img {
  width: 40px;
  height: 40px;
}

.profile_info_student img {
  width: 48px;
  height: 48px;
}

.student_info_admin_controls .profile_info_student span {
  /* margin-right: 16px; */
  line-height: 26px;
  width: 40px;
  height: 40px;
}

.profile_info_student {
  display: flex;
  line-height: 48px;
  margin: 0;
}

.profile_info_student img {
  margin-right: 18px;
  width: 48px;
  height: 48px;
}

.pointer {
  margin-left: 10px;
}

.white_color {
  color: #F9F9FB99 !important;
  font-weight: 400;
  font-size: 16px;
}

.white_color ul li {
  font-size: 16px;
  color: #9f9fa4;
  font-weight: 400;
  text-transform: capitalize;
}

.white_color .date {
  font-size: 16px;
  color: #9f9fa4;
  font-weight: 400;
  text-transform: capitalize;
}

td li {
  text-decoration: none;
}

.white_color span {
  color: #9369C8;
  font-size: 12px;
  text-transform: capitalize;
}

.btn-inprogress {
  color: #9369C8;
  background-color: #9369C81F;
  border: none;
  padding: 8px 15px;
}

.sticky {
  position: sticky !important;
  left: 0;
  background: #191a21 !important;
  z-index: 1000;
  text-align: left;
}

.sticky::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 0px;
  bottom: 0px;
  background: #3A3C51;
  width: 1px;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-hidden .table {
  display: block;
  width: auto;
  overflow-x: scroll !important;
}

.wrapScroll {
  gap: 5.3rem;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  white-space: nowrap;
}

.wrapScroll .aside-title-area .title {
  margin: 0px 0 5px 0;
  line-height: 24px;
}

.wrapScroll p {
  margin-bottom: 0rem;
}

::-webkit-scrollbar {
  width: 0;
  background-color: transparent;
}

.css-qc6sy-singleValue img {
  display: none;
}

.scroll-y {
  overflow-y: scroll !important;
}

.required_field::after {
  content: " *";
  color: red;
}