.gedung-wikrama-2 {
  object-fit: cover;
  z-index: 0;
  width: 1366px;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
}

.secret-school {
  box-sizing: border-box;
  padding: 0 0 var(--padding-96xl);
  text-align: left;
  font-size: var(--heading-h1-size);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 0;
  display: flex;

  & .header {
    color: #222524;
    text-align: center;
    margin: 0;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
  }

  & .desktop {
    box-sizing: border-box;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 40px 0;
    max-width: 100%;
    padding: 80px 40px 60px;
    display: flex;
    position: relative;
  }

  & .row-secret-card {
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    display: flex;

    & .col-secret-card {
      text-align: center;
      color: var(--neutral-grey-3, #4c516d);
      flex-direction: column;
      align-items: center;
      width: 357px;
      font-family: Inter;
      font-size: 19px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      display: flex;

      & img {
        margin-bottom: 24px;
      }
    }
  }
}

.inputed-by {
  z-index: 10;
  text-align: left;
  font-size: var(--text-base-leading-6-font-normal-size);
  font-family: var(--text-base-leading-6-font-normal);
  padding: var(--padding-61xl) var(--padding-61xl) 88px var(--padding-61xl);
  background-color: #fff;
  justify-content: center;
  align-self: stretch;
}

.inputed-by .row {
  flex-wrap: wrap;
  justify-content: center;
  gap: 140px;
  display: flex;
}

.inputed-by .col {
  box-sizing: border-box;
  flex-basis: calc(40% - 10px);
}

.inputed-by .news {
  flex-wrap: wrap;
  display: flex;
}

.inputed-by .news .news-item {
  box-sizing: border-box;
  flex-basis: 50%;
  padding: 4px;
}

.inputed-by .news .news-item img {
  width: 100%;
}

.inputed-by .news-icon {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.inputed-by .news-icon .icon-item {
  box-sizing: border-box;
  text-align: center;
  flex-basis: 50%;
  padding: 4px 15px;
}

.inputed-by .news-icon .icon-item h2 {
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 40px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.inputed-by .head {
  text-align: center;
  width: 100%;
}

.inputed-by .head h1 {
  margin-top: 0;
  font-size: 28px;
  font-weight: 700;
}

@media screen and (width <= 500px) {
  .inputed-by {
    padding: 40px;
  }

  .inputed-by .row {
    gap: 10px;
  }

  .inputed-by .row .col {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.appear-at-1024, .appear-at-1024-no-margin, .frame-ibu-bapak-mobile {
  display: none;
}

.bg-text-yellow {
  background: #facd4980;
}

#iconstrip-open-example, #iconstrip-close-example {
  display: none;
}

.accordion-content {
  font-family: var(--lead-paragraph-lead-paragraph-small);
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  display: none;
}

.dark-overlay {
  background-color: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.frame-child {
  z-index: 1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.logo-ids-rumah-pendidikan-indo, .logo-smk-wikrama-indonesia-1 {
  object-fit: cover;
  width: 100px;
  height: 100px;
  position: relative;
}

.logo-ids-rumah-pendidikan-indo {
  width: 200px;
  height: 86.3px;
}

.infra-frame {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0 20px;
  display: flex;
}

.mempersembahkan {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 40px;
  position: relative;
}

.a-s-pnet-text {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 16px 0;
  display: flex;
}

.sekolah-untuk-sekolah {
  font-size: inherit;
  text-align: center;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 72px;
  position: relative;
}

.frame-y-b-m-b-r-i-d-d-s {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 9px;
  display: flex;
}

.sekolah-untuk-sekolah1 {
  font-size: var(--heading-h3-reg-size);
  text-align: center;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.container-group {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  display: flex;
}

.icontemplate-child {
  border-radius: var(--br-11xs);
  background-color: var(--neutral-white);
  width: 66.5%;
  height: 66.5%;
  position: absolute;
  inset: 16.5% 17% 17% 16.5%;
}

.icontemplate {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
}

.simpan {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  letter-spacing: .01em;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--lead-paragraph-lead-paragraph-small);
  color: var(--neutral-white);
  text-align: left;
  position: relative;
}

.icontemplate-item {
  border-radius: var(--br-11xs);
  background-color: var(--neutral-white);
  width: 66.5%;
  height: 66.5%;
  position: absolute;
  inset: 16.5% 17% 17% 16.5%;
}

.icontemplate1 {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
}

.button {
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-xl) var(--padding-sm) var(--padding-lgi);
  background-color: var(--blue-blue);
  border-radius: var(--br-9xs);
  box-shadow: var(--drop-shadow-1);
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0 8px;
  display: flex;
}

.bogor-text, .footer-social-container {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.footer-social-container {
  text-align: left;
  color: var(--neutral-white);
  gap: 40px 0;
  font-size: 64px;
}

.bogor-text {
  gap: 32px 0;
}

.container, .gedung-wikrama-2-parent {
  box-sizing: border-box;
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.container {
  padding: var(--padding-61xl) var(--padding-21xl) var(--padding-21xl);
  z-index: 2;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  width: 800px;
  min-height: 570px;
  overflow: hidden;
}

.gedung-wikrama-2-parent {
  padding: var(--padding-25xl);
  text-align: center;
  font-size: var(--display-display-small-1-semibold-size);
  color: #fffc;
  font-family: var(--lead-paragraph-lead-paragraph-small);
  background-image: url("dashboard.07a04b53.webp");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  min-height: 688px;
  position: relative;
}

.kabar-gembira-bagi {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 44px;
  position: relative;
}

.button-component {
  background-color: var(--color-goldenrod);
  mix-blend-mode: multiply;
  z-index: 1;
  width: 232px;
  height: 23px;
  margin-left: -237px;
  position: relative;
}

.adiwiyata-frame, .adiwiyata-frame-wrapper, .group-container {
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.group-container {
  padding: 0 var(--padding-8xs) 0 0;
  box-sizing: border-box;
  justify-content: flex-start;
}

.adiwiyata-frame, .adiwiyata-frame-wrapper {
  justify-content: center;
}

.adiwiyata-frame-wrapper {
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  align-self: flex-start;
  align-items: flex-start;
}

.kini-ids-rumah, .selama-lebih-dari {
  margin-block: 0 12px;
}

.kesempatan-terbatas-ini {
  margin: 0;
}

.selama-lebih-dari-container {
  flex-shrink: 0;
  width: 600px;
  min-width: 510px;
  max-width: 100%;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.frame-item {
  border-radius: 0 var(--br-481xl) var(--br-481xl) 0;
  background-color: var(--brand-teal);
  transform-origin: 0 0;
  width: 730px;
  height: 570px;
  position: absolute;
  top: 642px;
  left: 757px;
  transform: rotate(180deg);
}

.group-2647-2 {
  object-fit: cover;
  z-index: 1;
  width: 584px;
  position: absolute;
  top: 0;
  left: 0;
}

.vector-text {
  z-index: 2;
  background: linear-gradient(-79.16deg, #eb7979, #fff0f0);
  border-radius: 50%;
  width: 108px;
  height: 108px;
  position: absolute;
  top: 73px;
  left: 63px;
}

.rectangle-parent {
  flex: 1;
  max-width: 100%;
  height: 642px;
  position: relative;
}

.frame-wrapper, .selama-lebih-dari-25-tahun-sm-parent {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.frame-wrapper {
  flex: 1;
  align-items: center;
  min-width: 492px;
  max-width: 100%;
}

.selama-lebih-dari-25-tahun-sm-parent {
  flex-shrink: 0;
  align-items: flex-start;
  gap: 0 37px;
  width: 1304px;
  max-width: 116%;
  margin-bottom: -118px;
}

.desktop, .desktop-inner {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.desktop-inner {
  padding: 0 0 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  color: var(--neutral-grey-3);
  flex-direction: row;
  align-items: center;
  height: 524px;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
}

.desktop {
  background-color: var(--neutral-white);
  padding: var(--padding-61xl) 0 0;
  text-align: left;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 40px 0;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
}

.program-meliputi {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}

.Pilihan-Paket-Lainnya {
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-size: 33px;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}

.t-e-x {
  flex: 1;
  line-height: 32px;
  position: relative;
}

.iconx-circle {
  width: 20px;
  height: 20px;
  position: relative;
}

.c-o-n-t-a-i-n-e-r-g-r-o-u-p {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0 0 0 12px;
  display: flex;
}

.pelatihan-umum, .selama-3-hari {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.selama-3-hari {
  color: var(--neutral-black-1);
  font-size: 19px;
  font-weight: 400;
}

.y-b-m-b-r-i-i-d-s-f-r-a-m-e {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  padding-left: var(--padding-base);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 255px;
  max-width: 100%;
  display: flex;
}

.g-r-a-p-h-i-c-e-l-e-m-e-n-t-s {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  width: 500px;
  max-width: 100%;
  height: 56px;
  display: flex;
}

.b {
  line-height: 32px;
  position: relative;
}

.iconx-circle1 {
  width: 20px;
  height: 20px;
  position: relative;
}

.parent {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0 0 0 12px;
  display: flex;
}

.pelatihan-khusus {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.dalam-1-tahun, .masing-masing-selama-3 {
  margin: 0;
}

.dalam-1-tahun-container {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.pelatihan-khusus-parent {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 255px;
  max-width: 100%;
  padding-left: 12px;
  display: flex;
}

.pelatihan-sekolah-bermutu {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pake-3tahun-kejarid {
  padding-right: 30px;
}

.paket-1tahun-kejarid {
  padding-right: 104px;
}

.g-r-a-p-h-i-c-e-l-e-m-e-n-t-s1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.g-r-a-p-h-i-c-e-l-e-m-e-n-t-s1-sekolah-bermutu {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  height: 326px;
  display: flex;
}

.b1 {
  text-align: center;
  line-height: 32px;
  font-size: var(--heading-h2-reg-size);
  align-self: stretch;
  position: relative;
}

.b2-tahun {
  text-align: center;
  line-height: 24px;
  font-size: var(--heading-h3-reg-size);
  align-self: stretch;
  position: relative;
}

.iconx-circle2 {
  width: 20px;
  height: 20px;
  position: relative;
}

.group {
  padding: 0 0 0 var(--padding-9xs);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.group-tahun {
  justify-content: flex-start;
  width: 60px;
  display: grid;
}

.sesi-pendampingan {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.dilakukan-secara-online, .masing-masing-berdurasi-90 {
  margin: 0;
}

.dilakukan-secara-online-container {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.sesi-pendampingan-parent {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 255px;
  max-width: 100%;
  display: flex;
}

.g-r-a-p-h-i-c-e-l-e-m-e-n-t-s2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  width: 500px;
  max-width: 100%;
  height: 55px;
  display: flex;
}

.l-o-g-o-m-a-s-t-e-r-c-a-r-d {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.l-o-g-o-m-a-s-t-e-r-c-a-r-d-2 {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  align-items: center;
  gap: 60px;
  display: flex;
}

.title-Paket-Sekolah-Perubahan {
  text-align: start;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  align-self: stretch;
  font-family: inherit;
  font-weight: 700;
  line-height: 24px;
}

.title-Paket-Sekolah-Bermutu {
  color: var(--neutral-black-1);
  font-size: var(--heading-h2-reg-size);
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 16px;
  display: flex;
}

.fasilitas-yang-didapatkan {
  text-align: start;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  align-self: stretch;
  font-family: inherit;
  font-weight: 700;
  line-height: 24px;
}

.pelatihan-khusus-list {
  color: var(--neutral-black-1);
  margin: 0;
  padding-left: 25px;
  font-family: inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
}

.pelatihan-khusus-caption-list {
  margin-top: 8px;
}

.pelatihan-khusus-caption-list::marker {
  color: var(--neutral-grey-3);
  margin-top: 8px;
}

.iconcheck {
  width: 32px;
  height: 32px;
  position: relative;
}

.f-r-a-m-e-y-b-m-b-r-i-i-d-s-i {
  color: var(--neutral-grey-3);
  margin: 0;
  padding-left: 25px;
  font-family: inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
}

.f-r-a-m-e-y-b-m-b-r-i-i-d-s-i-caption {
  margin-top: 16px;
}

.pelatihan-sekolah-bermutu-caption-list, .pelatihan-sekolah-bermutu-caption-list-first {
  color: var(--neutral-grey-3);
  align-self: stretch;
  margin-top: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
}

.paket-berlangganan-kejarid, .selama-3-tiga {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.selama-3-tiga {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.c-o-p-y-r-i-g-h-t-m-e-s-s-a-g {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 255px;
  max-width: 100%;
  display: flex;
}

.t-e-x-t-n-a-m-e-i-t-a-s-i-a-d {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 8px;
  max-width: 100%;
  display: flex;
}

.iconcheck1 {
  width: 32px;
  height: 32px;
  position: relative;
}

.iconcheck-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.pendampingan-teknis-kejarid, .sesuai-dengan-program {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.sesuai-dengan-program {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.pendampingan-teknis-kejarid-parent {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 255px;
  max-width: 100%;
  display: flex;
}

.t-e-x-t-n-a-m-e-i-t-a-s-i-a-d1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 8px;
  max-width: 100%;
  display: flex;
}

.iconcheck2 {
  width: 32px;
  height: 32px;
  position: relative;
}

.iconcheck-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.sesuai-dengan-peluncuran, .sosialisasi-fitur-baru {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.sesuai-dengan-peluncuran {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.sosialisasi-fitur-baru-kejari-parent {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 255px;
  max-width: 100%;
  display: flex;
}

.t-e-x-t-n-a-m-e-i-t-a-s-i-a-d2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 8px;
  max-width: 100%;
  display: flex;
}

.c-o-n-t-a-i-n-e-r-i-t-a-s-i-a {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  flex-direction: column;
  flex: 1 0 0;
  align-items: center;
  gap: 16px 0;
  min-width: 500px;
  max-width: 100%;
  display: flex;
}

.c-o-n-t-a-i-n-e-r-i-t-a-s-i-a-2 {
  text-align: left;
  color: var(--neutral-black-1);
  flex-direction: column;
  flex: 1 0 0;
  align-items: center;
  gap: 60px;
  min-height: 952px;
  display: flex;
}

.f-r-a-m-e-s-e-a-m-e-o-n-e-t-w {
  text-align: right;
  font-size: var(--heading-h2-reg-size);
  color: var(--blue-dark-blue);
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.f-r-a-m-e-s-e-a-m-e-o-n-e-t-w-2 {
  text-align: right;
  font-size: var(--heading-h2-reg-size);
  color: var(--blue-dark-blue);
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.t-e-x-t-i-n-f-o-r-m-a-t-i-o-n {
  align-items: left;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  width: 1024px;
  max-width: 100%;
  display: flex;
}

.t-e-x-t-i-n-f-o-r-m-a-t-i-o-n-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 1024px;
  max-width: 100%;
  display: flex;
}

.graphic-elements-icon, .objects-icon {
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.graphic-elements-icon {
  width: 183.9px;
  height: 176.4px;
  top: 20px;
  left: 20px;
}

.objects-icon {
  object-fit: contain;
  z-index: 1;
  width: 65px;
  height: 169.9px;
  bottom: -114.7px;
  right: 40px;
}

.desktop1, .f-r-a-m-e-a-d-i-w-i-y-a-t-a {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.desktop1 {
  background-color: var(--yellow-yellow-5);
  padding: var(--padding-101xl) var(--padding-21xl);
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 80px;
  position: relative;
}

.f-r-a-m-e-a-d-i-w-i-y-a-t-a {
  padding: 0 0 var(--padding-96xl);
  text-align: left;
  font-size: var(--heading-h1-size);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.subtitle-text-child {
  background-color: var(--color-goldenrod);
  mix-blend-mode: multiply;
  width: 272px;
  height: 29px;
  position: relative;
}

.kurikulum-pelatihan-umum {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  margin-left: -266px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.kurikulum-pelatihan-umum-1x {
  background-color: var(--blue-blue-4);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 32px;
  padding: 4px 16px;
  display: flex;
}

.sekolah-bermutu-1x {
  justify-content: center;
  align-items: center;
  width: 60px;
  padding: 0 0 12px;
  display: flex;
}

.sekolah-bermutu-3tahun {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  height: 40px;
  padding: 0 0 12px;
  display: flex;
}

.kurikulum-pelatihan-umum-3tahun {
  font-size: var(--heading-h3-reg-size);
  background-color: var(--blue-blue-4);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.sekolah-bermutu-1tahun {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  height: 40px;
  padding: 0 0 12px;
  display: flex;
}

.kurikulum-pelatihan-umum-1tahun {
  font-size: var(--heading-h3-reg-size);
  background-color: var(--blue-blue-4);
  color: var(--blue-dark-blue);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.sekolah-bermutu-wdipt {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: 384px;
  height: 40px;
  padding: 0 0 12px;
  display: flex;
}

.faq-poin2 {
  padding-top: 8px;
}

.kurikulum-pelatihan-umum-wdipt {
  font-size: var(--heading-h3-reg-size);
  background-color: var(--blue-blue-4);
  color: var(--blue-dark-blue);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.parent-sekolah-bermutu {
  height: 335px;
}

.subtitle-text {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.buku-u, .membangun-sekolah-bermutu {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membangun-sekolah-bermutu {
  font-size: var(--heading-h1-size);
  margin: 0;
  font-family: inherit;
  line-height: 36px;
}

.direkomendasikan-untuk-kepala {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.buku-u-parent, .school-name-text {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.buku-u-parent {
  font-size: var(--heading-h3-reg-size);
  color: var(--color-gray-100);
  align-items: flex-start;
  gap: 4px 0;
}

.school-name-text {
  align-items: flex-end;
  gap: 36px 0;
  max-width: 100%;
}

.u1 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.u-k-s-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 32px;
  display: flex;
}

.kisah-wikrama-dari {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.seameo-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.mimpi-imajinasi-dan {
  line-height: 24px;
  position: relative;
}

.four-columns-frame {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bogor-text1, .sekolah-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sekolah-frame {
  flex-direction: row;
  gap: 0 8px;
}

.u2 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.u2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.komponen-strategis-sekolah {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.komponen-strategis-sekolah-ber-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.poin-poin-kunci-dalam {
  line-height: 24px;
  position: relative;
}

.poin-poin-kunci-dalam-mewujudk-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent, .sekolah-frame1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 439px;
}

.sekolah-frame1 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.u3 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.u3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sekolah-ramah-anak {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sekolah-ramah-anak-berpihak-p-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.cara-mengenali-kebutuhan {
  line-height: 24px;
  position: relative;
}

.cara-mengenali-kebutuhan-siswa-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-group, .sekolah-frame2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sekolah-frame2 {
  flex-direction: row;
  gap: 0 8px;
}

.u4 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.u4-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.manajemen-dan-kepemimpinan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.manajemen-dan-kepemimpinan-ber-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.kiat-membuat-keputusan {
  line-height: 24px;
  position: relative;
}

.kiat-membuat-keputusan-yang-ce-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-container, .sekolah-frame3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sekolah-frame3 {
  flex-direction: row;
  gap: 0 8px;
}

.u5 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.u5-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.proses-pendidikan-smk {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.proses-pendidikan-smk-wikrama-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dari-ppdb-hingga {
  line-height: 24px;
  position: relative;
}

.dari-ppdb-hingga-lulus-dan-ter-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-div, .save-button, .sekolah-frame4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.save-button, .sekolah-frame4 {
  flex-direction: row;
  gap: 0 8px;
}

.save-button {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 16px 0;
}

.button-frame {
  box-sizing: border-box;
  font-size: var(--heading-h3-reg-size);
  flex-direction: row;
  padding: 0 6px;
}

.adiwiyata-frame1, .background-image-frame, .button-frame {
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.adiwiyata-frame1 {
  flex-direction: column;
  flex: 1;
  gap: 40px 0;
}

.background-image-frame {
  padding: 0 var(--padding-7xl) var(--padding-21xl) var(--padding-xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  width: 932px;
}

.text-frame-child {
  width: 265px;
  height: 291px;
  margin-bottom: -43px;
  position: relative;
}

.text-frame {
  box-sizing: border-box;
  z-index: 7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 140px;
  height: 680px;
  padding: 432px 0 0;
  display: flex;
}

.kurikulum-pelatihan-khusus {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.buku-a, .mengelola-dengan-hati {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.mengelola-dengan-hati {
  font-size: var(--heading-h1-size);
  margin: 0;
  font-family: inherit;
  line-height: 36px;
}

.direkomendasikan-untuk-kepala1 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.text-frame1 {
  color: var(--color-gray-100);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px 0;
  display: flex;
}

.a1 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.text-frame3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.mendesain-struktur-organisasi {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.container2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-setiap-tugas {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.social-links-frame {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.button1, .text-frame2 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.button1 {
  flex-direction: column;
  flex: 1;
  min-width: 416px;
}

.text-frame2 {
  flex-direction: row;
  align-self: stretch;
  gap: 0 8px;
}

.a2 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.a2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mengelola-sdm-dengan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.mengelola-sdm-dengan-efektif-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-sdm-senantiasa {
  line-height: 24px;
  position: relative;
}

.agar-sdm-senantiasa-termotivas-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent1, .text-frame4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.text-frame4 {
  flex-direction: row;
  gap: 0 8px;
}

.a3 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.a3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menjamin-keuangan-yang {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menjamin-keuangan-yang-sehat-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-keuangan-liquid-container {
  line-height: 24px;
  position: relative;
}

.agar-keuangan-liquid-dan-pemen-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent2, .text-frame5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.text-frame5 {
  flex-direction: row;
  gap: 0 8px;
}

.a4 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.a4-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menyediakan-sarana-dan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menyediakan-sarana-dan-prasara-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-proses-pendidikan {
  line-height: 24px;
  position: relative;
}

.agar-proses-pendidikan-tercapa-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent3, .text-frame6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.text-frame6 {
  flex-direction: row;
  gap: 0 8px;
}

.a5 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.a5-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.membangun-sistem-dan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membangun-sistem-dan-budaya-se-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-sekolah-dapat {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.agar-sekolah-dapat-berfokus-ke-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent4 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  min-width: 416px;
}

.frame-parent4, .master-card-logo-frame, .text-frame-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.master-card-logo-frame {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  gap: 0 8px;
}

.text-frame-parent {
  flex-direction: column;
  justify-content: center;
  gap: 16px 0;
  width: 680px;
}

.container-child {
  background-color: var(--color-goldenrod);
  mix-blend-mode: multiply;
  z-index: 1;
  width: 289px;
  height: 29px;
  position: absolute;
  top: 115px;
  left: 33.5px;
  margin: 0 !important;
}

.container1, .group1 {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.container1 {
  background-color: var(--neutral-white);
  padding: var(--padding-101xl) var(--padding-21xl) var(--padding-21xl);
  justify-content: center;
  align-self: stretch;
  gap: 40px 0;
  position: relative;
}

.group1 {
  justify-content: flex-start;
  width: 995px;
  margin: auto;
  padding: 0 35px 0 0;
}

.objects-icon1 {
  object-fit: contain;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.logo-frame, .objects-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.objects-wrapper {
  padding: var(--padding-25xl) 0 0;
  flex-direction: column;
  width: 65px;
  height: 214px;
}

.logo-frame {
  background-color: var(--neutral-white);
  padding: 0 var(--padding-21xl) 0 0;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  flex-shrink: 0;
  gap: 0 63px;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.buku-b, .membentuk-guru-teladan {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membentuk-guru-teladan {
  font-size: var(--heading-h1-size);
  margin: 0;
  font-family: inherit;
  line-height: 36px;
}

.direkomendasikan-untuk-kepala2 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.buku-b-parent {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px 0;
  display: flex;
}

.b11 {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.b1-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.memotivasi-guru-sebagai {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.title-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tidak-sekadar-pahala {
  line-height: 24px;
  position: relative;
}

.container-frame {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent6, .title-section-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent6 {
  text-align: left;
  flex-direction: row;
  gap: 0 8px;
}

.b2 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.b2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.meningkatkan-kapasitas-dan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.meningkatkan-kapasitas-dan-kom-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-guru-mampu {
  line-height: 24px;
  position: relative;
}

.agar-guru-mampu-menghadapi-tan-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent7, .frame-parent8 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent8 {
  text-align: left;
  flex-direction: column;
}

.frame-parent7 {
  flex-direction: row;
  gap: 0 8px;
}

.b3 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.b3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menyiapkan-guru-sebagai {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menyiapkan-guru-sebagai-pembim-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-semua-guru {
  line-height: 24px;
  position: relative;
}

.agar-semua-guru-bisa-menemani-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent10, .frame-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent10 {
  text-align: left;
  flex-direction: column;
}

.frame-parent9 {
  flex-direction: row;
  gap: 0 8px;
}

.b4 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.button-instance {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.merancang-kurikulum-yang {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.paragraph-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-beban-guru {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.group-frame {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.link-u-r-l, .rectangle-shape {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.link-u-r-l {
  text-align: left;
  flex-direction: column;
  flex: 1;
  min-width: 416px;
}

.rectangle-shape {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.b5 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.b5-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menyelenggarakan-pembelajaran {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menyelenggarakan-pembelajaran-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-belajar-menjadi {
  line-height: 24px;
  position: relative;
}

.agar-belajar-menjadi-salah-sat-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent12 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
}

.container3, .frame-parent11, .frame-parent12, .frame-parent5 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent11 {
  flex-direction: row;
  justify-content: flex-start;
  gap: 0 8px;
}

.container3, .frame-parent5 {
  flex-direction: column;
  justify-content: center;
}

.frame-parent5 {
  text-align: right;
  color: var(--neutral-black-1);
  gap: 16px 0;
  width: 680px;
}

.container3 {
  background-color: var(--neutral-white);
  padding: var(--padding-21xl);
  box-sizing: border-box;
  gap: 40px 0;
  width: 960px;
  overflow: hidden;
}

.desktop-child {
  width: 265px;
  height: 291px;
  position: absolute;
  top: -248px;
  left: -125px;
  margin: 0 !important;
}

.desktop-item, .desktop2 {
  max-width: 100%;
  overflow: hidden;
}

.desktop-item {
  max-height: 100%;
  position: absolute;
  inset: 54.81% -6.29% -12.22% 88.65%;
  margin: 0 !important;
}

.desktop2 {
  background-color: var(--neutral-white);
  padding: 0 var(--padding-21xl);
  box-sizing: border-box;
  z-index: 2;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  display: flex;
  position: relative;
}

.buku-c, .melejitkan-potensi-siswa {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.melejitkan-potensi-siswa {
  font-size: var(--heading-h1-size);
  margin: 0;
  font-family: inherit;
  line-height: 36px;
}

.direkomendasikan-untuk-kepala3 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.segera-daftarkan {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px 0;
  display: flex;
}

.c1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.frame-container1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.menyusun-peta-pengembangan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.button2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-bisa-mengembangkan {
  line-height: 24px;
  position: relative;
}

.group2 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.button-parent, .header-container {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.button-parent {
  text-align: left;
  flex-direction: column;
}

.header-container {
  flex-direction: row;
  gap: 0 8px;
}

.c2 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.c2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.membedah-buku-kejar {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membedah-buku-kejar-prestasi-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.program-pembiasaan-jurnal {
  line-height: 24px;
  position: relative;
}

.program-pembiasaan-jurnal-har-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent13, .header-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-parent13 {
  text-align: left;
  flex-direction: column;
}

.header-container1 {
  flex-direction: row;
  gap: 0 8px;
  max-width: 100%;
}

.c3 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.c3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menyusun-strategi-pembinaan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menyusun-strategi-pembinaan-si-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.pendekatan-terhadap-siswa-sisw {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.pendekatan-terhadap-siswa-sisw-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent14, .header-container2 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent14 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  min-width: 416px;
}

.header-container2 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.c4 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.c4-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.membedah-ppdb-mpls {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membedah-ppdb-mpls-dan-matri-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.penguatan-karakter-lebih {
  line-height: 24px;
  position: relative;
}

.penguatan-karakter-lebih-luas-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent15, .header-container3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent15 {
  text-align: left;
  flex-direction: column;
}

.header-container3 {
  flex-direction: row;
  gap: 0 8px;
}

.c5 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.c5-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.meningkatkan-literasi-dan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.meningkatkan-literasi-dan-kema-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hal-hal-kunci-agar-container {
  line-height: 24px;
  position: relative;
}

.hal-hal-kunci-agar-siswa-memil-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent16, .header-container4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent16 {
  text-align: left;
  flex-direction: column;
}

.header-container4 {
  flex-direction: row;
  gap: 0 8px;
}

.container4, .first-star-food-security {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.first-star-food-security {
  text-align: right;
  color: var(--neutral-black-1);
  gap: 16px 0;
  width: 680px;
  max-width: 100%;
}

.container4 {
  padding: var(--padding-21xl);
  box-sizing: border-box;
  gap: 40px 0;
  width: 960px;
}

.container4, .desktop3, .group-icon {
  max-width: 100%;
  overflow: hidden;
}

.group-icon {
  width: 17.64%;
  max-height: 100%;
  position: absolute;
  bottom: 87.21%;
  left: 88.65%;
  right: -6.29%;
  margin: 0 !important;
}

.desktop3 {
  background-color: var(--neutral-white);
  padding: 0 var(--padding-21xl);
  box-sizing: border-box;
  z-index: 3;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  display: flex;
  position: relative;
}

.buku-d, .mewujudkan-sekolah-inspiratif {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.mewujudkan-sekolah-inspiratif {
  font-size: var(--heading-h1-size);
  margin: 0;
  font-family: inherit;
  line-height: 36px;
}

.direkomendasikan-untuk-kepala4 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.d1, .text-frame7 {
  align-self: stretch;
}

.text-frame7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px 0;
  display: flex;
}

.d1 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.d1-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.mewujudkan-sekolah-sehat {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.adiwiyata-logo-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.syarat-penting-untuk {
  line-height: 24px;
  position: relative;
}

.desktop5, .logo, .vector {
  max-width: 100%;
  display: flex;
}

.logo {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.desktop5, .vector {
  justify-content: flex-start;
  align-items: flex-start;
}

.desktop5 {
  text-align: left;
  flex-direction: column;
}

.vector {
  flex-direction: row;
  gap: 0 8px;
}

.d2 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.d2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.membangun-citra-sekolah {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membangun-citra-sekolah-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.citra-di-dunia {
  line-height: 24px;
  position: relative;
}

.citra-di-dunia-maya-dan-citra-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent17, .vector1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent17 {
  text-align: left;
  flex-direction: column;
}

.vector1 {
  flex-direction: row;
  gap: 0 8px;
}

.d3 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.d3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.membina-jejaring-alumni {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.membina-jejaring-alumni-danat-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-silaturahmi-terus {
  line-height: 24px;
  position: relative;
}

.agar-silaturahmi-terus-terjaga-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent18, .vector2 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent18 {
  text-align: left;
  flex-direction: column;
}

.vector2 {
  flex-direction: row;
  gap: 0 8px;
}

.d4 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.d4-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menjadi-sekolah-pusat {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menjadi-sekolah-pusat-kewiraus-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-warga-sekolah {
  line-height: 24px;
  position: relative;
}

.agar-warga-sekolah-dan-keluarg-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent19, .vector3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent19 {
  text-align: left;
  flex-direction: column;
}

.vector3 {
  flex-direction: row;
  gap: 0 8px;
}

.d5 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.d5-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.meningkatkan-banyaknya-peserta {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.meningkatkan-banyaknya-peserta-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.agar-lebih-banyak {
  line-height: 24px;
  position: relative;
}

.agar-lebih-banyak-yang-bisa-me-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent20 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  min-width: 361px;
}

.container6, .frame-parent20, .text, .vector4 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.vector4 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: stretch;
  gap: 0 8px;
}

.container6, .text {
  flex-direction: column;
  justify-content: center;
}

.text {
  text-align: right;
  color: var(--neutral-black-1);
  gap: 16px 0;
  width: 596px;
}

.container6 {
  background-color: var(--neutral-white);
  padding: var(--padding-21xl);
  box-sizing: border-box;
  gap: 40px 0;
  width: 960px;
  overflow: hidden;
}

.objects-icon2 {
  object-fit: contain;
  flex-shrink: 0;
  width: 65px;
  height: 169.9px;
  position: absolute;
  top: 10px;
  left: 40px;
  overflow: hidden;
  margin: 0 !important;
}

.container5, .desktop4 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.desktop4 {
  background-color: var(--neutral-white);
  padding: 0 var(--padding-21xl);
  z-index: 4;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 8px 0;
  position: relative;
}

.container5 {
  padding: 0 0 var(--padding-96xl);
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.indonesia-green-award-winner {
  background-color: var(--color-goldenrod);
  mix-blend-mode: multiply;
  z-index: 1;
  border: 0;
  outline: 0;
  width: 404px;
  max-width: 100%;
  height: 29px;
  position: relative;
}

.kurikulum-pendampingan-teknis {
  flex: 1;
  max-width: 100%;
  margin-left: -397px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.frame-adiwiyata-mandiri-school {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 887px;
  max-width: 100%;
  margin: auto;
  display: flex;
}

.buku-t, .menuju-kepemimpinan-dan {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.menuju-kepemimpinan-dan {
  font-size: var(--heading-h1-size);
  margin: 0;
  font-family: inherit;
  line-height: 36px;
}

.direkomendasikan-untuk-tim {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.character-healthy-school, .worthy-hygieneof-school-cantee {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.worthy-hygieneof-school-cantee {
  flex-direction: column;
  flex: 1;
  gap: 4px 0;
}

.character-healthy-school {
  padding: 0 var(--padding-6xs);
  box-sizing: border-box;
  color: var(--color-gray-100);
  flex-direction: row;
  width: 894px;
  margin: auto;
}

.t1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.footers-socialicon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  display: flex;
}

.persiapan-tahun-pelajaran {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.persiapan-tahun-pelajaran-baru-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pengaturan-dasar-untuk {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.pengaturan-dasar-untuk-penggun-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.button-container, .konsultan {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.button-container {
  text-align: left;
  flex-direction: column;
  flex: 1;
  min-width: 416px;
}

.konsultan {
  flex-direction: row;
  align-self: stretch;
  gap: 0 8px;
}

.t2 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.t2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pemanfaatan-program-pemahiran {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.pemanfaatan-program-pemahiran-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.program-untuk-meningkatkan {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.program-untuk-meningkatkan-kom-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent21, .konsultan1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent21 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  min-width: 416px;
}

.konsultan1 {
  flex-direction: row;
  align-self: stretch;
  gap: 0 8px;
}

.t3 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.t3-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.penyusunan-konten-pembelajaran {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.penyusunan-konten-pembelajaran-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menabung-bank-materi {
  line-height: 24px;
  position: relative;
}

.menabung-bank-materi-bank-soa-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent22, .konsultan2 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent22 {
  text-align: left;
  flex-direction: column;
}

.konsultan2 {
  flex-direction: row;
  gap: 0 8px;
}

.t4 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.t4-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.penerapan-kbm-absensi {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.penerapan-kbm-absensi-dan-ju-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.memanfaatkan-kejarid-untuk {
  line-height: 24px;
  position: relative;
}

.memanfaatkan-kejarid-untuk-ke-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent23, .konsultan3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent23 {
  text-align: left;
  flex-direction: column;
}

.konsultan3 {
  flex-direction: row;
  gap: 0 8px;
}

.t5 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.t5-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pengelolaan-jurnal-pembiasaan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.pengelolaan-jurnal-pembiasaan-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.agar-guru-dan {
  line-height: 24px;
  position: relative;
}

.agar-guru-dan-siswa-berlomba-l-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent24, .konsultan4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent24 {
  text-align: left;
  flex-direction: column;
}

.konsultan4 {
  flex-direction: row;
  gap: 0 8px;
}

.t6 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.t6-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pengelolaan-buku-nilai {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.pengelolaan-buku-nilai-dan-rap-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.klak-klik-klak {
  line-height: 24px;
  position: relative;
}

.klak-klik-klak-klik-untuk-mene-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-parent25, .konsultan5 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent25 {
  text-align: left;
  flex-direction: column;
}

.konsultan5 {
  flex-direction: row;
  gap: 0 8px;
}

.frame-y-b-m-b-r-i-i-d-s, .tentang-i-d-s-rumah-pendidikan {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.tentang-i-d-s-rumah-pendidikan {
  justify-content: center;
  align-self: stretch;
  gap: 16px 0;
}

.frame-y-b-m-b-r-i-i-d-s {
  justify-content: flex-start;
  width: 680px;
  min-height: 471px;
  margin: auto;
}

.graphic-elements-icon1 {
  object-fit: contain;
  flex-shrink: 0;
  width: 183.9px;
  height: 176.4px;
  position: relative;
  overflow: hidden;
}

.sekolah-kawasan-tanpa-rokok {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--gap-xl);
  flex-direction: row;
  flex: 1;
  max-width: 100%;
  display: flex;
}

.anggota-sekolah-a-s-pnet {
  padding: 0 0 0 var(--padding-6xs);
  box-sizing: border-box;
  text-align: right;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
}

.anggota-sekolah-a-s-pnet, .baktihusada, .bogor {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.baktihusada {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 38px 0;
  width: 100%;
}

.bogor {
  padding: 0 var(--padding-xl) 41px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
}

.pembimbing-dan-pelatih {
  font-size: inherit;
  align-self: stretch;
  margin: 0 0 0 203.9px;
  font-family: inherit;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}

.pembimbing-dan-pelatih-wrapper {
  flex: 1 0;
  justify-content: center;
  align-items: center;
  min-width: 572px;
  max-width: 100%;
  min-height: 76px;
  display: flex;
}

.graphic-elements-icon2 {
  object-fit: contain;
  flex-shrink: 0;
  width: 183.9px;
  height: 176.4px;
  padding-top: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}

.frame-parent26 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.frame-inner, .mask-group-6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.frame-inner {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-6 {
  object-fit: cover;
  z-index: 1;
}

.ellipse-parent {
  width: 220px;
  height: 220px;
  position: relative;
}

.vector-shape, .vector-shape-inner {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.vector-shape-inner {
  flex-direction: row;
  align-items: flex-start;
}

.vector-shape {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
}

.ir-itasia-dina {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.konsultan-eksekutif-ids, .pembina-yayasan-prawitama {
  margin: 0;
}

.konsultan-eksekutif-ids-container {
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.ir-itasia-dina-sulvianti-m-parent, .vector-shape-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.ir-itasia-dina-sulvianti-m-parent {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-black-1);
  gap: 2px 0;
  width: 880px;
  margin: auto;
}

.vector-shape-parent {
  color: var(--color-gray-100);
  align-self: stretch;
  gap: 16px 0;
}

.mask-group-icon, .text1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.text1 {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
  left: .35px;
}

.mask-group-icon {
  object-fit: cover;
  z-index: 1;
  left: .65px;
}

.text-parent {
  width: 120.3px;
  height: 120.2px;
  position: relative;
}

.iin-mulyani-ssi, .kepala-smk-wikrama {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.iin-mulyani-ssi {
  font-weight: 600;
}

.kepala-smk-wikrama {
  color: var(--neutral-grey-3);
}

.child-frames, .text2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.text2 {
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
}

.child-frames {
  flex: 1;
  align-items: center;
  gap: 16px 0;
  min-width: 173px;
}

.ellipse-div, .mask-group-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ellipse-div {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-1 {
  object-fit: cover;
  z-index: 1;
}

.ellipse-group {
  width: 120px;
  height: 120.2px;
  position: relative;
}

.kepala-smk-wikrama1, .kunedi-ssi {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.kunedi-ssi {
  font-weight: 600;
}

.kepala-smk-wikrama1 {
  color: var(--neutral-grey-3);
}

.kunedi-ssi-parent {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
}

.child-frames1, .kunedi-ssi-parent, .parent-frame {
  justify-content: flex-start;
  display: flex;
}

.child-frames1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 16px 0;
  min-width: 173px;
}

.parent-frame {
  padding: 0 var(--padding-11xs) 0 0;
  text-align: center;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 39px;
}

.mask-group-3, .vector-footers-social-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.vector-footers-social-link {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-3 {
  object-fit: cover;
  z-index: 1;
}

.vector-footers-social-link-parent {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.direktur-cv-ids, .mutia-prawitasari-se {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.mutia-prawitasari-se {
  font-weight: 600;
}

.direktur-cv-ids {
  color: var(--neutral-grey-3);
}

.button-primary {
  padding: 0 var(--padding-base) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 229px;
  max-width: 100%;
  display: flex;
}

.image, .mask-group-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.image {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-2 {
  object-fit: cover;
  z-index: 1;
}

.image-parent {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.container-copyright {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0 16px;
  width: 528px;
  max-width: 100%;
  margin-left: 1vw;
  display: flex;
}

.frame-child1 {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
  width: 72px;
  height: 72px;
  position: relative;
}

.certified-coach, .imam-ansori {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.imam-ansori {
  font-weight: 600;
}

.certified-coach {
  color: var(--neutral-grey-3);
}

.ellipse-container, .imam-ansori-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 218px;
  max-width: 100%;
  display: flex;
}

.ellipse-container {
  flex-direction: row;
  align-items: center;
  gap: 0 16px;
  min-width: 276px;
}

.frame-child2, .mask-group-4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.frame-child2 {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-4 {
  object-fit: cover;
  z-index: 1;
}

.group-button {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.container-copyright1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 32px;
  width: 528px;
  max-width: 100%;
  margin-left: 1vw;
  display: flex;
}

.footers-social-icon, .mask-group-5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.footers-social-icon {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-5 {
  object-fit: cover;
  z-index: 1;
}

.footers-social-icon-parent {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.komalasari-spd {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.smk-wikrama-bogor, .wakil-kepala-sekolah {
  margin: 0;
}

.wakil-kepala-sekolah-container {
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.frame-parent27, .komalasari-spd-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 218px;
  max-width: 100%;
  display: flex;
}

.frame-parent27 {
  flex-direction: row;
  align-items: center;
  gap: 0 16px;
  min-width: 276px;
}

.bu-nunuk-1, .frame-child3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.frame-child3 {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.bu-nunuk-1 {
  object-fit: cover;
  z-index: 1;
}

.ellipse-parent1 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.container-copyright2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 32px;
  width: 528px;
  max-width: 100%;
  margin-left: 1vw;
  display: flex;
}

.frame-child4, .mask-group-7 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.frame-child4 {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-7 {
  object-fit: cover;
  z-index: 1;
}

.ellipse-parent2 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.budiyono-spd, .guru-bahasa-inggris {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.budiyono-spd {
  font-weight: 600;
}

.guru-bahasa-inggris {
  color: var(--neutral-grey-3);
}

.budiyono-spd-parent {
  padding: 0 var(--padding-base) 0 0;
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 229px;
  max-width: 100%;
  display: flex;
}

.frame-child5, .mask-group-8 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: 0;
}

.frame-child5 {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-8 {
  object-fit: cover;
  z-index: 1;
}

.ellipse-parent3 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  width: 72px;
  height: 72px;
  padding: 0;
  position: relative;
}

.container-copyright3, .ms-i-tasia {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.container-copyright3 {
  flex-direction: row;
  align-items: center;
  gap: 0 16px;
  width: 528px;
  margin-left: 1vw;
}

.ms-i-tasia {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 40px 0;
}

.mask-group-icon1 {
  object-fit: cover;
  width: 120px;
  height: 120px;
  position: relative;
}

.eki-susanto, .founder-gapai-asa {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.eki-susanto {
  font-weight: 600;
}

.founder-gapai-asa {
  color: var(--neutral-grey-3);
}

.eki-susanto-parent, .mask-group-parent {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.eki-susanto-parent {
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
}

.mask-group-parent {
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  gap: 16px 0;
  width: 267px;
}

.ketua-yayasan-prawitama, .sutera-pramitaratri-stp {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sutera-pramitaratri-stp {
  font-weight: 600;
}

.ketua-yayasan-prawitama {
  color: var(--neutral-grey-3);
}

.sutera-pramitaratri-stp-parent {
  padding: 0 0 var(--padding-3xs);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
  margin-left: 1vw;
  display: flex;
}

.muslih-skom, .wakil-kepala-sekolah1 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.muslih-skom {
  font-weight: 600;
}

.wakil-kepala-sekolah1 {
  color: var(--neutral-grey-3);
}

.muslih-skom-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
  margin-left: 1vw;
  display: flex;
}

.nunuk-mujiana-spd {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.smk-wikrama-bogor1, .wakil-kepala-sekolah2 {
  margin: 0;
}

.wakil-kepala-sekolah-container1 {
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.nunuk-mujiana-spd-parent {
  padding: 0 0 var(--padding-3xs);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
  margin-left: 1vw;
  display: flex;
}

.guru-bahasa-inggris1, .rachmi-nurulwahyuni-ss {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.rachmi-nurulwahyuni-ss {
  font-weight: 600;
}

.guru-bahasa-inggris1 {
  color: var(--neutral-grey-3);
}

.rachmi-nurulwahyuni-ss-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
  margin-left: 1vw;
  display: flex;
}

.footer-links, .keprihatinan-itasia-dina-sulvi {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.footer-links {
  flex-direction: column;
  align-items: flex-end;
  gap: 50px 0;
  width: 336px;
  min-width: 336px;
  margin-left: -30px;
}

.keprihatinan-itasia-dina-sulvi {
  padding: 0 var(--padding-12xs) 0 0;
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
}

.mask-group-icon2 {
  object-fit: contain;
  width: 72px;
  height: 72px;
  position: relative;
}

.irma-rohima-ssi {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.koordinator-guru-matematika, .smk-wikrama-bogor2 {
  margin: 0;
}

.koordinator-guru-matematika-container {
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.green-school-award, .text-title-logo {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 218px;
  max-width: 100%;
  display: flex;
}

.text-title-logo {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
  min-width: 276px;
}

.mask-group-icon3 {
  object-fit: contain;
  width: 72px;
  height: 72px;
  position: relative;
}

.kiki-rizki-romadhoniyah, .koordinator-education-for {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.kiki-rizki-romadhoniyah {
  font-weight: 600;
}

.koordinator-education-for {
  color: var(--neutral-grey-3);
}

.indonesia-green-award-winner1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 218px;
  max-width: 100%;
  display: flex;
}

.frame-text-container, .worthy-hygiene-canteen-sanitat {
  flex-direction: row;
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.worthy-hygiene-canteen-sanitat {
  flex: 1;
  align-items: center;
  gap: 0 16px;
  min-width: 276px;
}

.frame-text-container {
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 32px;
  margin-left: 1vw;
}

.mask-group-icon4 {
  object-fit: contain;
  width: 72px;
  height: 72px;
  position: relative;
}

.dewi-ramayanti-spd, .ketua-satgas-literasi {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.dewi-ramayanti-spd {
  font-weight: 600;
}

.ketua-satgas-literasi {
  color: var(--neutral-grey-3);
}

.dewi-ramayanti-spd-parent, .mask-group-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 218px;
  max-width: 100%;
  display: flex;
}

.mask-group-group {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
  min-width: 276px;
}

.frame-child6 {
  object-fit: cover;
  width: 76px;
  height: 66px;
  position: relative;
}

.ketua-program-dan, .nurafia-kuraini-spd {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.nurafia-kuraini-spd {
  font-weight: 600;
}

.ketua-program-dan {
  color: var(--neutral-grey-3);
}

.nurafia-kuraini-spd-siti-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 216px;
  max-width: 100%;
  display: flex;
}

.frame-parent28, .frame-text-container1 {
  flex-direction: row;
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.frame-parent28 {
  flex: 1;
  align-items: center;
  gap: 0 16px;
  min-width: 276px;
}

.frame-text-container1 {
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 32px;
  margin-left: 1vw;
}

.frame-child7 {
  object-fit: cover;
  width: 75px;
  height: 66px;
  position: relative;
}

.ardi-ariansyah-skom {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.ketua-program-dan1 {
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.frame-parent29, .image1, .text3 {
  flex: 1;
  max-width: 100%;
  display: flex;
}

.image1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 214px;
}

.frame-parent29, .text3 {
  flex-direction: row;
  justify-content: center;
}

.frame-parent29 {
  align-items: center;
  gap: 0 16px;
}

.text3 {
  align-items: flex-start;
  min-width: 273px;
}

.frame-child8 {
  object-fit: cover;
  width: 76px;
  height: 66px;
  position: relative;
}

.inda-muliana-skom {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.ketua-program-dan2 {
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.inda-muliana-skom-agustia-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 213px;
  max-width: 100%;
  display: flex;
}

.frame-parent30 {
  flex: 1;
  align-items: center;
  gap: 0 16px;
}

.frame-parent30, .text4, .vector5 {
  flex-direction: row;
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.text4 {
  flex: 1;
  align-items: flex-start;
  min-width: 273px;
}

.vector5 {
  flex-wrap: wrap;
  align-self: stretch;
  align-items: center;
  gap: 0 40px;
}

.frame-child9 {
  object-fit: cover;
  width: 75px;
  height: 66px;
  position: relative;
}

.guru-pkk-smk, .rima-rachmawati-sm {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.rima-rachmawati-sm {
  font-weight: 600;
}

.guru-pkk-smk {
  color: var(--neutral-grey-3);
}

.frame-parent31, .rima-rachmawati-sm-ria-ar-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 214px;
  max-width: 100%;
  display: flex;
}

.frame-parent31 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 16px;
  min-width: 273px;
}

.frame-child10 {
  object-fit: cover;
  width: 75px;
  height: 66px;
  position: relative;
}

.manajer-bantuan-sekolah, .nurdin-lia {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.nurdin-lia {
  font-weight: 600;
}

.manajer-bantuan-sekolah {
  color: var(--neutral-grey-3);
}

.nurdin-lia-mutiara-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 214px;
  max-width: 100%;
  display: flex;
}

.frame-parent32, .frame-text-container2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent32 {
  flex: 1;
  gap: 0 16px;
  min-width: 273px;
}

.frame-text-container2 {
  flex-wrap: wrap;
  align-self: stretch;
  gap: 0 40px;
  margin-left: 1vw;
}

.header-container5, .text-logo-frame {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.text-logo-frame {
  flex-direction: column;
  gap: 40px 0;
  width: 880px;
}

.header-container5 {
  padding: 0 0 var(--padding-21xl) 0;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--heading-h5-reg-size);
  flex-direction: row;
}

.di-bawah-asuhan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.foto-lukman-hakim-icon {
  object-fit: cover;
  width: 120px;
  height: 120px;
  position: relative;
}

.drs-kh-lukman, .komunitas-pahala-mengalir {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.drs-kh-lukman {
  font-weight: 600;
}

.komunitas-pahala-mengalir {
  color: var(--neutral-grey-3);
}

.text6, .vector6 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.text6 {
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
}

.vector6 {
  flex: 1;
  align-items: center;
  gap: 16px 0;
  min-width: 173px;
}

.mask-group-9, .rectangle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: .2px;
  left: .3px;
}

.rectangle {
  background-color: var(--yellow-yellow-4);
  border-radius: 50%;
}

.mask-group-9 {
  object-fit: cover;
  z-index: 1;
}

.rectangle-group {
  width: 120px;
  height: 120px;
  position: relative;
}

.ustaz-donny-amir {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.pendiri-majelis-maqbul {
  color: var(--neutral-grey-3);
  line-height: 20px;
  position: relative;
}

.ustaz-donny-amir-sagaf-parent, .vector7 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.ustaz-donny-amir-sagaf-parent {
  align-self: stretch;
  align-items: flex-start;
  gap: 2px 0;
}

.vector7 {
  flex: 1;
  align-items: center;
  gap: 16px 0;
  min-width: 173px;
}

.vector-parent {
  padding: 0 var(--padding-12xs) 0 0;
  font-size: var(--heading-h5-reg-size);
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 0 40px;
  display: flex;
}

.text5 {
  flex-direction: column;
  align-items: center;
  gap: 40px 0;
  width: 573px;
}

.desktop6-mobile {
  max-width: 100%;
  display: none;
}

.desktop6, .line, .text5 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.line {
  font-size: var(--heading-h3-reg-size);
  flex-direction: row;
  align-items: flex-start;
  width: 600px;
}

.desktop6, .desktop6-mobile {
  background-color: var(--color-azure);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--heading-h1-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 40px 0;
  padding-bottom: 120px;
}

.desktop-child1 {
  width: 19.5%;
  max-width: 100%;
  height: 42.1%;
  max-height: 100%;
  position: absolute;
  inset: 23.58% 88.77% 34.32% -8.27%;
  overflow: hidden;
  margin: 0 !important;
}

.investasi, .pelatihan-umum1 {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 36px;
  position: relative;
}

.pelatihan-umum1 {
  font-weight: 600;
  line-height: 40px;
}

.rp2800000 {
  white-space: nowrap;
  line-height: 40px;
  text-decoration: line-through;
}

.per-peserta, .rp1550000, .rp2800000 {
  align-self: stretch;
  position: relative;
}

.rp1550000 {
  font-size: var(--display-display-4-size);
  white-space: nowrap;
  font-weight: 600;
  line-height: 44px;
}

.per-peserta {
  font-size: var(--font-size-xl);
  color: var(--neutral-grey-3);
  line-height: 32px;
}

.container8, .register-button {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container8 {
  align-self: stretch;
  gap: 8px 0;
}

.register-button {
  border-radius: var(--br-5xs);
  background-color: var(--neutral-white-2);
  box-shadow: var(--drop-shadow-3);
  padding: var(--padding-9xl) var(--padding-xl);
  box-sizing: border-box;
  flex: 1;
  gap: 32px 0;
  min-width: 280px;
  overflow: hidden;
}

.pelatihan-khusus1 {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 40px;
  position: relative;
}

.rp2900000, .rp3200000 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.rp3200000 {
  line-height: 40px;
  text-decoration: line-through;
}

.rp2900000 {
  font-size: var(--display-display-4-size);
  font-weight: 600;
  line-height: 44px;
}

.per-peserta-per {
  font-size: var(--font-size-xl);
  color: var(--neutral-grey-3);
  line-height: 32px;
  position: relative;
}

.register-button1, .rp3200000-parent {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.rp3200000-parent {
  align-self: stretch;
  gap: 8px 0;
}

.register-button1 {
  border-radius: var(--br-5xs);
  background-color: var(--neutral-white-2);
  box-shadow: var(--drop-shadow-3);
  padding: var(--padding-9xl) var(--padding-xl);
  box-sizing: border-box;
  flex: 1;
  gap: 32px 0;
  min-width: 280px;
  overflow: hidden;
}

.kejarid {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 40px;
}

.kejarid, .per-siswa-per, .rp5000 {
  align-self: stretch;
  position: relative;
}

.rp5000 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 44px;
}

.per-siswa-per {
  font-size: var(--font-size-xl);
  color: var(--neutral-grey-3);
  line-height: 32px;
}

.register-button2, .rp5000-parent {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.rp5000-parent {
  font-size: var(--display-display-4-size);
  justify-content: center;
  align-self: stretch;
  gap: 8px 0;
}

.register-button2 {
  border-radius: var(--br-5xs);
  background-color: var(--neutral-white-2);
  box-shadow: var(--drop-shadow-3);
  padding: var(--padding-9xl) var(--padding-xl);
  box-sizing: border-box;
  flex: 1;
  justify-content: space-between;
  min-width: 280px;
  min-height: 260px;
  overflow: hidden;
}

.school-info-frame {
  padding: 0 var(--padding-11xs) 0 0;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  display: flex;
}

.gratis {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 44px;
  position: relative;
}

.iconcheck3 {
  width: 32px;
  height: 32px;
  position: relative;
}

.keprihatinan-ir-itasia-dina-su {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.rp10000000 {
  font-weight: 600;
}

.biaya-aktivasi-kejarid-container {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.berkenalan-dengan-itasi, .footers-socialicon1 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.footers-socialicon1 {
  flex-direction: column;
  flex: 1;
  min-width: 307px;
}

.berkenalan-dengan-itasi {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.iconcheck4 {
  width: 32px;
  height: 32px;
  position: relative;
}

.iconcheck-frame {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.sesi-pendampingan1 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.berkenalan-dengan-itasi1, .sesi-pendampingan-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sesi-pendampingan-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 307px;
}

.berkenalan-dengan-itasi1 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.iconcheck5 {
  width: 32px;
  height: 32px;
  position: relative;
}

.iconcheck-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.pendampingan-teknis {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.berkenalan-dengan-itasi2, .pendampingan-teknis-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.pendampingan-teknis-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 307px;
}

.berkenalan-dengan-itasi2 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.iconcheck6 {
  width: 32px;
  height: 32px;
  position: relative;
}

.iconcheck-wrapper2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.berkenalan-dengan-itasi3, .sosialisasi-fitur-baru1 {
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.sosialisasi-fitur-baru1 {
  flex-direction: column;
  flex: 1;
  min-width: 307px;
}

.berkenalan-dengan-itasi3 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.footer-sociallinks {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  gap: 16px 0;
}

.footer-sociallinks, .master-card-logo, .y-b-m-b-r-i-i-d-s-y-b-m-b-r-i {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.y-b-m-b-r-i-i-d-s-y-b-m-b-r-i {
  border-radius: var(--br-5xs);
  border: 4px solid var(--yellow-yellow-2);
  box-sizing: border-box;
  padding: var(--padding-13xl) var(--padding-xl);
  gap: 24px 0;
  width: 568px;
}

.master-card-logo {
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  align-self: stretch;
}

.icontemplate-inner {
  border-radius: var(--br-11xs);
  background-color: var(--neutral-white);
  width: 66.5%;
  height: 66.5%;
  position: absolute;
  inset: 16.5% 17% 17% 16.5%;
}

.icontemplate2 {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
}

.simpan1 {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  letter-spacing: .01em;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--lead-paragraph-lead-paragraph-small);
  color: var(--neutral-white);
  text-align: left;
  position: relative;
}

.rectangle-div {
  border-radius: var(--br-11xs);
  background-color: var(--neutral-white);
  width: 66.5%;
  height: 66.5%;
  position: absolute;
  inset: 16.5% 17% 17% 16.5%;
}

.icontemplate3 {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
}

.button3 {
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-xl) var(--padding-sm) var(--padding-lgi);
  background-color: var(--blue-blue);
  border-radius: var(--br-9xs);
  box-shadow: var(--drop-shadow-1);
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0 8px;
  display: flex;
}

.container7, .school-list {
  flex-direction: column;
  gap: 40px 0;
  max-width: 100%;
  display: flex;
}

.school-list {
  font-size: var(--display-display-small-1-semibold-size);
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
}

.container7 {
  background-color: var(--neutral-white);
  padding: var(--padding-101xl) var(--padding-21xl);
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-start;
  width: 960px;
  overflow: hidden;
}

.desktop7, .frequently-asked-questions {
  font-size: var(--heading-h1-size);
  max-width: 100%;
  position: relative;
}

.desktop7 {
  background-color: var(--neutral-white);
  padding: 0 var(--padding-21xl);
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  display: flex;
  overflow: hidden;
}

.frequently-asked-questions {
  color: var(--color-gray-100);
  width: 880px;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 36px;
  display: inline-block;
}

.untuk-siapa-program {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.bogor-city-frame {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.program-pelatihan-ini {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.character-healthy-school-frame {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.badanpon-frame {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip {
  cursor: pointer;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame1 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.apakah-sekolah-saya {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.apakah-sekolah-saya-harus-meng-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.pelatihan-umum-dapat {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.pelatihan-umum-dapat-diikuti-s-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent33 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame2 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame3 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.mengapa-kejarid-diperlukan {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.mengapa-kejarid-diperlukan-m-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.manajemen-berbasis-data {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.manajemen-berbasis-data-memung-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent34 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame4 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame5 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.berapa-orang-personel {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.berapa-orang-personel-yang-seb-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.idealnya-setiap-pelatihan {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.idealnya-setiap-pelatihan-diik-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent35 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame6 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame7 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.apakah-boleh-sekolah {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.apakah-boleh-sekolah-saya-meng-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.boleh-disarankan-kepala {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.boleh-disarankan-kepala-sekol-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent36 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame8 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame9 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.apakah-biaya-pelatihan {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.apakah-biaya-pelatihan-ini-dan-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.ya-pelatihan-ini {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.ya-pelatihan-ini-bersertifika-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent37 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame10 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame11 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.bagaimana-mekanisme-kerjasama {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.bagaimana-mekanisme-kerjasama-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.biaya-berlangganan-kejarid, .biaya-pelatihan-dibayarkan, .mou-untuk-3, .sisa-biaya-pelatihan {
  margin: 0;
}

.mou-untuk-3-container {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.mou-untuk-3-tahun-biaya-pelati-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent38 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.u-k-s-frame12 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame13 {
  border-radius: var(--br-9xs);
  background-color: var(--neutral-grey-13);
  width: 880px;
  max-width: 100%;
  height: 2px;
  position: relative;
}

.saya-ingin-program {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.saya-ingin-program-pelatihan-i-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.bisa-untuk-pelatihan {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.bisa-untuk-pelatihan-yang-dil-wrapper {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent39 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px 0;
  min-width: 554px;
  max-width: 100%;
  display: flex;
}

.iconstrip7 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.desktop8, .u-k-s-frame14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.u-k-s-frame14 {
  flex-flow: wrap;
  align-items: flex-start;
  gap: 0 4px;
  width: 880px;
}

.desktop8 {
  background-color: var(--neutral-grey-15);
  padding: var(--padding-61xl) var(--padding-61xl) var(--padding-101xl);
  box-sizing: border-box;
  z-index: 2;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 40px 0;
}

.image-2573-icon {
  object-fit: cover;
  z-index: 0;
  width: 1370px;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
}

.anggota-sekolah-a-s-pnet-frame {
  z-index: 1;
  background-color: #00000080;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: .2px 0 -.2px;
  margin: 0 !important;
}

.pelatihan-ids-rumah {
  font-size: inherit;
  z-index: 2;
  max-width: 100%;
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.pelatihan, .screen-shotat-y {
  font-weight: 600;
  line-height: 80px;
  position: relative;
}

.pelatihan {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 32px;
}

.tentang-i-d-s-rumah-pendidikan1, .y-b-m-b-r-i-i-d-s-y-b-m-b-r-i1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tentang-i-d-s-rumah-pendidikan1 {
  font-size: var(--heading-h2-reg-size);
}

.y-b-m-b-r-i-i-d-s-y-b-m-b-r-i1 {
  border-radius: var(--br-9xs);
  padding: var(--padding-5xl) var(--padding-xl);
  box-sizing: border-box;
  flex: 1;
  gap: 8px 0;
  min-width: 190px;
}

.div, .sekolah {
  font-weight: 600;
  line-height: 80px;
  position: relative;
}

.sekolah {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 32px;
}

.sekolah-wrapper, .y-b-m-b-r-i-i-d-s-y-b-m-b-r-i2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sekolah-wrapper {
  font-size: var(--heading-h2-reg-size);
}

.y-b-m-b-r-i-i-d-s-y-b-m-b-r-i2 {
  border-radius: var(--br-9xs);
  padding: var(--padding-5xl) var(--padding-xl);
  box-sizing: border-box;
  flex: 1;
  gap: 8px 0;
  min-width: 190px;
}

.div1, .guru {
  font-weight: 600;
  line-height: 80px;
  position: relative;
}

.guru {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 32px;
}

.guru-wrapper, .y-b-m-b-r-i-i-d-s-y-b-m-b-r-i3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.guru-wrapper {
  font-size: var(--heading-h2-reg-size);
}

.y-b-m-b-r-i-i-d-s-y-b-m-b-r-i3 {
  border-radius: var(--br-9xs);
  padding: var(--padding-5xl) 0;
  gap: 8px 0;
}

.program-cybersecurity-training {
  padding: 0 var(--padding-12xs) 0 0;
  box-sizing: border-box;
  z-index: 2;
  text-align: left;
  font-size: var(--font-size-41xl);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0 40px;
  width: 960px;
  max-width: 100%;
  display: flex;
}

.a-s-pnet-anggota-sekolah-frame, .image-2573-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.image-2573-parent {
  padding: 137px var(--padding-xl) 157px;
  z-index: 3;
  background-image: url("image-2573@2x.20b6bb39.webp");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 23px;
  position: relative;
}

.a-s-pnet-anggota-sekolah-frame {
  text-align: center;
  font-size: var(--display-display-4-size);
  color: var(--neutral-white);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0;
}

.pengguna-kejarid {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 44px;
  position: relative;
}

.image-2562-icon, .image-2563-icon, .image-2570-icon {
  object-fit: cover;
  flex-shrink: 0;
  width: 101px;
  height: 92px;
  position: relative;
}

.image-2562-icon, .image-2563-icon {
  width: 72.5px;
  height: 101px;
}

.image-2563-icon {
  width: 87px;
  height: 87px;
}

.image-2574-icon, .image-2575-icon, .image-2577-icon, .logo-smk-wikrama-bogor-1 {
  object-fit: cover;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  position: relative;
}

.image-2574-icon {
  height: 96.6px;
}

.image-2569-icon, .image-2576-icon, .image-2578-icon {
  object-fit: cover;
  flex-shrink: 0;
  width: 105px;
  height: 105px;
  position: relative;
}

.image-2576-icon, .image-2578-icon {
  width: 99px;
  height: 100px;
}

.image-2576-icon {
  width: 86px;
  height: 96px;
}

.frame-ibu-bapak-desktop {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 0 18px;
  max-width: 140%;
  display: flex;
  overflow-x: auto;
}

.download-1-icon, .icon {
  object-fit: cover;
  flex-shrink: 0;
  width: 94.6px;
  height: 94.6px;
  position: relative;
}

.icon {
  width: 91.3px;
  height: 93.5px;
}

.logosmk-removebg-preview-600x6-icon {
  width: 87.9px;
  height: 94.6px;
}

.abrorcopy-1-icon, .image-2566-icon, .logosmk-removebg-preview-600x6-icon {
  object-fit: cover;
  flex-shrink: 0;
  position: relative;
}

.abrorcopy-1-icon {
  width: 100px;
  height: 100px;
  min-height: 100px;
}

.image-2566-icon {
  width: 97px;
  height: 97px;
}

.download-2-icon, .icon1, .image-2572-icon, .logo-new-1-icon {
  object-fit: cover;
  flex-shrink: 0;
  width: 70px;
  height: 89px;
  position: relative;
}

.download-2-icon, .icon1, .logo-new-1-icon {
  width: 91px;
  height: 91px;
}

.icon1, .logo-new-1-icon {
  width: 95px;
  height: 95px;
}

.icon1 {
  width: 91px;
  height: 91px;
}

.download-1-parent {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 0 18px;
  max-width: 122%;
  display: flex;
  overflow-x: auto;
}

.abrorcopy-1-icon1 {
  width: 100px;
  height: 100px;
  min-height: 100px;
}

.abrorcopy-1-icon1, .image-2568-icon, .image-2578-icon1 {
  object-fit: cover;
  flex-shrink: 0;
  position: relative;
}

.image-2568-icon {
  width: 87.9px;
  height: 87.9px;
}

.image-2578-icon1 {
  align-self: stretch;
  width: 85px;
  min-height: 101px;
  max-height: 100%;
}

.image-2564-icon, .image-2579-icon, .logo-smkn1-compress-1-icon {
  object-fit: cover;
  flex-shrink: 0;
  width: 99px;
  height: 96px;
  position: relative;
}

.image-2579-icon, .logo-smkn1-compress-1-icon {
  width: 106.5px;
  height: 93px;
}

.logo-smkn1-compress-1-icon {
  width: 99px;
  height: 96px;
}

.icon2 {
  width: 86px;
  height: 92px;
}

.icon2, .image-2565-icon, .unnamed-600x600-1-icon {
  object-fit: cover;
  flex-shrink: 0;
  position: relative;
}

.unnamed-600x600-1-icon {
  width: 101px;
  height: 101px;
  min-height: 101px;
}

.image-2565-icon {
  width: 94px;
  height: 94px;
}

.graphic-elements-footersocial {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 0 18px;
  max-width: 125%;
  display: flex;
  overflow-x: auto;
}

.dan-ratusan-sekolah {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  color: #000;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.desktop-kata-mereka {
  background-color: var(--neutral-white);
  box-sizing: border-box;
  z-index: 4;
  text-align: center;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.container-kata-mereka {
  background-color: var(--neutral-white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  width: 1200px;
  max-width: 100%;
  padding: 120px 40px;
  display: flex;
  overflow: hidden;
}

.vidio-youtube {
  background-color: var(--neutral-white);
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1120px;
  max-width: 100%;
  height: 630px;
  display: flex;
  overflow: hidden;
}

.kp-foto {
  flex-wrap: wrap;
  gap: 16px;
  width: 1120px;
  padding: 0 0 16px;
  font-size: 21px;
  font-weight: 600;
  line-height: 36px;
  display: flex;
}

.dokumentasi-kp {
  color: var(--neutral-black-1);
  text-align: left;
  width: 552px;
}

.view-galeri {
  text-align: right;
  color: var(--blue-blue);
  width: 552px;
  text-decoration: none;
}

.picture-kp {
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
  margin-bottom: 10px;
  display: flex;
}

.container9 {
  background-color: var(--neutral-white);
  padding: var(--padding-101xl) var(--padding-21xl);
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px 0;
  width: 800px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.graphic-elements-icon3 {
  object-fit: contain;
  flex-shrink: 0;
  width: 183.9px;
  height: 176.4px;
  position: absolute;
  top: 20.2px;
  right: 21px;
  overflow: hidden;
  margin: 0 !important;
}

.desktop9 {
  background-color: var(--neutral-white);
  box-sizing: border-box;
  z-index: 4;
  text-align: center;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.mereka-yang-telah, .pendidikan-bermutu-di {
  margin: 0;
}

.mereka-yang-telah-container {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 44px;
  position: relative;
}

.bu-ita-icon {
  object-fit: contain;
  width: 72px;
  height: 72px;
  position: relative;
}

.ahmad-syaikhu-spd, .kejarid-bisa-membuka, .smk-negeri-6 {
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.ahmad-syaikhu-spd, .smk-negeri-6 {
  line-height: 20px;
}

.ahmad-syaikhu-spd {
  font-weight: 600;
}

.smk-negeri-6 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.text-text-frame {
  color: var(--neutral-black-1);
  align-self: stretch;
  gap: 4px 0;
}

.frame-text-frame, .line-shape-frame, .text-text-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-text-frame {
  align-self: stretch;
  gap: 12px 0;
}

.line-shape-frame {
  flex: 1;
  gap: 16px 0;
  min-width: 278px;
  max-width: 100%;
}

.bu-dian-icon {
  object-fit: contain;
  width: 72px;
  height: 71.2px;
  position: relative;
}

.kejarid-banyak-sekali {
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.dian-siti-hardianti, .smk-nurul-mutaqien {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.dian-siti-hardianti {
  font-weight: 600;
}

.smk-nurul-mutaqien {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.container-grid, .text-area-text-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.text-area-text-frame {
  color: var(--neutral-black-1);
  gap: 4px 0;
}

.container-grid {
  gap: 12px 0;
}

.container-flex-row, .rectangle-shape-frame {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.container-flex-row {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px 0;
  min-width: 278px;
}

.rectangle-shape-frame {
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  gap: 0 24px;
}

.mask-group-icon5 {
  object-fit: cover;
  width: 72px;
  height: 72px;
  position: relative;
}

.heri-murtiatno-ss, .kejarid-itu-aplikasi, .smk-negeri-1 {
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.heri-murtiatno-ss, .smk-negeri-1 {
  line-height: 20px;
}

.heri-murtiatno-ss {
  font-weight: 600;
}

.smk-negeri-1 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.heri-murtiatno-ss-parent {
  color: var(--neutral-black-1);
  align-self: stretch;
  gap: 4px 0;
}

.heri-murtiatno-ss-parent, .kejarid-itu-aplikasi-yang-mem-parent, .mask-group-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.kejarid-itu-aplikasi-yang-mem-parent {
  align-self: stretch;
  gap: 12px 0;
}

.mask-group-container {
  flex: 1;
  gap: 16px 0;
  min-width: 278px;
  max-width: 100%;
}

.smkn-1-sijuk {
  object-fit: contain;
  width: 72px;
  height: 71.2px;
  position: relative;
}

.kejarid-banyak-sekali1, .smkn-1-sijuk1 {
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.smkn-1-sijuk1 {
  font-weight: 600;
  line-height: 20px;
}

.kejarid-banyak-sekali-manfaat-parent, .smkn-1-sijuk-prov-bangka-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.smkn-1-sijuk-prov-bangka-wrapper {
  color: var(--neutral-black-1);
}

.kejarid-banyak-sekali-manfaat-parent {
  gap: 12px 0;
}

.frame-parent40, .smkn-1-sijuk-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.smkn-1-sijuk-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px 0;
  min-width: 278px;
  min-height: 264px;
}

.frame-parent40 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  gap: 0 24px;
}

.pak-bismi-icon {
  object-fit: contain;
  width: 72px;
  height: 72px;
  position: relative;
}

.bismi-mpd-kepala, .saya-sudah-kenal, .smk-negeri-11 {
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.bismi-mpd-kepala, .smk-negeri-11 {
  line-height: 20px;
}

.bismi-mpd-kepala {
  font-weight: 600;
}

.smk-negeri-11 {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.bismi-mpd-kepala-sekolah-parent {
  color: var(--neutral-black-1);
  align-self: stretch;
  gap: 4px 0;
}

.bismi-mpd-kepala-sekolah-parent, .pak-bismi-parent, .saya-sudah-kenal-kejarid-seda-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.saya-sudah-kenal-kejarid-seda-parent {
  align-self: stretch;
  gap: 12px 0;
}

.pak-bismi-parent {
  flex: 1;
  gap: 16px 0;
  min-width: 278px;
  max-width: 100%;
}

.pak-ahmad-saikhu {
  object-fit: contain;
  width: 72px;
  height: 71.2px;
  position: relative;
}

.kejarid-merupakan-sebuah {
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.arif-rahman-maulana, .smk-bakti-assyukur {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.arif-rahman-maulana {
  font-weight: 600;
}

.smk-bakti-assyukur {
  font-size: var(--heading-h5-reg-size);
  color: var(--neutral-grey-3);
}

.arif-rahman-maulana-waka-kesi-parent, .kejarid-merupakan-sebuah-plat-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.arif-rahman-maulana-waka-kesi-parent {
  color: var(--neutral-black-1);
  gap: 4px 0;
}

.kejarid-merupakan-sebuah-plat-parent {
  gap: 12px 0;
}

.pak-ahmad-saikhu-parent, .rectangle-shape-frame1 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.pak-ahmad-saikhu-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px 0;
  min-width: 278px;
}

.rectangle-shape-frame1 {
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  gap: 0 24px;
}

.container10, .desktop10, .group-text-frame {
  flex-direction: column;
  max-width: 100%;
  display: flex;
}

.group-text-frame {
  text-align: left;
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  color: var(--neutral-grey-3);
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 64px 0;
}

.container10, .desktop10 {
  background-color: var(--neutral-white);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

.container10 {
  padding: var(--padding-101xl) var(--padding-21xl);
  gap: 40px 0;
  width: 960px;
  overflow: hidden;
}

.desktop10 {
  padding: 0 var(--padding-21xl);
  z-index: 5;
  text-align: center;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  align-self: stretch;
}

.apakah-sekolah-ibubapak {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 44px;
  position: relative;
}

.icondot {
  width: 24px;
  height: 24px;
  position: relative;
}

.rectangle1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-mengelola-sdm {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.ingin-mengelola-sdm-dan-keuang-wrapper, .rectangle-container {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-mengelola-sdm-dan-keuang-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.rectangle-container {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot1 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-meningkatkan-motivasi {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent42, .ingin-meningkatkan-motivasi-da-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-meningkatkan-motivasi-da-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent42 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot2 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-meningkatkan-jumlah {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent43, .ingin-meningkatkan-jumlah-pend-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-meningkatkan-jumlah-pend-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent43 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot3 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-frame {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-menumbuhkan-karakter {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent44, .ingin-menumbuhkan-karakter-mul-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-menumbuhkan-karakter-mul-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent44 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot4 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-meningkatkan-kemampuan {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent45, .ingin-meningkatkan-kemampuan-l-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-meningkatkan-kemampuan-l-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent45 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot5 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-wrapper2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-lulusannya-terserap {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent46, .ingin-lulusannya-terserap-deng-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-lulusannya-terserap-deng-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent46 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot6 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-wrapper3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-menerapkan-teknologi {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent47, .ingin-menerapkan-teknologi-yan-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-menerapkan-teknologi-yan-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent47 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot7 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-wrapper4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-mengembangkan-budaya {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.frame-parent48, .ingin-mengembangkan-budaya-mut-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.ingin-mengembangkan-budaya-mut-wrapper {
  flex-direction: column;
  flex: 1;
  min-width: 541px;
}

.frame-parent48 {
  flex-flow: wrap;
  align-self: stretch;
  gap: 0 8px;
}

.icondot8 {
  width: 24px;
  height: 24px;
  position: relative;
}

.icondot-wrapper5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.ingin-meningkatkan-skor {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.ingin-meningkatkan-skor-rapor-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 541px;
  max-width: 100%;
  display: flex;
}

.apakah-sekolah-ibubapak-menga-parent, .frame-parent41, .frame-parent49 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.frame-parent49 {
  flex-flow: wrap;
  gap: 0 8px;
}

.apakah-sekolah-ibubapak-menga-parent, .frame-parent41 {
  flex-direction: column;
}

.frame-parent41 {
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-grey-3);
  gap: 16px 0;
}

.apakah-sekolah-ibubapak-menga-parent {
  gap: 24px 0;
}

.segera-daftarkan-sekolah {
  width: 100%;
  max-width: 720px;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.register-school {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.icontemplate-child1 {
  border-radius: var(--br-11xs);
  background-color: var(--neutral-white);
  width: 66.5%;
  height: 66.5%;
  position: absolute;
  inset: 16.5% 17% 17% 16.5%;
}

.icontemplate4 {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
}

.simpan2 {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  letter-spacing: .01em;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--lead-paragraph-lead-paragraph-small);
  color: var(--neutral-white);
  text-align: left;
  position: relative;
}

.icontemplate-child2 {
  border-radius: var(--br-11xs);
  background-color: var(--neutral-white);
  width: 66.5%;
  height: 66.5%;
  position: absolute;
  inset: 16.5% 17% 17% 16.5%;
}

.icontemplate5 {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
}

.button4, .container11, .group3 {
  align-items: center;
  display: flex;
}

.button4 {
  cursor: pointer;
  padding: var(--padding-sm) var(--padding-xl) var(--padding-sm) var(--padding-lgi);
  background-color: var(--blue-blue);
  border-radius: var(--br-9xs);
  box-shadow: var(--drop-shadow-1);
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0 8px;
}

.container11, .group3 {
  flex-direction: column;
  justify-content: center;
  gap: 80px 0;
}

.group3 {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
}

.container11 {
  background-color: var(--color-azure);
  padding: var(--padding-101xl) var(--padding-21xl);
  box-sizing: border-box;
  width: 960px;
  max-width: 100%;
  overflow: hidden;
}

.objects-icon3 {
  object-fit: contain;
  flex-shrink: 0;
  width: 65px;
  height: 169.9px;
  position: absolute;
  top: 40.2px;
  left: 40px;
  overflow: hidden;
  margin: 0 !important;
}

.objects-icon4 {
  object-fit: contain;
  flex-shrink: 0;
  width: 65px;
  height: 169.949px;
  position: absolute;
  top: -46.171px;
  left: 40px;
  overflow: hidden;
  margin: 0 !important;
}

.desktop11, .prestasi-smk-wikrama {
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  align-self: stretch;
  position: relative;
}

.desktop11 {
  background-color: var(--color-azure);
  padding: 0 var(--padding-21xl);
  box-sizing: border-box;
  z-index: 6;
  text-align: center;
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 8px 0;
  max-width: 100%;
  display: flex;
}

.prestasi-smk-wikrama {
  margin-top: 0;
  margin-bottom: 40px;
  font-family: inherit;
  font-weight: 700;
  line-height: 44px;
}

.adiwiyata-2-icon {
  object-fit: cover;
  width: 80px;
  height: 80px;
  position: relative;
}

.adiwiyata-mandiri-school, .since-2012 {
  margin: 0;
}

.adiwiyata-mandiri-school-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.adiwiyata-mandiri-school-since-wrapper, .bogor-city {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.adiwiyata-mandiri-school-since-wrapper {
  align-self: stretch;
}

.bogor-city {
  gap: 16px 0;
  width: 222px;
  position: absolute;
  top: 204.2px;
  left: 40px;
}

.iga-removebg-preview-1-icon {
  object-fit: cover;
  width: 80px;
  height: 80px;
  position: relative;
}

.indonesia-green-award, .p {
  margin: 0;
}

.indonesia-green-award-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.bogor-city1, .indonesia-green-award-winner-2-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.indonesia-green-award-winner-2-wrapper {
  align-self: stretch;
}

.bogor-city1 {
  gap: 16px 0;
  width: 222px;
  position: absolute;
  top: 204.2px;
  left: 286px;
}

.uks-1-icon {
  object-fit: contain;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  position: relative;
}

.indonesia-green-award1, .p1 {
  margin: 0;
}

.indonesia-green-award-container1 {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.indonesia-green-award-winner-2-container {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.bogor-city2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 222px;
  height: 130px;
  display: flex;
  position: absolute;
  top: 204.2px;
  left: 532px;
}

.badanpon-1-icon {
  object-fit: contain;
  width: 80px;
  height: 80px;
  position: relative;
}

.first-star-of, .school-canteen-2018 {
  margin: 0;
}

.first-star-of-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.first-star-of-food-security-fo-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.bogor-city3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 222px;
  display: flex;
  position: absolute;
  top: 204.2px;
  left: 778px;
}

.bogor-1-icon {
  object-fit: contain;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  position: relative;
}

.character-healthy-school1, .p2 {
  margin: 0;
}

.character-healthy-school-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.bogor-city4, .character-healthy-school-2019-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.character-healthy-school-2019-wrapper {
  justify-content: center;
  align-self: stretch;
}

.bogor-city4 {
  justify-content: space-between;
  width: 222px;
  position: absolute;
  top: 374.2px;
  left: 40px;
}

.baktihusada-1-icon, .bogor-1-icon1 {
  object-fit: contain;
  width: 80px;
  height: 80px;
  min-height: 80px;
  position: relative;
}

.bogor-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.canteen-sanitation-2018, .worthy-hygiene-of {
  margin: 0;
}

.worthy-hygiene-of-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.worthy-hygiene-of-school-cante-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.bogor-city5 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 222px;
  display: flex;
  position: absolute;
  top: 374.2px;
  left: 286px;
}

.seameo-1-icon {
  object-fit: contain;
  flex: 1;
  width: 169px;
  max-height: 100%;
  margin-bottom: 16px;
  position: relative;
}

.goes-to-school, .sekolah-dengan-program {
  margin: 0;
}

.sekolah-dengan-program-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.bogor-city6, .sekolah-dengan-program-nutriti-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bogor-city6 {
  justify-content: space-between;
  height: 130px;
  position: absolute;
  top: 374.2px;
  left: 532px;
}

.tut-wuri-handayani-removebg-pr-icon {
  object-fit: cover;
  width: 80px;
  height: 80px;
  position: relative;
}

.p3, .sekolah-unggul-dan {
  margin: 0;
}

.sekolah-unggul-dan-container {
  align-self: stretch;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.sekolah-unggul-dan-berprestasi-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.bogor-city7 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 222px;
  display: flex;
  position: absolute;
  top: 374.2px;
  left: 778px;
}

.unesco-logo-removebg-preview-1-icon {
  object-fit: cover;
  width: 129.2px;
  height: 80px;
  margin-bottom: 16px;
  position: relative;
}

.anggota-sekolah-aspnet, .p4 {
  margin: 0;
}

.anggota-sekolah-aspnet-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.y-b-m-b-r-i-i-d-s {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.unesco-logo-removebg-preview-1-parent {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 195px;
  max-width: 222px;
  display: flex;
}

.bogor-1-icon2, .rokok-removebg-preview-1-icon {
  object-fit: contain;
  min-height: 80px;
  position: relative;
}

.bogor-1-icon2 {
  width: 80px;
  height: 80px;
}

.rokok-removebg-preview-1-icon {
  align-self: stretch;
  width: 70.8px;
  max-height: 100%;
}

.rokok-removebgpreview, .rokok-removebgpreview-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.rokok-removebgpreview {
  gap: 0 12px;
  margin-bottom: 16px;
}

.rokok-removebgpreview-wrapper {
  padding: 0 var(--padding-xl);
}

.p5, .sekolah-kawasan-tanpa {
  margin: 0;
}

.sekolah-kawasan-tanpa-container {
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.sekolah-kawasan-tanpa-rokok-20-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.frame-parent50 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 195px;
  max-width: 222px;
  display: flex;
}

.removebg-preview-1-icon {
  object-fit: cover;
  width: 162px;
  height: 80px;
  margin-bottom: 16px;
  position: relative;
}

.p6, .seameo-schools-network {
  margin: 0;
}

.seameo-schools-network-container {
  align-self: stretch;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.removebg-preview-1-parent {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 195px;
  max-width: 222px;
  display: flex;
}

.infra-1-icon, .mastercard-logo-1-icon {
  object-fit: contain;
  width: 100px;
  height: 80px;
  position: relative;
}

.infra-1-icon {
  width: 85px;
  height: 80px;
}

.infra-1-wrapper {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.mastercard-logo-1-parent {
  padding: 0 var(--padding-lgi) 0 18px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  margin-bottom: 16px;
  display: flex;
}

.certification-mastercard-acade, .smk-pk-terbaik {
  margin: 0;
}

.smk-pk-terbaik-container {
  align-self: stretch;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.cybersecurity-training-frame {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.u-n-e-s-c-o-network-frame {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 172px;
  max-width: 222px;
  display: flex;
}

.u-n-e-s-c-o-a-s-e-m-o-schools {
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  margin-bottom: 40px;
  display: flex;
}

.container12 {
  background-color: var(--neutral-white);
  flex-shrink: 0;
  width: 1040px;
  max-width: 100%;
  height: 600px;
  margin-top: 7%;
  position: relative;
  overflow: hidden;
}

.graphic-elements-icon4 {
  object-fit: contain;
  z-index: 1;
  flex-shrink: 0;
  width: 183.9px;
  height: 176.4px;
  display: none;
  position: absolute;
  top: 630.8px;
  left: 1162.1px;
  overflow: hidden;
  margin: 0 !important;
}

.desktop12 {
  background-color: var(--neutral-white);
  padding: 0 var(--padding-21xl);
  box-sizing: border-box;
  z-index: 7;
  text-align: center;
  font-size: var(--heading-h6-semibold-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  max-width: 100%;
  display: flex;
  position: relative;
}

.desktop-child2 {
  width: 17.64%;
  max-width: 100%;
  height: 47.84%;
  max-height: 100%;
  display: none;
  position: absolute;
  inset: 63.36% 83.46% -26.2% -1.1%;
  overflow: hidden;
  margin: 0 !important;
}

.ybm-bri-ids-305-2-icon, .ybm-bri-ids-501-2-icon {
  object-fit: cover;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  height: 235px;
  position: relative;
  overflow: hidden;
}

.ybm-bri-ids-501-2-icon {
  height: 236px;
}

.ybm-bri-ids-305-2-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px 0;
  min-width: 176px;
  display: flex;
}

.screen-shot-2021-03-16-at-04, .ybm-bri-ids-501-3-icon {
  object-fit: cover;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  height: 237px;
  position: relative;
  overflow: hidden;
}

.ybm-bri-ids-501-3-icon {
  height: 235px;
}

.screen-shot-2021-03-16-at-04-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px 0;
  min-width: 176px;
  display: flex;
}

.y-b-m-i-d-s-screen-shot-frame {
  padding: 0 var(--padding-12xs) 0 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0 16px;
  width: 559px;
  min-width: 559px;
  max-width: 100%;
  display: flex;
}

.ids-rumah-pendidikan-container, .tentang-ids-rumah {
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  position: relative;
}

.tentang-ids-rumah {
  font-size: inherit;
  font-weight: 700;
  line-height: 44px;
}

.ids-rumah-pendidikan-container {
  color: var(--neutral-grey-3);
  font-family: Inter;
  font-size: 21px;
  font-weight: 700;
  line-height: 36px;
}

.ids-rumah-pendidikan-container span {
  color: var(--neutral-grey-3);
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

.tentang-ids-rumah-pendidikan-i-parent {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px 0;
  width: 100%;
  min-width: 235px;
  margin-bottom: 100px;
  display: flex;
}

.y-b-m-b-r-i-d-s-ybmbriids-fram {
  z-index: 100;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0 40px;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.graphic-elements-icon5 {
  object-fit: contain;
  z-index: 2;
  flex-shrink: 0;
  width: 183.9px;
  height: 176.4px;
  position: absolute;
  top: 16.2px;
  right: 21px;
  overflow: hidden;
  margin: 0 !important;
}

.desktop13 {
  background-color: var(--neutral-white);
  padding: var(--padding-61xl);
  box-sizing: border-box;
  z-index: 8;
  text-align: left;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 40px 0;
  max-width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.berkenalan-dengan-itasia {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 44px;
  position: relative;
}

.keprihatinan-ir-itasia {
  margin-block: 0 12px;
}

.ids-rumah-pendidikan {
  margin: 0;
}

.keprihatinan-ir-itasia-container {
  font-size: var(--lead-paragraph-lead-paragraph-small-size);
  color: var(--neutral-grey-3);
  align-self: stretch;
  line-height: 30px;
  position: relative;
}

.frame-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px 0;
  width: 640px;
  max-width: 640px;
  display: flex;
}

.container-info, .container13 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.container-info {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
}

.container13 {
  background-color: var(--yellow-yellow-5);
  padding: var(--padding-101xl) var(--padding-21xl);
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  overflow: hidden;
}

.desktop-child3 {
  object-fit: contain;
  z-index: 1;
  width: 402.9px;
  height: 696.7px;
  position: absolute;
  top: 88px;
  left: 60%;
  margin: 0 !important;
}

.desktop-child4, .desktop-child5, .desktop14 {
  max-width: 100%;
  overflow: visible;
}

.desktop-child4 {
  z-index: 1;
  width: 155px;
  height: 500px;
  max-height: 100%;
  position: absolute;
  bottom: 75%;
  left: -1.1%;
  right: 83.46%;
  margin: 0 !important;
}

.desktop-child5 {
  z-index: 1;
  width: 155px;
  height: 230px;
  max-height: 100%;
  position: absolute;
  bottom: 85%;
  left: 5%;
  right: 83.46%;
  margin: 0 !important;
}

.desktop14 {
  background-color: var(--yellow-yellow-5);
  padding: 0 var(--padding-21xl);
  box-sizing: border-box;
  z-index: 9;
  text-align: left;
  font-size: var(--font-size-9xl);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px 0;
  display: flex;
  position: relative;
}

.copyright {
  line-height: 24px;
  position: relative;
}

.y-b-m-b-r-i-d-s-desktop {
  width: 20px;
  height: 20px;
  position: relative;
}

.y-b-m-b-r-i-d-s-desktop1, .y-b-m-b-r-i-d-s-desktop2 {
  width: 20px;
  height: 16px;
  position: relative;
}

.y-b-m-b-r-i-d-s-desktop2 {
  height: 20px;
}

.footerssocial-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.footerssocial-link {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footerssocial-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.footersocial-links, .footerssocial-link1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footersocial-links {
  gap: 0 24px;
}

.container14, .social-links-onlydesktop {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.container14 {
  padding: 48px var(--padding-13xl);
  box-sizing: border-box;
  justify-content: space-between;
  gap: var(--gap-xl);
  width: 1280px;
}

.social-links-onlydesktop {
  background-color: var(--neutral-grey-1);
  z-index: 10;
  text-align: left;
  font-size: var(--text-base-leading-6-font-normal-size);
  color: var(--gray-400);
  font-family: var(--text-base-leading-6-font-normal);
  justify-content: center;
  align-self: stretch;
}

.proposal-sekolah {
  background-color: var(--neutral-white);
  letter-spacing: normal;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.u1, .u2, .u3, .u4, .u5, .a2, .a3, .a4, .b11, .b2, .b3, .b5, .c1, .c2, .c3, .c4, .c5, .d1, .d2, .d3, .d4, .d5, .t3, .t4, .t5, .t6 {
  text-align: right;
  width: 32px;
}

.training-location {
  background-color: var(--yellow-yellow-5);
  box-sizing: border-box;
  z-index: 2;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  z-index: 4;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  align-items: center;
  gap: 40px 0;
  padding: 40px 20px 0;
  position: relative;
}

.training-location .training-objects-icon2 {
  object-fit: contain;
  flex-shrink: 0;
  width: 65px;
  height: 169.9px;
  position: absolute;
  top: -74px;
  left: 40px;
  overflow: hidden;
  margin: 0 !important;
}

.training-location .head {
  text-align: center;
  width: 100%;
}

.training-location .head h1 {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 700;
}

.training-location .location {
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  display: flex;
}

.training-location .location .location-info {
  flex-basis: calc(50% - 10px);
  max-width: 500px;
}

.training-location .location .location-info .content {
  height: 162px;
  margin-bottom: 20px;
}

.training-location .location .location-info img {
  width: 100%;
}

.training-location .location .location-info .content h2 {
  letter-spacing: 0;
  text-align: left;
  margin: 11px 0 8px;
  font-size: 23px;
  font-weight: 700;
  line-height: 40px;
}

.training-location .location .location-info .content p {
  color: var(--neutral-grey-3);
  min-height: 90px;
  margin: 0 0 6px;
  font-size: 17px;
  line-height: 30px;
}

.training-location .location .location-info .content a {
  color: var(--blue-blue);
  text-align: left;
  margin-top: auto;
  font-family: Inter;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.training-facility {
  background-color: var(--yellow-yellow-5);
  padding: 21px var(--padding-61xl) var(--padding-101xl);
  box-sizing: border-box;
  z-index: 2;
  text-align: left;
  font-size: var(--heading-h3-reg-size);
  color: var(--neutral-black-1);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  align-items: center;
  gap: 40px 0;
}

.training-facility .head {
  text-align: center;
}

.training-facility .head h1 {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 700;
}

.training-facility .facility {
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
  margin-bottom: 10px;
  display: flex;
}

.training-facility .facility .facility-info .content {
  margin-bottom: 30px;
}

.training-facility .facility .facility-info img {
  width: 100%;
}

.training-facility .facility .facility-info .content h2 {
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 8px;
  font-size: 23px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (width <= 1300px) {
  .logo-frame {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
    flex-wrap: wrap;
  }

  .pembimbing-dan-pelatih-wrapper {
    min-height: auto;
  }

  .frame-parent26 {
    flex-wrap: wrap;
  }

  .container10, .desktop6, .desktop6-mobile, .desktop8 {
    padding-bottom: var(--padding-59xl);
    box-sizing: border-box;
  }

  .container10, .desktop8 {
    padding-top: var(--padding-33xl);
  }

  .container10 {
    padding-top: var(--padding-59xl);
  }

  .desktop13 {
    padding-left: var(--padding-21xl);
    padding-right: var(--padding-21xl);
    box-sizing: border-box;
  }

  .frame-content {
    width: 500px;
    max-width: 500px;
  }

  .container13 {
    padding-bottom: 60px;
  }
}

@media screen and (width <= 1125px) {
  .container {
    gap: 80px 0;
  }

  .gedung-wikrama-2-parent {
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
    box-sizing: border-box;
  }

  .adiwiyata-frame-wrapper {
    box-sizing: border-box;
    justify-content: flex-start;
    max-width: 100%;
    display: flex;
  }

  .selama-lebih-dari-container {
    flex: 1;
  }

  .desktop-inner {
    height: auto;
  }

  .frame-y-b-m-b-r-i-i-d-s {
    min-height: auto;
  }

  .sekolah-kawasan-tanpa-rokok {
    flex-wrap: wrap;
  }

  .pembimbing-dan-pelatih-wrapper {
    min-width: 100%;
  }

  .footer-links {
    flex: 1;
  }

  .keprihatinan-itasia-dina-sulvi {
    flex-wrap: wrap;
  }

  .desktop6, .desktop6-mobile {
    padding-bottom: var(--padding-32xl);
    box-sizing: border-box;
  }

  .school-info-frame {
    flex-wrap: wrap;
  }

  .container7 {
    padding-top: var(--padding-59xl);
    padding-bottom: var(--padding-59xl);
    box-sizing: border-box;
  }

  .desktop8 {
    padding: 34px var(--padding-21xl) var(--padding-32xl);
    box-sizing: border-box;
  }

  .y-b-m-b-r-i-i-d-s-y-b-m-b-r-i1, .y-b-m-b-r-i-i-d-s-y-b-m-b-r-i2 {
    flex: 1;
  }

  .program-cybersecurity-training {
    flex-wrap: wrap;
  }

  .smkn-1-sijuk-parent {
    min-height: auto;
  }

  .frame-parent40 {
    flex-wrap: wrap;
  }

  .group-text-frame {
    gap: 64px 0;
  }

  .group3 {
    gap: 80px 0;
  }

  .container11 {
    padding-top: var(--padding-59xl);
    padding-bottom: var(--padding-59xl);
    box-sizing: border-box;
    gap: 80px 0;
  }

  .container12 {
    height: auto;
    min-height: 823px;
  }

  .y-b-m-i-d-s-screen-shot-frame {
    box-sizing: border-box;
    flex: 1;
    padding-right: 0;
  }

  .y-b-m-b-r-i-d-s-ybmbriids-fram {
    flex-wrap: wrap;
    max-width: 100%;
  }
}

@media screen and (width <= 1024px) {
  .desktop {
    gap: 0;
  }

  .container-info {
    margin-top: 20px;
  }

  .container13 {
    padding-left: 0;
    padding-right: 0;
  }

  .appear-at-1024 {
    color: var(--neutral-grey-3, #4c516d);
    text-align: justify;
    margin: 40px 0 0 20px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: block;
  }

  .appear-at-1024-no-margin {
    color: var(--neutral-grey-3, #4c516d);
    text-align: justify;
    margin: 0 0 0 20px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    display: block;
  }

  .disappear-at-1024 {
    display: none;
  }

  .selama-lebih-dari-container {
    flex: 1;
    flex-shrink: unset;
    min-width: unset;
    width: auto;
    line-height: 30px;
    display: inline-block;
    position: relative;
  }

  .secret-school {
    & .row-secret-card {
      flex-wrap: nowrap;

      & .col-secret-card {
        width: 200px;

        & img {
          width: 200px;
        }
      }
    }
  }

  .object-trends, .graphic-elements-icon {
    display: none;
  }

  .desktop1 {
    padding-bottom: 200px;
  }

  .logo-frame, .group-icon, .desktop-item, .objects-icon2, .graphic-elements-icon5 {
    display: none;
  }

  .graphic-elements-icon1 {
    opacity: 0;
  }

  .container3, .container4, .container6 {
    padding: 0 0 40px;
  }

  .desktop2, .desktop3, .desktop4 {
    padding: 0 0 0 20px;
  }

  .container5, .button-frame {
    padding: 0;
  }

  .frame-y-b-m-b-r-i-i-d-s {
    margin: 0;
  }

  .desktop6 {
    display: none;
  }

  .desktop6-mobile {
    justify-content: flex-start;
    display: flex;
  }

  .graphic-elements-icon2 {
    display: none;
  }

  .pembimbing-dan-pelatih {
    margin: 30px 0;
  }

  .ms-i-tasia {
    align-items: center;
  }

  .container-kata-mereka {
    padding: 120px 0;
  }

  .kata-mereka-dokumentasi {
    width: 100%;
  }

  .kp-foto {
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
    display: flex;
  }

  .dokumentasi-kp, .view-galeri {
    width: unset;
  }

  .kata-mereka-dokumentasi {
    flex-direction: column;
    margin: 0 40px;
    display: flex;
  }

  .u-n-e-s-c-o-a-s-e-m-o-schools {
    gap: 24px;
  }

  .tentang-ids-rumah-pendidikan-i-parent {
    margin-top: 30px;
    margin-bottom: 100px;
  }

  .frame-content {
    width: 400px;
    max-width: 400px;
  }

  .desktop-child3 {
    width: 350px;
    top: 280px;
    left: 58%;
  }

  .inputed-by .row {
    flex-direction: column;
  }
}

@media screen and (width <= 800px) {
  .sekolah-frame, .sekolah-frame1, .sekolah-frame2, .sekolah-frame3, .sekolah-frame4, .text-frame2, .text-frame4, .text-frame5, .text-frame6, .frame-parent6, .frame-parent7, .frame-parent9, .frame-parent11, .header-container, .header-container1, .header-container2, .header-container3, .header-container4, .vector .vector1, .vector2, .vector3, .vector4, .konsultan, .konsultan1, .konsultan2, .konsultan3, .konsultan4, .konsultan5 {
    flex-wrap: nowrap;
  }

  .secret-school {
    & .row-secret-card {
      & .col-secret-card {
        & img {
          width: 200px;
        }
      }
    }
  }

  .f-r-a-m-e-s-e-a-m-e-o-n-e-t-w-2 {
    display: block;
  }

  .l-o-g-o-m-a-s-t-e-r-c-a-r-d-2 {
    align-items: start;
    gap: 120px;
  }

  .paket-1tahun-kejarid {
    padding-left: unset;
  }

  .c-o-n-t-a-i-n-e-r-i-t-a-s-i-a-2 {
    font-size: var(--lead-paragraph-lead-paragraph-small-size);
    min-height: 0;
    margin-top: 100px;
    margin-bottom: 300px;
    display: block;
  }

  .kurikulum-pelatihan-umum-wdipt {
    font-size: var(--lead-paragraph-lead-paragraph-small-size);
  }

  .vidio-youtube {
    width: 80%;
    height: 400px;
  }

  .dokumentasi-kp {
    width: unset;
    text-align: center;
  }

  .image-kp {
    margin-bottom: 16px;
  }

  .frame-ibu-bapak-desktop, .download-1-parent, .graphic-elements-footersocial {
    display: none;
  }

  .frame-ibu-bapak-mobile {
    flex-flow: wrap;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: 0 18px;
    display: flex;
    overflow-x: auto;
  }

  .desktop7, .desktop9, .desktop11, .desktop10, .desktop14 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .desktop8 {
    padding-left: 20px;
    padding-right: 42px;
    padding-top: 80px !important;
  }

  .desktop12 {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .desktop13 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 160px !important;
  }

  .desktop-child1 {
    top: -17%;
  }

  .desktop-child3 {
    width: 300px;
    top: 220px;
    left: 58%;
  }

  .desktop-child4 {
    bottom: 49.4% !important;
  }

  .school-info-frame {
    gap: 16px;
  }

  .container7 {
    padding-left: 0;
    padding-right: 0;
  }

  .container11 {
    padding-left: 20px;
    padding-right: 0;
  }

  .container9 {
    padding-left: 0;
    padding-right: 0;
  }

  .container10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container12 {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    display: flex;
  }

  .container13 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .container14 {
    justify-content: center;
  }

  .u-k-s-frame, .u-k-s-frame2, .u-k-s-frame4, .u-k-s-frame6, .u-k-s-frame8, .u-k-s-frame10, .u-k-s-frame12, .u-k-s-frame14 {
    flex-wrap: nowrap;
  }

  .u-k-s-frame1, .u-k-s-frame3, .u-k-s-frame5, .u-k-s-frame7, .u-k-s-frame9, .u-k-s-frame11, .u-k-s-frame13 {
    display: none;
  }

  .program-cybersecurity-training {
    flex-direction: column;
  }

  .frame-ibu-bapak-desktop, .frame-ibu-bapak-mobile .download-1-parent, .graphic-elements-footersocial {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
  }

  .frame-ibu-bapak-desktop > img, .download-1-parent > img, .graphic-elements-footersocial > img {
    object-fit: contain;
    width: 60px;
    height: 60px;
  }

  .frame-ibu-bapak-mobile > img {
    object-fit: contain;
    width: 80px;
    height: 80px;
  }

  .rectangle-shape-frame, .frame-parent40, .rectangle-shape-frame1 {
    gap: 64px;
  }

  .objects-icon3 {
    display: none;
  }

  .y-b-m-b-r-i-d-s-ybmbriids-fram {
    flex-direction: column-reverse;
  }

  .graphic-elements-icon3 {
    width: 100px;
    top: -20px;
  }

  .graphic-elements-icon5 {
    display: none;
  }

  .rectangle-container, .frame-parent42, .frame-parent43, .frame-parent44, .frame-parent45, .frame-parent46, .frame-parent47, .frame-parent48, .frame-parent49 {
    flex-wrap: nowrap;
    gap: 12px;
  }

  .bogor-city, .bogor-city1, .bogor-city2, .bogor-city3, .bogor-city4, .bogor-city5, .bogor-city6, .bogor-city7 {
    position: static;
  }

  .u-n-e-s-c-o-a-s-e-m-o-schools {
    gap: 24px;
  }

  .screen-shot-2021-03-16-at-04-parent {
    padding-top: 16px;
  }

  .berkenalan-dengan-itasi, .berkenalan-dengan-itasi1, .berkenalan-dengan-itasi2, .berkenalan-dengan-itasi3 {
    flex-wrap: nowrap;
    padding-left: 30px;
  }

  .unesco-logo-removebg-preview-1-parent, .frame-parent50, .removebg-preview-1-parent, .u-n-e-s-c-o-network-frame, .bogor-city3, .bogor-city4, .bogor-city5, .bogor-city6, .bogor-city7 {
    gap: 16px;
  }

  .investasi, .frequently-asked-questions {
    font-family: Inter;
    font-style: normal;
    font-size: 33px !important;
    font-weight: 700 Im !important;
    line-height: 36px !important;
  }

  .pelatihan-ids-rumah {
    font-style: normal;
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
  }

  .kabar-gembira-bagi, .pengguna-kejarid, .mereka-yang-telah-container, .apakah-sekolah-ibubapak, .prestasi-smk-wikrama, .berkenalan-dengan-itasia {
    font-size: 28px !important;
    line-height: 44px !important;
  }

  .pelatihan-umum1, .pelatihan-khusus1, .kejarid {
    font-size: 23px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 40px !important;
  }

  .rp2800000, .rp3200000 {
    font-size: 23px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 40px !important;
  }

  .rp1550000, .rp2900000, .rp5000 {
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 44px !important;
  }

  .per-peserta, .per-peserta-per, .per-siswa-per {
    text-align: center;
    width: 100%;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 32px !important;
  }

  .gratis {
    font-size: 28px !important;
    font-weight: 500 !important;
    line-height: 44px !important;
  }

  .biaya-aktivasi-kejarid-container .sekolah-untuk-sekolah {
    font-size: 51px;
    line-height: 58px;
  }

  .footer-social-container {
    gap: 40px 0;
  }

  .bogor-text {
    gap: 32px 0;
  }

  .container {
    padding-top: var(--padding-33xl);
    padding-bottom: var(--padding-7xl);
    box-sizing: border-box;
  }

  .gedung-wikrama-2-parent {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .selama-lebih-dari-25-tahun-sm-parent {
    gap: 0 37px;
    margin-bottom: -200px;
  }

  .desktop {
    padding: 20px;
    padding-top: var(--padding-33xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .button-component {
    display: none;
  }

  .program-meliputi {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .desktop1 {
    padding-top: var(--padding-33xl);
    padding-bottom: var(--padding-33xl);
    box-sizing: border-box;
  }

  .f-r-a-m-e-a-d-i-w-i-y-a-t-a {
    padding-bottom: var(--padding-56xl);
    box-sizing: border-box;
  }

  .membangun-sekolah-bermutu {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .sekolah-frame {
    flex-wrap: wrap;
  }

  .frame-parent {
    min-width: 100%;
  }

  .text-frame {
    box-sizing: border-box;
    padding-top: 281px;
  }

  .mengelola-dengan-hati {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .button1 {
    min-width: 100%;
  }

  .text-frame2, .text-frame4, .text-frame5, .text-frame6 {
    flex-wrap: wrap;
  }

  .frame-parent4 {
    min-width: 100%;
  }

  .master-card-logo-frame {
    flex-wrap: wrap;
  }

  .container1 {
    padding-top: var(--padding-59xl);
    padding-bottom: var(--padding-7xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .logo-frame {
    gap: 0 63px;
  }

  .membentuk-guru-teladan {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .link-u-r-l {
    min-width: 100%;
  }

  .container3 {
    padding-top: var(--padding-7xl);
    padding-bottom: var(--padding-7xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .melejitkan-potensi-siswa {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .frame-parent14 {
    min-width: 100%;
  }

  .container4 {
    padding-top: var(--padding-7xl);
    padding-bottom: var(--padding-7xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .mewujudkan-sekolah-inspiratif {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .frame-parent20 {
    min-width: 100%;
  }

  .container6 {
    padding-top: var(--padding-7xl);
    padding-bottom: var(--padding-7xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .container5 {
    padding-bottom: var(--padding-56xl);
    box-sizing: border-box;
  }

  .menuju-kepemimpinan-dan {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .button-container {
    min-width: 100%;
  }

  .konsultan {
    flex-wrap: wrap;
  }

  .frame-parent21 {
    min-width: 100%;
  }

  .baktihusada {
    gap: 38px 0;
  }

  .bogor {
    box-sizing: border-box;
    padding-bottom: 27px;
  }

  .pembimbing-dan-pelatih {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .frame-parent26, .parent-frame {
    gap: 0 39px;
  }

  .container-copyright, .parent-frame {
    flex-wrap: wrap;
  }

  .container-copyright1, .container-copyright2 {
    flex-wrap: wrap;
    gap: 0 32px;
  }

  .container-copyright3 {
    flex-wrap: wrap;
  }

  .ms-i-tasia {
    gap: 40px 0;
    min-width: 100%;
  }

  .footer-links {
    min-width: 100%;
    margin-left: 0;
  }

  .vector-parent {
    gap: 0 40px;
  }

  .desktop6, .desktop6-mobile, .text5 {
    gap: 40px 0;
  }

  .desktop6, .desktop6-mobile {
    padding-left: 21px;
    padding-bottom: var(--padding-14xl);
    box-sizing: border-box;
  }

  .investasi {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .rp1550000, .rp2900000, .rp5000 {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }

  .container7 {
    padding-top: var(--padding-32xl);
    padding-bottom: var(--padding-32xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .frequently-asked-questions {
    font-size: var(--font-size-7xl);
    line-height: 29px;
  }

  .badanpon-frame, .frame-parent33, .frame-parent34, .frame-parent35, .frame-parent36, .frame-parent37, .frame-parent38, .frame-parent39 {
    min-width: 100%;
  }

  .desktop8 {
    gap: 40px 0;
  }

  .pelatihan-ids-rumah {
    font-size: var(--font-size-10xl);
    line-height: 35px;
  }

  .div, .div1, .screen-shotat-y {
    font-size: var(--font-size-29xl);
    line-height: 64px;
  }

  .program-cybersecurity-training {
    gap: 0 40px;
  }

  .image-2573-parent {
    box-sizing: border-box;
    padding-top: 89px;
    padding-bottom: 102px;
  }

  .container10, .container9 {
    padding-top: var(--padding-59xl);
    padding-bottom: var(--padding-59xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .container10 {
    padding-top: var(--padding-32xl);
    padding-bottom: var(--padding-32xl);
  }

  .ingin-lulusannya-terserap-deng-wrapper, .ingin-menerapkan-teknologi-yan-wrapper, .ingin-mengelola-sdm-dan-keuang-wrapper, .ingin-mengembangkan-budaya-mut-wrapper, .ingin-meningkatkan-jumlah-pend-wrapper, .ingin-meningkatkan-kemampuan-l-wrapper, .ingin-meningkatkan-motivasi-da-wrapper, .ingin-meningkatkan-skor-rapor-wrapper, .ingin-menumbuhkan-karakter-mul-wrapper {
    min-width: 100%;
  }

  .segera-daftarkan-sekolah {
    max-width: 100%;
  }

  .container11 {
    padding-top: var(--padding-32xl);
    padding-bottom: var(--padding-32xl);
    box-sizing: border-box;
    gap: 80px 0;
  }

  .y-b-m-i-d-s-screen-shot-frame {
    min-width: 100%;
  }

  .tentang-ids-rumah-pendidikan-i-parent {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .y-b-m-b-r-i-d-s-ybmbriids-fram {
    gap: 40px;
  }

  .desktop13 {
    padding-top: var(--padding-33xl);
    padding-bottom: var(--padding-33xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .frame-content {
    gap: 40px 0;
    max-width: 100%;
  }

  .desktop-child4, .desktop-child5 {
    display: none;
  }

  .container-info {
    gap: 0 40px;
  }

  .container13 {
    padding-top: 0;
    padding-bottom: var(--padding-59xl);
    box-sizing: border-box;
    gap: 40px 0;
  }

  .container14 {
    flex-wrap: wrap;
  }

  .desktop {
    gap: 0;
  }

  .image-kp, .image-kp img {
    width: 200px;
  }

  .training-location .location {
    flex-wrap: unset;
  }

  .training-facility .facility {
    flex-wrap: nowrap;
  }

  .training-facility {
    padding: 20px;
  }
}

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

  .frame-content {
    width: 100%;
  }
}

@media screen and (width <= 600px) {
  .training-location {
    padding: 40px 20px;
  }

  .training-facility .facility {
    flex-wrap: wrap;
  }

  .kp-foto {
    display: block;
  }

  .adiwiyata-frame-wrapper {
    margin-bottom: 20px;
  }

  .c-o-n-t-a-i-n-e-r-i-t-a-s-i-a {
    min-width: unset;
  }

  .secret-school {
    & .row-secret-card {
      flex-wrap: wrap;

      & .col-secret-card {
        width: auto;

        & img {
          width: auto;
        }
      }
    }
  }

  .appear-at-1024, .appear-at-1024-no-margin {
    display: none;
  }

  .disappear-at-1024 {
    display: block;
  }

  .selama-lebih-dari-25-tahun-sm-parent {
    justify-content: start;
    margin-bottom: 0;
    padding-left: 0;
  }

  .logo-smk-wikrama-indonesia-1 {
    flex: 1;
  }

  .graphic-elements-icon {
    display: none;
  }

  .desktop1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .program-meliputi-title {
    font-size: 33px;
  }

  .frame-y-b-m-b-r-i-d-d-s, .desktop-inner {
    padding: 0;
  }

  .frame-wrapper, .objects-icon {
    display: none;
  }

  .mempersembahkan {
    font-size: var(--font-size-lg);
    line-height: 32px;
  }

  .sekolah-untuk-sekolah {
    text-align: center;
    font-size: 34px;
    line-height: 44px;
  }

  .selama-lebih-dari-container {
    text-align: left;
    min-width: 0;
    max-width: 80%;
  }

  .sekolah-untuk-sekolah1 {
    font-size: 15px;
    line-height: 24px;
  }

  .container {
    gap: 80px 0;
  }

  .kabar-gembira-bagi {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .adiwiyata-frame-wrapper {
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 80px;
  }

  .t-e-x {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }

  .g-r-a-p-h-i-c-e-l-e-m-e-n-t-s {
    flex-wrap: wrap;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    gap: 8px;
  }

  .b {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }

  .g-r-a-p-h-i-c-e-l-e-m-e-n-t-s1 {
    flex-wrap: wrap;
  }

  .b1 {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }

  .g-r-a-p-h-i-c-e-l-e-m-e-n-t-s2, .t-e-x-t-n-a-m-e-i-t-a-s-i-a-d, .t-e-x-t-n-a-m-e-i-t-a-s-i-a-d1, .t-e-x-t-n-a-m-e-i-t-a-s-i-a-d2 {
    flex-wrap: wrap;
  }

  .t-e-x-t-i-n-f-o-r-m-a-t-i-o-n {
    gap: 19px 0;
  }

  .membangun-sekolah-bermutu {
    font-size: 33px;
    line-height: 36px;
  }

  .school-name-text {
    gap: 36px 0;
  }

  .adiwiyata-frame1 {
    gap: 40px 0;
  }

  .mengelola-dengan-hati {
    font-size: var(--font-size-xl);
    line-height: 22px;
  }

  .logo-frame {
    gap: 0 63px;
  }

  .melejitkan-potensi-siswa, .membentuk-guru-teladan, .menuju-kepemimpinan-dan, .mewujudkan-sekolah-inspiratif, .pembimbing-dan-pelatih {
    font-size: var(--font-size-xl);
    line-height: 22px;
  }

  .ellipse-container, .frame-parent27 {
    flex-wrap: wrap;
  }

  .footer-links {
    gap: 50px 0;
  }

  .text-title-logo, .worthy-hygiene-canteen-sanitat {
    flex-wrap: wrap;
  }

  .frame-text-container {
    gap: 0 32px;
  }

  .frame-parent28, .mask-group-group {
    flex-wrap: wrap;
  }

  .frame-text-container1 {
    gap: 0 32px;
  }

  .frame-parent29 {
    flex-wrap: wrap;
  }

  .text3 {
    gap: 0 32px;
  }

  .frame-parent30 {
    flex-wrap: wrap;
  }

  .text4 {
    gap: 0 32px;
  }

  .vector5 {
    gap: 0 40px;
  }

  .frame-parent31, .frame-parent32 {
    flex-wrap: wrap;
  }

  .frame-text-container2 {
    gap: 0 40px;
  }

  .text-logo-frame {
    gap: 40px 0;
  }

  .desktop6, .desktop6-mobile {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }

  .investasi {
    font-size: var(--font-size-xl);
    line-height: 22px;
  }

  .pelatihan-umum1, .rp2800000 {
    font-size: var(--font-size-lg);
    line-height: 32px;
  }

  .per-peserta, .rp1550000 {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }

  .per-peserta {
    font-size: var(--text-base-leading-6-font-normal-size);
  }

  .register-button {
    gap: 32px 0;
  }

  .pelatihan-khusus1, .rp3200000 {
    font-size: var(--font-size-lg);
    line-height: 32px;
  }

  .rp2900000 {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }

  .per-peserta-per {
    font-size: var(--text-base-leading-6-font-normal-size);
    line-height: 26px;
  }

  .register-button1 {
    gap: 32px 0;
  }

  .kejarid {
    font-size: var(--font-size-lg);
    line-height: 32px;
  }

  .per-siswa-per, .rp5000 {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }

  .per-siswa-per {
    font-size: var(--text-base-leading-6-font-normal-size);
  }

  .gratis {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .school-list {
    gap: 40px 0;
  }

  .frequently-asked-questions {
    font-size: var(--font-size-xl);
    line-height: 22px;
  }

  .desktop8 {
    padding-top: var(--padding-3xl);
    padding-bottom: var(--padding-14xl);
    box-sizing: border-box;
  }

  .pelatihan-ids-rumah {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }

  .screen-shotat-y {
    font-size: var(--display-display-4-size);
    line-height: 48px;
  }

  .pelatihan {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }

  .div {
    font-size: var(--display-display-4-size);
    line-height: 48px;
  }

  .sekolah {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }

  .div1 {
    font-size: var(--display-display-4-size);
    line-height: 48px;
  }

  .guru {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }

  .pengguna-kejarid {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .container9 {
    padding-top: var(--padding-32xl);
    padding-bottom: var(--padding-32xl);
    box-sizing: border-box;
  }

  .mereka-yang-telah-container {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .group-text-frame {
    gap: 64px 0;
  }

  .apakah-sekolah-ibubapak {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .group3 {
    gap: 80px 0;
  }

  .prestasi-smk-wikrama {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .mastercard-logo-1-parent {
    flex-wrap: wrap;
  }

  .tentang-ids-rumah {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .ids-rumah-pendidikan-container {
    font-size: var(--lead-paragraph-lead-paragraph-small-size);
    line-height: 29px;
  }

  .tentang-ids-rumah-pendidikan-i-parent {
    gap: 40px 0;
  }

  .berkenalan-dengan-itasia {
    font-size: var(--font-size-3xl);
    line-height: 35px;
  }

  .kurikulum-pelatihan-khusus, .kurikulum-pendampingan-teknis {
    background: #facd4980;
    width: max-content;
  }

  .kurikulum-pendampingan-teknis {
    margin-left: 0;
  }

  .indonesia-green-award-winner {
    display: none;
  }

  .group1, .container1 {
    padding: 0;
  }

  .desktop2, .desktop3, .desktop4, .bogor {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container3, .container4, .container6, .character-healthy-school, .anggota-sekolah-a-s-pnet {
    padding-left: 0;
    padding-right: 0;
  }

  .membentuk-guru-teladan, .melejitkan-potensi-siswa, .mengelola-dengan-hati, .mewujudkan-sekolah-inspiratif, .menuju-kepemimpinan-dan, .pembimbing-dan-pelatih {
    font-size: 33px;
    line-height: 36px;
  }

  .pembimbing-dan-pelatih {
    margin: 0;
  }

  .frame-parent26 {
    margin-bottom: 40px;
  }

  .desktop-item, objects-icon2, .group-icon, .objects-wrapper, .container-child, .text-frame, .objects-icon2, .graphic-elements-icon1, .graphic-elements-icon2, .graphic-elements-icon1 {
    display: none;
  }

  .sekolah-frame, .sekolah-frame1, .sekolah-frame2, .sekolah-frame3, .sekolah-frame4, .text-frame2, .text-frame4, .text-frame5, .text-frame6, .frame-parent6, .frame-parent7, .frame-parent9, .frame-parent11, .header-container, .header-container1, .header-container2, .header-container3, .header-container4, .vector .vector1, .vector2, .vector3, .vector4, .konsultan, .konsultan1, .konsultan2, .konsultan3, .konsultan4, .konsultan5 {
    flex-wrap: nowrap;
  }

  .kepala-smk-wikrama, .kepala-smk-wikrama1 {
    margin-bottom: 40px;
  }

  .desktop-child4, .desktop-child5 {
    display: none;
  }

  .pembimbing-dan-pelatih {
    margin-top: 32px;
  }

  .berkenalan-dengan-itasi, .berkenalan-dengan-itasi1, .berkenalan-dengan-itasi2, .berkenalan-dengan-itasi3 {
    flex-flow: unset;
  }

  .iconcheck-wrapper2, iconcheck-wrapper1, .iconcheck-frame, .keprihatinan-ir-itasia-dina-su {
    width: auto;
  }

  .school-info-frame {
    flex-direction: column;
  }

  .register-button, .register-button1, .register-button2 {
    width: 100%;
  }

  .rp3200000-parent {
    align-items: center;
  }

  .y-b-m-i-d-s-screen-shot-frame {
    display: block;
  }
}

.challenge-school {
  box-sizing: border-box;
  padding: 0 0 var(--padding-96xl);
  text-align: left;
  font-size: var(--heading-h1-size);
  color: var(--color-gray-100);
  font-family: var(--lead-paragraph-lead-paragraph-small);
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 0;
  display: flex;

  & .header {
    color: #222524;
    text-align: center;
    z-index: 2;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
  }

  & .desktop {
    box-sizing: border-box;
    background-color: var(--yellow-yellow-5);
    padding: var(--padding-61xl) var(--padding-21xl);
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 80px 0;
    max-width: 100%;
    display: flex;
    position: relative;
  }

  & .text-information {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 880px;
    max-width: 100%;
    display: flex;
  }

  & .program-meliputi-title {
    font-size: inherit;
    align-self: stretch;
    margin: 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 36px;
    position: relative;
  }

  & .group3 {
    text-align: center;
  }
}

.trend-students {
  padding-bottom: 80px;

  & .card {
    background: var(--neutral-white-2, #f8f8fc);
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1024px;
    padding: 32px 0;
    display: flex;

    & .card-header {
      color: var(--neutral-black-1, #131315);
      text-align: center;
      width: 100%;
      margin-bottom: 24px;
      font-family: Inter;
      font-size: 23px;
      font-style: normal;
      font-weight: 400;
      line-height: 40px;
    }

    & .card-body {
      box-sizing: border-box;
      text-align: center;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
      display: flex;

      & .card-column {
        width: 293px;

        & .header {
          margin-bottom: 36px;

          & .title {
            color: var(--neutral-black-1, #131315);
            margin: 0;
            font-family: Inter;
            font-size: 60px;
            font-style: normal;
            font-weight: 600;
            line-height: 80px;
          }

          & .subtitle {
            color: var(--neutral-black-1, #131315);
            margin: 0;
            font-family: Inter;
            font-size: 19px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
          }
        }

        & .description {
          color: var(--neutral-black-1, #131315);
          font-family: Inter;
          font-size: 19px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px;
        }
      }
    }
  }

  & .footer-trend {
    text-align: center;
    margin-top: 60px;

    & .description {
      color: var(--neutral-grey-3, #4c516d);
      text-align: center;
      max-width: 720px;
      margin: auto;
      font-family: Inter;
      font-size: 21px;
      font-style: normal;
      font-weight: 600;
      line-height: 36px;
    }

    & .button-trend {
      cursor: pointer;
      padding: var(--padding-sm) var(--padding-xl) var(--padding-sm) var(--padding-lgi);
      background-color: var(--blue-blue);
      border-radius: var(--br-9xs);
      box-shadow: var(--drop-shadow-1);
      color: var(--neutral-white, #fff);
      letter-spacing: .085px;
      border: 0;
      flex-direction: row;
      justify-content: flex-start;
      gap: 0 8px;
      margin-top: 50px;
      font-family: Inter;
      font-size: 17px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
    }
  }

  & .object-trends {
    object-fit: contain;
    width: 65px;
    height: 169.9px;
    position: absolute;
    left: 40px;
    overflow: hidden;
    margin: 0 !important;
  }
}

@media screen and (width <= 500px) {
  .training-location .location .location-info img {
    width: 100%;
  }

  .training-location .location .location-info {
    flex-basis: 100%;
    max-width: 90%;
    margin-bottom: 20px;
  }

  .training-location {
    padding-bottom: 0;
  }

  .training-location .location .location-info .content {
    height: auto;
  }

  .training-facility .facility .facility-info .content {
    margin-bottom: 0;
  }

  .training-location .location {
    gap: 0;
  }
}

.owl-carousel .owl-logo {
  width: 100px;
  height: 100px;
}

.l-show {
  display: block;
}

.t-show, .m-show {
  display: none;
}

.program-meliputi .list-program {
  text-align: left;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.program-meliputi .list-program .list-program-left {
  background-color: #1937a0;
  border-radius: 20px 0 0 20px;
  align-items: center;
  gap: 12px;
  height: 97px;
  padding: 0 39px;
  display: flex;
}

.program-meliputi .list-program .list-program-left .list-program-number {
  color: #fff;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
}

.program-meliputi .list-program .list-program-left .list-program-title {
  color: #fff;
  text-align: left;
  font-size: 27px;
  font-weight: 700;
  line-height: 29.7px;
}

.program-meliputi .list-program .list-program-left .list-program-title-last {
  color: #fff;
  text-align: left;
  width: 203px;
  font-size: 27px;
  font-weight: 700;
  line-height: 29.7px;
}

.program-meliputi .list-program .list-program-right {
  width: 100%;
  display: flex;
}

.program-meliputi .list-program .list-program-right .list-program-image, .program-meliputi .list-program .list-program-right .list-program-image img {
  height: 97px;
}

.program-meliputi .list-program .list-program-right .list-program-next {
  background-color: #fff;
  border-radius: 0 20px 20px 0;
  align-items: center;
  width: 100%;
  height: 97px;
  display: flex;
}

.program-meliputi .list-program .list-program-right .list-program-next .list-program-description {
  background-color: #fff;
  border-radius: 0 20px 20px 0;
  padding: 20px 31px 20px 20px;
  font-weight: 400;
}

.prasyarat-program {
  margin: 0;
}

.prasyarat-program p {
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 32px;
}

@media screen and (width <= 500px) {
  .l-show {
    display: none;
  }

  .t-show {
    display: block;
  }

  .m-show {
    display: none;
  }

  .program-meliputi .list-program {
    display: block;
  }

  .program-meliputi .list-program .list-program-left {
    border-radius: 20px 20px 0 0;
    justify-content: left;
    padding: 0 0 0 39px;
    display: flex;
  }

  .program-meliputi .list-program .list-program-left .list-program-title-last {
    width: auto;
  }

  .program-meliputi .list-program .list-program-right {
    display: grid;
  }

  .program-meliputi .list-program .list-program-right .list-program-image {
    width: 100%;
    height: 100%;
  }

  .program-meliputi .list-program .list-program-right .list-program-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .program-meliputi .list-program .list-program-right .list-program-next, .program-meliputi .list-program .list-program-right .list-program-next .list-program-description {
    border-radius: 0;
  }
}

@media only screen and (width >= 768px) and (width <= 1023px) {
  .l-show {
    display: none;
  }

  .t-show {
    display: block;
  }

  .m-show {
    display: none;
  }

  .program-meliputi .list-program {
    display: block;
  }

  .program-meliputi .list-program .list-program-left {
    border-radius: 20px 20px 0 0;
    justify-content: center;
    display: flex;
  }

  .program-meliputi .list-program .list-program-left .list-program-title-last {
    width: auto;
  }

  .program-meliputi .list-program .list-program-right .list-program-next, .program-meliputi .list-program .list-program-right .list-program-next .list-program-description {
    border-radius: 0;
  }
}
/*# sourceMappingURL=index.9e4c6fd2.css.map */