/* screen - home-desktop */

.home-desktop {
  align-items: center;
  background-color: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 6809px;
  overflow: hidden;
  width: 1440px;
}

.home-desktop .overlap-group10 {
  height: 1998px;
  margin-right: 0.67px;
  position: relative;
  width: 1620px;
}

.home-desktop .overlap-group1 {
  height: 1901px;
  left: 0;
  position: absolute;
  top: 97px;
  width: 1620px;
}

.home-desktop .home-banner-revisi {
  cursor: pointer;
  height: 806px;
  left: 88px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1445px;
}

.home-desktop .background-ekskul {
  background-color: var(--cosmic-cobalt);
  height: 705px;
  left: 90px;
  position: absolute;
  top: 1196px;
  width: 1440px;
}

.home-desktop .group-130 {
  height: 77px;
  left: 233px;
  position: absolute;
  top: 1256px;
  width: 84px;
}

.home-desktop .group-129 {
  align-items: flex-end;
  background-color: var(--alizarin-crimson);
  display: flex;
  height: 39px;
  justify-content: flex-end;
  left: 0;
  padding: 0 5px;
  position: absolute;
  top: 0;
}

.home-desktop .title {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: -3.0px;
  min-height: 40px;
  min-width: 72px;
  white-space: nowrap;
}

.home-desktop .group-128 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 38px;
  justify-content: flex-end;
  left: 0;
  padding: 0 6px;
  position: absolute;
  top: 39px;
}

.home-desktop .tb {
  color: var(--cosmic-cobalt);
  font-family: var(--font-family-ubuntu);
  font-size: 33px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: -3px;
  min-height: 39px;
  min-width: 59px;
  white-space: nowrap;
}

.home-desktop .rectangle-1 {
  background-color: var(--cosmic-cobalt);
  height: 393px;
  left: 90px;
  position: absolute;
  top: 803px;
  width: 1440px;
}

.home-desktop .group-160 {
  align-items: center;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 51px;
  left: 710px;
  padding: 0 52px;
  position: absolute;
  top: 1085px;
}

.home-desktop .learn-more {
  letter-spacing: 0;
  line-height: 19px;
  min-height: 22px;
  min-width: 96px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .text-10 {
  left: 606px;
  letter-spacing: 0;
  line-height: 19px;
  position: absolute;
  text-align: center;
  top: 869px;
  white-space: nowrap;
}

.home-desktop .text-11 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xxxxl);
  left: 367px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 946px;
  white-space: nowrap;
}

.home-desktop .group-193 {
  align-items: flex-start;
  display: flex;
  height: 458px;
  left: 233px;
  position: absolute;
  top: 1383px;
}

.home-desktop .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 458px;
  width: 527px;
}

.home-desktop .group-177 {
  align-items: flex-start;
  display: flex;
  height: 65px;
  min-width: 527px;
}

.home-desktop .group-14 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  min-width: 37px;
}

.home-desktop .overlap-group5 {
  height: 37px;
  position: relative;
  width: 37px;
}

.home-desktop .subtraction-7 {
  height: 37px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 19px;
}

.home-desktop .subtraction-8 {
  height: 37px;
  left: 18px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 19px;
}

.home-desktop .text-1 {
  letter-spacing: 0;
  line-height: 40px;
  margin-left: 15px;
  margin-top: -7.5px;
  min-height: 67px;
  white-space: nowrap;
}

.home-desktop .group-178 {
  align-items: flex-start;
  display: flex;
  height: 65px;
  margin-top: 26px;
  min-width: 510px;
}

.home-desktop .group-179 {
  align-items: flex-start;
  display: flex;
  height: 145px;
  margin-top: 26px;
  min-width: 518px;
}

.home-desktop .text-16 {
  letter-spacing: 0;
  line-height: 40px;
  margin-left: 15px;
  margin-top: -7.5px;
  min-height: 147px;
  white-space: nowrap;
}

.home-desktop .group-180 {
  align-items: flex-start;
  display: flex;
  height: 105px;
  margin-top: 26px;
  min-width: 478px;
}

.home-desktop .text-18 {
  letter-spacing: 0;
  line-height: 40px;
  margin-left: 15px;
  margin-top: -7.5px;
  min-height: 107px;
  white-space: nowrap;
}

.home-desktop .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 103px;
  min-height: 247px;
  width: 530px;
}

.home-desktop .group-181 {
  align-items: flex-start;
  display: flex;
  height: 65px;
  min-width: 491px;
}

.home-desktop .group-14-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  min-width: 38px;
}

.home-desktop .subtraction {
  height: 37px;
  object-fit: cover;
  width: 19px;
}

.home-desktop .text-1-1 {
  letter-spacing: 0;
  line-height: 40px;
  margin-left: 14px;
  margin-top: -7.5px;
  min-height: 67px;
  white-space: nowrap;
}

.home-desktop .group-182 {
  align-items: flex-start;
  display: flex;
  height: 65px;
  margin-top: 26px;
  min-width: 530px;
}

.home-desktop .group-183 {
  align-items: flex-start;
  display: flex;
  height: 65px;
  margin-top: 26px;
  min-width: 484px;
}

.home-desktop .subtraction-9 {
  height: 251px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 946px;
  width: 1620px;
}

.home-desktop .titik-titik-slide {
  align-items: center;
  display: flex;
  height: 14px;
  left: 746px;
  position: absolute;
  top: 765px;
}

.home-desktop .ellipse-2 {
  background-color: var(--gunsmoke);
  border-radius: 7.22px/7.21px;
  height: 14px;
  width: 14px;
}

.home-desktop .ellipse-2-copy-1 {
  background-color: var(--gunsmoke);
  border-radius: 5.21px;
  height: 10px;
  margin-left: 16px;
  opacity: 0.5;
  width: 10px;
}

.home-desktop .ellipse-2-copy {
  background-color: var(--gunsmoke);
  border-radius: 5.22px/5.21px;
  height: 10px;
  margin-left: 18px;
  opacity: 0.5;
  width: 10px;
}

.home-desktop .overlap-group4 {
  align-items: flex-end;
  background-color: var(--white);
  box-shadow: 0px 0px 40px #81828538;
  display: flex;
  height: 97px;
  left: 90px;
  min-width: 1440px;
  padding: 18.2px 133.7px;
  position: absolute;
  top: 0;
}

.home-desktop .group-199 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-width: 1168px;
  padding: 0.0px 0;
}

.home-desktop .logo-stb {
  align-self: flex-end;
  height: 60px;
  object-fit: cover;
  width: 199px;
}

.home-desktop .about-us {
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 1.81px;
  margin-left: 72px;
  min-height: 25px;
  min-width: 86px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .why-tb {
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 1.81px;
  margin-left: 62px;
  min-height: 25px;
  min-width: 78px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .academics {
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 1.81px;
  margin-left: 63px;
  min-height: 25px;
  min-width: 98px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .facilities {
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 1.81px;
  margin-left: 64px;
  min-height: 25px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .news-events {
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 1.81px;
  margin-left: 64px;
  min-height: 25px;
  min-width: 136px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .contact-us {
  letter-spacing: 0;
  line-height: 23px;
  margin-bottom: 1.81px;
  margin-left: 65px;
  min-height: 25px;
  min-width: 100px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .academics-1 {
  letter-spacing: 0;
  line-height: 29px;
  margin-left: 2.0px;
  margin-top: 60px;
  min-height: 36px;
  min-width: 154px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .text-5 {
  color: var(--storm-dust);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xxxxl);
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 2.0px;
  margin-top: 44px;
  min-height: 90px;
  min-width: 944px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .group-197 {
  align-items: flex-start;
  display: flex;
  height: 409px;
  margin-left: 4.48px;
  margin-top: 48px;
  min-width: 1158px;
}

.home-desktop .group-192 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 407px;
  width: 268px;
}

.home-desktop .overlap-group {
  height: 311px;
  position: relative;
  width: 268px;
}

.home-desktop .kb {
  height: 268px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 268px;
}

.home-desktop .rectangle-6-copy-3-1 {
  background-color: var(--supernova);
  height: 41px;
  left: 0;
  position: absolute;
  top: 228px;
  width: 141px;
}

.home-desktop .kbtk {
  left: 7px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 233px;
  white-space: nowrap;
}

.home-desktop .rectangle-6-copy-3 {
  background-color: var(--cosmic-cobalt);
  height: 41px;
  left: 0;
  position: absolute;
  top: 267px;
  width: 268px;
}

.home-desktop .taruna-bangsa {
  left: 7px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 272px;
  white-space: nowrap;
}

.home-desktop .text-6 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 0.03px;
  margin-top: 11px;
  min-height: 49px;
  white-space: nowrap;
}

.home-desktop .flex-row-1 {
  align-items: flex-end;
  display: flex;
  height: 18px;
  margin-left: 0.03px;
  margin-top: 18px;
  min-width: 128px;
}

.home-desktop .learn-more-1 {
  letter-spacing: 0;
  line-height: 17px;
  min-height: 18px;
  min-width: 75px;
  white-space: nowrap;
}

.home-desktop .union-1 {
  height: 7px;
  margin-bottom: 2.26px;
  margin-left: 8px;
  object-fit: cover;
  width: 44px;
}

.home-desktop .group-165 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 27px;
  min-height: 409px;
  width: 268px;
}

.home-desktop .sd {
  height: 268px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 268px;
}

.home-desktop .rectangle-6-copy-3-2 {
  background-color: var(--alizarin-crimson);
  height: 41px;
  left: 0;
  position: absolute;
  top: 228px;
  width: 141px;
}

.home-desktop .sd-1 {
  left: 7px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 233px;
  white-space: nowrap;
}

.home-desktop .text-7 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 0;
  margin-top: 11px;
  min-height: 49px;
  white-space: nowrap;
}

.home-desktop .flex-row-2 {
  align-items: center;
  display: flex;
  height: 19px;
  margin-left: 0.48px;
  margin-top: 18px;
  min-width: 127px;
}

.home-desktop .learn-more-2 {
  color: var(--cerulean);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-l);
  letter-spacing: 0;
  line-height: 18px;
  min-height: 19px;
  min-width: 80px;
  white-space: nowrap;
}

.home-desktop .union-1-1 {
  height: 7px;
  margin-left: 3px;
  margin-top: 3.0px;
  object-fit: cover;
  width: 44px;
}

.home-desktop .group-16 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 28px;
  min-height: 407px;
  width: 268px;
}

.home-desktop .overlap-group7 {
  height: 311px;
  margin-left: 0.03px;
  position: relative;
  width: 268px;
}

.home-desktop .smp {
  height: 268px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 268px;
}

.home-desktop .rectangle-6-copy-3-3 {
  background-color: var(--cerulean);
  height: 41px;
  left: 0;
  position: absolute;
  top: 228px;
  width: 141px;
}

.home-desktop .smp-1 {
  left: 7px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 233px;
  white-space: nowrap;
}

.home-desktop .text {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 11px;
  min-height: 49px;
  white-space: nowrap;
}

.home-desktop .flex-row {
  align-items: flex-end;
  display: flex;
  height: 18px;
  margin-top: 18px;
  min-width: 128px;
}

.home-desktop .overlap-group8 {
  height: 311px;
  margin-left: 0.06px;
  position: relative;
  width: 268px;
}

.home-desktop .sma {
  height: 268px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 268px;
}

.home-desktop .rectangle-6-copy-3-4 {
  background-color: var(--gunsmoke);
  height: 41px;
  left: 0;
  position: absolute;
  top: 228px;
  width: 141px;
}

.home-desktop .sma-1 {
  left: 7px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 233px;
  white-space: nowrap;
}

.home-desktop .overlap-group2 {
  align-items: flex-start;
  background-color: var(--cosmic-cobalt);
  display: flex;
  height: 989px;
  margin-top: 58px;
  min-width: 1440px;
}

.home-desktop .flex-col-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  min-height: 929px;
  width: 1300px;
}

.home-desktop .flex-row-3 {
  align-items: flex-end;
  align-self: flex-start;
  display: flex;
  min-width: 786px;
}

.home-desktop .group-154 {
  align-items: flex-end;
  display: flex;
  height: 113px;
  min-width: 225px;
}

.home-desktop .rectangle-24 {
  background-color: var(--ocean-green);
  height: 57px;
  width: 56px;
}

.home-desktop .rectangle-23 {
  align-self: flex-start;
  background-color: var(--supernova);
  height: 56px;
  width: 113px;
}

.home-desktop .intersection-2 {
  height: 56px;
  margin-bottom: 1.0px;
  object-fit: cover;
  width: 56px;
}

.home-desktop .facilities-1 {
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 16.5px;
  margin-left: 430px;
  min-height: 36px;
  min-width: 130px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .didirikan-pada-tahun {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xxxxl);
  height: 120px;
  letter-spacing: 0;
  line-height: 30px;
  margin-left: 142.64px;
  margin-top: 26px;
  text-align: center;
  width: 997px;
}

.home-desktop .group-194 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  margin-top: 24px;
  min-width: 1160px;
}

.home-desktop .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 544px;
  width: 368px;
}

.home-desktop .group-18 {
  align-items: flex-start;
  display: flex;
  min-width: 368px;
}

.home-desktop .overlap-group-1 {
  height: 258px;
  position: relative;
  width: 368px;
}

.home-desktop .foto-ballet {
  align-items: flex-end;
  display: flex;
  height: 258px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 368px;
}

.home-desktop .foto-ballet-1 {
  background-image: url(../img/stock-photo-ballet-home-training-remote-learning-little-ballerin@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 300px;
  margin-bottom: -36.0px;
  margin-left: -20px;
  width: 409px;
}

.home-desktop .ruang-ballet {
  left: 13px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-decoration: underline;
  top: 231px;
  white-space: nowrap;
}

.home-desktop .group-185 {
  align-items: flex-start;
  display: flex;
  margin-top: 28px;
  min-width: 368px;
}

.home-desktop .foto {
  align-items: flex-start;
  display: flex;
  height: 258px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 368px;
}

.home-desktop .foto-guitar {
  background-image: url(../img/stock-photo-teacher-and-children-in-the-guitar-course-at-summer-@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 316px;
  margin-left: -44px;
  margin-top: -28.0px;
  width: 432px;
}

.home-desktop .kolam-renang {
  left: 13px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-decoration: underline;
  top: 227px;
  white-space: nowrap;
}

.home-desktop .group-184 {
  align-items: flex-start;
  display: flex;
  margin-left: 27px;
  min-width: 368px;
}

.home-desktop .overlap-group7-1 {
  height: 544px;
  position: relative;
  width: 368px;
}

.home-desktop .foto-robotik {
  align-items: flex-start;
  display: flex;
  height: 544px;
  left: 0;
  overflow: hidden;
  padding: 0 0.0px;
  position: absolute;
  top: 0;
  width: 368px;
}

.home-desktop .foto-robotik-1 {
  background-image: url(../img/stock-photo-female-pupil-in-science-lesson-studying-robotics-110@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 587px;
  margin-top: -38.0px;
  width: 367px;
}

.home-desktop .lapangan-basket {
  color: var(--black);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-l);
  font-weight: 700;
  left: 17px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  text-decoration: underline;
  top: 514px;
  white-space: nowrap;
}

.home-desktop .flex-col-4 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-left: 28px;
  min-height: 544px;
  width: 368px;
}

.home-desktop .foto-taekwondo {
  background-image: url(../img/stock-photo-two-caucasian-boys-in-taekwondo-fittings-bowing-at-e@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 301px;
  margin-left: -12px;
  margin-top: -31.0px;
  width: 412px;
}

.home-desktop .ruang-musik {
  left: 13px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-decoration: underline;
  top: 230px;
  white-space: nowrap;
}

.home-desktop .group-169 {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin-top: 28px;
  min-width: 368px;
}

.home-desktop .foto-chess {
  background-image: url(../img/stock-photo-the-child-plays-chess-and-makes-the-first-move-a-paw@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 280px;
  margin-left: -15px;
  margin-top: -8.0px;
  width: 413px;
}

.home-desktop .lab-bahasa {
  left: 13px;
  letter-spacing: 0;
  line-height: 15px;
  position: absolute;
  text-decoration: underline;
  top: 227px;
  white-space: nowrap;
}

.home-desktop .group-172 {
  align-items: center;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 51px;
  margin-left: 140.0px;
  margin-top: 49px;
  min-width: 200px;
  padding: 0 52px;
}

.home-desktop .intersection-3 {
  align-self: flex-end;
  height: 120px;
  margin-left: 19px;
  object-fit: cover;
  width: 120px;
}

.home-desktop .news-events-1 {
  letter-spacing: 0;
  line-height: 29px;
  margin-left: 2.0px;
  margin-top: 60px;
  min-height: 36px;
  min-width: 206px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .group-195 {
  align-items: flex-start;
  display: flex;
  height: 294px;
  margin-left: 0.32px;
  margin-top: 47px;
  min-width: 1160px;
  padding: 0 0.0px;
}

.home-desktop .group-113 {
  align-items: flex-end;
  align-self: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 293px;
  min-width: 264px;
  padding: 0.4px 0;
}

.home-desktop .subtraction-1 {
  height: 118px;
  object-fit: cover;
  width: 264px;
}

.home-desktop .group-112 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 293px;
  margin-left: 34px;
  min-width: 264px;
  padding: 0.4px 0.0px;
}

.home-desktop .group-111 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 293px;
  justify-content: flex-end;
  margin-left: 34px;
  min-width: 264px;
  padding: 0.4px 0.0px;
}

.home-desktop .group-110 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 293px;
  justify-content: flex-end;
  margin-left: 35px;
  min-width: 264px;
  padding: 0.4px 0.0px;
}

.home-desktop .group-173 {
  align-items: center;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 51px;
  margin-top: 49px;
  min-width: 200px;
  padding: 0 54px;
}

.home-desktop .read-more {
  letter-spacing: 0;
  line-height: 19px;
  min-height: 22px;
  min-width: 90px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .overlap-group3 {
  align-items: flex-end;
  background-color: var(--cosmic-cobalt);
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  min-height: 973px;
  padding: 60px 135px;
  width: 1440px;
}

.home-desktop .text-2 {
  align-self: center;
  letter-spacing: 0;
  line-height: 29px;
  margin-left: 2.0px;
  min-height: 36px;
  min-width: 346px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .group-196 {
  align-items: flex-start;
  display: flex;
  height: 769px;
  margin-top: 47px;
  min-width: 1169px;
}

.home-desktop .flex-col-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 769px;
  width: 369px;
}

.home-desktop .vector-mask-1 {
  background-color: var(--cloud);
  height: 369px;
  margin-left: 1px;
  width: 368px;
}

.home-desktop .vector-mask {
  background-color: var(--cloud);
  height: 368px;
  margin-top: 32px;
  width: 369px;
}

.home-desktop .flex-col-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 31px;
  min-height: 769px;
  width: 370px;
}

.home-desktop .vector-mask-2 {
  background-color: var(--cloud);
  height: 369px;
  margin-left: 1px;
  width: 369px;
}

.home-desktop .flex-col-7 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 31px;
  min-height: 769px;
  width: 368px;
}

.home-desktop .vector-mask-3 {
  background-color: var(--cloud);
  height: 369px;
  width: 368px;
}

.home-desktop .vector-mask-4 {
  background-color: var(--cloud);
  height: 368px;
  margin-top: 32px;
  width: 368px;
}

.home-desktop .text-1-2 {
  letter-spacing: 0;
  line-height: 29px;
  margin-left: 2.0px;
  margin-top: 60px;
  min-height: 36px;
  min-width: 454px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .rectangle-33 {
  height: 560px;
  margin-top: 47px;
  width: 996px;
}

.home-desktop .flex-row-4 {
  align-items: flex-start;
  display: flex;
  margin-top: 59px;
  min-width: 1440px;
}

.home-desktop .fancy-maps-map {
  cursor: pointer;
  height: 410px;
  object-fit: cover;
  width: 720px;
}

.home-desktop .overlap-group-2 {
  align-items: center;
  background-color: var(--cosmic-cobalt);
  display: flex;
  height: 410px;
  justify-content: flex-end;
  min-width: 720px;
  padding: 35.9px 55.1px;
}

.home-desktop .group-263 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 324px;
  width: 365px;
}

.home-desktop .contact-us-1 {
  letter-spacing: 0;
  line-height: 29px;
  min-height: 36px;
  white-space: nowrap;
}

.home-desktop .text-4 {
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 13px;
  min-height: 209px;
  white-space: nowrap;
}

.home-desktop .group-174 {
  align-items: flex-end;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 51px;
  margin-left: 0.27px;
  margin-top: 14px;
  min-width: 200px;
  padding: 14.5px 52.0px;
}

.home-desktop .group-191 {
  align-self: flex-end;
  background-image: url(../img/union-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 75px;
  margin-left: 128px;
  width: 88px;
}

.home-desktop .flex-row-5 {
  align-items: center;
  display: flex;
  margin-right: 6.49px;
  margin-top: 60px;
  min-width: 1166px;
}

.home-desktop .logo-stb-1 {
  height: 60px;
  margin-bottom: 0.19px;
  object-fit: cover;
  width: 199px;
}

.home-desktop .group-187 {
  align-items: flex-end;
  display: flex;
  height: 136px;
  margin-left: 89px;
  min-width: 341px;
}

.home-desktop .flex-col-8 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: -2.5px;
  min-height: 138px;
  width: 108px;
}

.home-desktop .about-us-1 {
  letter-spacing: 0;
  line-height: 21px;
  min-height: 27px;
  min-width: 94px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .academics-2 {
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 28px;
  min-height: 27px;
  min-width: 108px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .facilities-2 {
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 29px;
  min-height: 27px;
  min-width: 88px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .flex-col-9 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: -2.5px;
  margin-left: 85px;
  min-height: 138px;
  width: 148px;
}

.home-desktop .why-tb-1 {
  letter-spacing: 0;
  line-height: 21px;
  min-height: 27px;
  min-width: 86px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .news-events-2 {
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 28px;
  min-height: 27px;
  min-width: 148px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .contact-us-2 {
  letter-spacing: 0;
  line-height: 21px;
  margin-top: 29px;
  min-height: 27px;
  min-width: 110px;
  text-align: center;
  white-space: nowrap;
}

.home-desktop .group-176 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0.95px;
  margin-left: 304px;
  min-width: 232px;
}

.home-desktop .facebook-icon {
  align-self: flex-end;
  background-image: url(../img/forma-1-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 40px;
  margin-bottom: 0;
  width: 40px;
}

.home-desktop .instagram-icon {
  height: 41px;
  margin-left: 24px;
  margin-top: 0;
  object-fit: cover;
  width: 41px;
}

.home-desktop .twitter-icon {
  background-image: url(../img/forma-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 41px;
  margin-left: 22px;
  width: 41px;
}

.home-desktop .youtube-icon {
  align-self: flex-end;
  height: 40px;
  margin-bottom: 0;
  margin-left: 23px;
  object-fit: cover;
  width: 40px;
}

.home-desktop .line {
  background-color: var(--storm-dust);
  height: 1px;
  margin-top: 60px;
  width: 1160px;
}

.home-desktop .text-3 {
  color: var(--storm-dust);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xl);
  letter-spacing: 0;
  line-height: 19px;
  margin-left: 2.0px;
  margin-top: 24px;
  min-height: 22px;
  min-width: 336px;
  text-align: center;
  white-space: nowrap;
}
/* screen - home-mobile */

.home-mobile {
  align-items: center;
  background-color: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 3419px;
  overflow: hidden;
  width: 375px;
}

.home-mobile .overlap-group-3 {
  height: 257px;
  margin-left: 1.0px;
  position: relative;
  width: 380px;
}

.home-mobile .home-banner-revisi {
  cursor: pointer;
  height: 212px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 45px;
  width: 380px;
}

.home-mobile .titik-titik-slide {
  align-items: center;
  display: flex;
  height: 4px;
  left: 172px;
  position: absolute;
  top: 247px;
}

.home-mobile .ellipse-2 {
  background-color: var(--gunsmoke);
  border-radius: 1.87px;
  height: 4px;
  width: 4px;
}

.home-mobile .ellipse-2-copy {
  background-color: var(--gunsmoke);
  border-radius: 1.35px;
  height: 3px;
  margin-bottom: 0;
  margin-left: 4px;
  opacity: 0.5;
  width: 3px;
}

.home-mobile .header-rectangle {
  background-color: var(--white);
  box-shadow: 0px 0px 40px #81828538;
  height: 50px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 375px;
}

.home-mobile .logo-stb {
  height: 26px;
  left: 34px;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: 87px;
}

.home-mobile .group-261 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 318px;
  position: absolute;
  top: 16px;
  width: 24px;
}

.home-mobile .rectangle-36 {
  background-color: var(--cosmic-cobalt);
  border-radius: 5px;
  height: 5px;
  width: 24px;
}

.home-mobile .rectangle-3 {
  background-color: var(--cosmic-cobalt);
  border-radius: 5px;
  height: 5px;
  margin-top: 2px;
  width: 24px;
}

.home-mobile .overlap-group4 {
  height: 555px;
  position: relative;
  width: 409px;
}

.home-mobile .rectangle-1 {
  background-color: var(--cosmic-cobalt);
  height: 555px;
  left: 17px;
  position: absolute;
  top: 0;
  width: 375px;
}

.home-mobile .text-37 {
  left: 102px;
  letter-spacing: 0;
  line-height: 6px;
  position: absolute;
  text-align: center;
  top: 22px;
  white-space: nowrap;
}

.home-mobile .text-38 {
  left: 105px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 44px;
  white-space: nowrap;
}

.home-mobile .subtraction-10 {
  height: 92px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 52px;
  width: 409px;
}

.home-mobile .group-220 {
  align-items: flex-end;
  background-color: var(--cerulean);
  border-radius: 4px;
  display: flex;
  height: 15px;
  justify-content: flex-end;
  left: 174px;
  padding: 0.3px 10px;
  position: absolute;
  top: 113px;
}

.home-mobile .learn-more {
  letter-spacing: 0;
  line-height: 3px;
  min-height: 10px;
  min-width: 38px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .group-210 {
  height: 41px;
  left: 52px;
  position: absolute;
  top: 159px;
  width: 44px;
}

.home-mobile .group-129 {
  align-items: flex-end;
  background-color: var(--alizarin-crimson);
  display: flex;
  height: 21px;
  left: 0;
  padding: 0 3.7px;
  position: absolute;
  top: 0;
}

.home-mobile .why {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: -0.45px;
  min-height: 20px;
  min-width: 35px;
  white-space: nowrap;
}

.home-mobile .group-128 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 20px;
  left: 0;
  padding: 0 3.7px;
  position: absolute;
  top: 21px;
}

.home-mobile .tb {
  color: var(--cosmic-cobalt);
  font-family: var(--font-family-ubuntu);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 14px;
  margin-bottom: -0.98px;
  min-height: 20px;
  min-width: 30px;
  white-space: nowrap;
}

.home-mobile .group-228 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 81px;
  position: absolute;
  top: 223px;
  width: 246px;
}

.home-mobile .group-221 {
  align-items: flex-start;
  display: flex;
  height: 23px;
  margin-left: 0.24px;
  min-width: 247px;
}

.home-mobile .group-14 {
  align-items: center;
  align-self: center;
  display: flex;
  margin-top: 0.38px;
  min-width: 21px;
  padding: 0 0.0px;
}

.home-mobile .overlap-group5 {
  height: 21px;
  position: relative;
  width: 21px;
}

.home-mobile .subtraction-7 {
  height: 21px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 11px;
}

.home-mobile .subtraction-8 {
  height: 21px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 11px;
}

.home-mobile .text {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 8px;
  margin-top: -0.5px;
  min-height: 25px;
  white-space: nowrap;
}

.home-mobile .group-222 {
  align-items: flex-start;
  display: flex;
  height: 23px;
  margin-left: 0.24px;
  margin-top: 15px;
  min-width: 239px;
}

.home-mobile .group-223 {
  align-items: flex-start;
  display: flex;
  height: 47px;
  margin-left: 0.24px;
  margin-top: 15px;
  min-width: 243px;
}

.home-mobile .text-40 {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 8px;
  margin-top: -0.5px;
  min-height: 49px;
  white-space: nowrap;
}

.home-mobile .group-224 {
  align-items: flex-start;
  display: flex;
  height: 35px;
  margin-top: 15px;
  min-width: 225px;
}

.home-mobile .text-42 {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 8px;
  margin-top: -0.5px;
  min-height: 37px;
  white-space: nowrap;
}

.home-mobile .group-225 {
  align-items: flex-start;
  display: flex;
  height: 23px;
  margin-top: 15px;
  min-width: 231px;
}

.home-mobile .group-14-1 {
  align-items: center;
  align-self: center;
  display: flex;
  margin-top: 0.38px;
  min-width: 22px;
  padding: 0 0.0px;
}

.home-mobile .subtraction {
  height: 21px;
  object-fit: cover;
  width: 11px;
}

.home-mobile .group-226 {
  align-items: flex-start;
  display: flex;
  height: 23px;
  margin-top: 15px;
  min-width: 248px;
}

.home-mobile .group-227 {
  align-items: flex-start;
  display: flex;
  height: 23px;
  margin-top: 15px;
  min-width: 228px;
}

.home-mobile .text-46 {
  letter-spacing: 0;
  line-height: 6px;
  margin-left: 2.0px;
  margin-top: 19px;
  min-height: 19px;
  min-width: 206px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .text-47 {
  letter-spacing: 0;
  line-height: 12px;
  margin-left: 3.0px;
  margin-top: 3px;
  min-height: 61px;
  min-width: 204px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .group-253 {
  align-items: flex-start;
  display: flex;
  height: 367px;
  margin-left: 0;
  margin-top: 8px;
  min-width: 270px;
}

.home-mobile .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 367px;
  width: 119px;
}

.home-mobile .group-235 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 178px;
  width: 119px;
}

.home-mobile .overlap-group {
  height: 137px;
  position: relative;
  width: 119px;
}

.home-mobile .kb {
  height: 119px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 119px;
}

.home-mobile .rectangle-6-copy-3-1 {
  background-color: var(--supernova);
  height: 18px;
  left: 0;
  position: absolute;
  top: 101px;
  width: 63px;
}

.home-mobile .kbtk {
  left: 3px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  top: 103px;
  white-space: nowrap;
}

.home-mobile .rectangle-6-copy-3 {
  background-color: var(--cosmic-cobalt);
  height: 18px;
  left: 0;
  position: absolute;
  top: 118px;
  width: 119px;
}

.home-mobile .taruna-bangsa {
  left: 3px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  top: 121px;
  white-space: nowrap;
}

.home-mobile .text-48 {
  letter-spacing: 0;
  line-height: 8px;
  margin-left: 0.21px;
  margin-top: 7px;
  min-height: 27px;
  white-space: nowrap;
}

.home-mobile .group-229 {
  align-items: center;
  display: flex;
  height: 6px;
  margin-left: 0.21px;
  margin-top: 1px;
  min-width: 51px;
}

.home-mobile .learn-more-1 {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: 5px;
  margin-bottom: -2px;
  min-height: 8px;
  min-width: 28px;
  white-space: nowrap;
}

.home-mobile .union-1 {
  height: 3px;
  margin-left: 3px;
  margin-top: 1.32px;
  object-fit: cover;
  width: 20px;
}

.home-mobile .group-233 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 11px;
  min-height: 178px;
  width: 119px;
}

.home-mobile .overlap-group7 {
  height: 137px;
  margin-left: 0.2px;
  position: relative;
  width: 119px;
}

.home-mobile .smp {
  height: 119px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 119px;
}

.home-mobile .rectangle-6-copy-3-2 {
  background-color: var(--cerulean);
  height: 18px;
  left: 0;
  position: absolute;
  top: 101px;
  width: 63px;
}

.home-mobile .smp-1 {
  left: 3px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  top: 103px;
  white-space: nowrap;
}

.home-mobile .text-50 {
  letter-spacing: 0;
  line-height: 8px;
  margin-left: 0.04px;
  margin-top: 7px;
  min-height: 27px;
  white-space: nowrap;
}

.home-mobile .group-231 {
  align-items: center;
  display: flex;
  height: 6px;
  margin-top: 1px;
  min-width: 51px;
}

.home-mobile .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 31px;
  min-height: 367px;
  width: 119px;
}

.home-mobile .group-236 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 179px;
  width: 119px;
}

.home-mobile .sd {
  height: 119px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 119px;
}

.home-mobile .rectangle-6-copy-3-3 {
  background-color: var(--alizarin-crimson);
  height: 18px;
  left: 0;
  position: absolute;
  top: 101px;
  width: 63px;
}

.home-mobile .sd-1 {
  left: 3px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  top: 103px;
  white-space: nowrap;
}

.home-mobile .text-49 {
  letter-spacing: 0;
  line-height: 8px;
  margin-left: 0.25px;
  margin-top: 7px;
  min-height: 27px;
  white-space: nowrap;
}

.home-mobile .group-230 {
  align-items: center;
  display: flex;
  height: 6px;
  margin-left: 0.25px;
  margin-top: 1px;
  min-width: 51px;
}

.home-mobile .group-234 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  min-height: 179px;
  width: 119px;
}

.home-mobile .sma {
  height: 119px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 119px;
}

.home-mobile .rectangle-6-copy-3-4 {
  background-color: var(--gunsmoke);
  height: 18px;
  left: 0;
  position: absolute;
  top: 101px;
  width: 63px;
}

.home-mobile .sma-1 {
  left: 3px;
  letter-spacing: 0;
  line-height: 10px;
  position: absolute;
  top: 103px;
  white-space: nowrap;
}

.home-mobile .text-51 {
  letter-spacing: 0;
  line-height: 8px;
  margin-left: 0.43px;
  margin-top: 7px;
  min-height: 27px;
  white-space: nowrap;
}

.home-mobile .group-232 {
  align-items: center;
  display: flex;
  height: 6px;
  margin-left: 0.43px;
  margin-top: 2px;
  min-width: 51px;
}

.home-mobile .overlap-group3 {
  align-items: flex-start;
  background-color: var(--cosmic-cobalt);
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  min-height: 519px;
  width: 375px;
}

.home-mobile .overlap-group11 {
  height: 139px;
  position: relative;
  width: 288px;
}

.home-mobile .facilities {
  left: 156px;
  letter-spacing: 0;
  line-height: 6px;
  position: absolute;
  text-align: center;
  top: 20px;
  white-space: nowrap;
}

.home-mobile .didirikan-pada-tahun {
  left: 90px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 42px;
  white-space: nowrap;
}

.home-mobile .group-206 {
  align-items: flex-end;
  display: flex;
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
}

.home-mobile .rectangle-24 {
  background-color: var(--ocean-green);
  height: 23px;
  width: 22px;
}

.home-mobile .rectangle-23 {
  align-self: flex-start;
  background-color: var(--supernova);
  height: 22px;
  width: 45px;
}

.home-mobile .intersection-2 {
  height: 22px;
  margin-bottom: 0.4px;
  object-fit: cover;
  width: 22px;
}

.home-mobile .overlap-group12 {
  align-self: flex-end;
  height: 372px;
  margin-right: 0;
  margin-top: 8px;
  position: relative;
  width: 340px;
}

.home-mobile .overlap-group6 {
  height: 372px;
  left: 0;
  position: absolute;
  top: 0;
  width: 340px;
}

.home-mobile .intersection-4 {
  height: 69px;
  left: 271px;
  object-fit: cover;
  position: absolute;
  top: 303px;
  width: 69px;
}

.home-mobile .group-252 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
  width: 305px;
}

.home-mobile .flex-row {
  align-items: flex-start;
  display: flex;
  min-width: 305px;
}

.home-mobile .group-246 {
  align-items: flex-start;
  display: flex;
  min-width: 148px;
}

.home-mobile .overlap-group-1 {
  height: 103px;
  position: relative;
  width: 148px;
}

.home-mobile .foto-ballet {
  align-items: flex-end;
  display: flex;
  height: 103px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 148px;
}

.home-mobile .foto-ballet-1 {
  background-image: url(../img/stock-photo-ballet-home-training-remote-learning-little-ballerin-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 120px;
  margin-bottom: -14.43px;
  margin-left: -8px;
  width: 164px;
}

.home-mobile .ruang {
  left: 5px;
  letter-spacing: 0;
  line-height: 3px;
  position: absolute;
  text-decoration: underline;
  top: 93px;
  white-space: nowrap;
}

.home-mobile .group-247 {
  align-items: flex-start;
  display: flex;
  margin-left: 10px;
  min-width: 148px;
}

.home-mobile .foto-guitar {
  align-items: flex-start;
  display: flex;
  height: 103px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 148px;
}

.home-mobile .foto-guitar-1 {
  background-image: url(../img/stock-photo-teacher-and-children-in-the-guitar-course-at-summer--2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 127px;
  margin-left: -18px;
  margin-top: -11.23px;
  width: 173px;
}

.home-mobile .kolam-renang {
  left: 5px;
  letter-spacing: 0;
  line-height: 4px;
  position: absolute;
  text-decoration: underline;
  top: 93px;
  white-space: nowrap;
}

.home-mobile .group-251 {
  align-items: flex-end;
  background-image: url(../img/mask-group-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 103px;
  margin-top: 9px;
  min-width: 305px;
  padding: 3.2px 5.4px;
}

.home-mobile .lapangan-basket {
  letter-spacing: 0;
  line-height: 3px;
  min-height: 8px;
  min-width: 43px;
  text-decoration: underline;
  white-space: nowrap;
}

.home-mobile .flex-row-1 {
  align-items: flex-start;
  display: flex;
  margin-top: 11px;
  min-width: 305px;
}

.home-mobile .group-250 {
  align-items: flex-start;
  display: flex;
  min-width: 147px;
}

.home-mobile .overlap-group-2 {
  height: 103px;
  position: relative;
  width: 147px;
}

.home-mobile .foto {
  align-items: flex-start;
  display: flex;
  height: 103px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 147px;
}

.home-mobile .foto-taekwondo {
  background-image: url(../img/stock-photo-two-caucasian-boys-in-taekwondo-fittings-bowing-at-e-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 121px;
  margin-left: -5px;
  margin-top: -12.43px;
  width: 165px;
}

.home-mobile .group-249 {
  align-items: flex-start;
  display: flex;
  margin-left: 10px;
  min-width: 147px;
}

.home-mobile .foto-chess {
  background-image: url(../img/stock-photo-the-child-plays-chess-and-makes-the-first-move-a-paw-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 112px;
  margin-left: -6px;
  margin-top: -3.21px;
  width: 166px;
}

.home-mobile .lab-bahasa {
  left: 6px;
  letter-spacing: 0;
  line-height: 3px;
  position: absolute;
  text-decoration: underline;
  top: 93px;
  white-space: nowrap;
}

.home-mobile .group-237 {
  align-items: flex-end;
  background-color: var(--cerulean);
  border-radius: 4px;
  display: flex;
  height: 15px;
  justify-content: flex-end;
  left: 122px;
  padding: 0.3px 10px;
  position: absolute;
  top: 342px;
}

.home-mobile .news-events {
  letter-spacing: 0;
  line-height: 6px;
  margin-left: 3.0px;
  margin-top: 19px;
  min-height: 19px;
  min-width: 108px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .group-244 {
  align-items: flex-start;
  display: flex;
  height: 320px;
  margin-left: 1.0px;
  margin-top: 3px;
  min-width: 290px;
  padding: 0 0.0px;
}

.home-mobile .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  width: 140px;
}

.home-mobile .group-113 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 155px;
  min-width: 140px;
  padding: 0.2px 0;
}

.home-mobile .subtraction-1 {
  height: 62px;
  object-fit: cover;
  width: 140px;
}

.home-mobile .group-238 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 155px;
  margin-left: 0;
  margin-top: 10px;
  min-width: 140px;
  padding: 0.2px 0;
}

.home-mobile .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 9px;
  min-height: 320px;
  width: 140px;
}

.home-mobile .group-112 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 155px;
  min-width: 140px;
  padding: 0.2px 0.0px;
}

.home-mobile .group-239 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 155px;
  margin-top: 10px;
  min-width: 140px;
  padding: 0.2px 0.0px;
}

.home-mobile .group-240 {
  align-items: flex-end;
  background-color: var(--cerulean);
  border-radius: 4px;
  display: flex;
  height: 15px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 10px;
  min-width: 60px;
  padding: 0.3px 11px;
}

.home-mobile .read-more {
  letter-spacing: 0;
  line-height: 3px;
  min-height: 10px;
  min-width: 36px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .overlap-group1 {
  align-items: flex-end;
  background-color: var(--cosmic-cobalt);
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  min-height: 510px;
  padding: 19.5px 42px;
  width: 375px;
}

.home-mobile .text-52 {
  align-self: center;
  letter-spacing: 0;
  line-height: 6px;
  margin-left: 3.0px;
  min-height: 19px;
  min-width: 174px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .group-243 {
  align-items: flex-end;
  display: flex;
  height: 441px;
  margin-top: 3px;
  min-width: 290px;
}

.home-mobile .flex-col-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  min-height: 441px;
  width: 140px;
}

.home-mobile .vector-mask {
  background-color: var(--cloud);
  height: 140px;
  width: 140px;
}

.home-mobile .vector-mask-1 {
  background-color: var(--cloud);
  height: 140px;
  margin-top: 9px;
  width: 140px;
}

.home-mobile .flex-col-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 10px;
  min-height: 441px;
  width: 140px;
}

.home-mobile .text-53 {
  letter-spacing: 0;
  line-height: 6px;
  margin-left: 3.0px;
  margin-top: 19px;
  min-height: 19px;
  min-width: 230px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .rectangle-35 {
  height: 172px;
  margin-top: 3px;
  width: 305px;
}

.home-mobile .overlap-group10 {
  height: 307px;
  margin-top: 25px;
  position: relative;
  width: 375px;
}

.home-mobile .fancy-maps-map {
  cursor: pointer;
  height: 153px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 375px;
}

.home-mobile .overlap-group2 {
  align-items: flex-start;
  background-color: var(--cosmic-cobalt);
  display: flex;
  height: 153px;
  left: 0;
  min-width: 375px;
  padding: 8.1px 35px;
  position: absolute;
  top: 153px;
}

.home-mobile .group-264 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 136px;
  width: 151px;
}

.home-mobile .contact-us {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  min-height: 15px;
  white-space: nowrap;
}

.home-mobile .text-55 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-s);
  letter-spacing: 0;
  line-height: 10px;
  margin-top: 9px;
  min-height: 82px;
  white-space: nowrap;
}

.home-mobile .group-174 {
  align-items: flex-end;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 20px;
  justify-content: flex-end;
  margin-top: 10px;
  min-width: 78px;
  padding: 5.0px 21.2px;
}

.home-mobile .learn-more-2 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 6px;
  letter-spacing: 0;
  line-height: 6px;
  min-height: 9px;
  min-width: 34px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .group-214 {
  align-self: flex-end;
  background-image: url(../img/union-2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 34px;
  margin-bottom: 6.72px;
  margin-left: 113px;
  width: 40px;
}

.home-mobile .flex-row-2 {
  align-items: center;
  display: flex;
  margin-right: 2.53px;
  margin-top: 14px;
  min-width: 312px;
}

.home-mobile .logo-stb-1 {
  height: 34px;
  margin-bottom: 0.06px;
  object-fit: cover;
  width: 113px;
}

.home-mobile .group-242 {
  align-items: flex-end;
  display: flex;
  height: 52px;
  margin-left: 49px;
  min-width: 149px;
}

.home-mobile .flex-col-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: -2.5px;
  min-height: 54px;
  width: 50px;
}

.home-mobile .about-us {
  letter-spacing: 0;
  line-height: 9px;
  min-height: 13px;
  min-width: 44px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .academics {
  letter-spacing: 0;
  line-height: 9px;
  margin-top: 7px;
  min-height: 13px;
  min-width: 50px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .facilities-1 {
  letter-spacing: 0;
  line-height: 9px;
  margin-top: 8px;
  min-height: 13px;
  min-width: 42px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .flex-col-7 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  margin-bottom: -2.5px;
  margin-left: 30px;
  min-height: 54px;
  width: 68px;
}

.home-mobile .why-tb {
  letter-spacing: 0;
  line-height: 9px;
  min-height: 13px;
  min-width: 40px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .news-events-1 {
  letter-spacing: 0;
  line-height: 9px;
  margin-top: 7px;
  min-height: 13px;
  min-width: 68px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .contact-us-1 {
  letter-spacing: 0;
  line-height: 9px;
  margin-top: 8px;
  min-height: 13px;
  min-width: 52px;
  text-align: center;
  white-space: nowrap;
}

.home-mobile .group-202 {
  align-items: flex-start;
  display: flex;
  margin-left: 0;
  margin-top: 10px;
  min-width: 131px;
}

.home-mobile .facebook-icon {
  align-self: flex-end;
  background-image: url(../img/forma-1-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 23px;
  margin-bottom: 0;
  width: 23px;
}

.home-mobile .instagram-icon {
  height: 23px;
  margin-left: 13px;
  margin-top: 0;
  object-fit: cover;
  width: 23px;
}

.home-mobile .twitter-icon {
  background-image: url(../img/forma-1-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 23px;
  margin-left: 12px;
  width: 23px;
}

.home-mobile .youtube-icon {
  align-self: flex-end;
  height: 23px;
  margin-bottom: 0;
  margin-left: 13px;
  object-fit: cover;
  width: 23px;
}

.home-mobile .line {
  background-color: var(--storm-dust);
  height: 1px;
  margin-top: 15px;
  width: 305px;
}

.home-mobile .text-54 {
  color: var(--storm-dust);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-s);
  letter-spacing: 0;
  line-height: 10px;
  margin-left: 2.0px;
  margin-top: 4px;
  min-height: 12px;
  min-width: 170px;
  text-align: center;
  white-space: nowrap;
}
/* screen - home-small-desktop */

.home-small-desktop {
  align-items: center;
  background-color: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 6041px;
  overflow: hidden;
  width: 1280px;
}

.home-small-desktop .overlap-group4 {
  height: 800px;
  margin-left: 1.0px;
  position: relative;
  width: 1285px;
}

.home-small-desktop .home-banner-revisi {
  cursor: pointer;
  height: 716px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 84px;
  width: 1285px;
}

.home-small-desktop .titik-titik-slide {
  align-items: center;
  display: flex;
  height: 13px;
  left: 585px;
  position: absolute;
  top: 766px;
}

.home-small-desktop .ellipse-2 {
  background-color: var(--gunsmoke);
  border-radius: 6.42px/6.41px;
  height: 13px;
  width: 13px;
}

.home-small-desktop .ellipse-2-copy-1 {
  background-color: var(--gunsmoke);
  border-radius: 4.63px;
  height: 9px;
  margin-left: 14px;
  margin-top: 0;
  opacity: 0.5;
  width: 9px;
}

.home-small-desktop .ellipse-2-copy {
  background-color: var(--gunsmoke);
  border-radius: 4.64px/4.63px;
  height: 9px;
  margin-left: 16px;
  margin-top: 0;
  opacity: 0.5;
  width: 9px;
}

.home-small-desktop .header-rectangle {
  background-color: var(--white);
  box-shadow: 0px 0px 40px #81828538;
  height: 86px;
  left: 3px;
  position: absolute;
  top: 0;
  width: 1279px;
}

.home-small-desktop .group-215 {
  align-items: center;
  display: flex;
  height: 53px;
  left: 135px;
  position: absolute;
  top: 17px;
}

.home-small-desktop .logo-stb {
  align-self: flex-start;
  height: 53px;
  margin-top: 0;
  object-fit: cover;
  width: 177px;
}

.home-small-desktop .about-us {
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 5.04px;
  margin-left: 60px;
  min-height: 20px;
  min-width: 68px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .why-tb {
  color: var(--gunsmoke);
  font-family: var(--font-family-ubuntu);
  font-size: 17px;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 4.06px;
  margin-left: 60px;
  min-height: 21px;
  min-width: 66px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .academics {
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 5.04px;
  margin-left: 56px;
  min-height: 20px;
  min-width: 78px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .facilities {
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 5.04px;
  margin-left: 63px;
  min-height: 20px;
  min-width: 64px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .news-events {
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 5.04px;
  margin-left: 57px;
  min-height: 20px;
  min-width: 108px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .contact-us {
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 5.04px;
  margin-left: 70px;
  min-height: 20px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .overlap-group1 {
  height: 976px;
  margin-right: 0.3px;
  position: relative;
  width: 1451px;
}

.home-small-desktop .background-ekskul {
  background-color: var(--cosmic-cobalt);
  height: 627px;
  left: 86px;
  position: absolute;
  top: 349px;
  width: 1280px;
}

.home-small-desktop .group-210 {
  height: 68px;
  left: 224px;
  position: absolute;
  top: 403px;
  width: 75px;
}

.home-small-desktop .group-129 {
  align-items: flex-end;
  background-color: var(--alizarin-crimson);
  display: flex;
  height: 35px;
  left: 0;
  padding: 0 6.2px;
  position: absolute;
  top: 0;
}

.home-small-desktop .why {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 29px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: -1.33px;
  min-height: 34px;
  min-width: 62px;
  white-space: nowrap;
}

.home-small-desktop .group-128 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 34px;
  left: 0;
  padding: 0 6.2px;
  position: absolute;
  top: 35px;
}

.home-small-desktop .tb {
  color: var(--cosmic-cobalt);
  font-family: var(--font-family-ubuntu);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: -0.72px;
  min-height: 33px;
  min-width: 50px;
  white-space: nowrap;
}

.home-small-desktop .rectangle-1 {
  background-color: var(--cosmic-cobalt);
  height: 349px;
  left: 86px;
  position: absolute;
  top: 0;
  width: 1280px;
}

.home-small-desktop .group-211 {
  align-items: flex-start;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  left: 636px;
  padding: 12.8px 50.7px;
  position: absolute;
  top: 251px;
}

.home-small-desktop .learn-more {
  letter-spacing: 0;
  line-height: 15px;
  min-height: 18px;
  min-width: 74px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .text-26 {
  left: 556px;
  letter-spacing: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 58px;
  white-space: nowrap;
}

.home-small-desktop .text-27 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xxl);
  left: 354px;
  letter-spacing: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 128px;
  white-space: nowrap;
}

.home-small-desktop .group-212 {
  align-items: flex-start;
  display: flex;
  height: 400px;
  justify-content: flex-end;
  left: 227px;
  position: absolute;
  top: 516px;
}

.home-small-desktop .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  width: 435px;
}

.home-small-desktop .group-177 {
  align-items: flex-start;
  display: flex;
  height: 53px;
  min-width: 435px;
}

.home-small-desktop .group-14 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-top: 4.77px;
  min-width: 33px;
  padding: 0 0.0px;
}

.home-small-desktop .overlap-group5 {
  height: 33px;
  margin-top: 0;
  position: relative;
  width: 33px;
}

.home-small-desktop .subtraction-7 {
  height: 33px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 17px;
}

.home-small-desktop .subtraction-8 {
  height: 33px;
  left: 16px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 17px;
}

.home-small-desktop .text-3 {
  letter-spacing: 0;
  line-height: 33px;
  margin-left: 13px;
  margin-top: -6.5px;
  min-height: 55px;
  white-space: nowrap;
}

.home-small-desktop .group-178 {
  align-items: flex-start;
  display: flex;
  height: 53px;
  margin-top: 27px;
  min-width: 421px;
}

.home-small-desktop .group-179 {
  align-items: flex-start;
  display: flex;
  height: 119px;
  margin-top: 27px;
  min-width: 428px;
}

.home-small-desktop .group-141 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-top: 9.88px;
  min-width: 33px;
  padding: 0 0.0px;
}

.home-small-desktop .text-32 {
  letter-spacing: 0;
  line-height: 33px;
  margin-left: 13px;
  margin-top: -6.5px;
  min-height: 121px;
  white-space: nowrap;
}

.home-small-desktop .group-180 {
  align-items: flex-start;
  display: flex;
  height: 86px;
  margin-top: 33px;
  min-width: 395px;
}

.home-small-desktop .group-142 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-top: 7.33px;
  min-width: 33px;
  padding: 0 0.0px;
}

.home-small-desktop .text-34 {
  letter-spacing: 0;
  line-height: 33px;
  margin-left: 13px;
  margin-top: -6.5px;
  min-height: 88px;
  white-space: nowrap;
}

.home-small-desktop .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 124px;
  min-height: 215px;
  width: 437px;
}

.home-small-desktop .group-181 {
  align-items: flex-start;
  display: flex;
  height: 53px;
  justify-content: flex-end;
  min-width: 406px;
}

.home-small-desktop .group-14-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  margin-top: 4.77px;
  min-width: 34px;
  padding: 0 0.0px;
}

.home-small-desktop .subtraction {
  height: 33px;
  margin-top: 0;
  object-fit: cover;
  width: 17px;
}

.home-small-desktop .text {
  letter-spacing: 0;
  line-height: 33px;
  margin-left: 12px;
  margin-top: -6.5px;
  min-height: 55px;
  white-space: nowrap;
}

.home-small-desktop .group-182 {
  align-items: flex-start;
  display: flex;
  height: 53px;
  justify-content: flex-end;
  margin-top: 27px;
  min-width: 437px;
}

.home-small-desktop .group-183 {
  align-items: flex-start;
  display: flex;
  height: 53px;
  justify-content: flex-end;
  margin-top: 27px;
  min-width: 400px;
}

.home-small-desktop .subtraction-10 {
  height: 223px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 127px;
  width: 1451px;
}

.home-small-desktop .academics-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2.0px;
  margin-top: 53px;
  min-height: 30px;
  min-width: 128px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .text-21 {
  color: var(--storm-dust);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xxl);
  letter-spacing: 0;
  line-height: 25px;
  margin-left: 2.0px;
  margin-top: 41px;
  min-height: 76px;
  min-width: 792px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .group-207 {
  align-items: center;
  display: flex;
  height: 361px;
  margin-left: 0;
  margin-top: 41px;
  min-width: 1004px;
}

.home-small-desktop .group-192 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  width: 239px;
}

.home-small-desktop .overlap-group5-1 {
  height: 275px;
  position: relative;
  width: 239px;
}

.home-small-desktop .kb {
  height: 239px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 239px;
}

.home-small-desktop .rectangle-6-copy-3-1 {
  background-color: var(--supernova);
  height: 36px;
  left: 0;
  position: absolute;
  top: 202px;
  width: 126px;
}

.home-small-desktop .kbtk {
  left: 6px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 207px;
  white-space: nowrap;
}

.home-small-desktop .rectangle-6-copy-3 {
  background-color: var(--cosmic-cobalt);
  height: 36px;
  left: 0;
  position: absolute;
  top: 238px;
  width: 239px;
}

.home-small-desktop .taruna-bangsa {
  left: 6px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 242px;
  white-space: nowrap;
}

.home-small-desktop .text-22 {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 0.03px;
  margin-top: 12px;
  min-height: 53px;
  white-space: nowrap;
}

.home-small-desktop .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 14px;
  margin-left: 0.03px;
  margin-top: 5px;
  min-width: 114px;
}

.home-small-desktop .learn-more-1 {
  letter-spacing: 0;
  line-height: 14px;
  min-height: 14px;
  min-width: 59px;
  white-space: nowrap;
}

.home-small-desktop .union-1 {
  align-self: flex-end;
  height: 7px;
  margin-left: 15px;
  object-fit: cover;
  width: 39px;
}

.home-small-desktop .group-165 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  min-height: 361px;
  padding: 0 0.0px;
  width: 239px;
}

.home-small-desktop .overlap-group6 {
  height: 275px;
  margin-left: 0;
  position: relative;
  width: 239px;
}

.home-small-desktop .sd {
  height: 239px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 239px;
}

.home-small-desktop .rectangle-6-copy-3-2 {
  background-color: var(--alizarin-crimson);
  height: 36px;
  left: 0;
  position: absolute;
  top: 202px;
  width: 126px;
}

.home-small-desktop .sd-1 {
  left: 6px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 207px;
  white-space: nowrap;
}

.home-small-desktop .text-23 {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 0;
  margin-top: 12px;
  min-height: 53px;
  white-space: nowrap;
}

.home-small-desktop .flex-row-2 {
  align-items: flex-end;
  display: flex;
  height: 15px;
  margin-left: 0.42px;
  margin-top: 6px;
  min-width: 113px;
}

.home-small-desktop .learn-more-2 {
  color: var(--cerulean);
  font-family: var(--font-family-ubuntu);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px;
  min-height: 15px;
  min-width: 64px;
  white-space: nowrap;
}

.home-small-desktop .union-1-1 {
  height: 6px;
  margin-bottom: 1.94px;
  margin-left: 9px;
  object-fit: cover;
  width: 39px;
}

.home-small-desktop .group-16 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  min-height: 360px;
  width: 239px;
}

.home-small-desktop .overlap-group7 {
  height: 275px;
  margin-left: 0.03px;
  position: relative;
  width: 239px;
}

.home-small-desktop .smp {
  height: 239px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 239px;
}

.home-small-desktop .rectangle-6-copy-3-3 {
  background-color: var(--cerulean);
  height: 36px;
  left: 0;
  position: absolute;
  top: 202px;
  width: 126px;
}

.home-small-desktop .smp-1 {
  left: 6px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 207px;
  white-space: nowrap;
}

.home-small-desktop .text-2 {
  letter-spacing: 0;
  line-height: 17px;
  margin-top: 12px;
  min-height: 53px;
  white-space: nowrap;
}

.home-small-desktop .flex-row {
  align-items: flex-start;
  display: flex;
  height: 14px;
  margin-top: 5px;
  min-width: 114px;
}

.home-small-desktop .overlap-group8 {
  height: 275px;
  margin-left: 0.05px;
  position: relative;
  width: 239px;
}

.home-small-desktop .sma {
  height: 239px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 239px;
}

.home-small-desktop .rectangle-6-copy-3-4 {
  background-color: var(--gunsmoke);
  height: 36px;
  left: 0;
  position: absolute;
  top: 202px;
  width: 126px;
}

.home-small-desktop .sma-1 {
  left: 6px;
  letter-spacing: 0;
  line-height: 22px;
  position: absolute;
  top: 207px;
  white-space: nowrap;
}

.home-small-desktop .overlap-group3 {
  align-items: flex-start;
  background-color: var(--cosmic-cobalt);
  display: flex;
  height: 879px;
  justify-content: flex-end;
  margin-top: 58px;
  min-width: 1280px;
  padding: 0 0.0px;
}

.home-small-desktop .flex-col-2 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 826px;
  width: 1142px;
}

.home-small-desktop .flex-row-3 {
  align-items: flex-end;
  align-self: flex-start;
  display: flex;
  min-width: 696px;
}

.home-small-desktop .group-206 {
  align-items: flex-end;
  display: flex;
  height: 100px;
  min-width: 200px;
}

.home-small-desktop .rectangle-24 {
  background-color: var(--ocean-green);
  height: 51px;
  margin-bottom: 0;
  width: 50px;
}

.home-small-desktop .rectangle-23 {
  align-self: flex-start;
  background-color: var(--supernova);
  height: 50px;
  width: 100px;
}

.home-small-desktop .intersection-2 {
  height: 50px;
  margin-bottom: 0.89px;
  object-fit: cover;
  width: 50px;
}

.home-small-desktop .facilities-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16.61px;
  margin-left: 385px;
  min-height: 30px;
  min-width: 110px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .didirikan-pada-tahun {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: var(--font-size-xxl);
  height: 107px;
  letter-spacing: 0;
  line-height: 25px;
  margin-right: 57.74px;
  margin-top: 23px;
  text-align: center;
  width: 887px;
}

.home-small-desktop .group-204 {
  align-items: flex-start;
  display: flex;
  height: 472px;
  margin-top: 27px;
  min-width: 1004px;
}

.home-small-desktop .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 472px;
  width: 319px;
}

.home-small-desktop .group-18 {
  align-items: flex-start;
  display: flex;
  min-width: 319px;
}

.home-small-desktop .overlap-group {
  height: 223px;
  position: relative;
  width: 319px;
}

.home-small-desktop .foto-ballet {
  align-items: flex-end;
  display: flex;
  height: 223px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 319px;
}

.home-small-desktop .foto-ballet-1 {
  background-image: url(../img/stock-photo-ballet-home-training-remote-learning-little-ballerin-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 260px;
  margin-bottom: -31.18px;
  margin-left: -18px;
  width: 354px;
}

.home-small-desktop .ruang-ballet {
  left: 12px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  text-decoration: underline;
  top: 200px;
  white-space: nowrap;
}

.home-small-desktop .group-1 {
  align-items: flex-start;
  display: flex;
  margin-top: 24px;
  min-width: 319px;
}

.home-small-desktop .foto {
  align-items: flex-start;
  display: flex;
  height: 223px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 319px;
}

.home-small-desktop .foto-guitar {
  background-image: url(../img/stock-photo-teacher-and-children-in-the-guitar-course-at-summer--1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 274px;
  margin-left: -38px;
  margin-top: -24.25px;
  width: 374px;
}

.home-small-desktop .kolam-renang {
  left: 12px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  text-decoration: underline;
  top: 197px;
  white-space: nowrap;
}

.home-small-desktop .group-184 {
  align-items: flex-start;
  display: flex;
  margin-left: 24px;
  min-width: 319px;
}

.home-small-desktop .overlap-group7-1 {
  height: 471px;
  position: relative;
  width: 319px;
}

.home-small-desktop .foto-robotik {
  align-items: flex-start;
  display: flex;
  height: 471px;
  left: 0;
  overflow: hidden;
  padding: 0 0.0px;
  position: absolute;
  top: 0;
  width: 319px;
}

.home-small-desktop .foto-robotik-1 {
  background-image: url(../img/stock-photo-female-pupil-in-science-lesson-studying-robotics-110-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 508px;
  margin-top: -32.91px;
  width: 318px;
}

.home-small-desktop .lapangan-basket {
  color: var(--black);
  font-family: var(--font-family-ubuntu);
  font-size: 11px;
  font-weight: 700;
  left: 14px;
  letter-spacing: 0;
  line-height: 12px;
  position: absolute;
  text-decoration: underline;
  top: 445px;
  white-space: nowrap;
}

.home-small-desktop .flex-col-4 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 24px;
  min-height: 471px;
  width: 319px;
}

.home-small-desktop .foto-taekwondo {
  background-image: url(../img/stock-photo-two-caucasian-boys-in-taekwondo-fittings-bowing-at-e-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 261px;
  margin-left: -11px;
  margin-top: -26.85px;
  width: 356px;
}

.home-small-desktop .ruang-musik {
  left: 12px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  text-decoration: underline;
  top: 199px;
  white-space: nowrap;
}

.home-small-desktop .foto-chess {
  background-image: url(../img/stock-photo-the-child-plays-chess-and-makes-the-first-move-a-paw-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 242px;
  margin-left: -12px;
  margin-top: -6.93px;
  width: 358px;
}

.home-small-desktop .lab-bahasa {
  left: 12px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  text-decoration: underline;
  top: 197px;
  white-space: nowrap;
}

.home-small-desktop .group-205 {
  align-items: flex-start;
  align-self: center;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  margin-left: 137.14px;
  margin-top: 50px;
  min-width: 178px;
  padding: 13.5px 50.7px;
}

.home-small-desktop .intersection-4 {
  align-self: flex-end;
  height: 107px;
  margin-bottom: 0;
  margin-left: 31px;
  object-fit: cover;
  width: 107px;
}

.home-small-desktop .news-events-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2.0px;
  margin-top: 53px;
  min-height: 30px;
  min-width: 172px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .group-209 {
  align-items: flex-start;
  display: flex;
  height: 255px;
  margin-left: 0.58px;
  margin-top: 47px;
  min-width: 1005px;
}

.home-small-desktop .group-113 {
  align-items: flex-end;
  align-self: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 254px;
  margin-bottom: 0;
  min-width: 229px;
  padding: 0.3px 0.0px;
}

.home-small-desktop .subtraction-1 {
  height: 102px;
  object-fit: cover;
  width: 228px;
}

.home-small-desktop .group-112 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 254px;
  margin-left: 30px;
  min-width: 229px;
  padding: 0.3px 0.0px;
}

.home-small-desktop .group-111 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 254px;
  justify-content: flex-end;
  margin-left: 29px;
  min-width: 229px;
  padding: 0.3px 0.0px;
}

.home-small-desktop .group-110 {
  align-items: flex-end;
  background-color: var(--cloud);
  border-radius: 30px;
  display: flex;
  height: 254px;
  justify-content: flex-end;
  margin-left: 30px;
  min-width: 229px;
  padding: 0.3px 0;
}

.home-small-desktop .group-208 {
  align-items: flex-end;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  margin-right: 0.26px;
  margin-top: 46px;
  min-width: 178px;
  padding: 12.8px 51.7px;
}

.home-small-desktop .read-more {
  letter-spacing: 0;
  line-height: 15px;
  min-height: 18px;
  min-width: 72px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .overlap-group-1 {
  align-items: flex-end;
  background-color: var(--cosmic-cobalt);
  display: flex;
  flex-direction: column;
  margin-top: 53px;
  min-height: 865px;
  padding: 53.8px 136.8px;
  width: 1280px;
}

.home-small-desktop .text-20 {
  align-self: center;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2.0px;
  min-height: 30px;
  min-width: 288px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .group-200 {
  align-items: flex-end;
  display: flex;
  height: 661px;
  margin-top: 55px;
  min-width: 1005px;
}

.home-small-desktop .flex-col-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  min-height: 661px;
  width: 317px;
}

.home-small-desktop .vector-mask-1 {
  background-color: var(--cloud);
  height: 317px;
  margin-left: 0.86px;
  width: 316px;
}

.home-small-desktop .vector-mask {
  background-color: var(--cloud);
  height: 317px;
  margin-top: 27px;
  width: 317px;
}

.home-small-desktop .flex-col-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 26px;
  min-height: 661px;
  width: 318px;
}

.home-small-desktop .vector-mask-2 {
  background-color: var(--cloud);
  height: 317px;
  margin-left: 0.86px;
  width: 317px;
}

.home-small-desktop .flex-col-7 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  margin-left: 26px;
  min-height: 661px;
  width: 316px;
}

.home-small-desktop .vector-mask-3 {
  background-color: var(--cloud);
  height: 317px;
  width: 316px;
}

.home-small-desktop .vector-mask-4 {
  background-color: var(--cloud);
  height: 317px;
  margin-top: 27px;
  width: 316px;
}

.home-small-desktop .text-19 {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 2.0px;
  margin-top: 53px;
  min-height: 30px;
  min-width: 378px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .rectangle-35 {
  height: 487px;
  margin-left: 0.3px;
  margin-top: 49px;
  width: 866px;
}

.home-small-desktop .flex-row-4 {
  align-items: flex-start;
  display: flex;
  height: 365px;
  margin-left: 0.3px;
  margin-top: 51px;
  min-width: 1280px;
}

.home-small-desktop .fancy-maps-map {
  align-self: flex-end;
  cursor: pointer;
  height: 364px;
  object-fit: cover;
  width: 640px;
}

.home-small-desktop .overlap-group2 {
  align-items: center;
  background-color: var(--cosmic-cobalt);
  display: flex;
  height: 364px;
  justify-content: flex-end;
  min-width: 640px;
  padding: 31.7px 49.0px;
}

.home-small-desktop .group-263 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.55px;
  min-height: 286px;
  width: 316px;
}

.home-small-desktop .contact-us-1 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
  min-height: 31px;
  white-space: nowrap;
}

.home-small-desktop .text-36 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 19px;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 12px;
  min-height: 178px;
  white-space: nowrap;
}

.home-small-desktop .group-174 {
  align-items: flex-start;
  background-color: var(--cerulean);
  border-radius: 15px;
  display: flex;
  height: 45px;
  margin-left: 0.27px;
  margin-top: 18px;
  min-width: 176px;
  padding: 12.5px 46px;
}

.home-small-desktop .learn-more-3 {
  color: var(--white);
  font-family: var(--font-family-ubuntu);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  min-height: 20px;
  min-width: 84px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .group-214 {
  align-self: flex-end;
  background-image: url(../img/union-2-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 67px;
  margin-left: 122px;
  width: 79px;
}

.home-small-desktop .group-216 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-right: 6.98px;
  margin-top: 51px;
  min-width: 1011px;
}

.home-small-desktop .logo-stb-1 {
  height: 52px;
  margin-top: 3.22px;
  object-fit: cover;
  width: 174px;
}

.home-small-desktop .group-201 {
  align-items: flex-end;
  align-self: flex-end;
  display: flex;
  height: 115px;
  margin-bottom: 0;
  margin-left: 76px;
  min-width: 276px;
}

.home-small-desktop .flex-col-8 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: -2.5px;
  min-height: 117px;
  width: 78px;
}

.home-small-desktop .about-us-1 {
  letter-spacing: 0;
  line-height: 15px;
  min-height: 20px;
  min-width: 68px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .academics-2 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 28px;
  min-height: 20px;
  min-width: 78px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .facilities-2 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 28px;
  min-height: 20px;
  min-width: 64px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .flex-col-9 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: -2.5px;
  margin-left: 90px;
  min-height: 117px;
  width: 108px;
}

.home-small-desktop .why-tb-1 {
  letter-spacing: 0;
  line-height: 15px;
  min-height: 20px;
  min-width: 62px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .news-events-2 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 28px;
  min-height: 20px;
  min-width: 108px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .contact-us-2 {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 28px;
  min-height: 20px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

.home-small-desktop .group-202 {
  align-items: flex-end;
  display: flex;
  margin-bottom: 4.37px;
  margin-left: 282px;
  min-width: 202px;
}

.home-small-desktop .facebook-icon {
  background-image: url(../img/forma-1-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 35px;
  margin-bottom: 0;
  width: 35px;
}

.home-small-desktop .instagram-icon {
  align-self: center;
  height: 36px;
  margin-bottom: 0;
  margin-left: 21px;
  object-fit: cover;
  width: 36px;
}

.home-small-desktop .twitter-icon {
  align-self: flex-start;
  background-image: url(../img/forma-1-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 36px;
  margin-left: 19px;
  width: 36px;
}

.home-small-desktop .youtube-icon {
  height: 35px;
  margin-bottom: 0;
  margin-left: 20px;
  object-fit: cover;
  width: 35px;
}

.home-small-desktop .line {
  background-color: var(--storm-dust);
  height: 1px;
  margin-left: 0.3px;
  margin-top: 61px;
  width: 1004px;
}

.home-small-desktop .text-35 {
  color: var(--storm-dust);
  font-family: var(--font-family-ubuntu);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15px;
  margin-right: 34.52px;
  margin-top: 21px;
  min-height: 18px;
  min-width: 262px;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 1279px) {
  .screen.home-desktop { 
    display: none;
   }
  .screen.home-small-desktop { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .screen.home-desktop { 
    display: none;
   }
  .screen.home-mobile { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.home-small-desktop { 
    display: none;
   }
  .screen.home-mobile { 
    display: none;
   }
}