.more9 {
  position: absolute;
  height: 9.51%;
  width: 7.43%;
  top: 89.44%;
  left: 92.57%;
  font-size: var(--font-size-xl);
  letter-spacing: 0.1em;
  font-weight: 300;
  display: inline-block;
  text-shadow: 8px 8px 5px rgba(0, 0, 0, 0.25);
}
.operating-system19,
.os-child18 {
  position: absolute;
  width: 100%;
  left: 0;
}
.os-child18 {
  height: 71.83%;
  top: 0;
  right: 0;
  bottom: 28.17%;
  border-radius: var(--br-lgi);
  background: linear-gradient(
    180deg,
    rgba(69, 88, 255, 0.7),
    rgba(137, 4, 199, 0.47)
  );
  box-shadow: 8px 8px 20px 2px rgba(0, 0, 0, 0.8);
}
.operating-system19 {
  height: 19.37%;
  top: 80.63%;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: inline-block;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.opened-book-icon76 {
  position: absolute;
  height: 86.47%;
  width: 104.54%;
  top: -3.41%;
  right: -6.94%;
  bottom: 16.95%;
  left: 2.4%;
  border-radius: var(--br-sm);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.de-child19,
.os21 {
  position: absolute;
  height: 100%;
  width: 14.78%;
  top: 0;
  right: 85.22%;
  bottom: 0;
  left: 0;
}
.de-child19 {
  height: 76.98%;
  width: 100%;
  right: 0;
  bottom: 23.02%;
  border-radius: var(--br-lgi);
  background: linear-gradient(
    180deg,
    rgba(69, 88, 255, 0.7),
    rgba(137, 4, 199, 0.47)
  );
  box-shadow: 8px 8px 20px 2px rgba(0, 0, 0, 0.8);
}
.digital-electronics19 {
  position: absolute;
  height: 13.58%;
  width: 100%;
  top: 86.42%;
  left: 0;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: inline-block;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.opened-book-icon77 {
  position: absolute;
  height: 92.66%;
  width: 104.54%;
  top: -3.66%;
  right: -6.94%;
  bottom: 10.99%;
  left: 2.4%;
  border-radius: var(--br-sm);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.de21 {
  right: 60.06%;
  left: 25.16%;
}
.de21,
.dsa17,
.m-417 {
  position: absolute;
  height: 93.31%;
  width: 14.78%;
  top: 1.41%;
  bottom: 5.28%;
}
.m-417 {
  right: 34.9%;
  left: 50.32%;
  font-family: var(--font-inter);
}
.dsa17 {
  right: 9.74%;
  left: 75.48%;
}
.subject-4th-year1,
.th-nav-item {
  position: absolute;
  height: 19.21%;
  width: 81.39%;
  top: 74.32%;
  right: 9.34%;
  bottom: 6.47%;
  left: 9.27%;
}
.th-nav-item {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-thistle);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.1);
}
.th-years-lecture {
  margin: 0;
}
.th-years-lecture-container {
  position: absolute;
  height: 82.86%;
  width: 27.78%;
  top: 8.57%;
  left: 9.03%;
  letter-spacing: 0.1em;
  font-weight: 600;
  display: inline-block;
  text-shadow: 8px 8px 14px rgba(0, 0, 0, 0.25);
}
.th-nav1 {
  position: absolute;
  height: 6.56%;
  width: calc(100% + 16px);
  top: 65.6%;
  right: -16px;
  bottom: 27.84%;
  left: 0;
  font-size: var(--font-size-17xl);
}
.subject-3rd-year1 {
  position: absolute;
  height: 19.21%;
  width: 81.39%;
  top: 42.17%;
  right: 9.3%;
  bottom: 38.61%;
  left: 9.3%;
}
.rd-nav-item,
.rd-nav1 {
  position: absolute;
  left: 0;
}
.rd-nav-item {
  top: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-thistle);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.1);
  width: 1440px;
  height: 70px;
}
.rd-nav1 {
  height: 6.56%;
  width: calc(100% + 16px);
  top: 33.46%;
  right: -16px;
  bottom: 59.98%;
  overflow: hidden;
  font-size: var(--font-size-17xl);
}
.subject-2nd-year1 {
  position: absolute;
  height: 19.21%;
  width: 81.39%;
  top: 10.4%;
  right: 9.3%;
  bottom: 70.38%;
  left: 9.3%;
}
.nd-nav-item,
.nd-nav1 {
  position: absolute;
  top: 0;
  left: 0;
}
.nd-nav-item {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-thistle);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.1);
}
.nd-nav1 {
  height: 6.56%;
  width: calc(100% + 16px);
  right: -16px;
  bottom: 93.44%;
  font-size: var(--font-size-17xl);
}
.senior-video-lecture {
  position: relative;
  background-color: var(--color-white);
  width: 100%;
  height: 1067px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-lg);
  color: var(--color-black);
  font-family: var(--font-poppins);
}
@media screen and (max-width: 1200px) {
  .th-nav-item:active {
    all: initial;
  }
}