.background-ellips-icon2 {
  position: absolute;
  top: 0;
  left: 596px;
  width: 1111px;
  height: 1242px;
}
.square-box-child3,
.square-box-child4 {
  position: absolute;
  border-radius: var(--br-31xl);
  box-shadow: 20px 20px 137px 10px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(461px);
  width: 367px;
}
.square-box-child3 {
  top: 33px;
  left: 39px;
  background: linear-gradient(
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.07)
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.58) 49.79%,
      rgba(255, 255, 255, 0.7)
    );
  height: 514px;
}
.square-box-child4 {
  top: 60.53px;
  left: 0;
  background: linear-gradient(
      rgba(255, 255, 255, 0.07),
      rgba(255, 255, 255, 0.07)
    ),
    linear-gradient(
      180deg,
      rgba(52, 152, 219, 0.7),
      rgba(255, 255, 255, 0.58) 49.79%,
      rgba(155, 89, 182, 0.7)
    );
  height: 526.01px;
  transform: rotate(-9.49deg);
  transform-origin: 0 0;
}
.gate-resources {
  position: absolute;
  top: 442px;
  left: 135px;
  letter-spacing: 0.04em;
  line-height: 157%;
  font-weight: 300;
  display: inline-block;
  width: 227px;
  height: 39px;
  text-shadow: 0 5px 3px rgba(0, 0, 0, 0.25);
}
.square-box3 {
  position: absolute;
  top: 222px;
  left: 880px;
  width: 448.73px;
  height: 579.34px;
}
.full-background-child2,
.full-background-child3 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-whitesmoke-200);
  width: 679px;
  height: 1024px;
}
.full-background-child3 {
  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;
}
.full-background2 {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  width: 1441px;
  height: 1024px;
  overflow: hidden;
}
.materials {
  position: absolute;
  top: 582px;
  left: 132px;
  letter-spacing: 0.04em;
  line-height: 157%;
  display: inline-block;
  text-align: left;
  width: 229px;
  height: 36px;
  text-shadow: 8px 8px 4px rgba(0, 0, 0, 0.25);
}
.cheating-on-exams {
  position: absolute;
  top: 352px;
  left: 927px;
  width: 381px;
  height: 253px;
  object-fit: cover;
}
.explore-the-premium,
.gate-course {
  align-self: stretch;
  position: relative;
  letter-spacing: 0.04em;
  line-height: 157%;
}
.gate-course {
  font-weight: 600;
  text-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
}
.explore-the-premium {
  font-size: var(--font-size-2xl);
  font-weight: 300;
}
.body-previous-year1,
.gate {
  position: absolute;
  left: 130px;
}
.body-previous-year1 {
  top: 145px;
  width: 473px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 var(--padding-11xs);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  text-align: left;
  font-size: var(--font-size-21xl);
}
.gate {
  top: 6px;
  font-size: var(--font-size-17xl);
  letter-spacing: 0.4em;
  line-height: 157%;
  font-weight: 500;
  color: var(--color-gray-200);
}
.frame-icon,
.read-me8 {
  position: relative;
  flex-shrink: 0;
}
.frame-icon {
  width: 219px;
  height: 194px;
  overflow: hidden;
  object-fit: cover;
}
.read-me8 {
  letter-spacing: 0.11em;
  line-height: 157%;
  text-transform: capitalize;
  font-weight: 200;
  display: inline-block;
  width: 80px;
  height: 22px;
}
.box-1-content,
.read-me7 {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.read-me7 {
  border-radius: var(--br-6xs);
  background: linear-gradient(180deg, #8391e2 11.52%, #bf9fd1 87.96%);
  box-shadow: 8px 8px 15px 2px #9557b6;
  width: 116px;
  height: 24px;
  align-items: flex-end;
  justify-content: center;
  padding: 0 var(--padding-2xs);
  position: undefined;
  margin-right: 15px;
}
.box-1-content {
  position: absolute;
  top: 691px;
  left: 138px;
  border-radius: var(--br-4xl);
  background-color: var(--color-white);
  box-shadow: 8px 8px 14px 7px #8e41b8;
  width: 223px;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-smi) 17px var(--padding-smi) 15px;
  gap: 17px;
  mix-blend-mode: multiply;
  font-size: var(--font-size-base);
}
.frame-icon1 {
  position: relative;
  width: 242px;
  height: 178px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.box-2-content,
.gate-4 {
  background-color: var(--color-white);
}
.box-2-content {
  position: absolute;
  top: 692px;
  left: 406px;
  border-radius: var(--br-4xl);
  box-shadow: 8px 8px 14px 7px #8e41b8;
  width: 223px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-smi) var(--padding-8xs) var(--padding-smi)
    var(--padding-9xs);
  box-sizing: border-box;
  gap: 33px;
  mix-blend-mode: multiply;
  font-size: var(--font-size-base);
}
.gate-4 {
  position: relative;
  width: 100%;
  height: 1024px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-5xl);
  color: var(--color-black);
  font-family: var(--font-poppins);
}