Rivalry2

Tryout & Bimbel Kedinasan Terbaik 2025 dengan Konsultasi Gratis!
2026-03-08 19:14 Diff
https://www.ruangguru.com/kedinasan
BIMBEL PERSIAPAN SELEKSI SEKOLAH KEDINASAN
Sukses Hadapi Seleksi Sekolah Kedinasan dengan Metode Blended Learning!

Pilih bimbel sesuai kebutuhan kamu untuk peluang lolos 2x lebih besar!
10 Juta
Pengguna Skill Academy
15 Ribu
Peserta Bimbel Instansi
Gelombang Terakhir
2x Lipat
Peningkatan Peluang
Lolos Tes Seleksi CASN
94%
Tingkat Kepuasan
Peserta Bimbel CASN
Program Bimbel Kedinasan

Kelas belajar intensif untuk lolos seleksi sekolah kedinasan (STAN, STIS, IPDN, .dll)
Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!
Program Bimbel SNBT + Kedinasan

Kelas belajar khusus untuk siap lolos UTBK SNBT dan seleksi sekolah kedinasan (STAN, STIS, IPDN, dll)
Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!
Program Bimbel SMA + Kedinasan

Kelas belajar khusus persiapan penilaian akhir semester 1 SMA kelas 12 dan seleksi sekolah kedinasan (STAN, STIS, IPDN, dll)
Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!
Program Bimbel TNI/POLRI

Kelas belajar khusus untuk siap lolos seleksi TNI/POLRI , termasuk AKMIL, AKPOL, Bintara, Tamtama, dan jalur lainnya.
Paket sedang tidak tersedia, silakan cek paket lainnya
Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!
Tryout Sekolah Kedinasan
Uji kesiapan Anda dalam seleksi siap sekolah kedinasan (STAN, STIS, IPDN, .dll)
dengan mengikuti tryout sekolah kedinasan
MEKANISME TRYOUT
Tryout berbasis CAT dengan Simulasi Real Test CPNS BKN
Waktu pengerjaan 100 menit
Dapat dikerjakan secara acak: Lintas soal TIU, TWK, dan TKP
Bisa dikerjakan berulang
SOAL TRYOUT
Kurikulum standar tes CAT SKD dengan kisi-kisi terbaru 110 soal TIU, TWK, dan TKP
Pembahasan soal
Sistem penilaian standar tes SKD CPNS
MEKANISME TRYOUT
Tryout berbasis CAT
Waktu pengerjaan 100 menit
Dapat dikerjakan secara acak
Bisa dikerjakan berulang
SOAL TRYOUT
Tryout TNI/POLRI: TPA dan Bahasa Inggris
Pembahasan soal
Sistem penilaian standar
MEKANISME TRYOUT
Tryout berbasis CAT
Waktu pengerjaan 100 menit
Dapat dikerjakan secara acak
Bisa dikerjakan berulang
SOAL TRYOUT
Tryout tes kecerdasan, kecermatan, kepribadian
Pembahasan soal
Sistem penilaian standar
Tahukah Anda?
Persaingan untuk lolos Seleksi Kedinasan sangat ketat dengan tingkat kelulusan sebesar 2% dari total jumlah pendaftar sekolah kedinasan pada tahun 2024.
Solusi Siap Hadapi Tes bersama Bimbel Kedinasan
Pembelajaran interaktif bersama instruktur professional berpengalaman
Tim suporter belajar yang selalu siap membantu
Referensi belajar lengkap mulai dari Tryout, rekaman sesi, serta akses ke Learning Management System (LMS) Skill Academy
MATERI & SOAL PILIHAN SUKSES KEDINASAN GRATIS

Mini Kitab Sekolah Kedinasan

Berbagai konsep kilat dan bedah tipe soal SKD terbaru
Info terbaru Sekolah Kedinasan
Info seleksi Sekolah Kedinasan
Puluhan latihan soal TIU, TWK, TKP
Tips lolos seleksi Sekolah Kedinasan
Jawaban dan pembahasan soal komprehensif
Info jenis sekolah kedinasan
GRATIS! Penawaran terbatas
1000+ pemesanan
Konsultasikan Persiapan Seleksi
Sekolah Kedinasan GRATIS
dengan Tim Berpengalaman
Dapatkan rekomendasi paket belajar sesuai kebutuhan
Diskon spesial!
“ Overall 10/10! Materi SKD Ruangguru komprehensif banget, belajarnya jadi lebih enak & efektif”
Juan N.
Diterima di Sekolah Tinggi Keuangan Negara (STAN)
Isi form untuk terhubung dengan konsultan kami
*Wajib diisi
Yang sering ditanyakan

Apa itu Bimbel Kedinasan Skill Academy?

Bimbel Kedinasan adalah program terbaru dari Skill Academy yang dirancang khusus untuk membantu siswa sukses dalam tes masuk Sekolah Kedinasan.
Apa kelebihan Bimbel Kedinasan Skill Academy dibanding yang lain?

Pendekatan pembelajaran personal
Materi dan kurikulum terupdate
Instruktur dari praktisi berpengalaman
Fasilitas dan teknologi modern
Pilihan Harga yang terjangkau dan fleksibel
Bimbel Kedinasan Skill Academy memiliki program apa saja?

Terdapat Program paket bimbel secara live online dan tatap muka:
Bimbel Kedinasan Live Online dan Tatap Muka
Bimbel SNBT + Kedinasan Live Online dan Tatap Muka
Bimbel SMA + Kedinasan Live Online dan Tatap Muka
Bimbel TNI Polri Tatap Muka
Apa saja materi yang akan diajarkan dalam program Bimbel Kedinasan Skill Academy?

Materi yang diajarkan mencakup Seleksi Kompetensi Dasar (SKD), Psikotes, dan Akademik.
Bagaimana sistem belajar di Bimbel Kedinasan Skill Academy?

Sistem belajar tatap muka
- Siswa belajar secara tatap muka di cabang Ruangguru Learning Center
- Materi yang diajarkan mencakup SKD, Psikotes,dan Akademik, dipandu oleh pengajar berpengalaman.
- Siswa memiliki kesempatan untuk berdiskusi langsung dengan pengajar dan teman sekelas.
- Fasilitas belajar lengkap tersedia di cabang Ruangguru Learning Center untuk mendukung proses belajar.
Sistem belajar live online
- Siswa akan menerima handbook dari Student Assistant sebagai panduan kelas online.
- Materi yang diajarkan mencakup SKD, Psikotes, dan Akademik, dipandu oleh pengajar berpengalaman.
- Akses ke sistem pembelajaran mencakup Kelas Wajib, Try Out, Video Belajar Mandiri, dan Materi, melalui LMS (Website Belajar).
- Kelas wajib dapat diikuti melalui Zoom, memastikan pengalaman belajar yang interaktif dan fleksibel.
Bimbel Kedinasan Skill Academy terdekat ada di mana saja?

Bimbel Kedinasan bisa diikuti di Brain Academy Center dan Ruangguru Learning Center.
Apa saja manfaat yang didapat ketika ikut Bimbel Kedinasan Skill Academy?

Mengikuti Bimbel Kedinasan di Skill Academy memberikan banyak manfaat, di antaranya:
Harga Terjangkau: Biaya yang lebih bersaing dibandingkan dengan bimbingan belajar lainnya.
Fleksibilitas Belajar: Akses ke materi dan fitur lengkap baik secara online maupun offline, mengoptimalkan pemahaman belajar kamu.
Kelas Tambahan: Tersedia kelas pendalaman materi dan akselerasi yang membantu kamu memahami pelajaran lebih mendalam dan mempercepat proses belajar.
Pengajar Berpengalaman: Belajar dari pengajar yang berpengalaman dan ahli di bidangnya, memastikan kamu mendapatkan bimbingan terbaik.
Fasilitas Lengkap: fasilitas belajar yang lengkap dan mendukung di Cabang Brain Academy untuk pembelajaran offline.
Bagaimana metode pembayaran untuk ikut program Bimbel Kedinasan?

Metode pembayaran di Bimbel Kedinasan Skill Academy dapat dilakukan melalui:
Transfer Virtual Account Bank
E-Wallet
Minimarket
<html lang="id" class="no-js">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="author" content="Ruangguru Tech Team" />
    <meta name="publisher" content="PT Ruang Raya Indonesia" />
    <meta
      name="description"
      content="Ikuti tryout skd dan bimbel kedinasan Skill Academy & raih hasil maksimal di ujian SKD seleksi masuk STAN, STIS, IPDN, Akpol, Akmil & sekolah kedinasan lainnya."
    />
    <title>Tryout & Bimbel Kedinasan Terbaik 2025 dengan Konsultasi Gratis!</title>
    <link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
    <link rel="canonical" href="https://www.ruangguru.com/kedinasan" />

    <meta name="robots" content="index, follow" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
    <meta http-equiv="content-language" content="id" />

    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />

    <meta
      property="og:description"
      content="Ikuti tryout skd dan bimbel kedinasan Skill Academy & raih hasil maksimal di ujian SKD seleksi masuk STAN, STIS, IPDN, Akpol, Akmil & sekolah kedinasan lainnya."
    />
    <meta property="og:title" content="Tryout & Bimbel Kedinasan Terbaik 2025 dengan Konsultasi Gratis!" />
    <meta
      name="twitter:description"
      content="Ikuti tryout skd dan bimbel kedinasan Skill Academy & raih hasil maksimal di ujian SKD seleksi masuk STAN, STIS, IPDN, Akpol, Akmil & sekolah kedinasan lainnya."
    />
    <meta name="twitter:title" content="Tryout & Bimbel Kedinasan Terbaik 2025 dengan Konsultasi Gratis!" />
    <meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
    <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="350" />
    <meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
    <meta property="og:url" content="https://www.ruangguru.com/kedinasan" />
    <meta name="twitter:card" content="summary_large_image" />

    <!-- Tracker -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
    <script src="https://form.ruangguru.com/form/embed.min.js"></script>

    <style>
      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&Nunito:ital,wght@0,700;0,800;1,700;1,800&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
      @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
      .page-center {
  float: none !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  width: 90% !important;
}
      .display_none {
  display: none !important;
}
      .section-hero-31f780a8 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 10rem 0 64px 0;
  gap: 24px;
  width: auto;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b2807d5a-33e5-4edc-9650-d2bf0e568f1f.png), linear-gradient(22deg, #1c2142 64.13%, #3f3942 76.99%, #9b7941 102.11%);
  background-size: 40rem, auto;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 20%, top;
}
      @media (max-width: 1024px) {
  .section-hero-31f780a8 {
    padding: 32px 16px;
  }
}
      .image-background-hero-c587f8b0 {
  box-sizing: border-box;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 10px;
  width: 559px;
  min-height: 159px;
  width: 100%;
  object-fit: cover;
  display: flex;
}
      @media (max-width: 1024px) {
  .image-background-hero-c587f8b0 {
    display: none;
  }
}
      .wrapper-fcbec053 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;

  width: 100%;
}
      .group-2bf64278 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;

  width: 100%;
}
      .image-logo-539ed9de {
  height: 56px;
  width: 140px;
}
      .image-logo-56f1a82b {
  height: 56px;
  width: 102px;
}
      .group-a45184f4 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;

  width: 100%;
}
      .content-85651fc6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;

  width: 100%;
}
      .image-background-0dad0560 {
  position: absolute;
  left: -16px;
  bottom: -158.30612182617188px;
  height: 105px;
  width: 360px;
  width: 100%;
  object-fit: cover;
  background: linear-gradient(to right, rgba(252, 175, 27, 1) 0%, rgba(210, 194, 167, 1) 100%);
}
      .text-1a682944 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #e8ecf4;
}
      .text-49941b3e {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 24px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.11999999731779099px;
  line-height: 30px;
  color: #ffffff;
}
      .syl-button-aeb40790 {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px 16px;
  gap: 8px;

  width: 100%;
  min-height: 44px;
  background-color: #27a39a;
}
      .text-23f4bfb2 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: Inter;
  font-weight: 700;
  line-height: 22px;
  color: #ffffff;
}
      .image-hero-a69da043 {
  height: 244px;
  width: 360px;
  background-color: #5762aa;
}
      .wrapper-f22deba2 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;

  width: 100%;
}
      .row-91815810 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;

  width: 100%;
}
      .content-729b4e6a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-c2c60949 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .icon-graph-up-ad025c36 {
  height: 24px;
  width: 24px;
}
      .text-6d5805af {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 28px;
  color: #ffffff;
}
      .text-a1f9b7a2 {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
}
      .content-ab2999c3 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-8bcdbfc0 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .icon-people-58ef0580 {
  height: 24px;
  width: 24px;
}
      .text-c8d85cba {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 28px;
  color: #ffffff;
}
      .text-d59c327d {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
}
      .row-23a3080d {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;

  width: 100%;
}
      .content-222051fa {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
  min-height: 70px;
}
      .content-bc76408d {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .icon-school-240f45e6 {
  height: 24px;
  width: 24px;
  background-color: #ffffff;
}
      .text-11f40bc8 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 28px;
  color: #ffffff;
}
      .text-63ef2c0b {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
}
      .content-d2a02d68 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-9384f5bf {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .icon-star-41254067 {
  height: 24px;
  width: 24px;
}
      .text-5ec4297a {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 28px;
  color: #ffffff;
}
      .text-b4e5c528 {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  color: #ffffff;
}
      .container-section-hero-11dd6bb1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
      .grid-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
      .wrapper-65abfd29 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  width: 608px;
}
      .wrapper-logo-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
      .image-logo-e373913a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;

  height: 64px;
}
      .image-logo {
  height: 72px;
}
      .headline-kedinasan-9a142ce1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;

  width: 100%;
}
      .text-4c5ab063 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 20px;
  font-family: Inter;
  font-weight: 400;
  letter-spacing: 0.20000000298023224px;
  line-height: 30px;
  color: #e8ecf4;
}
      .text-5eff08a9 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 40px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.20000000298023224px;
  line-height: 50px;
  color: #ffffff;
}
      .syl-button-24bea21b,
button.form-submit,
.ctabtn {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px 16px;
  gap: 8px;
  width: 240px;
  min-height: 52px;
  background-color: #27a39a;
  border: none;
}
      .text-f3c39f4a,
button.form-submit {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-family: Inter;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
}
      .wrapper-usp-265d7dd2 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
  padding: 48px 0 0;
}
      .border-separator {
  height: 120px;
  width: 3px;
  background: linear-gradient(#ffffff00, #ffffffde, #ffffff00);
}
      @media (max-width: 1024px) {
  .border-separator {
    display: none;
  }
}
      .content-usp-5ca176f4 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-usp-edd0dbfa {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}
      .icon-graph-d419e6aa {
  height: 32px;
  width: 32px;
}
      .text-5053fc0f {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.14000000059604645px;
  line-height: 42px;
  color: #ffffff;
}
      .text-ffc65e1a {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  font-family: Inter;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
      .content-usp-fa56eb3f {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-usp-6a897c8f {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}
      .icon-people-03d4d393 {
  height: 32px;
  width: 32px;
}
      .text-0d52de24 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.14000000059604645px;
  line-height: 42px;
  color: #ffffff;
}
      .text-23747767 {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  font-family: Inter;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
      .content-usp-0dc8024b {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-usp-f0f3a367 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}
      .icon-school-92cbba92 {
  height: 32px;
  width: 32px;
}
      .text-cb4b1e30 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.14000000059604645px;
  line-height: 42px;
  color: #ffffff;
}
      .text-bb1faa5f {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  font-family: Inter;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
      .content-usp-c175a1d0 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;

  width: 100%;
}
      .content-usp-a2ac1e13 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}
      .icon-star-73b43c55 {
  height: 32px;
  width: 32px;
}
      .text-cc0ce732 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 28px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.14000000059604645px;
  line-height: 42px;
  color: #ffffff;
}
      .text-24f85487 {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  font-family: Inter;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
}
      .image-hero-e0b93130 {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 395px;
  width: 583px;
  background-color: #5762aa;
}
      @media (max-width: 1024px) {
  .wrapper-65abfd29 a {
    width: 100%;
  }

  .section-hero-31f780a8 {
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b2807d5a-33e5-4edc-9650-d2bf0e568f1f.png), linear-gradient(180deg, #1c2142 32.27%, #846942 65.92%, #1d2143 73.91%);
    background-position-y: 0%, 0%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    height: auto;
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 70%;
    padding: 5rem 0 0;
  }

  .wrapper-logo-group {
    width: 100%;
  }

  .grid-hero {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    padding-bottom: 18rem;
  }

  .wrapper-65abfd29 {
    width: 100%;
    padding: 32px 16px;
  }

  img.image-background-hero-c587f8b0 {
    /* min-height: inherit; */
    display: inherit;
  }

  p.text-4c5ab063 {
    color: var(--color-text-text-subtle, #e8ecf4);

    /* mobile/body/regular/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }

  p.text-5eff08a9 {
    color: var(--color-text-text-invert, #fff);

    /* mobile/headlineNarrow/2xl */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 125% */
    letter-spacing: -0.12px;
  }

  button.syl-button-24bea21b {
    width: 100%;
  }

  .wrapper-usp-265d7dd2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 0 4rem;
  }

  p.text-5053fc0f,
  p.text-0d52de24,
  p.text-cb4b1e30,
  p.text-cc0ce732 {
    color: var(--Neutral-white, #fff);
    text-align: center;

    /* mobile/title/lg */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.1px;
  }

  img.icon-graph-d419e6aa,
  img.icon-people-03d4d393,
  img.icon-school-92cbba92,
  img.icon-star-73b43c55 {
    width: 24px;
    height: 24px;
  }

  p.text-ffc65e1a,
  p.text-23747767,
  p.text-bb1faa5f,
  p.text-24f85487 {
    color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);
    text-align: center;

    /* mobile/body/regular/xs */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }

  p.text-f3c39f4a {
    color: var(--button-primary-color-text, #fff);
    text-align: center;

    /* desktop/button/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
  }
}
      .section-package-kedinasan-7e8ae7dc {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 32px 0;
  gap: 24px;
  width: 100%;
  background-color: #ffffff;
}
      .container-section-package-kedinasan-160d7ed8 {
  border-radius: 16px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 32px;
  gap: 24px;
  width: 100%;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/7c0b5bc4-8d0b-42fe-98d2-6996899aa3e6.png), var(--saturated-koamaru-100, #1c2142);
  background-repeat: no-repeat;
  background-size: auto, cover;
  background-position-x: center;
}
      .wrapper-title-218f5fab {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  flex: 1;
  width: 100%;
}
      .text-086f7b34 {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 28px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.14000000059604645px;
  line-height: 38px;
  color: #ffffff;
}
      .text-0bd73607 {
  margin: 0;
  text-align: center;
  vertical-align: top;
  font-size: 16px;
  font-family: Inter;
  font-weight: 600;
  line-height: 20px;
  color: #ffffff;
}
      .wrapper-8a6adbcd {
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px 0px 0px 8px;
  gap: 16px;
  flex: 1;
  width: 780px;
}
      .card-b25a6133 {
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 240px;
}
      .image-thumbnail-751d9f12 {
  border-radius: 8px 8px 0px 0px;
  height: 84px;
  width: 240px;
  background-color: #def3f5;
  border: 0px solid #6c72a0;
}
      .content-de6b3eb2 {
  border-radius: 0px 0px 8px 8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 12px;
  gap: 12px;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
}
      .group-72281e69 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 8px;
  width: 216px;
  min-height: 204px;
}
      .group-bcab7014 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  flex: 1;
  width: 100%;
}
      .list-8bf893b9 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-17949f80 {
  height: 20px;
  width: 20px;
}
      .text-c95ff67c {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: undefined;
  font-weight: normal;
  line-height: 22px;
  color: #2c313a;
}
      .list-71bfe269 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-3a2f5c8f {
  height: 20px;
  width: 20px;
}
      .text-a598204d {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-5294e47b {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-c05ee546 {
  height: 20px;
  width: 20px;
}
      .text-9d8563ec {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-d73650b9 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-1c5f729a {
  height: 20px;
  width: 20px;
}
      .text-37418f63 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-0790ee46 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-22f00eca {
  height: 20px;
  width: 20px;
}
      .text-30fab2bd {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-ee7e6fff {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-7e8b9960 {
  height: 20px;
  width: 20px;
}
      .text-38a77bb5 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-50c1aca9 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-eccb78f9 {
  height: 20px;
  width: 20px;
}
      .text-24f9c91a {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-5576bff1 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-a49f830e {
  height: 20px;
  width: 20px;
}
      .text-12744feb {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-f32361a6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-a5c1a898 {
  height: 20px;
  width: 20px;
}
      .text-b7bb07ba {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-30d72264 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-26a2ddeb {
  height: 20px;
  width: 20px;
}
      .text-eaecff23 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-ea866692 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-051e37fa {
  height: 20px;
  width: 20px;
}
      .text-5bd3be2f {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-a699a7f9 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-4142dd72 {
  height: 20px;
  width: 20px;
}
      .text-cf7af28e {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-b641d606 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-c5cd67e5 {
  height: 20px;
  width: 20px;
}
      .text-9cd9ef29 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-53c4c0d7 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-20275c34 {
  height: 20px;
  width: 20px;
}
      .text-4a7a0791 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-36c7d908 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-f243516c {
  height: 20px;
  width: 20px;
}
      .text-e70aab24 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .scrool-feda03c1 {
  border-radius: 10px;
  height: 79px;
  width: 8px;
  background-color: #b0b8c7;
}
      .image-overlay-1a7354d5 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 24px;
  width: 216px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6666666865348816) 48.95833432674408%, rgba(255, 255, 255, 1) 100%);
}
      .group-0cdca690 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 8px;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
}
      .group-994a4182 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  flex: 1;
  width: 100%;
}
      .discount-3603aee4 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  width: 105px;
  min-height: 20px;
}
      .badge-text-38be2027 {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 4px;
  min-height: 20px;
  background-color: #f8e1e2;
}
      .text-0cdd2dde {
  margin: 0;
  text-align: left;
  vertical-align: middle;
  font-size: 10px;
  font-family: Inter;
  font-weight: 600;
  line-height: 16px;
  color: #cd1924;
}
      .text-d288840b {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  text-decoration: line-through;
  color: #959dac;
}
      .text-c38421cb {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 20px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 30px;
  color: #cd1924;
}
      .syl-button-90cae43d {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 16px;
  flex: 1;
  width: 100%;
  min-height: 44px;
  background-color: #27a39a;
}
      .text-5ac06582 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: Inter;
  font-weight: 700;
  line-height: 22px;
  color: #ffffff;
}
      .syl-ribbon-5c5f32a6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
      .content-71ca2dc5 {
  border-radius: 8px 4px 32px 0px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  padding: 4px 16px 4px 8px;
  gap: 4px;
  min-height: 28px;
  background-color: #e52a34;
}
      .text-394538c1 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
  line-height: 18px;
  color: #ffffff;
}
      .card-321ccba6 {
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 240px;
}
      .image-thumbnail-dba37697 {
  border-radius: 8px 8px 0px 0px;
  height: 84px;
  width: 240px;
  background-color: #def3f5;
  border: 0px solid #6c72a0;
}
      .content-5e9630b0 {
  border-radius: 0px 0px 8px 8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 12px;
  gap: 12px;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
}
      .group-5b328747 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 8px;
  width: 216px;
  min-height: 204px;
}
      .group-fc67f64a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  flex: 1;
  width: 100%;
}
      .list-a5d6af61 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-5e5f70f1 {
  height: 20px;
  width: 20px;
}
      .text-eaa4e4d0 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: undefined;
  font-weight: normal;
  line-height: 22px;
  color: #2c313a;
}
      .list-78023fe9 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-8d4d66d1 {
  height: 20px;
  width: 20px;
}
      .text-01af975a {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-82043a42 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-cb86301f {
  height: 20px;
  width: 20px;
}
      .text-c613b3d8 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-cd9cde76 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-9293deb8 {
  height: 20px;
  width: 20px;
}
      .text-0e89b35f {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-8575e271 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-dae71230 {
  height: 20px;
  width: 20px;
}
      .text-60bdc6dd {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-7ed336a6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-c5674008 {
  height: 20px;
  width: 20px;
}
      .text-af3079cb {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-0bbbfb2e {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-0abd0d3b {
  height: 20px;
  width: 20px;
}
      .text-e210e3af {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-f8a40f0b {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-7fbfeb65 {
  height: 20px;
  width: 20px;
}
      .text-74ba9b52 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-a5c28e59 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-3e67b452 {
  height: 20px;
  width: 20px;
}
      .text-0186f58e {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-58b88cda {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-10c87fa1 {
  height: 20px;
  width: 20px;
}
      .text-6ff4d951 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-81cb84f0 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-ac00e1f6 {
  height: 20px;
  width: 20px;
}
      .text-8e7b4865 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-1ac8b552 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-a67e8a44 {
  height: 20px;
  width: 20px;
}
      .text-c454f6a0 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-ab43c159 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-9f26e212 {
  height: 20px;
  width: 20px;
}
      .text-6795b028 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .scrool-e818bfbe {
  border-radius: 10px;
  height: 79px;
  width: 8px;
  background-color: #b0b8c7;
}
      .image-overlay-6a6f20f7 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 24px;
  width: 216px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6666666865348816) 48.95833432674408%, rgba(255, 255, 255, 1) 100%);
}
      .group-38929db6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 8px;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
}
      .group-0fc49166 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  flex: 1;
  width: 100%;
}
      .discount-7d47b77e {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  width: 105px;
  min-height: 20px;
}
      .badge-text-f5b358a7 {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 4px;
  min-height: 20px;
  background-color: #f8e1e2;
}
      .text-dd864db9 {
  margin: 0;
  text-align: left;
  vertical-align: middle;
  font-size: 10px;
  font-family: Inter;
  font-weight: 600;
  line-height: 16px;
  color: #cd1924;
}
      .text-5493e69d {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  text-decoration: line-through;
  color: #959dac;
}
      .text-ee598dd2 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 20px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 30px;
  color: #cd1924;
}
      .syl-button-1fb7e62c {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 16px;
  flex: 1;
  width: 100%;
  min-height: 44px;
  background-color: #27a39a;
}
      .text-dfed5749 {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: Inter;
  font-weight: 700;
  line-height: 22px;
  color: #ffffff;
}
      .card-4d880acc {
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 240px;
}
      .image-thumbnail-186e84fe {
  border-radius: 8px 8px 0px 0px;
  height: 84px;
  width: 240px;
  background-color: #def3f5;
  border: 0px solid #6c72a0;
}
      .content-dc96dea8 {
  border-radius: 0px 0px 8px 8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding: 12px;
  gap: 12px;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
}
      .group-1ef07d59 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 8px;
  width: 216px;
  min-height: 204px;
}
      .group-3904217b {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  flex: 1;
  width: 100%;
}
      .list-6b31c8fa {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-e1d70c16 {
  height: 20px;
  width: 20px;
}
      .text-186a522f {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: undefined;
  font-weight: normal;
  line-height: 22px;
  color: #2c313a;
}
      .list-e39912ef {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-7442713c {
  height: 20px;
  width: 20px;
}
      .text-08a06578 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 700;
  line-height: 22px;
  color: #2c313a;
}
      .list-9406dcba {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-4f286012 {
  height: 20px;
  width: 20px;
}
      .text-dc628745 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-d4c19c6e {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-dea550bd {
  height: 20px;
  width: 20px;
}
      .text-1949bc52 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-10cb1827 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-62b6a3e2 {
  height: 20px;
  width: 20px;
}
      .text-eaaaba02 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-247ed603 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-81ac12aa {
  height: 20px;
  width: 20px;
}
      .text-0f4d814f {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-c5e797e8 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-a1041b60 {
  height: 20px;
  width: 20px;
}
      .text-7cac4441 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-9ae5deaf {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-e9ac2262 {
  height: 20px;
  width: 20px;
}
      .text-8eb033c7 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-2f147810 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-6d8a36a5 {
  height: 20px;
  width: 20px;
}
      .text-fe797ca1 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-f9137194 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-354a0f7f {
  height: 20px;
  width: 20px;
}
      .text-b4705bf5 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-57345b4f {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-a98c9619 {
  height: 20px;
  width: 20px;
}
      .text-0304e592 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .list-788efde6 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6px;
  flex: 1;
  width: 100%;
}
      .icon-checklist-76bde786 {
  height: 20px;
  width: 20px;
}
      .text-8fb556b4 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  color: #2c313a;
}
      .scrool-88d9b825 {
  border-radius: 10px;
  height: 79px;
  width: 8px;
  background-color: #b0b8c7;
}
      .image-overlay-beda1973 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 24px;
  width: 216px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6666666865348816) 48.95833432674408%, rgba(255, 255, 255, 1) 100%);
}
      .group-90542daa {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 8px;
  flex: 1;
  width: 100%;
  background-color: #ffffff;
}
      .group-00ecbb08 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  flex: 1;
  width: 100%;
}
      .discount-64065535 {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  width: 105px;
  min-height: 20px;
}
      .badge-text-42d51465 {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 4px;
  min-height: 20px;
  background-color: #f8e1e2;
}
      .text-285e16ff {
  margin: 0;
  text-align: left;
  vertical-align: middle;
  font-size: 10px;
  font-family: Inter;
  font-weight: 600;
  line-height: 16px;
  color: #cd1924;
}
      .text-77011fa7 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  text-decoration: line-through;
  color: #959dac;
}
      .text-49f00a58 {
  margin: 0;
  text-align: left;
  vertical-align: top;
  font-size: 20px;
  font-family: Inter;
  font-weight: 700;
  letter-spacing: -0.10000000149011612px;
  line-height: 30px;
  color: #cd1924;
}
      .syl-button-ed9efbf5 {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0px 16px;
  flex: 1;
  width: 100%;
  min-height: 44px;
  background-color: #27a39a;
}
      .text-c770e9ad {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: Inter;
  font-weight: 700;
  line-height: 22px;
  color: #ffffff;
}
      /* section kepolisian */
      .container-section-package-kepolisian {
  border-radius: 16px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 32px;
  gap: 24px;
  width: 100%;
  background: linear-gradient(0deg, #1c2142 41.12%, #512f2b 100%);
}
      img.taukah-anda-image {
  width: 84px;
}
      .container-taukah-anda {
  display: flex;
  padding: 32px;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  background: var(--color-background-bgsubtle-bgsubtle-info, #e0eefa);
  margin: 32px 0;
}
      p.taukah-anda-card-title {
  color: var(--color-text-text-ink, #2c313a);

  /* desktop/titleNarrow/3xl */
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px; /* 135.714% */
  letter-spacing: -0.14px;
}
      p.taukah-anda-card-desc {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 95%;
}
      .container--lolos-kedinasan-details {
  display: flex;
  width: 100%;
  padding: var(--size-spacing-spacing-2xl, 24px);
  align-items: flex-end;
  gap: var(--size-spacing-spacing-none, 0px);
  border-radius: 16px;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/55d92d1d-9f56-4128-b65f-3e7bdd10749f.png), linear-gradient(90deg, #1c2142 31.68%, #2c2c42 47.12%, #9b7941 119.88%);
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: contain;
}
      p.lolos-kedinasan--title {
  color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);

  /* desktop/titleNarrow/3xl */
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px; /* 135.714% */
  letter-spacing: -0.14px;
}
      .lolos-kedinasan-card {
  display: flex;
  align-items: center;
  border-radius: var(--size-radius-rad-md, 8px);
  background: rgba(28, 33, 66, 0.5);
  padding: 8px;
  gap: 6px;
  margin-bottom: 16px;
}
      p.lolos-kedinasan-desc {
  color: var(--color-text-text-invert, #fff);

  /* desktop/body/regular/md */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin: 0;
}
      .container--solusi-hadapi-tes-kedinasan {
  display: flex;
  padding: 32px;
  align-items: flex-start;
  gap: 12px;
  border-radius: 16px;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/8d71fe4f-b23c-4b22-80bb-d018883caf7b.png), linear-gradient(270deg, #1c2142 13.67%, #2c2c42 30.24%, #9b7941 108.33%);
  margin-top: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
      p.solusi-hadapi-kedinasan--title {
  color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);

  /* desktop/titleNarrow/3xl */
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px; /* 135.714% */
  letter-spacing: -0.14px;
}
      .solusi-hadapi-kedinasan-card {
  display: flex;
  align-items: center;
  border-radius: var(--size-radius-rad-md, 8px);
  background: rgba(28, 33, 66, 0.5);
  padding: 8px;
  gap: 6px;
  margin-bottom: 16px;
  max-width: 43rem;
}
      p.solusi-hadapi-kedinasan-desc {
  color: var(--color-text-text-invert, #fff);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
      .section-form-konsultasi {
  padding: 2rem 0;
}
      .container--form-konsultasi {
  border-radius: 12px;
  background: #1c2142;
  display: flex;
  width: 100%;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  justify-content: space-between;
}
      p.form-konsultasi-title {
  color: var(--color-text-text-invert, #fff);

  /* desktop/titleNarrow/3xl */
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px; /* 135.714% */
  letter-spacing: -0.14px;
}
      p.konsultasi-poin-detail {
  color: #fff;

  /* desktop/body/regular/md */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin: 0;
}
      .konsultasi-poin-card {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
      @media (max-width: 1024px) {
  .section-form-konsultasi {
    padding: 0;
  }
  p.text-086f7b34,
  p.text-086f7b34 {
    color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);
    text-align: center;

    /* mobile/titleNarrow/xl */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    letter-spacing: -0.1px;
  }

  p.text-0bd73607,
  p.text-0bd73607 {
    color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);
    text-align: center;

    /* mobile/subtitle/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }

  .wrapper-title-kepolisian {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  br {
    display: none;
  }

  p.lolos-kedinasan--title,
  p.solusi-hadapi-kedinasan--title {
    color: var(--color-text-text-invert, #fff);
    text-align: center;

    /* mobile/titleNarrow/xl */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    letter-spacing: -0.1px;
  }

  p.lolos-kedinasan-desc,
  p.solusi-hadapi-kedinasan-desc {
    color: var(--color-text-text-invert, #fff);

    /* mobile/body/regular/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }

  .wrapper--lolos-kedinasan {
    padding-top: 224px;
  }

  .container--lolos-kedinasan-details {
    border-radius: 16px;
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/55d92d1d-9f56-4128-b65f-3e7bdd10749f.png), linear-gradient(180deg, #1c2142 38.02%, #2c2c42 50.28%, #9b7941 108.08%);
    background-size: 110%;
    background-repeat: no-repeat;
    border-radius: 0;
  }

  .container--solusi-hadapi-tes-kedinasan {
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/c12708c6-c691-4b74-8579-28e0ea350447.png),
      url(https://cdn-web-2.ruangguru.com/landing-pages/assets/c504615d-266c-442a-bb1b-c06f5d9aeec8.png), #1c2142;
    background-repeat: no-repeat;
    background-size: 75%, cover, cover;
    background-position-x: center;
    background-position-y: 8%, center, center;
    border-radius: 0;
    margin-top: 16px;
    min-height: 41.5rem;
    display: flex;
    align-items: flex-end;
  }

  .solusi-hadapi-kedinasan-card {
    align-items: flex-start;
    gap: 0.5rem;
    max-width: 100%;
  }

  .solusi-hadapi-kedinasan-card > img {
    padding-top: 0.15rem;
  }

  p.taukah-anda-card-title {
    display: none;
  }

  .container-taukah-anda {
    display: flex;
    flex-direction: column;
    padding: 16px;
    margin: 16px;
  }

  p.taukah-anda-card-desc {
    color: var(--color-text-text-ink, #2c313a);

    /* mobile/body/regular/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    max-width: 100%;
  }

  .section-taukah-anda .page-center,
  .section-lolos-seleksi-kedinasan .page-center,
  .section-solusi-hadapi-tes-kedinasan .page-center,
  .section-form-konsultasi .page-center {
    width: 100% !important;
  }

  img.taukah-anda-image {
    width: 48px;
  }

  .container--form-konsultasi {
    border-radius: 0;
    margin-top: 16px;
    padding: 16px;
  }

  p.form-konsultasi-title {
    color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);
    text-align: center;

    /* mobile/titleNarrow/xl */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    letter-spacing: -0.1px;
  }

  p.konsultasi-poin-detail {
    color: #fff;

    /* mobile/body/regular/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }

  img.konsultasi-icon {
    width: 36px;
  }

  .header-content_menus.sa-web {
    display: none;
  }

  .header-content_search {
    display: none;
  }
}
      .wrapper--card-kedinasan {
  border-radius: 8px;
  background: #fff;
  position: relative;
}
      .wrapper--card-kedinasan:after,
.wrapper--card-kepolisian:after {
  background-image: linear-gradient(0deg, #fff 18.29%, hsla(0, 0%, 100%, 0));
  bottom: 8.5rem;
  content: '';
  height: 3rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}
      #tryout-kedinasan .wrapper--card-kedinasan::after {
  bottom: 7rem;
}
      p.kedinasan-card-title,
p.kepolisian-card-title {
  display: flex;
  flex-direction: column;
  color: #1c2142;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
  padding: 0.5rem 0;
}
      .kedinasan-card-title span {
  background: linear-gradient(180deg, #1c2142 51.04%, rgba(33, 150, 243, 0) 200.37%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  color: transparent;
  margin: 0;
}
      .wrapper--header-kedinasan-card {
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px 8px 0 0;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/29abab81-6a18-4b17-963a-e30010168358.png);
  background-repeat: no-repeat;
  background-size: cover;
}
      p.kedinasan-card-type,
p.kepolisian-card-type {
  color: var(--color-text-text-invert, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 8px 12px !important;
}
      .premium,
.regular,
.basic {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
      .premium {
  background: linear-gradient(90deg, #09acba 1.22%, #076a73 101.22%);
}
      .regular {
  background: linear-gradient(270deg, #07579c 1.3%, #2196f3 99.35%);
}
      .basic {
  background: linear-gradient(270deg, #a54604 1.3%, #e55f02 99.35%);
}
      .wrapper--kedinasan-details {
  padding: 12px;
}
      p.card-list-text {
  color: var(--color-text-text-ink, #2c313a);

  /* desktop/body/regular/sm */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
      p.discount-text {
  display: flex;
  height: 20px;
  padding: 0px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--K12-Base-Theme-Background-Subtle-Highlight, #f8e1e2);
  color: var(--K12-Base-Theme-Text-Solid-Highlight, #cd1924);

  /* mobile/label/2xs */
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 160% */
  margin: 0;
}
      .wrapper--package-card-bottom {
  display: flex;
  padding: var(--size-spacing-spacing-none, 0px);
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 12px;
}
      .wrapper--basic-price-details {
  display: flex;
  align-items: center;
  gap: 4px;
}
      .wrapper--basic-price-details.base-tryout {
  justify-content: space-between;
  width: 100%;
}
      .harga-mulai {
  color: var(--LLL-Base-Theme-Text-Solid-Disabled, var(--color-text-text-disable, #959dac));
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
      .harga-final {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.1px;
}
      p.harga-coret {
  color: var(--LLL-Base-Theme-Text-Solid-Disabled, var(--color-text-text-disable, #959dac));
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  text-decoration: line-through;
  margin: 0;
}
      p.final-price {
  color: var(--color-text-text-highlight, #cd1924);

  /* desktop/title/xl */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  letter-spacing: -0.1px;
}
      a.buy-package-link {
  text-decoration: none !important;
  display: flex;
  height: 44px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: var(--LLL-Base-Theme-Base-Primary, #27a39a);
  color: var(--color-text-text-invert, #fff) !important;
  text-align: center;

  /* mobile/button/sm */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}
      .wrapper--card-kepolisian {
  border-radius: 8px;
  background: #fff;
  position: relative;
}
      .wrapper--header-kepolisian-card {
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px 8px 0 0;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/6535737d-5329-45f8-9d44-29d6ea576853.png);
  background-repeat: no-repeat;
  background-size: cover;
}
      .card-premium .wrapper--header-kedinasan-card {
  background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/f8fe039f-7961-46dc-a779-8f887bc3bcdb.png);
}
      .card-regular .wrapper--header-kedinasan-card {
  background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/dc8591e5-bfae-41e6-9263-4ec9607fb148.png);
}
      .card-basic .wrapper--header-kedinasan-card {
  background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/63edbc25-514a-4e0f-88fd-064d156bb5a3.png);
}
      .wrapper--kepolisian-details {
  padding: 12px;
}
      .wrapper--kedinasan-cards.desktop,
.wrapper--kepolisian-cards.desktop {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
      @media (max-width: 1024px) {
  .wrapper--kedinasan-cards.desktop,
  .wrapper--kepolisian-cards.desktop {
    display: block;
  }

  .container-section-package-kedinasan-160d7ed8 {
    padding: 24px 16px 32px 16px;
  }

  .wrapper--kedinasan-cards .slick-list {
    padding: 0 20% 0 0 !important;
  }

  p.kedinasan-card-type {
    font-size: 14px;
    line-height: 22px;
    padding: 4px 12px !important;
  }
  p.card-list-text {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding-bottom: 0.75rem;
    max-width: 77%;
  }
}
      .wrapper--kedinasan-cards.mobile .slick-list,
.wrapper--kepolisian-cards.mobile .slick-list {
  padding: 0 10% 0 0 !important;
}
      .wrapper--kedinasan-cards.mobile .slick-list .slick-slide,
.wrapper--kepolisian-cards.mobile .slick-list .slick-slide {
  margin-right: 1rem;
}
      .wrapper--kedinasan-details,
.wrapper--kepolisian-details {
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 1.5rem;
}
      .wrapper--kedinasan-details::-webkit-scrollbar,
.wrapper--kepolisian-details::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
      .wrapper--kedinasan-details::-webkit-scrollbar-thumb,
.wrapper--kepolisian-details::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
      a {
  text-decoration: none !important;
}
      input,
textarea {
  border-radius: 8px;
  padding: 8px;
  width: 100%;
  border: solid 2px #cfd3db;
}
      .wrapper--form-konsultasi {
  display: flex;
  width: 530px;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  border-radius: var(--size-radius-rad-md, 8px);
  background: var(--color-canvas-canvas-light, #fff);

  /* shadow/light/raised */
  box-shadow: 0px 16px 20px 4px rgba(129, 134, 142, 0.16);
}
      .form-wrapper {
  width: 100%;
}
      p.form-title {
  color: var(--color-text-text-ink, #2c313a);

  /* desktop/title/xl */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 150% */
  letter-spacing: -0.1px;
  margin: 0;
}
      p.required-label {
  color: var(--color-text-text-highlight, #cd1924);

  /* desktop/body/regular/sm */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  margin: 0;
}
      .form-group label span {
  color: #cd1924;
}
      label {
  color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);

  /* desktop/subtitle/sm */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 157.143% */
}
      button.form-submit {
  width: 100%;
}
      p.testimony-desc {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  max-width: 90%;
}
      img.user-image {
  width: 32px;
}
      .wrapper--testimony {
  border-radius: var(--size-radius-rad-md, 8px);
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/e01ea8f2-2116-401c-a3fa-22bdb5c7901f.svg), var(--color-background-bgsubtle-bgsubtle-info, #e0eefa);
  background-size: 20%, cover;
  background-repeat: no-repeat;
  background-position-x: right, center;
  display: flex;
  padding: var(--gap-gap-large, 12px) 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-gap-large, 12px);
  align-self: stretch;
  margin-top: 1rem;
}
      .testimony-bottom-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
      p.user-name,
p.user-desc {
  color: var(--color-text-text-ink, #2c313a);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  line-height: 22px; /* 157.143% */
  margin: 0;
}
      p.user-name {
  font-weight: 700;
}
      @media (max-width: 1024px) {
  .container--form-konsultasi {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px 16px;
    margin: 0;
  }

  .wrapper--form-konsultasi {
    width: 100%;
  }

  .wrapper--testimony {
    width: 100%;
    padding: 12px;
  }

  .wrapper--form-konsultasi-details {
    width: 100%;
  }

  p.testimony-desc {
    overflow: hidden;
    color: var(--color-text-text-ink, #2c313a);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }
}
      .wrapper--card-list-details {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
      /* footer */
      p.title-footer {
  font-size: 16px !important;
  padding-bottom: 0.6rem;
  padding-top: 0.2rem;
}
      .section-footer {
  padding: 2rem 0;
}
      .footer-content {
  grid-template-columns: 1fr 0.5fr;
}
      .footer-content__top {
  grid-gap: 0.8rem;
  grid-template-columns: 0.8fr 1fr;
}
      .footer-download {
  grid-gap: 0.6rem;
  grid-template-columns: 1fr 1fr;
}
      .footer-sa__content {
  grid-template-columns: 0.5fr 1fr;
}
      .footer-lainnya__content {
  grid-template-columns: 0.65fr 1fr;
}
      .section-footer a {
  font-size: 14px !important;
}
      .footer__bottom {
  grid-gap: 1rem;
  align-items: self-end;
  grid-template-columns: 2.1fr 0.8fr 0.5fr;
}
      .follow-us {
  padding-right: 1.2rem;
}
      .follow-us,
.hotline-sa {
  text-align: right;
}
      .rights-sa {
  padding-top: 0.5rem;
}
      .hotline-sa {
  padding-top: 0.2rem;
}
      .section-footer li {
  margin-bottom: 0.5rem;
}
      ul.list-menu {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
      .section-footer {
  background-color: #1c2039 !important;
  padding: 2rem 0;
}
      .footer-content,
.footer-content__top,
.footer-download,
.footer-lainnya__content,
.footer-sa__content {
  display: grid;
}
      .footer__bottom {
  background-color: transparent !important;
  display: grid;
  margin-top: 2rem;
  padding: 0 !important;
}
      p.title-footer {
  color: #fff;
  font-family: Rubik, Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.2;
  margin-block-end: 0;
  margin-block-start: 0;
}
      ul.list-menu {
  padding: 0 !important;
}
      .section-footer a {
  color: #fff !important;
  font-family:
    Source Sans Pro,
    Inter,
    sans-serif;
  letter-spacing: 0.2px;
  text-decoration: none;
}
      .section-footer a:hover {
  color: #2cb3ac !important;
  text-decoration: none;
}
      .footer__bottom p {
  color: #fff;
  font-family:
    Source Sans Pro,
    Inter,
    sans-serif;
  font-size: 14px !important;
  font-style: normal;
  margin-block-end: 0;
  margin-block-start: 0;
}
      img.imgNew {
  margin: 0 !important;
  vertical-align: bottom;
  width: auto !important;
}
      img.imgApp,
img.imgNew {
  height: auto;
  object-fit: contain;
}
      img.imgApp {
  margin-bottom: -6px;
  margin-top: 4px;
  vertical-align: middle;
  width: 90%;
}
      .footer__bottom img {
  height: 32px;
  margin-bottom: 0;
  margin-top: 0;
  width: 32px;
}
      .hotline-sa img {
  vertical-align: middle;
}
      .section-footer li {
  line-height: 1.2;
}
      ul.list-menu {
  margin-block-end: 0;
  margin-block-start: 0;
}
      .loc-sa {
  display: flex;
  align-items: center;
}
      .loc-sa_img img {
  height: auto !important;
  width: auto !important;
}
      @media (max-width: 1024px) {
  .section-footer {
    margin: 0;
  }
  .loc-sa {
    display: flex;
    align-items: flex-start;
  }

  .loc-sa_img img {
    height: auto !important;
    width: auto !important;
  }

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

  .footer-content {
    display: grid;
    grid-template-columns: 1fr;
  }

  .footer-sa__content {
    display: grid;
    grid-template-columns: 1fr;
  }

  ul.list-menu {
    margin: 0 !important;
  }

  .footer-lainnya__content {
    display: grid;
    grid-template-columns: 1fr;
  }
}
      .section-header {
  background-color: #2d3257;
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100% !important;
  z-index: 999;
}
      .section-header a {
  text-decoration: none;
}
      .search-back {
  display: none;
}
      .arrow_back {
  align-items: center;
  justify-content: flex-start;
  margin-left: -0.5rem;
  padding-right: 0.5rem;
}
      .header-logo {
  align-items: center;
  display: flex;
  justify-content: center;
}
      .header-content {
  align-items: center;
  column-gap: 2rem;
  display: grid;
  grid-template-columns: auto 0.32fr 1.6fr 0.6fr;
  padding: 12px 0;
}
      .header-content_search button,
.search-white button {
  background: transparent;
  border: none;
  cursor: pointer;
}
      .search-input {
  margin: 0 !important;
  padding: 0.3rem 0.6rem !important;
  width: 100% !important;
}
      .sa-web {
  display: block;
}
      .sa-mobile {
  display: none;
}
      .search-field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
      .search-field_input {
  width: 400px;
}
      .search-field_button {
  position: absolute;
  right: 0;
}
      span.font-menu {
  color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);

  /* desktop/body/regular/sm */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
      button.ctabtn {
  width: auto;
  padding: 8px 12px;
  min-height: inherit;
}
      .ctabtn p.text-f3c39f4a {
  font-size: 14px;
}
      .menu-text {
  color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);

  /* desktop/body/regular/sm */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  display: flex;
  gap: 4px;
  text-wrap: nowrap;
}
      span.new {
  margin-top: -4px;
  font-size: 10px;
  display: flex;
  height: 20px;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  background: var(--color-background-bgsolid-bgsolid-highlight, #e52a34);
}
      div#kategori {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
      @media (max-width: 1024px) {
  .header-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
      .section-subheader {
  position: fixed;
  top: 4rem;
  width: 100%;
  left: 0;
  z-index: 100;
  background: #fff;
}
      .container--subheader-list {
  display: flex;
  gap: 32px;
  padding: 16px 0;
}
      p.subheader-menu {
  color: var(--color-text-text-ink, #2c313a);
  text-align: right;

  /* desktop/subtitle/md */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  margin: 0;
}
      @media (max-width: 1024px) {
  p.subheader-menu {
    color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);
    text-align: right;

    /* mobile/subtitle/sm */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    text-wrap: nowrap;
  }

  .container--subheader-list {
    overflow-x: auto;
  }

  .section-subheader {
    top: 3.8rem;
  }
}
      .card-program-kedinasan,
.card-program-kepolisian {
  padding-top: 12px;
}
      .card-program-kedinasan.top-package,
.card-program-kepolisian.top-package {
  padding: 12px 0 0 12px;
}
      img.top-package-tag {
  height: 32px;
  position: absolute;
  top: -0.5rem;
  left: -0.6rem;
}
      .form-group label::after {
  content: '*';
  color: var(--color-text-text-highlight, #cd1924);
}
      button.btn.btn-primary {
  display: flex;
  height: 52px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--LLL-Base-Theme-Base-Primary, #27a39a);
  color: var(--color-text-text-invert, #fff) !important;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
}
      .details-subtitle {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
  padding: 0.25rem 0 0.5rem;
}
      img.desktop {
  display: block;
}
      img.mobile {
  display: none;
}
      .section-kuota {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/263b638f-f6fd-4443-9a9d-3a93edc4f9ec.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
}
      .section-kuota-wrapper {
  border-radius: 12px;
  border: 2px solid #fff;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b8cb2019-17d6-4491-8bc4-38ce0356a527.svg), rgba(242, 245, 250, 0.6);
  background-repeat: no-repeat;
  background-size:
    auto 100%,
    cover;
  backdrop-filter: blur(25px);
  padding: 24px 0;
}
      .section-kuota-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
      .section-kuota img {
  width: 257px;
  height: 264px;
}
      .kuota-title {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.18px;
  margin: 0;
  padding-bottom: 1rem;
  max-width: 44rem;
}
      .kuota-desc {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  max-width: 44rem;
}
      .text-green {
  color: #148078;
}
      @media (max-width: 1024px) {
  img.desktop {
    display: none;
  }
  img.mobile {
    display: block;
  }
  .section-kuota {
    padding: 24px 0 32px;
  }
  .section-kuota-wrapper {
    padding: 1rem;
    background-size: 100%, cover;
    background-position-y: -45%, center;
  }
  .section-kuota-content {
    display: block;
  }
  .kuota-img {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .kuota-img img {
    max-width: 250px;
    width: auto;
    height: auto;
  }
  .kuota-title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
    padding: 1.25rem 0 1rem;
  }
  .kuota-desc {
    font-size: 14px;
    line-height: 22px;
  }
}
      .kitab {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/cdedd0b9-f37c-4dd8-b4a7-6b6ef0a9d33a.png), #1c2142;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
  padding: 60px 0;
  margin-top: 24px;
}
      .text-title {
  color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: -0.18px;
  margin: 0;
  padding: 0 0 24px;
}
      .kitab-content {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 24px;
  align-items: center;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.05);
  box-shadow:
    -1.866px 0px 1.866px 0px rgba(255, 255, 255, 0.2) inset,
    2.799px 2.799px 1.866px 0px rgba(255, 255, 255, 0.1) inset;
  backdrop-filter: blur(46.64564514160156px);
}
      .kitab-content img {
  max-width: 100%;
}
      .kitab-content ul {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
      .kitab-content li {
  align-items: flex-start;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ic-checklist.svg);
  background-repeat: repeat;
  background-size: auto;
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  word-break: break-word;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  color: #fff;
  font-family: Inter;
}
      .kitab-title {
  color: var(--LLL-Base-Theme-Text-Solid-Invert, #fff);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.12px;
  margin: 0;
}
      .kitab-subtitle {
  color: var(--prop-pallete-solid-solid-yellow, #fcc41b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
  padding: 4px 0 24px;
}
      .kitab-penawaran {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--size-radius-rad-md, 8px);
  background: var(--LLL-BaseDark-Theme-Background-Subtle-Highlight, #f8e1e2);
  padding: 8px 12px;
  gap: 12px;
}
      .text-gratis {
  color: var(--LLL-BaseDark-Theme-Background-Solid-Ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
}
      .cta-pesan {
  color: var(--color-text-text-invert, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border-radius: 8px;
  background: var(--LLL-Base-Theme-Base-Primary, #27a39a);
  border: none;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
      .kitab-pesan {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
      .text-pesan {
  color: var(--LLL-Base-Theme-Text-Solid-Ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}
      .kitab-buy {
  border-radius: var(--size-radius-rad-md, 8px);
  background: #fff;
  box-shadow: 0px 16px 20px 4px rgba(129, 134, 142, 0.16);
  padding: 12px;
  display: grid;
  gap: 12px;
}
      @media (max-width: 768px) {
  .kitab {
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/0a9512cc-8263-4554-9633-94523dd31b4b.png), #1c2142;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    padding: 32px 0 40px;
    margin-top: 0;
  }
  .text-title {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.12px;
  }
  .kitab-content {
    display: block;
    padding: 12px;
  }
  .kitab-title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
    padding-top: 24px;
  }
  .kitab-subtitle {
    font-size: 14px;
    line-height: 22px;
    padding: 2px 0 16px;
  }
  .kitab-content ul {
    display: block;
  }
  .kitab-penawaran,
  .kitab-pesan {
    gap: 4px;
  }
  .text-gratis {
    font-size: 12px;
    line-height: 18px;
  }
  .cta-pesan {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
  }
  .text-pesan {
    font-size: 12px;
    line-height: 18px;
  }
}
      /*Revamp Sekdin*/
      .header-navbar {
  background: #fff;
  height: 3rem !important;
  display: flex;
  align-items: center;
  transition:
    opacity 0.3s,
    visibility 0.3s,
    height 0.3s;
  visibility: visible;
  opacity: 1;
}
      .hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
}
      .header-navbar-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
      .header-navbar a {
  color: var(--color-text-text-ink, #2c313a);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  opacity: 0.8;
}
      .header-navbar a:active,
.header-navbar a:hover,
.header-navbar a:focus {
  color: #20a4b0;
  opacity: 1;
}
      .nav-hero {
  padding-top: 1rem;
}
      .nav-hero-desc {
  color: var(--prop-pallete-solid-solid-yellow, #fcc41b);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
      .nav-hero-list {
  display: flex;
  gap: 24px;
}
      .nav-hero-btn {
  border: none;
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  background: #fff;
  box-shadow:
    0px 0px 4px 0px rgba(41, 41, 41, 0.5) inset,
    0px 0px 16px 4px rgba(32, 164, 176, 0.5);
  text-align: left;
  width: 240px;
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
      .nav-hero-btn img {
  width: 100%;
  height: auto;
  max-width: 44px;
}
      /*PROGRAM*/
      .packages p,
.packages span,
.packages h2,
.packages h3 {
  margin: 0;
}
      .packages {
  position: relative;
  padding: 2.5rem 0;
  margin-top: -2rem;
}
      .packages.light {
  border-radius: 16px;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/fe75c8c4-2388-47f2-a666-70d0d7f31b13.png), var(--color-background-bgsubtle-bgsubtle-subtle, #f2f5fa);
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 40%, cover;
  background-position-y: bottom;
}
      .packages.dark {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/eca1ccca-6d46-4587-a13b-f6f7e0b7e677.png), var(--saturated-koamaru-100, #1c2142);
  padding: 4rem 0;
  background-repeat: no-repeat;
  background-size: 40%, cover;
  background-position-y: bottom;
  z-index: 1;
}
      .packages-content {
  display: grid;
  grid-template-columns: 30% 70%;
}
      .packages-title-box {
  max-width: 17rem;
}
      .packages-title {
  font-family: Inter;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -0.14px;
  padding: 1.25rem 0 0.75rem;
}
      .packages-desc {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
      .light .packages-title {
  color: var(--color-text-text-ink, #2c313a);
}
      .light .packages-desc {
  color: var(--color-text-text-neutral, #5e677b);
}
      .dark .packages-title {
  color: var(--color-text-text-invert, #fff);
}
      .dark .packages-desc {
  color: var(--color-text-text-invert, #fff);
}
      .logo-program {
  width: 128px;
  height: 128px;
}
      .package-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-end;
  gap: 24px;
  padding-top: 1rem;
}
      .package-card {
  box-shadow: 0px 8px 16px 0px rgba(129, 134, 142, 0.08);
  border-radius: 8px;
  border: 1px solid var(--color-border-border-subtle, #dadfea);
}
      .package-card-header {
  text-align: center;
  border-radius: 7px 7px 0 0;
  padding: 28px 0 16px;
  position: relative;
}
      .img-label {
  position: absolute;
  left: -0.52rem;
  top: -1rem;
}
      .package-card .package-card-header {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/58aef7c3-ebc8-4b0a-bbb7-656e9f1e9dec.png);
  background-repeat: no-repeat;
  background-size: cover;
}
      .package-elite .package-card-header {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/746db2df-ae51-48f9-91c7-852d898ad526.png);
  background-repeat: no-repeat;
  background-size: cover;
}
      .package-premium .package-card-header {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/e7c779f4-b2c5-44f1-bf0a-72a3e4219624.png);
  background-repeat: no-repeat;
  background-size: cover;
}
      .package-regular .package-card-header {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/8a0b11fd-7cfc-4a52-babd-55768860e0b7.png);
  background-repeat: no-repeat;
  background-size: cover;
}
      .package-subtitle {
  color: #1c2142;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
}
      .package-title {
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  background: linear-gradient(180deg, #1c2142 51.04%, rgba(33, 150, 243, 0) 200.37%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 4px 0 8px;
}
      .package-type {
  border-radius: 4px;
  width: fit-content;
  float: none;
  margin: 0 auto !important;
  padding: 6px 16px;
  color: var(--color-text-text-invert, #fff);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
}
      .package-elite .package-type {
  background: linear-gradient(135deg, #09acba 23.39%, #076a73 75.96%);
}
      .package-premium .package-type {
  background: linear-gradient(135deg, #e55f02 23.39%, #a54604 75.96%);
}
      .package-regular .package-type {
  background: linear-gradient(135deg, #31a735 23.39%, #257428 75.96%);
}
      .package-card-body {
  background: #fff;
  padding: 16px 12px 12px 12px;
  border-radius: 0 0 7px 7px;
}
      .list-benefit {
  position: relative;
  max-height: 15rem;
  overflow-y: hidden;
}
      .list-benefit:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(0deg, #ffffff 18.29%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 2rem;
}
      .list-benefit ul {
  list-style: none;
  margin: 0;
  overflow-y: auto;
  padding: 0 1rem 4rem 0;
  height: 15rem;
}
      .list-benefit ul li {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg);
  background-position-x: left;
  background-position-y: 2%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding-left: 24px;
  padding-bottom: 8px;
  word-break: break-word;
}
      .extra-label {
  border-radius: 4px;
  background: linear-gradient(135deg, #ea4952 0%, #9a0912 100%), var(--color-background-bgsolid-bgsolid-highlight, #e52a34);
  width: 100%;
  color: var(--color-text-text-invert, #fff);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  display: flex;
  height: 28px;
  padding: 4px var(--size-spacing-spacing-md, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--size-spacing-spacing-none, 0px);
  align-self: stretch;
  text-align: center;
  margin: 0 auto 12px !important;
}
      .package-price {
  padding: 12px 0;
  border-top: 1px dashed #dadfea;
}
      .price-start {
  color: var(--color-text-text-disable, #959dac);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
      .price-final {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
      .link-package {
  display: block;
  width: 100%;
}
      .btn-package {
  border: none;
  cursor: pointer;
  border-radius: 4px;
  background: var(--LLL-Base-Theme-Base-Primary, #27a39a);
  display: flex;
  height: 36px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: var(--color-text-text-invert, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  width: 100%;
}
      .package-title-duration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 0 0;
  gap: 1rem;
}
      .package-title-wrapper {
  border-radius: 0px 999px 999px 0px;
  background: linear-gradient(135deg, #2b429a 23.39%, #1c2142 75.96%);
  height: 44px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
      .package-title-offline {
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  color: #fff;
}
      .package-duration-offline {
  width: 40px;
  background: linear-gradient(180deg, #1c2142 51.04%, rgba(33, 150, 243, 0) 200.37%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
  margin-right: 12px !important;
}
      .package-duration-offline span {
  font-size: 28px;
  line-height: 100%;
}
      /*TABS PROGRAM ONLINE OFFLINE*/
      .navig-tabs {
  align-items: center;
  background: #fff;
  border-radius: 48px;
  box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
  display: grid;
  float: none;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  margin: 1rem auto 0;
  max-width: 70%;
  text-align: center;
}
      .tabs-content {
  display: none;
}
      .tabs-content.showing {
  display: block;
}
      .navig-tab {
  background: transparent;
  border: none;
  color: var(--color-text-text-ink, #2c313a);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 0.75rem 0;
}
      .navig-tab.chosen {
  background: #20a4b0;
  border-radius: 80px;
  box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
  color: #fff;
  margin: 0.5rem;
  width: 100%;
  width: auto;
  border: none;
}
      /*DROPDOWN DURATION*/
      .dropdown-duration {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: none;
  margin: auto;
  max-width: 22rem;
  padding: 1.5rem 0;
}
      .duration-offline {
  padding: 24px 0;
  text-align: center;
}
      .duration-title {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
      .light .duration-title {
  color: var(--color-text-text-ink, #2c313a);
}
      .dark .duration-title {
  color: var(--color-text-text-invert, #fff);
}
      .duration-box {
  border-radius: 12px;
  border: 1px solid var(--color-border-border-subtle, #dadfea);
  background: var(--color-background-bgsolid-bgsolid-invert, #fff);
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  cursor: pointer;
}
      .duration {
  overflow: hidden;
  color: var(--color-text-text-ink, #2c313a);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
      /*POP UP*/
      .popup-wrapper {
  position: relative;
}
      .popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
      .popup-content {
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  border-radius: 1rem 1rem 0 0;
  justify-content: center;
  left: 0;
  overflow-y: hidden;
  padding: 0;
  position: fixed;
}
      .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
      .close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
      .popup-title {
  overflow: hidden;
  color: var(--color-text-text-ink, #2c313a);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  padding: 1rem;
  margin: 0;
}
      .popup-topic {
  padding: 0 1rem 20px;
}
      .topic-header {
  padding: 1rem 0 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
      .popup-button {
  border-radius: 8px;
  border: 1px solid var(--color-border-border-subtle, #dadfea);
  background: var(--color-background-bgsolid-bgsolid-invert, #fff);
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  padding: 8px 12px;
}
      .popup-button:hover,
.popup-button:focus {
  border-radius: 8px;
  border: 1px solid var(--color-border-border-active, #3cb6c1);
  background: var(--prop-pallete-subtle-subtle-seagreen, #def3f5);
  color: var(--color-text-text-active, #13939e);
}
      @media (min-width: 769px) {
  .popup {
    justify-content: center;
    align-items: center;
  }
  .popup-content {
    top: 50%;
    transform: translateY(-50%);
    width: 360px;
    position: relative;
    border-radius: 1rem;
  }
  .popup-title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
  }
}
      @media (max-width: 768px) {
  .popup-content {
    bottom: 0;
    width: 100%;
  }
}
      .dapatkan-diskon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px 0 16px;
  gap: 0.5rem;
}
      .text-diskon {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
      .dark .text-diskon {
  color: #fff;
}
      /*SECTION COURSES*/
      .courses p,
.courses h2,
.courses span {
  margin: 0;
}
      .courses-wrapper {
  border-radius: 12px;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/44968389-6b59-4055-b0b6-2294ba9aebfa.svg), linear-gradient(145deg, #f38d62 19.18%, #f5b25f 72.09%);
  box-shadow: 0px 2px 9px 0px rgba(29, 127, 85, 0.21);
  background-repeat: no-repeat;
  background-size: 40%, cover;
  padding: 24px;
}
      .courses-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
      .courses-title {
  color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: -0.14px;
}
      .link-courses {
  color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
      .courses-list {
  padding: 24px 0;
}
      .course-link {
  display: block;
}
      .course-card-header {
  position: relative;
}
      .course-ribbon {
  position: absolute;
  top: -1rem;
  left: -0.5rem;
}
      .course-thumbnail {
  border-radius: 4px 4px 0px 0px;
  background: #fff;
  width: 100%;
  object-fit: cover;
  height: 10rem;
}
      .course-card-body {
  border-radius: 0 0 4px 4px;
  background: #fff;
  padding: 8px;
}
      .course-title {
  overflow: hidden;
  color: var(--LLL-BaseDark-Theme-Text-Ink, #2c313a);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  max-height: 2.5rem;
}
      .course-instructor {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0 8px;
}
      .course-instructor img {
  display: flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 50%;
}
      .instructor-name {
  color: var(--LLL-BaseDark-Theme-Text-Ink, #2c313a);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
      .instructor-job {
  color: var(--LLL-BaseLight-Theme-Text-Solid-Disabled, #959dac);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 12rem;
}
      .course-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 1rem;
}
      .rating {
  color: #2c313a;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
      .course-price {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
}
      .course-price-final {
  color: var(--LLL-BaseLight-Theme-Text-Solid-Highlight, #cd1924);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}
      .course-price-discount {
  color: var(--K12-Base-Theme-Text-Solid-Highlight, #cd1924);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  height: 20px;
  padding: 0px 4px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--K12-Base-Theme-Background-Subtle-Highlight, #f8e1e2);
}
      .course-price-base {
  color: var(--LLL-BaseLight-Theme-Text-Solid-Disabled, #959dac);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-decoration: line-through;
}
      .course-tag {
  color: var(--K12-Base-Theme-Component-Solid-Cloudy, #79808f);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  border-radius: 9999px;
  display: flex;
  height: 20px;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
      .course-tag span {
  background: var(--K12-Base-Theme-Component-Subtle-Cloudy, #f2f5fa);
  border-radius: 9999px;
  display: flex;
  height: 20px;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
      @media (max-width: 1024px) {
  .nav-hero-btn {
    font-size: 12px;
    line-height: 16px;
  }
  .nav-hero-btn img {
    max-width: 20px;
  }
  .nav-hero-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .nav-hero-btn {
    width: 100%;
    padding: 12px 0 12px 12px;
    gap: 12px;
  }
  .nav-hero-btn br {
    display: block;
  }
  .package-list {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
  .package-list[data-show='offline'] {
    row-gap: 1.5rem;
  }
  .packages-content {
    display: block;
  }
  .wrapper-65abfd29 {
    width: 100%;
    padding: 0;
    gap: 1rem;
  }
  .image-logo-e373913a {
    height: 2rem;
    justify-content: center;
    align-items: center;
    align-self: center;
  }
  p.text-4c5ab063 {
    color: var(--color-text-text-subtle, #e8ecf4);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    float: none;
    margin: 0 auto !important;
    max-width: 15rem;
    text-align: center;
  }
  .text-5eff08a9 {
    color: var(--color-text-text-invert, #fff);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.12px;
  }
  .nav-hero {
    padding-top: 0;
  }
  .nav-hero-desc {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
  }
  .packages-title-box {
    text-align: center;
    max-width: 100%;
  }
  .packages-title-top {
    display: grid;
    align-items: center;
    gap: 12px;
    justify-content: center;
    grid-template-columns: auto 1fr;
    float: none;
    margin: auto;
    max-width: 16rem;
  }
  .packages-title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
    text-align: left;
  }
  .logo-program {
    width: 60px;
    height: 60px;
  }
  .navig-tabs {
    max-width: 100%;
  }
  .duration-title {
    font-size: 14px;
    line-height: 22px;
  }
  .package-subtitle {
    font-size: 10px;
    line-height: 12px;
    float: none;
    margin: 0 auto !important;
    max-width: 7.5rem;
  }
  .package-title {
    font-size: 14px;
    line-height: 16px;
  }
  .package-type {
    font-size: 12px;
    line-height: 12px;
  }
  .list-benefit ul li {
    font-size: 12px;
    line-height: 18px;
    background-size: 16px 16px;
  }
  .package-card-header {
    padding: 20px 0 18px;
  }
  .btn-package {
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
  }
  .package-card-body {
    padding: 12px 8px 8px 8px;
  }
  .dapatkan-diskon {
    float: none;
    margin: auto;
    max-width: 17rem;
  }
  .dapatkan-diskon svg {
    height: 48px;
    width: 48px;
  }
  .text-diskon {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
  }
  .img-label {
    height: 2rem;
    width: auto;
  }
  .navig-tab {
    font-size: 14px;
    line-height: 22px;
  }
  .packages-desc {
    font-size: 14px;
    line-height: 22px;
  }
  .packages {
    background-size: 0, cover !important;
  }
  .packages.light {
    padding: 1rem 0 !important;
  }
  .packages.dark {
    padding: 2rem 0 !important;
  }
  .extra-label {
    font-size: 10px;
    padding: 4px;
  }
}
      .slick-disabled {
  opacity: 0.2 !important;
}
      .slick-arrow:before {
  content: none !important;
}
      .slick-arrow {
  background-size: 100% 100% !important;
  border-radius: 50% !important;
  box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
  cursor: pointer !important;
  height: 2rem !important;
  top: 103% !important;
  width: 2rem !important;
  z-index: 1 !important;
}
      .slick-prev {
  background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c99d671c-12a9-44ea-ae09-e8a4b233ac2d.svg) !important;
  left: 92% !important;
}
      .slick-next {
  background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c2f137c4-6388-43d0-b6c1-920585b36f3b.svg) !important;
  right: 0 !important;
}
      .slick-dots {
  bottom: -5% !important;
  left: 0 !important;
  width: fit-content !important;
}
      .slick-dots li button:before {
  color: #fff !important;
  font-size: 12px !important;
  opacity: 0.5 !important;
}
      .slick-dots li.slick-active button:before {
  color: #fff !important;
  font-size: 16px !important;
  opacity: 1 !important;
}
      .slick-slide {
  height: auto !important;
  margin: 0 0.5rem;
}
      .slick-list {
  margin: 0 -0.5rem;
  padding: 1rem 0 !important;
}
      @media (max-width: 768px) {
  .courses {
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/44968389-6b59-4055-b0b6-2294ba9aebfa.svg), linear-gradient(145deg, #f38d62 19.18%, #f5b25f 72.09%);
    background-repeat: no-repeat;
    background-size: 40%, cover;
    padding: 1rem 0;
  }
  .courses-wrapper {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .courses-header {
    gap: 12px;
  }
  .courses-header > img {
    width: 48px;
    height: 48px;
  }
  .courses-title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.09px;
    padding-bottom: 4px;
  }
  .link-courses {
    font-size: 12px;
    line-height: 18px;
  }
  .courses-list {
    padding: 0.5rem 0 1rem;
  }
  .slick-list {
    padding: 1rem 20% 1rem 0 !important;
  }
  .slick-prev {
    left: 75% !important;
  }
  .wrapper--kedinasan-cards .slick-prev {
    left: 70% !important;
  }
  .wrapper--kedinasan-cards .slick-arrow {
    top: 105% !important;
  }
  .wrapper--kedinasan-cards .slick-dots {
    bottom: -7% !important;
  }
  .wrapper--kedinasan-cards {
    padding-bottom: 0.5rem;
  }
  .header-navbar-content {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    gap: 0.5rem;
  }
  .header-navbar a {
    font-size: 14px;
    line-height: 22px;
    padding: 0 8px;
  }
}
      .package-list.empty {
  grid-template-columns: 1fr;
  text-align: center;
}
      .empty-package {
  padding: 1rem 0;
}
      /* FAQ */
      .faq {
  padding: 2rem 0;
  background: var(--color-background-bgsubtle-bgsubtle-subtle, #f2f5fa);
  background-repeat: no-repeat;
  background-size: cover;
}
      .accordion h3 {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.09px;
  max-width: 90%;
}
      .accordion {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 20px 4px rgba(113, 130, 164, 0.08);
  cursor: pointer;
  padding: 1rem 18px;
}
      .accordion h3 {
  margin: 0;
}
      .accordion.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
      .accordion:after {
  color: #1e496b;
  margin-top: -1.125rem;
}
      #readtext:after,
.accordion:after {
  border: solid !important;
  border-width: 0 2.2px 2.2px 0 !important;
  content: '';
  float: right;
  font-weight: 700;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  vertical-align: 0.2em !important;
}
      .panel {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 16px;
  margin-top: -5px;
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;
  transition: max-height 0.2s ease-out;
  border-top: none;
}
      .panel.expand {
  padding: 0 18px 18px;
  border-top: 1px dashed var(--color-border-border-subtle, #dadfea);
}
      .accordion p {
  margin: 0 !important;
}
      .panel,
.panel p,
.panel > * {
  color: var(--color-text-text-neutral, #5e677b);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
      .panel p {
  margin: 0;
  padding-top: 12px;
}
      .panel ul,
.panel ol {
  margin: 0;
  padding: 12px 20px;
}
      .faq__content {
  width: 100%;
}
      .faq__title .font-subtitle {
  color: #333842;
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  margin: 0;
  padding-bottom: 2rem;
  text-align: center;
}
      .rotate10 {
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
      .extra-wrapper {
  display: none;
}
      .terbuka {
  display: block !important;
}
      .faq-wrap {
  float: none;
  margin: auto;
  padding: 2rem 0;
  max-width: 90%;
}
      .text-subtitle {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: -0.14px;
}
      @media (max-width: 768px) {
  .text-subtitle {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.1px;
  }
  .accordion h3 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
  }
  .panel,
  .panel p,
  .panel > * {
    font-size: 14px;
    line-height: 22px;
  }
  .faq-wrap {
    padding: 1rem 0;
    max-width: 100%;
  }
}
      .package-elite .package-card-header {
        background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/746db2df-ae51-48f9-91c7-852d898ad526.png);
        background-repeat: no-repeat;
        background-size: cover;
      }
      .package-premium .package-card-header {
        background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/e7c779f4-b2c5-44f1-bf0a-72a3e4219624.png);
        background-repeat: no-repeat;
        background-size: cover;
      }
      .package-regular .package-card-header {
        background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/8a0b11fd-7cfc-4a52-babd-55768860e0b7.png);
        background-repeat: no-repeat;
        background-size: cover;
      }
      .package-elite .package-type {
        background: linear-gradient(135deg, #09acba 23.39%, #076a73 75.96%);
        outline: none;
      }
      .package-premium .package-type {
        background: linear-gradient(135deg, #e55f02 23.39%, #a54604 75.96%);
      }
      .package-regular .package-type {
        background: linear-gradient(135deg, #31a735 23.39%, #257428 75.96%);
      }
    </style>
    <script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/kedinasan/assets/index-CQbKm8aQ.js"></script>
  </head>
  <body style="margin: 0px">
    <style>/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding: 0 !important;
}
*,
:after,
:before {
  box-sizing: border-box;
}
header,
nav {
  display: block;
}
p {
  margin-top: 0;
}
a {
  background-color: transparent;
  color: #007bff;
  text-decoration: none;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
img {
  border-style: none;
}
img,
svg {
  vertical-align: middle;
}
svg {
  overflow: hidden;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
[type='button'],
button {
  -webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar {
  padding: 0.5rem 1rem;
  position: relative;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@media print {
  *,
  :after,
  :before {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  img {
    page-break-inside: avoid;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  @page {
    size: a3;
  }

  .navbar {
    display: none;
  }
}
.cta {
  border-radius: 9999px;
  background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
  width: 100%;
  border: none;
  color: var(--k-12-base-light-theme-text-solid-invert, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet,
.cta.roc {
  color: #000;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .navbar {
    padding: 0 !important;
  }
}
.navig-link a {
  background-color: transparent;
  color: #474747;
  text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.roc a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
  color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
  background: 0 !important;
  color: #3cc4e5 !important;
  cursor: pointer;
  text-decoration: none !important;
}
.ruangguru-header {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  padding: 0 !important;
}
.ruangguru-header.dark {
  background: #000;
}
.ruangguru-header.dark-green {
  background: #022527;
}
.ruangguru-header.roc {
  background-color: #1d1110;
}
.ruangguru-header.blue-indigo {
  background: #444fb7;
}
.ruangguru-header.home {
  background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
  color: #474747 !important;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link,
.ruangguru-header.roc .navig-link {
  color: #fff !important;
}
.navigation__left {
  display: flex;
}
.logo-header {
  padding: 5px 0;
}
.navig-link:hover {
  background: 0 !important;
  color: #3cc4e5 !important;
  cursor: pointer;
}
.navig-link-dropdown {
  white-space: nowrap;
}
.navig-link-dropdown:after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: '';
  display: inline-block;
  margin-left: 0.255em;
  transition: 0.7s;
  vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
  transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
  transform: scaleY(1);
}
.logo-product {
  margin: 0 0 5px !important;
}
.logo-product img {
  min-height: 3rem;
  object-fit: scale-down;
  object-position: left;
  width: 100%;
}
#lp_ea {
  display: flex;
}
.item-services a,
.item-center a,
.text-product {
  font-family: Inter;
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }

  50% {
    transform: rotateX(20deg);
  }

  to {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@media (min-width: 1025px) {
  .spacer-rg {
    height: 4.5rem;
  }

  .container-ruangguru-header {
    align-items: center;
    padding: 18px 10px;
    position: relative;
  }

  .ruangguru-header.home .page-center {
    width: 90% !important;
  }

  .logo-header {
    margin-right: 16px;
  }

  .navigation__right {
    position: absolute;
    right: 0;
  }

  #produk_item {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    color: #212529;
    display: none;
    float: left;
    font-size: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    list-style: none;
    padding: 0.5rem 10px;
    position: absolute;
    text-align: left;
    top: 70%;
    width: 1050px;
    z-index: 1000;
    left: 7%;
  }

  .item-product,
  .item-services,
  .item-center {
    padding: 12px;
  }

  .item-services a,
  .item-center a,
  .text-product {
    color: #0a2540 !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: inherit;
    text-decoration: none;
    white-space: normal !important;
    width: auto !important;
  }

  .item-product:hover,
  .item-services:hover,
  .item-center:hover {
    background-color: #eaf8f9 !important;
    cursor: pointer;
  }

  #services_item,
  #center_item {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    color: #212529;
    display: none;
    flex-flow: column;
    float: left;
    font-size: 1rem;
    list-style: none;
    margin: 0;
    min-width: 10rem;
    padding: 0.5rem 0;
    position: absolute;
    text-align: left;
    top: 70%;
    z-index: 1000;
  }

  #services_item {
    left: 44rem;
  }
  #center_item {
    left: 14rem;
  }

  .container-ruangguru-header {
    display: flex;
    flex-direction: row;
  }

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: 100%;
    flex-grow: 1;
    max-height: 500px;
    overflow-y: scroll;
    padding-bottom: 20px;
    text-align: center;
  }
}
@media (min-width: 1078px) {
  .hamburger-icon {
    display: none;
  }

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: auto;
    flex-grow: 0;
    max-height: unset;
    overflow-y: auto;
    padding-bottom: 0;
    text-align: center;
  }

  .navigation__content .navig-link {
    margin: 0 14px;
    padding: 8px 8px 8px 0;
  }

  .navigation__content {
    display: grid;
    grid-auto-flow: column;
  }
}
@media (min-width: 321px) and (max-width: 767px) {
  .spacer-rg {
    height: 4rem;
  }

  .container-ruangguru-header {
    align-items: center;
    padding: 10px;
    position: relative;
  }

  .navigation__content {
    padding-bottom: 20px;
  }

  .item-services a,
  .item-center a,
  .text-product {
    color: #0a2540 !important;
    font-size: 14px;
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    white-space: normal !important;
    width: auto !important;
  }

  .hamburger-icon {
    align-self: center;
    transform: scale(0.8);
  }

  .navig-dropdown-area {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    color: #212529;
    display: none;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: 10px;
    min-width: 10rem;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }

  #produk,
  #program,
  #services {
    padding: 20px 0 0;
  }

  #produk_item,
  #services_item,
  #center_item {
    padding: 1rem 20px;
  }

  .text-product {
    margin-bottom: 0;
  }

  .navigation__right {
    position: absolute;
    right: 0;
    top: 12px;
  }

  .navig-link {
    padding: 28px 0 0;
    text-align: center;
  }

  .item-product {
    margin-bottom: 12px;
    padding: 0.25rem 0.5rem 0.5rem;
  }

  .item-services,
  .item-center {
    margin-bottom: 0.35rem;
    padding: 0.5rem 0;
  }

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: 100%;
    flex-grow: 1;
    max-height: 500px;
    overflow-y: scroll;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container-ruangguru-header {
    align-items: center;
    padding: 10px;
    position: relative;
  }

  .hamburger-icon {
    align-self: center;
    transform: scale(0.8);
  }

  .logo-header {
    margin-left: 20px;
  }

  .item-services a,
  .item-center a,
  .text-product {
    color: #0a2540 !important;
    font-size: 16px;
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    white-space: normal !important;
    width: auto !important;
  }

  .navig-dropdown-area {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    color: #212529;
    display: none;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: 0 10px;
    min-width: 10rem;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }

  #produk_item,
  #services_item,
  #center_item {
    padding: 1rem 20px;
  }

  .text-product {
    margin-bottom: 0;
  }

  .navigation__right {
    position: absolute;
    right: 0;
    top: 12px;
  }

  .navig-link {
    padding: 28px 0 0;
    text-align: center;
  }

  .item-product {
    margin-bottom: 18px;
    padding: 0.25rem 1.5rem;
  }

  .item-services,
  .item-center {
    margin-bottom: 18px;
    padding: 2px 0;
  }

  .navigation__content {
    display: none;
  }
}
@media (max-width: 320px) {
  .spacer-rg {
    height: 3rem;
  }

  .container-ruangguru-header {
    align-items: center;
    position: relative;
  }

  .navigation__content {
    padding-bottom: 20px;
  }

  .item-services a,
  .item-center a,
  .text-product {
    color: #0a2540 !important;
    font-size: 14px;
    font-weight: 400;
    text-align: inherit;
    text-decoration: none;
    white-space: normal !important;
    width: auto !important;
  }

  .hamburger-icon {
    align-self: center;
    transform: scale(0.8);
  }

  .logo-header {
    margin-left: 10px;
    transform: scale(0.8);
  }

  .navig-dropdown-area {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    color: #212529;
    display: none;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: 10px;
    min-width: 10rem;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }

  #produk,
  #program,
  #services {
    padding: 20px 0 0;
  }

  #produk_item {
    padding: 1rem 20px;
  }

  #services_item,
  #center_item {
    padding: 10px 20px;
  }

  .text-product {
    margin-bottom: 0;
  }

  .navigation__right {
    position: absolute;
    right: 0;
    top: 5px;
    transform: scale(0.8);
  }

  .navig-link {
    padding: 28px 0 0;
    text-align: center;
  }

  .item-product {
    margin-bottom: 18px;
    padding: 0.25rem 1.5rem;
  }

  .item-services,
  .item-center {
    margin-bottom: 18px;
    padding: 2px 0;
  }

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: 100%;
    flex-grow: 1;
    max-height: 500px;
    overflow-y: scroll;
    text-align: center;
  }
}
.wrapper-profile-login {
  position: relative;
}
.container-login_details {
  position: relative;
}
.container-user_profile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--size-radius-rad-full, 9999px);
  border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
  background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
}
.profile-picture {
  border-radius: 100%;
}
.display-none {
  display: none !important;
}
.display-1 {
  font-size: 6rem;
}
.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
}
.display-3 {
  font-size: 4.5rem;
}
.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
.text-secondary {
  color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
  width: 100%;
}
.hero-cta-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.1rem 0 0.35rem;
  position: relative;
}
.hero-timer-cta p {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-right: 0.5rem;
  margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.text-countdown-hero {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
  color: #fff;
  letter-spacing: 0.01em;
  margin: 0;
}
.text-countdown-hero div {
  grid-gap: 0.25rem;
  align-items: center;
  display: grid;
  grid-template-columns: auto auto;
}
.text-countdown-hero span {
  color: #fff;
  background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
  border-radius: 8px;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
  position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
  position: absolute !important;
  bottom: 6% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: transparent !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-size: 14px !important;
  z-index: 10 !important;
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
}
.hero-timer-cta .countdown-hero {
  margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
  display: flex !important;
  align-items: center !important;
  color: white !important;
}
.hero-cta {
  background: #fff;
  border: 8px solid #7ac9d0;
  border-radius: 96px;
  color: #2c313a;
  display: inline-block;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  padding: 0.5rem 1.75rem;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 767px) {
  .hero-cta {
    border: 8px solid #7ac9d0;
    font-size: 12px;
    line-height: 18px;
    padding: 0.5rem 1.75rem;
  }
  .hero-timer-cta p {
    font-size: 12px;
    line-height: 18px;
  }
  .text-countdown-hero div,
  .text-countdown-hero span {
    font-size: 10px;
    line-height: 12px;
  }
  .text-countdown-hero span {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
  }
  .hero-timer-cta {
    width: 100% !important;
    bottom: 4% !important;
    justify-content: flex-start !important;
  }
}
    </style>
    <style>
      .header-guest-mark-layout {
        position: absolute;
        width: 100%;
        display: none;
        justify-content: flex-end;
      }
    
      .header-guest-mark-triangle {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 30px solid #f1bb53;
        margin-right: 2.25rem;
        margin-bottom: -0.5rem;
      }
    
      .header-guest-mark-container {
        display: flex;
        background-color: #f1bb53;
        width: fit-content;
        border-radius: 12px;
        padding: 0.5rem 0.75rem;
        gap: 1rem;
        justify-items: center;
      }
    
      .header-guest-mark-container p {
        font-family: Space Grotesk;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding: 0;
      }
    
      @media (min-width: 1300px) {
        .header-guest-mark-layout {
          margin-top: 7rem;
        }
      }
    
      @media (max-width: 1299px) {
        .header-guest-mark-layout {
          margin-top: 0;
        }
      }
    
      @media (max-width: 767px) {
        .header-guest-mark-triangle {
          margin-right: 2.5rem;
        }
      }
    </style>
    
    
    <nav class="ruangguru-header sa ">
     
      <div class="page-center">
        <div class="container-ruangguru-header">
          <div class="navigation__left">
            <div class="hamburger-icon">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eed92e13-500e-4cc5-b049-77c60bb3e857.svg"
                alt="Dropdown Navigation Icon" loading="lazy" />
            </div>
            <a data-tracking-event-type="landing_page__core__item_click"
              data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
              href="https://www.ruangguru.com/">
              <div class="logo-header">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3a49e762-3e03-410f-96bf-25d133e49eb1.svg"
                  alt="Logo ruangguru dark" loading="lazy" />
              </div>
            </a>
          </div>
          <div class="navigation__content">
                    <div class="navig-link navig-link-dropdown sa" id="produk" aria-expanded="false">
              <a href="#">Produk</a>
            </div>
            <div class="navig-dropdown-area closed" id="produk_item">
              <!-- ruangbelajar -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar","item_type": "link","item_name": "ruangbelajar","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/ruangbelajar">
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg"
                      alt="Logo ruangbelajar" loading="lazy" />
                  </div>
                  <p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
                </div>
              </a>
              <!-- BA -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id","item_type": "link","item_name": "brainacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.brainacademy.id">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
                      alt="Logo Brain Academy" loading="lazy" />
                  </div>
                  <p class="text-product">Bimbel Tatap Muka & Live Interaktif bersama STAR Master Teacher</p>
                </div>
              </a>
              <!--  mathchamps  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.ruangguru.com/mathchamps">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
                      alt="Logo math champs" loading="lazy" width="104" height="40" />
                  </div>
                  <p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
                </div>
              </a>
              <!--  mathchamps sempoa  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/sempoa","item_type": "link","item_name": "mathchamps_sempoa","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.ruangguru.com/mathchamps/sempoa">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9aa7023e-2d40-4e19-9236-4907f5042a3e.png?convert=webp&h=70"
                      alt="Logo math champs" loading="lazy" width="104" height="40" />
                  </div>
                  <p class="text-product">Kursus hitung cepat aritmatika dengan sempoa untuk anak 4-12 tahun</p>
                </div>
              </a>
              <!--  memory champs  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.id/","item_type": "link","item_name": "memorychamps","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.memoryacademy.id/">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac89298a-3fc9-4f35-862c-b027006929e0.png?convert=webp&h=70"
                      alt="Logo math champs" loading="lazy" width="104" height="40" />
                  </div>
                  <p class="text-product">Kursus latihan daya ingat, fokus, dan konsentrasi untuk mendukung prestasi
                    akademik</p>
                </div>
              </a>
              <!-- EA  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/","item_type": "link","item_name": "english-academy","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.english-academy.id/">
                <div class="item-product">
                  <div class="logo-product" id="lp_ea">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/English%20Academy/logo-ea-riddle.svg?convert=webp"
                      alt="Logo English Academy" loading="lazy" />
                  </div>
                  <p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar
                    internasional</p>
                </div>
              </a>
              <!-- ruanguji  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruanguji","item_type": "link","item_name": "ruanguji","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/ruanguji">
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg"
                      alt="Logo ruanguji" loading="lazy" />
                  </div>
                  <p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
                </div>
              </a>
              <!--  schoters -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.schoters.com">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
                      alt="Logo Schoters" loading="lazy" height="40" />
                  </div>
                  <p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa
                    terlengkap!</p>
                </div>
              </a>
              <!-- rgprivat  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/privat","item_type": "link","item_name": "ruangles","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/privat">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&amp;width=112&amp;name=logo-ruangguru-privat.png"
                      alt="Logo ruangles" width="112" loading="lazy" srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w" sizes="(max-width: 112px) 100vw, 112px" />
                  </div>
                  <p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
                </div>
              </a>
              <!--  kalananti  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 9,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.kalananti.id/">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png"
                      alt="Logo kalananti" loading="lazy" height="40" />
                  </div>
                  <p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan
                    kreativitas</p>
                </div>
              </a>
              <!--  ags  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaglobalschool.com/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.altaglobalschool.com/">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d56be6bf-3717-4da1-9763-438f02340246.png?convert=webp&h=120"
                      alt="Logo Schoters" loading="lazy" height="30" />
                  </div>
                  <p class="text-product">Sekolah blended learning untuk PAUD-SMA, siapkan siswa kuliah di universitas
                    terbaik, dalam & luar negeri</p>
                </div>
              </a>
              <!-- SA  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://skillacademy.com/","item_type": "link","item_name": "skillacademy","item_category": "cta","item_position": 11,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://skillacademy.com/">
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg"
                      alt="Logo Skill Academy" loading="lazy" />
                  </div>
                  <p class="text-product">Kursus online untuk meningkatkan technical &amp; soft skill kamu</p>
                </div>
              </a>
              <!-- rg for kids  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/for-kids","item_type": "link","item_name": "ruangguru for kids","item_category": "cta","item_position": 12,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/for-kids">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo_rgfk.svg?convert=webp"
                      alt="Logo For Kids" width="100" loading="lazy" />
                  </div>
                  <p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan
                    sains</p>
                </div>
              </a>
              <!-- dafalulu -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/dafa-lulu","item_type": "link","item_name": "dafalulu","item_category": "cta","item_position": 13,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/dafa-lulu">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/logo-dafa-lulu.png?convert=webp&amp;height=44&amp;name=logo-dafa-lulu.png"
                      height="44" alt="Logo dafa lulu" loading="lazy" />
                  </div>
                  <p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
                </div>
              </a>
              <!-- roboguru -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://roboguru.ruangguru.com/","item_type": "link","item_name": "roboguru","item_category": "cta","item_position": 14,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://roboguru.ruangguru.com/">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp"
                      alt="Logo roboguru" width="125" loading="lazy" />
                  </div>
                  <p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
                </div>
              </a>
              <!-- roboguru plus -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/roboguruplus","item_type": "link","item_name": "roboguruplus","item_category": "cta","item_position": 16,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/roboguruplus">
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp"
                      width="155" alt="Logo roboguru plus" loading="lazy" />
                  </div>
                  <p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik
                  </p>
                </div>
              </a>
              <!-- ruangkerja  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangkerja.id/","item_type": "link","item_name": "ruangkerja","item_category": "cta","item_position": 17,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank" href="https://www.ruangkerja.id/">
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg"
                      alt="Logo ruangkerja" loading="lazy" />
                  </div>
                  <p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan &amp; Lembaga</p>
                </div>
              </a>
              <!-- ruangkelas  -->
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangkelas","item_type": "link","item_name": "ruangkelas","item_category": "cta","item_position": 18,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/ruangkelas">
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg"
                      alt="Logo ruangkelas" loading="lazy" />
                  </div>
                  <p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
                </div>
              </a>
            </div>
    
            <div class="navig-link navig-link-dropdown sa" id="center" aria-expanded="false">
              <a href="#">Offline Centers</a>
            </div>
            <div class="navig-dropdown-area closed" id="center_item" aria-expanded="false">
              <div class="item-center">
                <a data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/branch","item_type": "link","item_name": "mathchamps branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/mathchamps/branch">
                  Mathchamps
                </a>
              </div>
              <div class="item-center">
                <a data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id/branch","item_type": "link","item_name": "brain academy branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.brainacademy.id/branch/">
                  Brain Academy
                </a>
              </div>
              <div class="item-center">
                <a data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/center","item_type": "link","item_name": "EA center","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.english-academy.id/center/">
                  English Academy
                </a>
              </div>
            </div>
    
            <div class="navig-link sa" id="program">
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/program","item_type": "link","item_name": "Program","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/program">
                Program
              </a>
            </div>
            <div class="navig-link sa">
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/promo","item_type": "link","item_name": "Promo","item_category": "promotion","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/promo">
                Promo
              </a>
            </div>
            <div class="navig-link sa">
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/event","item_type": "link","item_name": "Event","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/event">
                Event
              </a>
            </div>
            <!-- <div class="navig-link sa">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/beasiswa","item_type": "link","item_name": "Beasiswa","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/beasiswa"
              >
                Beasiswa
              </a>
            </div> -->
            <div class="navig-link sa">
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/testimoni","item_type": "link","item_name": "Testimoni","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/testimoni">
                Testimoni
              </a>
            </div>
            <!-- <div class="navig-link navig-link-dropdown sa" id="services" aria-expanded="false">
              <a href="#">Layanan</a>
            </div>
            <div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
              <div class="item-services">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar/perpanjang-paket","item_type": "link","item_name": "Cara Perpanjang Paket","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket"
                >
                  Cara Perpanjang Paket
                </a>
              </div>
              <div class="item-services">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cara-bayar","item_type": "link","item_name": "Cara Bayar","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/cara-bayar"
                >
                  Cara Bayar
                </a>
              </div>
              <div class="item-services">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cicilan","item_type": "link","item_name": "Cicilan","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/cicilan"
                >
                  Cicilan
                </a>
              </div>
            </div> -->
            <div class="navig-link sa">
              <a data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/blog","item_type": "link","item_name": "Ruangbaca","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/blog/">
                Ruangbaca
              </a>
            </div>
                  </div>
          <div class="navigation__right">
            <div class="button-langganan-cta" id="btn-header">
      
              <a href="https://cta.ruangguru.com/kedinasan-langganan-sekarang-rg" target="_blank"
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name":"","cta_action":"redirection","cta_action_detail":"https://cta.ruangguru.com/kedinasan-langganan-sekarang-rg","item_type":"button","item_name":"","item_category":"leads_gathering","item_position":0,"item_serial":null,"section_type":"navbar","section_position":"header","section_name":"header_navbar"}'>
                <button class="cta sa"></button>
              </a>
                 
            </div>
          </div>
        </div>
      </div>
    </nav>
    <div class="section-hero-31f780a8" id="hero">
      <div class="page-center">
        <div class="container-section-hero-11dd6bb1">
          <div class="grid-hero">
            <div class="wrapper-65abfd29">
              <div class="wrapper-logo-group">
                <img class="image-logo-e373913a" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/8eccf1ae-cb77-4a2e-9b56-28cfa7a5f934.png?convert=web" alt="ImageLogo" loading="lazy" />
              </div>
              <div class="headline-kedinasan-9a142ce1">
                <p class="text-4c5ab063">BIMBEL PERSIAPAN SELEKSI SEKOLAH KEDINASAN</p>
                <h1 class="text-5eff08a9">Sukses Hadapi Seleksi Sekolah Kedinasan dengan Metode Blended Learning!</h1>
              </div>
              <div class="nav-hero">
                <p class="nav-hero-desc">Pilih bimbel sesuai kebutuhan kamu untuk peluang lolos 2x lebih besar!</p>
                <div class="nav-hero-list">
                  <a href="#kedinasan">
                    <button class="nav-hero-btn">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cde78659-5007-4248-8147-486e8d3c1c42.png?convert=webp" loading="lazy" class="ic-nav" />
                      <span>
                        Bimbel
                        <br />
                        Kedinasan
                      </span>
                    </button>
                  </a>
                  <a href="#snbt-kedinasan">
                    <button class="nav-hero-btn">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a94254a1-0a74-4614-99a9-adc0a32d0afc.png?convert=webp" loading="lazy" class="ic-nav" />
                      <span>
                        Bimbel
                        <br />
                        SNBT + Kedinasan
                      </span>
                    </button>
                  </a>
                  <a href="#sma-kedinasan">
                    <button class="nav-hero-btn">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/32b4ae16-25bc-487e-be40-deff25784a0b.png?convert=webp" loading="lazy" class="ic-nav" />
                      <span>
                        Bimbel
                        <br />
                        SMA+ Kedinasan
                      </span>
                    </button>
                  </a>
                  <a href="#tni-polri">
                    <button class="nav-hero-btn">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/088faddd-521c-4801-a083-b091902ca480.png?convert=webp" loading="lazy" class="ic-nav" />
                      <span>
                        Bimbel
                        <br />
                        TNI/POLRI
                      </span>
                    </button>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="wrapper-usp-265d7dd2" id="target-sticky-navbar">
            <div class="content-usp-5ca176f4">
              <div class="content-usp-edd0dbfa">
                <img class="icon-graph-d419e6aa" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f01a1451-57ab-4a49-b9a9-261047bb2d6f.svg" alt="IconGraph" loading="lazy" />
                <p class="text-5053fc0f">10 Juta</p>
              </div>
              <p class="text-ffc65e1a">Pengguna Skill Academy</p>
            </div>
            <div class="border-separator"></div>
            <div class="content-usp-fa56eb3f">
              <div class="content-usp-6a897c8f">
                <img class="icon-people-03d4d393" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/114b96bf-80ed-418e-aed9-ce3a8f7d1d6c.svg" alt="IconPeople" loading="lazy" />
                <p class="text-0d52de24">15 Ribu</p>
              </div>
              <p class="text-23747767">
                Peserta Bimbel Instansi
                <br />
                Gelombang Terakhir
              </p>
            </div>
            <div class="border-separator"></div>
            <div class="content-usp-0dc8024b">
              <div class="content-usp-f0f3a367">
                <img class="icon-school-92cbba92" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ad73a95a-d718-4e90-8119-5afd9eb91ffc.svg" alt="IconSchool" loading="lazy" />
                <p class="text-cb4b1e30">2x Lipat</p>
              </div>
              <p class="text-bb1faa5f">
                Peningkatan Peluang
                <br />
                Lolos Tes Seleksi CASN
              </p>
            </div>
            <div class="border-separator"></div>
            <div class="content-usp-c175a1d0">
              <div class="content-usp-a2ac1e13">
                <img class="icon-star-73b43c55" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ed402d44-24b9-4178-b06e-da955a186c96.svg" alt="IconStar" loading="lazy" />
                <p class="text-cc0ce732">94%</p>
              </div>
              <p class="text-24f85487">
                Tingkat Kepuasan
                <br />
                Peserta Bimbel CASN
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <section class="packages-list">
      <div class="packages light" id="kedinasan">
        <div class="page-center">
          <div class="packages-content">
            <div class="packages-title-box">
              <div class="packages-title-top">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cde78659-5007-4248-8147-486e8d3c1c42.png?convert=webp" class="logo-program" loading="lazy" />
                <h2 class="packages-title">Program Bimbel Kedinasan</h2>
              </div>
              <p class="packages-desc">
                Kelas belajar intensif untuk
                <b>lolos seleksi sekolah kedinasan</b>
                (STAN, STIS, IPDN, .dll)
              </p>
            </div>
            <div class="packages-list-box">
              <div class="containter-navig">
                <div class="navig-tabs">
                  <button class="navig-tab chosen" data-option="online" data-position="0" data-program="kedinasan">Bimbel Online</button>
                  <button class="navig-tab" data-option="offline" data-position="1" data-program="kedinasan">Bimbel Offline</button>
                </div>
                <div class="navig-content">
                  <div class="tabs-content showing" data-show="online" data-program="kedinasan">
                    <div class="dropdown-duration">
                      <p class="duration-title">Pilih durasi paket</p>
                      <div class="duration-box open-popup" data-program="kedinasan" data-popup="popupKedinasan">
                        <p id="duration-kedinasan" class="duration">1 Bulan</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M10.5002 13.3334C10.2869 13.3334 10.0735 13.2517 9.91104 13.0892L5.74438 8.92253C5.41854 8.59669 5.41854 8.07003 5.74438 7.74419C6.07021 7.41836 6.59688 7.41836 6.92271 7.74419L10.5002 11.3217L14.0777 7.74419C14.4035 7.41836 14.9302 7.41836 15.256 7.74419C15.5819 8.07003 15.5819 8.59669 15.256 8.92253L11.0894 13.0892C10.9269 13.2517 10.7135 13.3334 10.5002 13.3334"
                            fill="#5E677B"
                          />
                        </svg>
                      </div>
                    </div>
                    <div class="package-list" data-program="kedinasan" data-show="online"></div>
                  </div>
                  <div class="tabs-content" data-show="offline" data-program="kedinasan">
                    <div class="duration-offline">
                      <p class="duration-title">Pilih paket belajar</p>
                    </div>
                    <div class="package-list" data-program="kedinasan" data-show="offline"></div>
                  </div>
                </div>
              </div>
              <div class="dapatkan-diskon">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <g filter="url(#filter0_i_1692_48086)">
                    <path
                      d="M5.25018 19.5C5.25018 14.0935 9.13193 10.25 9.13193 10.25C9.13193 10.25 8.25893 15.025 11.2679 15.5965C13.3877 16 14.9634 13.9815 13.9252 9.76975C12.9332 5.75 15.2542 2.45 17.3532 1.75C17.3532 1.75 17.2214 4.9135 20.4322 7.9435C23.5764 10.911 26.7502 14.23 26.7502 19.5C26.7502 22.3511 25.6176 25.0854 23.6016 27.1014C21.5856 29.1174 18.8513 30.25 16.0002 30.25C13.1491 30.25 10.4148 29.1174 8.39879 27.1014C6.38277 25.0854 5.25018 22.3511 5.25018 19.5Z"
                      fill="url(#paint0_linear_1692_48086)"
                    />
                  </g>
                  <path
                    d="M24.2676 8.18098L24.9511 9.88875C24.9804 9.96188 25.0384 10.0198 25.1115 10.0491L26.8192 10.7327C27.0605 10.8293 27.0605 11.1709 26.8192 11.2674L25.1115 11.9509C25.0384 11.9802 24.9804 12.0382 24.9511 12.1113L24.2676 13.8191C24.171 14.0603 23.8295 14.0603 23.7329 13.8191L23.0494 12.1113C23.0201 12.0382 22.9621 11.9803 22.889 11.9509L21.1812 11.2674C20.9399 11.1708 20.9399 10.8292 21.1812 10.7327L22.8889 10.0491C22.962 10.0199 23.0199 9.96188 23.0492 9.88875L23.7328 8.18098C23.8295 7.93967 24.171 7.93967 24.2676 8.18098Z"
                    fill="url(#paint1_linear_1692_48086)"
                  />
                  <path
                    d="M13.3926 17.0664C12.6726 17.0664 12.0889 17.6501 12.0889 18.3701C12.0889 19.0901 12.6726 19.6738 13.3926 19.6738C14.1126 19.6738 14.6963 19.0901 14.6963 18.3701C14.6963 17.6501 14.1126 17.0664 13.3926 17.0664Z"
                    fill="white"
                  />
                  <path
                    d="M14.3145 24.5068L19.5293 19.292C20.0384 18.7828 20.0384 17.9574 19.5293 17.4483C19.0202 16.9391 18.1947 16.9391 17.6856 17.4483L12.4708 22.6631C11.9616 23.1722 11.9616 23.9977 12.4708 24.5068C12.9799 25.0159 13.8054 25.0159 14.3145 24.5068Z"
                    fill="white"
                  />
                  <path
                    d="M19.9112 23.5849C19.9112 24.3049 19.3275 24.8886 18.6074 24.8886C17.8874 24.8886 17.3037 24.3049 17.3037 23.5849C17.3037 22.8649 17.8874 22.2812 18.6074 22.2812C19.3275 22.2812 19.9112 22.8649 19.9112 23.5849Z"
                    fill="white"
                  />
                  <defs>
                    <filter id="filter0_i_1692_48086" x="3.91685" y="1.75" width="22.8333" height="29.8333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                      <feFlood flood-opacity="0" result="BackgroundImageFix" />
                      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                      <feOffset dx="-1.33333" dy="2.66667" />
                      <feGaussianBlur stdDeviation="0.666667" />
                      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                      <feColorMatrix type="matrix" values="0 0 0 0 0.945833 0 0 0 0 0.730656 0 0 0 0 0.532031 0 0 0 0.4 0" />
                      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1692_48086" />
                    </filter>
                    <linearGradient id="paint0_linear_1692_48086" x1="16.3557" y1="23.1111" x2="35.9113" y2="-1.42222" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#ED2643" />
                      <stop offset="1" stop-color="#FFBC41" />
                    </linearGradient>
                    <linearGradient id="paint1_linear_1692_48086" x1="26.6668" y1="8" x2="24.0002" y2="14" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#FEBC3D" />
                      <stop offset="1" stop-color="#FFCE70" />
                    </linearGradient>
                  </defs>
                </svg>
                <p class="text-diskon">Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="packages dark" id="snbt-kedinasan">
        <div class="page-center">
          <div class="packages-content">
            <div class="packages-title-box">
              <div class="packages-title-top">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a94254a1-0a74-4614-99a9-adc0a32d0afc.png?convert=webp" class="logo-program" loading="lazy" />
                <h2 class="packages-title">Program Bimbel SNBT + Kedinasan</h2>
              </div>
              <p class="packages-desc">
                Kelas belajar khusus untuk
                <b>siap lolos UTBK SNBT</b>
                dan
                <b>seleksi sekolah kedinasan</b>
                (STAN, STIS, IPDN, dll)
              </p>
            </div>
            <div class="packages-list-box">
              <div class="containter-navig">
                <div class="navig-tabs">
                  <button class="navig-tab chosen" data-option="online" data-position="0" data-program="snbt-kedinasan">Bimbel Online</button>
                  <button class="navig-tab" data-option="offline" data-position="1" data-program="snbt-kedinasan">Bimbel Offline</button>
                </div>
                <div class="navig-content">
                  <div class="tabs-content showing" data-show="online" data-program="snbt-kedinasan">
                    <div class="dropdown-duration">
                      <p class="duration-title">Pilih durasi paket</p>
                      <div class="duration-box open-popup" data-program="snbt-kedinasan" data-popup="popupSnbtKedinasan">
                        <p id="duration-snbt-kedinasan" class="duration">1 Bulan</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M10.5002 13.3334C10.2869 13.3334 10.0735 13.2517 9.91104 13.0892L5.74438 8.92253C5.41854 8.59669 5.41854 8.07003 5.74438 7.74419C6.07021 7.41836 6.59688 7.41836 6.92271 7.74419L10.5002 11.3217L14.0777 7.74419C14.4035 7.41836 14.9302 7.41836 15.256 7.74419C15.5819 8.07003 15.5819 8.59669 15.256 8.92253L11.0894 13.0892C10.9269 13.2517 10.7135 13.3334 10.5002 13.3334"
                            fill="#5E677B"
                          />
                        </svg>
                      </div>
                    </div>
                    <div class="package-list" data-program="snbt-kedinasan" data-show="online"></div>
                  </div>
                  <div class="tabs-content" data-show="offline" data-program="snbt-kedinasan">
                    <div class="duration-offline">
                      <p class="duration-title">Pilih paket belajar</p>
                    </div>
                    <div class="package-list" data-program="snbt-kedinasan" data-show="offline"></div>
                  </div>
                </div>
              </div>
              <div class="dapatkan-diskon">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <g filter="url(#filter0_i_1692_48086)">
                    <path
                      d="M5.25018 19.5C5.25018 14.0935 9.13193 10.25 9.13193 10.25C9.13193 10.25 8.25893 15.025 11.2679 15.5965C13.3877 16 14.9634 13.9815 13.9252 9.76975C12.9332 5.75 15.2542 2.45 17.3532 1.75C17.3532 1.75 17.2214 4.9135 20.4322 7.9435C23.5764 10.911 26.7502 14.23 26.7502 19.5C26.7502 22.3511 25.6176 25.0854 23.6016 27.1014C21.5856 29.1174 18.8513 30.25 16.0002 30.25C13.1491 30.25 10.4148 29.1174 8.39879 27.1014C6.38277 25.0854 5.25018 22.3511 5.25018 19.5Z"
                      fill="url(#paint0_linear_1692_48086)"
                    />
                  </g>
                  <path
                    d="M24.2676 8.18098L24.9511 9.88875C24.9804 9.96188 25.0384 10.0198 25.1115 10.0491L26.8192 10.7327C27.0605 10.8293 27.0605 11.1709 26.8192 11.2674L25.1115 11.9509C25.0384 11.9802 24.9804 12.0382 24.9511 12.1113L24.2676 13.8191C24.171 14.0603 23.8295 14.0603 23.7329 13.8191L23.0494 12.1113C23.0201 12.0382 22.9621 11.9803 22.889 11.9509L21.1812 11.2674C20.9399 11.1708 20.9399 10.8292 21.1812 10.7327L22.8889 10.0491C22.962 10.0199 23.0199 9.96188 23.0492 9.88875L23.7328 8.18098C23.8295 7.93967 24.171 7.93967 24.2676 8.18098Z"
                    fill="url(#paint1_linear_1692_48086)"
                  />
                  <path
                    d="M13.3926 17.0664C12.6726 17.0664 12.0889 17.6501 12.0889 18.3701C12.0889 19.0901 12.6726 19.6738 13.3926 19.6738C14.1126 19.6738 14.6963 19.0901 14.6963 18.3701C14.6963 17.6501 14.1126 17.0664 13.3926 17.0664Z"
                    fill="white"
                  />
                  <path
                    d="M14.3145 24.5068L19.5293 19.292C20.0384 18.7828 20.0384 17.9574 19.5293 17.4483C19.0202 16.9391 18.1947 16.9391 17.6856 17.4483L12.4708 22.6631C11.9616 23.1722 11.9616 23.9977 12.4708 24.5068C12.9799 25.0159 13.8054 25.0159 14.3145 24.5068Z"
                    fill="white"
                  />
                  <path
                    d="M19.9112 23.5849C19.9112 24.3049 19.3275 24.8886 18.6074 24.8886C17.8874 24.8886 17.3037 24.3049 17.3037 23.5849C17.3037 22.8649 17.8874 22.2812 18.6074 22.2812C19.3275 22.2812 19.9112 22.8649 19.9112 23.5849Z"
                    fill="white"
                  />
                  <defs>
                    <filter id="filter0_i_1692_48086" x="3.91685" y="1.75" width="22.8333" height="29.8333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                      <feFlood flood-opacity="0" result="BackgroundImageFix" />
                      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                      <feOffset dx="-1.33333" dy="2.66667" />
                      <feGaussianBlur stdDeviation="0.666667" />
                      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                      <feColorMatrix type="matrix" values="0 0 0 0 0.945833 0 0 0 0 0.730656 0 0 0 0 0.532031 0 0 0 0.4 0" />
                      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1692_48086" />
                    </filter>
                    <linearGradient id="paint0_linear_1692_48086" x1="16.3557" y1="23.1111" x2="35.9113" y2="-1.42222" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#ED2643" />
                      <stop offset="1" stop-color="#FFBC41" />
                    </linearGradient>
                    <linearGradient id="paint1_linear_1692_48086" x1="26.6668" y1="8" x2="24.0002" y2="14" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#FEBC3D" />
                      <stop offset="1" stop-color="#FFCE70" />
                    </linearGradient>
                  </defs>
                </svg>
                <p class="text-diskon">Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="packages light" id="sma-kedinasan">
        <div class="page-center">
          <div class="packages-content">
            <div class="packages-title-box">
              <div class="packages-title-top">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/32b4ae16-25bc-487e-be40-deff25784a0b.png?convert=webp" class="logo-program" loading="lazy" />
                <h2 class="packages-title">Program Bimbel SMA + Kedinasan</h2>
              </div>
              <p class="packages-desc">
                Kelas belajar khusus
                <b>persiapan penilaian akhir semester 1 SMA kelas 12</b>
                dan seleksi sekolah kedinasan (STAN, STIS, IPDN, dll)
              </p>
            </div>
            <div class="packages-list-box">
              <div class="containter-navig">
                <div class="navig-tabs">
                  <button class="navig-tab chosen" data-option="online" data-position="0" data-program="sma-kedinasan">Bimbel Online</button>
                  <button class="navig-tab" data-option="offline" data-position="1" data-program="sma-kedinasan">Bimbel Offline</button>
                </div>
                <div class="navig-content">
                  <div class="tabs-content showing" data-show="online" data-program="sma-kedinasan">
                    <div class="dropdown-duration">
                      <p class="duration-title">Pilih durasi paket</p>
                      <div class="duration-box open-popup" data-program="sma-kedinasan" data-popup="popupSmaKedinasan">
                        <p id="duration-sma-kedinasan" class="duration">1 Bulan</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M10.5002 13.3334C10.2869 13.3334 10.0735 13.2517 9.91104 13.0892L5.74438 8.92253C5.41854 8.59669 5.41854 8.07003 5.74438 7.74419C6.07021 7.41836 6.59688 7.41836 6.92271 7.74419L10.5002 11.3217L14.0777 7.74419C14.4035 7.41836 14.9302 7.41836 15.256 7.74419C15.5819 8.07003 15.5819 8.59669 15.256 8.92253L11.0894 13.0892C10.9269 13.2517 10.7135 13.3334 10.5002 13.3334"
                            fill="#5E677B"
                          />
                        </svg>
                      </div>
                    </div>
                    <div class="package-list" data-program="sma-kedinasan" data-show="online"></div>
                  </div>
                  <div class="tabs-content" data-show="offline" data-program="sma-kedinasan">
                    <div class="duration-offline">
                      <p class="duration-title">Pilih paket belajar</p>
                    </div>
                    <div class="package-list" data-program="sma-kedinasan" data-show="offline"></div>
                  </div>
                </div>
              </div>
              <div class="dapatkan-diskon">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <g filter="url(#filter0_i_1692_48086)">
                    <path
                      d="M5.25018 19.5C5.25018 14.0935 9.13193 10.25 9.13193 10.25C9.13193 10.25 8.25893 15.025 11.2679 15.5965C13.3877 16 14.9634 13.9815 13.9252 9.76975C12.9332 5.75 15.2542 2.45 17.3532 1.75C17.3532 1.75 17.2214 4.9135 20.4322 7.9435C23.5764 10.911 26.7502 14.23 26.7502 19.5C26.7502 22.3511 25.6176 25.0854 23.6016 27.1014C21.5856 29.1174 18.8513 30.25 16.0002 30.25C13.1491 30.25 10.4148 29.1174 8.39879 27.1014C6.38277 25.0854 5.25018 22.3511 5.25018 19.5Z"
                      fill="url(#paint0_linear_1692_48086)"
                    />
                  </g>
                  <path
                    d="M24.2676 8.18098L24.9511 9.88875C24.9804 9.96188 25.0384 10.0198 25.1115 10.0491L26.8192 10.7327C27.0605 10.8293 27.0605 11.1709 26.8192 11.2674L25.1115 11.9509C25.0384 11.9802 24.9804 12.0382 24.9511 12.1113L24.2676 13.8191C24.171 14.0603 23.8295 14.0603 23.7329 13.8191L23.0494 12.1113C23.0201 12.0382 22.9621 11.9803 22.889 11.9509L21.1812 11.2674C20.9399 11.1708 20.9399 10.8292 21.1812 10.7327L22.8889 10.0491C22.962 10.0199 23.0199 9.96188 23.0492 9.88875L23.7328 8.18098C23.8295 7.93967 24.171 7.93967 24.2676 8.18098Z"
                    fill="url(#paint1_linear_1692_48086)"
                  />
                  <path
                    d="M13.3926 17.0664C12.6726 17.0664 12.0889 17.6501 12.0889 18.3701C12.0889 19.0901 12.6726 19.6738 13.3926 19.6738C14.1126 19.6738 14.6963 19.0901 14.6963 18.3701C14.6963 17.6501 14.1126 17.0664 13.3926 17.0664Z"
                    fill="white"
                  />
                  <path
                    d="M14.3145 24.5068L19.5293 19.292C20.0384 18.7828 20.0384 17.9574 19.5293 17.4483C19.0202 16.9391 18.1947 16.9391 17.6856 17.4483L12.4708 22.6631C11.9616 23.1722 11.9616 23.9977 12.4708 24.5068C12.9799 25.0159 13.8054 25.0159 14.3145 24.5068Z"
                    fill="white"
                  />
                  <path
                    d="M19.9112 23.5849C19.9112 24.3049 19.3275 24.8886 18.6074 24.8886C17.8874 24.8886 17.3037 24.3049 17.3037 23.5849C17.3037 22.8649 17.8874 22.2812 18.6074 22.2812C19.3275 22.2812 19.9112 22.8649 19.9112 23.5849Z"
                    fill="white"
                  />
                  <defs>
                    <filter id="filter0_i_1692_48086" x="3.91685" y="1.75" width="22.8333" height="29.8333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                      <feFlood flood-opacity="0" result="BackgroundImageFix" />
                      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                      <feOffset dx="-1.33333" dy="2.66667" />
                      <feGaussianBlur stdDeviation="0.666667" />
                      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                      <feColorMatrix type="matrix" values="0 0 0 0 0.945833 0 0 0 0 0.730656 0 0 0 0 0.532031 0 0 0 0.4 0" />
                      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1692_48086" />
                    </filter>
                    <linearGradient id="paint0_linear_1692_48086" x1="16.3557" y1="23.1111" x2="35.9113" y2="-1.42222" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#ED2643" />
                      <stop offset="1" stop-color="#FFBC41" />
                    </linearGradient>
                    <linearGradient id="paint1_linear_1692_48086" x1="26.6668" y1="8" x2="24.0002" y2="14" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#FEBC3D" />
                      <stop offset="1" stop-color="#FFCE70" />
                    </linearGradient>
                  </defs>
                </svg>
                <p class="text-diskon">Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="packages dark" id="tni-polri">
        <div class="page-center">
          <div class="packages-content">
            <div class="packages-title-box">
              <div class="packages-title-top">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/088faddd-521c-4801-a083-b091902ca480.png?convert=webp" class="logo-program" loading="lazy" />
                <h2 class="packages-title">Program Bimbel TNI/POLRI</h2>
              </div>
              <p class="packages-desc">
                Kelas belajar khusus untuk
                <b>siap lolos seleksi TNI/POLRI</b>
                , termasuk AKMIL, AKPOL, Bintara, Tamtama, dan jalur lainnya.
              </p>
            </div>
            <div class="packages-list-box">
              <div class="containter-navig">
                <div class="navig-tabs">
                  <button class="navig-tab chosen" data-option="online" data-position="0" data-program="tni-polri">Bimbel Online</button>
                  <button class="navig-tab" data-option="offline" data-position="1" data-program="tni-polri">Bimbel Offline</button>
                </div>
                <div class="navig-content">
                  <div class="tabs-content showing" data-show="online" data-program="tni-polri">
                    <div class="dropdown-duration">
                      <p class="duration-title">Pilih durasi paket</p>
                      <div class="duration-box open-popup" data-program="tni-polri" data-popup="popupTniPolri">
                        <p id="duration-tni-polri" class="duration">1 Bulan</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none">
                          <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M10.5002 13.3334C10.2869 13.3334 10.0735 13.2517 9.91104 13.0892L5.74438 8.92253C5.41854 8.59669 5.41854 8.07003 5.74438 7.74419C6.07021 7.41836 6.59688 7.41836 6.92271 7.74419L10.5002 11.3217L14.0777 7.74419C14.4035 7.41836 14.9302 7.41836 15.256 7.74419C15.5819 8.07003 15.5819 8.59669 15.256 8.92253L11.0894 13.0892C10.9269 13.2517 10.7135 13.3334 10.5002 13.3334"
                            fill="#5E677B"
                          />
                        </svg>
                      </div>
                    </div>
                    <div class="package-list empty" data-program="tni-polri" data-show="online">
                      <div class="empty-package">
                        <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/354e0e1f-392a-4126-9eb3-d398204e8516.png?convert=webp" height="148" class="empty-img" />
                        <p class="duration-title">Paket sedang tidak tersedia, silakan cek paket lainnya</p>
                      </div>
                    </div>
                  </div>
                  <div class="tabs-content" data-show="offline" data-program="tni-polri">
                    <div class="duration-offline">
                      <p class="duration-title">Pilih paket belajar</p>
                    </div>
                    <div class="package-list" data-program="tni-polri" data-show="offline"></div>
                  </div>
                </div>
              </div>
              <div class="dapatkan-diskon">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                  <g filter="url(#filter0_i_1692_48086)">
                    <path
                      d="M5.25018 19.5C5.25018 14.0935 9.13193 10.25 9.13193 10.25C9.13193 10.25 8.25893 15.025 11.2679 15.5965C13.3877 16 14.9634 13.9815 13.9252 9.76975C12.9332 5.75 15.2542 2.45 17.3532 1.75C17.3532 1.75 17.2214 4.9135 20.4322 7.9435C23.5764 10.911 26.7502 14.23 26.7502 19.5C26.7502 22.3511 25.6176 25.0854 23.6016 27.1014C21.5856 29.1174 18.8513 30.25 16.0002 30.25C13.1491 30.25 10.4148 29.1174 8.39879 27.1014C6.38277 25.0854 5.25018 22.3511 5.25018 19.5Z"
                      fill="url(#paint0_linear_1692_48086)"
                    />
                  </g>
                  <path
                    d="M24.2676 8.18098L24.9511 9.88875C24.9804 9.96188 25.0384 10.0198 25.1115 10.0491L26.8192 10.7327C27.0605 10.8293 27.0605 11.1709 26.8192 11.2674L25.1115 11.9509C25.0384 11.9802 24.9804 12.0382 24.9511 12.1113L24.2676 13.8191C24.171 14.0603 23.8295 14.0603 23.7329 13.8191L23.0494 12.1113C23.0201 12.0382 22.9621 11.9803 22.889 11.9509L21.1812 11.2674C20.9399 11.1708 20.9399 10.8292 21.1812 10.7327L22.8889 10.0491C22.962 10.0199 23.0199 9.96188 23.0492 9.88875L23.7328 8.18098C23.8295 7.93967 24.171 7.93967 24.2676 8.18098Z"
                    fill="url(#paint1_linear_1692_48086)"
                  />
                  <path
                    d="M13.3926 17.0664C12.6726 17.0664 12.0889 17.6501 12.0889 18.3701C12.0889 19.0901 12.6726 19.6738 13.3926 19.6738C14.1126 19.6738 14.6963 19.0901 14.6963 18.3701C14.6963 17.6501 14.1126 17.0664 13.3926 17.0664Z"
                    fill="white"
                  />
                  <path
                    d="M14.3145 24.5068L19.5293 19.292C20.0384 18.7828 20.0384 17.9574 19.5293 17.4483C19.0202 16.9391 18.1947 16.9391 17.6856 17.4483L12.4708 22.6631C11.9616 23.1722 11.9616 23.9977 12.4708 24.5068C12.9799 25.0159 13.8054 25.0159 14.3145 24.5068Z"
                    fill="white"
                  />
                  <path
                    d="M19.9112 23.5849C19.9112 24.3049 19.3275 24.8886 18.6074 24.8886C17.8874 24.8886 17.3037 24.3049 17.3037 23.5849C17.3037 22.8649 17.8874 22.2812 18.6074 22.2812C19.3275 22.2812 19.9112 22.8649 19.9112 23.5849Z"
                    fill="white"
                  />
                  <defs>
                    <filter id="filter0_i_1692_48086" x="3.91685" y="1.75" width="22.8333" height="29.8333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                      <feFlood flood-opacity="0" result="BackgroundImageFix" />
                      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                      <feOffset dx="-1.33333" dy="2.66667" />
                      <feGaussianBlur stdDeviation="0.666667" />
                      <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                      <feColorMatrix type="matrix" values="0 0 0 0 0.945833 0 0 0 0 0.730656 0 0 0 0 0.532031 0 0 0 0.4 0" />
                      <feBlend mode="normal" in2="shape" result="effect1_innerShadow_1692_48086" />
                    </filter>
                    <linearGradient id="paint0_linear_1692_48086" x1="16.3557" y1="23.1111" x2="35.9113" y2="-1.42222" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#ED2643" />
                      <stop offset="1" stop-color="#FFBC41" />
                    </linearGradient>
                    <linearGradient id="paint1_linear_1692_48086" x1="26.6668" y1="8" x2="24.0002" y2="14" gradientUnits="userSpaceOnUse">
                      <stop stop-color="#FEBC3D" />
                      <stop offset="1" stop-color="#FFCE70" />
                    </linearGradient>
                  </defs>
                </svg>
                <p class="text-diskon">Dapatkan diskon spesial dengan konsultasi sekarang, Gratis!</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="section-package-kedinasan-7e8ae7dc" id="tryout-kedinasan">
      <div class="page-center">
        <div class="container-section-package-kedinasan-160d7ed8">
          <div class="wrapper-title-218f5fab">
            <p class="text-086f7b34">Tryout Sekolah Kedinasan</p>
            <p class="text-0bd73607">
              Uji kesiapan Anda dalam seleksi siap sekolah kedinasan (STAN, STIS, IPDN, .dll)
              <br />
              dengan mengikuti tryout sekolah kedinasan
            </p>
          </div>
          <div class="wrapper--kedinasan-cards desktop">
            <div class="card-program-kedinasan top-package card-premium">
              <div class="wrapper--card-kedinasan">
                <div class="wrapper--header-kedinasan-card">
                  <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d8a6fbed-2790-4113-9a50-fc6e954f70c3.png?convert=web" class="top-package-tag" />
                  <p class="kedinasan-card-title">
                    TRYOUT
                    <span>KEDINASAN</span>
                  </p>
                </div>
                <div class="wrapper--kedinasan-details">
                  <p class="details-subtitle">MEKANISME TRYOUT</p>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">
                      Tryout berbasis CAT dengan
                      <b>Simulasi Real Test CPNS BKN</b>
                    </p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Waktu pengerjaan 100 menit</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">
                      <b>Dapat dikerjakan secara acak: Lintas soal TIU, TWK, dan TKP</b>
                    </p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Bisa dikerjakan berulang</p>
                  </div>
                  <p class="details-subtitle">SOAL TRYOUT</p>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">
                      <b>Kurikulum standar tes CAT SKD dengan kisi-kisi terbaru 110 soal TIU, TWK, dan TKP</b>
                    </p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Pembahasan soal</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">
                      <b>Sistem penilaian standar tes SKD CPNS</b>
                    </p>
                  </div>
                </div>
                <div class="wrapper--package-card-bottom">
                  <div class="wrapper--basic-price-details base-tryout">
                    <p class="harga-mulai">Mulai dari</p>
                    <p class="harga-final">Rp35.000</p>
                  </div>
                  <a
                    href="https://bayar.ruangguru.com/packages-list?tag=kedinasan-online-tryout"
                    data-tracking-event-type="landing_page__core__item_click"
                    data-tracking-context='{"product_name": "skillacademy","cta_action": "redirection","cta_action_detail": "https://api.whatsapp.com/send?phone=6281574510153&text=Halo%2C%20saya%20tertarik%20untuk%20membeli%20Bimbel%20Kedinasan%20Elite.%20Mohon%20informasi%20cara%20pembeliannya.","item_type": "button","item_name": "Lihat Kelas","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "package_kedinasan_list","section_position": "body","section_name": "package_kedinasan_list"}'
                    class="buy-package-link"
                    target="_blank"
                  >
                    Lihat Kelas
                  </a>
                </div>
              </div>
            </div>

            <div class="card-program-kedinasan card-regular">
              <div class="wrapper--card-kedinasan">
                <div class="wrapper--header-kedinasan-card">
                  <p class="kedinasan-card-title">
                    TRYOUT
                    <span>TNI/POLRI</span>
                  </p>
                </div>
                <div class="wrapper--kedinasan-details">
                  <p class="details-subtitle">MEKANISME TRYOUT</p>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Tryout berbasis CAT</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Waktu pengerjaan 100 menit</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Dapat dikerjakan secara acak</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Bisa dikerjakan berulang</p>
                  </div>
                  <p class="details-subtitle">SOAL TRYOUT</p>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">
                      <b>Tryout TNI/POLRI: TPA dan Bahasa Inggris</b>
                    </p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text"><b>Pembahasan soal</b></p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Sistem penilaian standar</p>
                  </div>
                </div>
                <div class="wrapper--package-card-bottom">
                  <div class="wrapper--basic-price-details base-tryout">
                    <p class="harga-mulai">Mulai dari</p>
                    <p class="harga-final">Rp35.000</p>
                  </div>
                  <a
                    href="https://bayar.ruangguru.com/packages-list?tag=kedinasan-online-tryout"
                    data-tracking-event-type="landing_page__core__item_click"
                    data-tracking-context='{"product_name": "skillacademy","cta_action": "redirection","cta_action_detail": "https://api.whatsapp.com/send?phone=6281574510153&text=Halo%2C%20saya%20tertarik%20untuk%20membeli%20Bimbel%20Kedinasan%20Premium.%20Mohon%20informasi%20cara%20pembeliannya.","item_type": "button","item_name": "Lihat Kelas","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "package_kedinasan_list","section_position": "body","section_name": "package_kedinasan_list"}'
                    class="buy-package-link"
                    target="_blank"
                  >
                    Lihat Kelas
                  </a>
                </div>
              </div>
            </div>

            <div class="card-program-kedinasan card-basic">
              <div class="wrapper--card-kedinasan">
                <div class="wrapper--header-kedinasan-card">
                  <p class="kedinasan-card-title">
                    TRYOUT
                    <span>PSIKOTES</span>
                  </p>
                </div>
                <div class="wrapper--kedinasan-details">
                  <p class="details-subtitle">MEKANISME TRYOUT</p>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Tryout berbasis CAT</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Waktu pengerjaan 100 menit</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Dapat dikerjakan secara acak</p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Bisa dikerjakan berulang</p>
                  </div>
                  <p class="details-subtitle">SOAL TRYOUT</p>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">
                      <b>Tryout tes kecerdasan, kecermatan, kepribadian</b>
                    </p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text"><b>Pembahasan soal</b></p>
                  </div>
                  <div class="wrapper--card-list-details">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-icon" />
                    <p class="card-list-text">Sistem penilaian standar</p>
                  </div>
                </div>
                <div class="wrapper--package-card-bottom">
                  <div class="wrapper--basic-price-details base-tryout">
                    <p class="harga-mulai">Mulai dari</p>
                    <p class="harga-final">Rp35.000</p>
                  </div>
                  <a
                    href="https://bayar.ruangguru.com/packages-list?tag=kedinasan-online-tryout"
                    data-tracking-event-type="landing_page__core__item_click"
                    data-tracking-context='{"product_name": "skillacademy","cta_action": "redirection","cta_action_detail": "https://api.whatsapp.com/send?phone=6281574510153&text=Halo%2C%20saya%20tertarik%20untuk%20membeli%20Bimbel%20Kedinasan%20Regular.%20Mohon%20informasi%20cara%20pembeliannya.","item_type": "button","item_name": "Lihat Kelas","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "package_kedinasan_list","section_position": "body","section_name": "package_kedinasan_list"}'
                    class="buy-package-link"
                    target="_blank"
                  >
                    Lihat Kelas
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <section class="courses" id="course-kedinasan">
      <div class="page-center">
        <div class="courses-wrapper">
          <div class="courses-content">
            <div class="courses-header">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/963e4539-b719-470f-8576-c9e409d79d49.svg" loading="lazy" />
              <div class="courses-header-text">
                <h2 class="courses-title">Belajar mandiri untuk menghadapi seleksi Sekolah Kedinasan</h2>
                <a href="https://skillacademy.com/topic/kedinasan" target="_blank" class="link-courses">
                  <span>Lihat Semua</span>
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path
                      d="M9.04738 15.3655L7.91858 14.2343L12.1498 9.99988L7.91858 5.76548L9.05058 4.63428L13.2786 8.86868C13.5785 9.16872 13.747 9.57561 13.747 9.99988C13.747 10.4241 13.5785 10.831 13.2786 11.1311L9.04738 15.3655Z"
                      fill="white"
                    />
                  </svg>
                </a>
              </div>
            </div>
            <div class="courses-list" id="course-list"></div>
          </div>
        </div>
      </div>
    </section>

    <div class="section-taukah-anda">
      <div class="page-center">
        <div class="container-taukah-anda">
          <div class="wrapper--taukah-anda-image">
            <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d3dc6dea-d604-4221-abac-0dff253e4b7b.png?convert=web" class="taukah-anda-image" />
          </div>
          <div class="wrapper--taukah-anda-details">
            <p class="taukah-anda-card-title">Tahukah Anda?</p>
            <p class="taukah-anda-card-desc">
              <b>Persaingan untuk lolos Seleksi Kedinasan sangat ketat dengan tingkat kelulusan sebesar 2%</b>
              dari total jumlah pendaftar sekolah kedinasan pada tahun 2024.
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="section-solusi-hadapi-tes-kedinasan" id="informasi-kedinasan">
      <div class="page-center">
        <div class="container--solusi-hadapi-tes-kedinasan">
          <div class="wrapper--solusi-tes-kedinasan">
            <p class="solusi-hadapi-kedinasan--title">Solusi Siap Hadapi Tes bersama Bimbel Kedinasan</p>
            <div class="wrapper--solusi-hadapi-tes-kedinasan">
              <div class="solusi-hadapi-kedinasan-card">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-green-icon" />
                <p class="solusi-hadapi-kedinasan-desc">Pembelajaran interaktif bersama instruktur professional berpengalaman</p>
              </div>
              <div class="solusi-hadapi-kedinasan-card">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-green-icon" />
                <p class="solusi-hadapi-kedinasan-desc">Tim suporter belajar yang selalu siap membantu</p>
              </div>
              <div class="solusi-hadapi-kedinasan-card">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2e185b01-9355-425b-92e9-947097fefbf0.svg" class="checkmark-green-icon" />
                <p class="solusi-hadapi-kedinasan-desc">Referensi belajar lengkap mulai dari Tryout, rekaman sesi, serta akses ke Learning Management System (LMS) Skill Academy</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <section class="kitab normalize-css" id="kitab">
      <div class="page-center">
        <div class="kitab-wrapper">
          <h2 class="text-title">MATERI & SOAL PILIHAN SUKSES KEDINASAN GRATIS</h2>
          <div class="kitab-content">
            <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5ea0bcec-525b-4744-bbce-04b767eb045c.png?convert=webp" loading="lazy" />
            <div class="kitab-detail">
              <h3 class="kitab-title">Mini Kitab Sekolah Kedinasan</h3>
              <p class="kitab-subtitle">Berbagai konsep kilat dan bedah tipe soal SKD terbaru</p>
              <div class="kitab-list">
                <ul>
                  <li>Info terbaru Sekolah Kedinasan</li>
                  <li>Info seleksi Sekolah Kedinasan</li>
                  <li>Puluhan latihan soal TIU, TWK, TKP</li>
                  <li>Tips lolos seleksi Sekolah Kedinasan</li>
                  <li>Jawaban dan pembahasan soal komprehensif</li>
                  <li>Info jenis sekolah kedinasan</li>
                </ul>
              </div>
              <div class="kitab-buy">
                <div class="kitab-penawaran">
                  <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7c9a94ab-bc1b-4cb0-b7b2-77ce0bc366e2.svg" width="24" height="24" loading="lazy" />
                  <p class="text-gratis">GRATIS! Penawaran terbatas</p>
                </div>
                <a href="https://cta.ruangguru.com/kitab-mini-kedinasan-sa" target="_blank">
                  <button class="cta-pesan">Dapatkan sekarang</button>
                </a>
                <div class="kitab-pesan">
                  <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3f381492-aa82-43e8-8876-d1ac707c5541.svg" width="20" height="20" loading="lazy" />
                  <p class="text-pesan">
                    <span class="text-green"><b>1000+</b></span>
                    pemesanan
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="section-form-konsultasi" id="konsultasi-form">
      <div class="page-center">
        <div class="container--form-konsultasi">
          <div class="wrapper--form-konsultasi-details">
            <p class="form-konsultasi-title">
              Konsultasikan Persiapan Seleksi
              <br />
              Sekolah Kedinasan GRATIS
              <br />
              dengan Tim Berpengalaman
            </p>
            <div class="wrapper--konsultasi-poin">
              <div class="konsultasi-poin-card">
                <img class="konsultasi-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6549c0cc-bec9-409e-97ef-e985af9ccecc.svg" />
                <p class="konsultasi-poin-detail">Dapatkan rekomendasi paket belajar sesuai kebutuhan</p>
              </div>
              <div class="konsultasi-poin-card">
                <img class="konsultasi-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bfa09f7e-a7a3-4f40-839d-169d5b19d142.svg" />
                <p class="konsultasi-poin-detail">Diskon spesial!</p>
              </div>
            </div>
            <div class="wrapper--testimony">
              <p class="testimony-desc">
                “
                <b>Overall 10/10!</b>
                Materi SKD Ruangguru komprehensif banget, belajarnya jadi lebih enak & efektif”
              </p>
              <div class="testimony-bottom-info">
                <div class="testimony-user-image">
                  <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3592ea5-8319-447c-a4d3-e7f10c8521d7.png?convert=web" class="user-image" />
                </div>
                <div class="testimony-user-details">
                  <p class="user-name">Juan N.</p>
                  <p class="user-desc">Diterima di Sekolah Tinggi Keuangan Negara (STAN)</p>
                </div>
              </div>
            </div>
          </div>
          <div class="wrapper--form-konsultasi">
            <p class="form-title">Isi form untuk terhubung dengan konsultan kami</p>
            <p class="required-label">*Wajib diisi</p>
            <div class="form-wrapper" id="targetForm"></div>
          </div>
        </div>
      </div>
    </div>

    <section id="section-faq" name="faq_ruanguji" class="faq">
      <div class="page-center">
        <div class="container-faq">
          <h2 class="text-subtitle text-center">Yang sering ditanyakan</h2>
          <div class="faq-wrap" id="accordion">
            <!-- 1 -->
            <div class="accordion">
              <h3>Apa itu Bimbel Kedinasan Skill Academy?</h3>
            </div>
            <div class="panel">
              <p>Bimbel Kedinasan adalah program terbaru dari Skill Academy yang dirancang khusus untuk membantu siswa sukses dalam tes masuk Sekolah Kedinasan.</p>
            </div>
            <!-- 2 -->
            <div class="accordion">
              <h3>Apa kelebihan Bimbel Kedinasan Skill Academy dibanding yang lain?</h3>
            </div>
            <div class="panel">
              <ol>
                <li aria-level="1">Pendekatan pembelajaran personal</li>
                <li aria-level="1">Materi dan kurikulum terupdate</li>
                <li aria-level="1">Instruktur dari praktisi berpengalaman</li>
                <li aria-level="1">Fasilitas dan teknologi modern</li>
                <li aria-level="1">Pilihan Harga yang terjangkau dan fleksibel</li>
              </ol>
            </div>
            <!-- 3 -->
            <div class="accordion">
              <h3>Bimbel Kedinasan Skill Academy memiliki program apa saja?</h3>
            </div>
            <div class="panel">
              <p>Terdapat Program paket bimbel secara live online dan tatap muka:</p>
              <ul>
                <li aria-level="1">Bimbel Kedinasan Live Online dan Tatap Muka</li>
                <li aria-level="1">Bimbel SNBT + Kedinasan Live Online dan Tatap Muka</li>
                <li aria-level="1">Bimbel SMA + Kedinasan Live Online dan Tatap Muka</li>
                <li aria-level="1">Bimbel TNI Polri Tatap Muka</li>
              </ul>
            </div>
            <!-- 4 -->
            <div class="accordion">
              <h3>Apa saja materi yang akan diajarkan dalam program Bimbel Kedinasan Skill Academy?</h3>
            </div>
            <div class="panel">
              <p>Materi yang diajarkan mencakup Seleksi Kompetensi Dasar (SKD), Psikotes, dan Akademik.</p>
            </div>
            <!-- 5 -->
            <div class="accordion">
              <h3>Bagaimana sistem belajar di Bimbel Kedinasan Skill Academy?</h3>
            </div>
            <div class="panel">
              <ol>
                <li aria-level="1">
                  Sistem belajar tatap muka
                  <ul>
                    <li aria-level="1">Siswa belajar secara tatap muka di cabang Ruangguru Learning Center</li>
                    <li aria-level="1">Materi yang diajarkan mencakup SKD, Psikotes,dan Akademik, dipandu oleh pengajar berpengalaman.</li>
                    <li aria-level="1">Siswa memiliki kesempatan untuk berdiskusi langsung dengan pengajar dan teman sekelas.</li>
                    <li aria-level="1">Fasilitas belajar lengkap tersedia di cabang Ruangguru Learning Center untuk mendukung proses belajar.</li>
                  </ul>
                </li>
                <li aria-level="1">
                  Sistem belajar live online
                  <ul>
                    <li aria-level="1">
                      Siswa akan menerima handbook dari
                      <em>Student Assistant</em>
                      sebagai panduan kelas online.
                    </li>
                    <li aria-level="1">Materi yang diajarkan mencakup SKD, Psikotes, dan Akademik, dipandu oleh pengajar berpengalaman.</li>
                    <li aria-level="1">Akses ke sistem pembelajaran mencakup Kelas Wajib, Try Out, Video Belajar Mandiri, dan Materi, melalui LMS (Website Belajar).</li>
                    <li aria-level="1">Kelas wajib dapat diikuti melalui Zoom, memastikan pengalaman belajar yang interaktif dan fleksibel.</li>
                  </ul>
                </li>
              </ol>
            </div>
            <!-- 6 -->
            <div class="accordion">
              <h3>Bimbel Kedinasan Skill Academy terdekat ada di mana saja?</h3>
            </div>
            <div class="panel">
              <p>Bimbel Kedinasan bisa diikuti di Brain Academy Center dan Ruangguru Learning Center.</p>
            </div>
            <!-- 7 -->
            <div class="accordion">
              <h3>Apa saja manfaat yang didapat ketika ikut Bimbel Kedinasan Skill Academy?</h3>
            </div>
            <div class="panel">
              <p>Mengikuti Bimbel Kedinasan di Skill Academy memberikan banyak manfaat, di antaranya:</p>
              <ul>
                <li aria-level="1">
                  <strong>Harga Terjangkau:</strong>
                  Biaya yang lebih bersaing dibandingkan dengan bimbingan belajar lainnya.
                </li>
                <li aria-level="1">
                  <strong>Fleksibilitas Belajar:</strong>
                  Akses ke materi dan fitur lengkap baik secara online maupun offline, mengoptimalkan pemahaman belajar kamu.&nbsp;
                </li>
                <li aria-level="1">
                  <strong>Kelas Tambahan:</strong>
                  Tersedia kelas pendalaman materi dan akselerasi yang membantu kamu memahami pelajaran lebih mendalam dan mempercepat proses belajar.
                </li>
                <li aria-level="1">
                  <strong>Pengajar Berpengalaman:</strong>
                  Belajar dari pengajar yang berpengalaman dan ahli di bidangnya, memastikan kamu mendapatkan bimbingan terbaik.
                </li>
                <li aria-level="1">
                  <strong>Fasilitas Lengkap:</strong>
                  fasilitas belajar yang lengkap dan mendukung di Cabang Brain Academy untuk pembelajaran offline.
                </li>
              </ul>
            </div>
            <!-- 8 -->
            <div class="accordion">
              <h3>Bagaimana metode pembayaran untuk ikut program Bimbel Kedinasan?</h3>
            </div>
            <div class="panel">
              <p>Metode pembayaran di Bimbel Kedinasan Skill Academy dapat dilakukan melalui:</p>
              <ul>
                <li aria-level="1">Transfer Virtual Account Bank</li>
                <li aria-level="1">E-Wallet</li>
                <li aria-level="1">Minimarket</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="popup-wrapper">
      <div id="popupKedinasan" class="popup">
        <div class="popup-content">
          <span class="close close-popup">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M18.6653 6.95098C19.1116 6.50467 19.1116 5.78105 18.6653 5.33474C18.219 4.88842 17.4953 4.88842 17.049 5.33474L12 10.3838L6.95098 5.33474C6.50467 4.88842 5.78105 4.88842 5.33474 5.33474C4.88842 5.78105 4.88842 6.50467 5.33474 6.95098L10.3838 12L5.33474 17.049C4.88842 17.4953 4.88842 18.219 5.33474 18.6653C5.78105 19.1116 6.50467 19.1116 6.95098 18.6653L12 13.6162L17.049 18.6653C17.4953 19.1116 18.219 19.1116 18.6653 18.6653C19.1116 18.219 19.1116 17.4953 18.6653 17.049L13.6162 12L18.6653 6.95098Z"
                fill="#79808F"
              />
            </svg>
          </span>
          <p class="popup-title">Pilih durasi paket</p>
          <div class="popup-topic">
            <div class="topic-header" id="popup-duration-kedinasan">
              <!-- <button
                class="popup-button"
                data-program="kedinasan"
                data-duration="1 Bulan"
                data-option="online"
              >
                1 Bulan
              </button>
              <button
                class="popup-button"
                data-program="kedinasan"
                data-duration="3 Bulan"
                data-option="online"
              >
                3 Bulan
              </button>
              <button
                class="popup-button"
                data-program="kedinasan"
                data-duration="6 Bulan"
                data-option="online"
              >
                6 Bulan
              </button>
              <button
                class="popup-button"
                data-program="kedinasan"
                data-duration="9 Bulan"
                data-option="online"
              >
                9 Bulan
              </button>
              <button
                class="popup-button"
                data-program="kedinasan"
                data-duration="1 Tahun"
                data-option="online"
              >
                1 Tahun
              </button>
              <button
                class="popup-button"
                data-program="kedinasan"
                data-duration="1,5 Tahun"
                data-option="online"
              >
                1,5 Tahun
              </button> -->
            </div>
          </div>
        </div>
      </div>
      <div id="popupSmaKedinasan" class="popup">
        <div class="popup-content">
          <span class="close close-popup">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M18.6653 6.95098C19.1116 6.50467 19.1116 5.78105 18.6653 5.33474C18.219 4.88842 17.4953 4.88842 17.049 5.33474L12 10.3838L6.95098 5.33474C6.50467 4.88842 5.78105 4.88842 5.33474 5.33474C4.88842 5.78105 4.88842 6.50467 5.33474 6.95098L10.3838 12L5.33474 17.049C4.88842 17.4953 4.88842 18.219 5.33474 18.6653C5.78105 19.1116 6.50467 19.1116 6.95098 18.6653L12 13.6162L17.049 18.6653C17.4953 19.1116 18.219 19.1116 18.6653 18.6653C19.1116 18.219 19.1116 17.4953 18.6653 17.049L13.6162 12L18.6653 6.95098Z"
                fill="#79808F"
              />
            </svg>
          </span>
          <p class="popup-title">Pilih durasi paket</p>
          <div class="popup-topic">
            <div class="topic-header" id="popup-duration-sma-kedinasan">
              <!-- <button
                class="popup-button"
                data-program="sma-kedinasan"
                data-duration="1 Bulan"
                data-option="online"
              >
                1 Bulan
              </button>
              <button
                class="popup-button"
                data-program="sma-kedinasan"
                data-duration="3 Bulan"
                data-option="online"
              >
                3 Bulan
              </button>
              <button
                class="popup-button"
                data-program="sma-kedinasan"
                data-duration="6 Bulan"
                data-option="online"
              >
                6 Bulan
              </button>
              <button
                class="popup-button"
                data-program="sma-kedinasan"
                data-duration="9 Bulan"
                data-option="online"
              >
                9 Bulan
              </button>
              <button
                class="popup-button"
                data-program="sma-kedinasan"
                data-duration="1 Tahun"
                data-option="online"
              >
                1 Tahun
              </button>
              <button
                class="popup-button"
                data-program="sma-kedinasan"
                data-duration="1,5 Tahun"
                data-option="online"
              >
                1,5 Tahun
              </button> -->
            </div>
          </div>
        </div>
      </div>
      <div id="popupSnbtKedinasan" class="popup">
        <div class="popup-content">
          <span class="close close-popup">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M18.6653 6.95098C19.1116 6.50467 19.1116 5.78105 18.6653 5.33474C18.219 4.88842 17.4953 4.88842 17.049 5.33474L12 10.3838L6.95098 5.33474C6.50467 4.88842 5.78105 4.88842 5.33474 5.33474C4.88842 5.78105 4.88842 6.50467 5.33474 6.95098L10.3838 12L5.33474 17.049C4.88842 17.4953 4.88842 18.219 5.33474 18.6653C5.78105 19.1116 6.50467 19.1116 6.95098 18.6653L12 13.6162L17.049 18.6653C17.4953 19.1116 18.219 19.1116 18.6653 18.6653C19.1116 18.219 19.1116 17.4953 18.6653 17.049L13.6162 12L18.6653 6.95098Z"
                fill="#79808F"
              />
            </svg>
          </span>
          <p class="popup-title">Pilih durasi paket</p>
          <div class="popup-topic">
            <div class="topic-header" id="popup-duration-snbt-kedinasan">
              <!-- <button
                class="popup-button"
                data-program="snbt-kedinasan"
                data-duration="1 Bulan"
                data-option="online"
              >
                1 Bulan
              </button>
              <button
                class="popup-button"
                data-program="snbt-kedinasan"
                data-duration="3 Bulan"
                data-option="online"
              >
                3 Bulan
              </button>
              <button
                class="popup-button"
                data-program="snbt-kedinasan"
                data-duration="6 Bulan"
                data-option="online"
              >
                6 Bulan
              </button>
              <button
                class="popup-button"
                data-program="snbt-kedinasan"
                data-duration="9 Bulan"
                data-option="online"
              >
                9 Bulan
              </button>
              <button
                class="popup-button"
                data-program="snbt-kedinasan"
                data-duration="1 Tahun"
                data-option="online"
              >
                1 Tahun
              </button>
              <button
                class="popup-button"
                data-program="snbt-kedinasan"
                data-duration="1,5 Tahun"
                data-option="online"
              >
                1,5 Tahun
              </button> -->
            </div>
          </div>
        </div>
      </div>
      <div id="popupTniPolri" class="popup">
        <div class="popup-content">
          <span class="close close-popup">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M18.6653 6.95098C19.1116 6.50467 19.1116 5.78105 18.6653 5.33474C18.219 4.88842 17.4953 4.88842 17.049 5.33474L12 10.3838L6.95098 5.33474C6.50467 4.88842 5.78105 4.88842 5.33474 5.33474C4.88842 5.78105 4.88842 6.50467 5.33474 6.95098L10.3838 12L5.33474 17.049C4.88842 17.4953 4.88842 18.219 5.33474 18.6653C5.78105 19.1116 6.50467 19.1116 6.95098 18.6653L12 13.6162L17.049 18.6653C17.4953 19.1116 18.219 19.1116 18.6653 18.6653C19.1116 18.219 19.1116 17.4953 18.6653 17.049L13.6162 12L18.6653 6.95098Z"
                fill="#79808F"
              />
            </svg>
          </span>
          <p class="popup-title">Pilih durasi paket</p>
          <div class="popup-topic">
            <div class="topic-header" id="popup-duration-tni-polri">
              <!-- <button
                class="popup-button"
                data-program="tni-polri"
                data-duration="1 Bulan"
                data-option="online"
              >
                1 Bulan
              </button>
              <button
                class="popup-button"
                data-program="tni-polri"
                data-duration="3 Bulan"
                data-option="online"
              >
                3 Bulan
              </button>
              <button
                class="popup-button"
                data-program="tni-polri"
                data-duration="6 Bulan"
                data-option="online"
              >
                6 Bulan
              </button>
              <button
                class="popup-button"
                data-program="tni-polri"
                data-duration="9 Bulan"
                data-option="online"
              >
                9 Bulan
              </button>
              <button
                class="popup-button"
                data-program="tni-polri"
                data-duration="1 Tahun"
                data-option="online"
              >
                1 Tahun
              </button>
              <button
                class="popup-button"
                data-program="tni-polri"
                data-duration="1,5 Tahun"
                data-option="online"
              >
                1,5 Tahun
              </button> -->
            </div>
          </div>
        </div>
      </div>
    </div>

    <style>.footer__year {
  padding-top: 5rem;
}
.ic-new__img {
  margin: auto 0;
  display: flex;
}
.ic-new__img img {
  width: fit-content;
}
.font-base-footer {
  font-family: Inter, 'sans-serif';
  font-weight: 400;
  font-size: 14px !important;
  font-style: normal;
  letter-spacing: 0;
  color: #0a2540;
  margin-bottom: 0;
}
.font-bold {
  font-weight: 700;
}
.font-white {
  color: #fff !important;
}
.font-semi-bold {
  font-weight: 600;
}
.center {
  text-align: center;
}
.footer {
  background: #0a2540;
  overflow: hidden;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}
.footer.roc {
  background-color: #1d1110;
  color: white;
}
.contact__container {
  display: grid;
  grid-template-columns: 2fr 11fr;
  gap: 0.625rem;
  word-break: break-all;
}
.contact__container--text {
  margin: auto 0;
}
.group-contact {
  display: grid;
  row-gap: 0.5rem;
}
.sec-follow__content--socmed {
  display: inline-flex;
}
.sec-follow__content--socmed a {
  padding-right: 0.25rem;
}
.ic-new {
  display: inline-flex;
  width: max-content;
  gap: 0.25rem;
}
@media (min-width: 1025px) {
  .sec-address__detail {
    margin: 1rem 0 2rem;
    padding-right: 2rem;
  }

  .sec-follow {
    margin-top: -10rem;
  }
  .title {
    font-size: 48px;
    line-height: 64px;
  }
  .subtitle {
    font-size: 32px;
    line-height: 48px;
    text-align: center;
  }
  .desc-hero {
    font-size: 24px;
    line-height: 36px;
    margin-top: 20px;
  }
  .desc {
    font-size: 16px;
    line-height: 24px;
  }
  .footer {
    padding: 5rem 0 1.5rem;
  }
  .footer__title {
    font-size: 1rem;
    margin-bottom: 1rem;
    min-height: 1.25rem;
  }
  .footer__title--hq {
    font-size: 1rem;
  }
  .footer__content--top {
    display: grid;
    grid-template-columns: 3fr 9fr;
  }
  .sec-menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .sec-app__content {
    display: grid;
    gap: 0.75rem;
  }
  .footer__content--bottom {
    display: grid;
    grid-template-columns: 9.75fr 2.25fr;
  }
}
@media (max-width: 1024px) {
  .sec-address__detail {
    margin: 1rem 0 2rem;
  }
  .sec-app {
    margin-bottom: 2.625rem;
    text-align: center;
  }
  .title {
    font-size: 24px;
    line-height: 36px;
  }
  .subtitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
  .desc-hero {
    font-size: 16px;
    line-height: 24px;
    margin-top: 1rem;
  }
  .desc {
    font-size: 14px;
    line-height: 27px;
  }
  .footer {
    padding: 2rem 0;
  }
  .sec-app__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem;
    margin-top: 1rem;
  }
  .sec-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .sec-follow {
    text-align: center;
  }
  .footer__title {
    padding-bottom: 0.75rem;
  }
}
ul.no-space {
  padding: 0;
}
ul.no-space li {
  margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
  text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
  color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
  display: inline-block;
}
.sec-app__content img {
  max-width: 100%;
}
    </style>
    
    <section class="footer " id="footer">
      <div class="page-center">
        <div class="footer__content">
          <div class="footer__content--top">
            <div class="sec-app">
              <div class="sec-address">
                <div class="sec-address__logo">
                  <a href="https://www.ruangguru.com/">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
                  </a>
                </div>
                <div class="sec-address__detail">
                  <p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
                  <p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
                </div>
              </div>
              <p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
              <div class="sec-app__content">
                <div class="sec-app__content--gplay">
                  <a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&amp;hl=in">
                    <img
                      class="footer-socmed"
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
                      loading="lazy"
                      alt="Button Google Play Footer "
                    />
                  </a>
                </div>
                <div class="sec-app__content--appstore">
                  <a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
                    <img
                      class="footer-socmed"
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
                      loading="lazy"
                      alt="Button App Store Footer "
                    />
                  </a>
                </div>
                <div class="sec-app__content--huawei">
                  <a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
                    <picture>
                      <source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
                      <source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
                      <img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
                    </picture>
                  </a>
                </div>
              </div>
            </div>
            <div class="sec-menu">
              <div class="sec-menu__rg">
                <p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
                <ul type="none" class="no-space">
                  <li>
                    <a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
                  </li>
                </ul>
              </div>
              <div class="sec-menu__lainnya">
                <p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
                <ul type="none" class="no-space">
                  <li>
                    <a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps" target="_blank">Math Champs</a>
                  </li>
                </ul>
              </div>
              <div class="sec-menu__bantuan">
                <p class="font-base-footer font-white font-bold footer__title">Bantuan &amp; Panduan</p>
                <ul type="none" class="no-space">
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat &amp; Ketentuan</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
                  </li>
                  <li>
                    <a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
                  </li>
                </ul>
              </div>
              <div class="sec-menu__contact">
                <p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
                <div class="group-contact">
                  <div class="contact__container">
                    <div class="contact__container--img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
                    </div>
                    <div class="contact__container--text">
                      <a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
                    </div>
                  </div>
                  <div class="contact__container">
                    <div class="contact__container--img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
                    </div>
                    <div class="contact__container--text">
                      <a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="footer__content--bottom">
            <div></div>
            <div class="sec-follow">
              <p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
              <div class="sec-follow__content">
                <div class="sec-follow__content--socmed">
                  <a target="_blank" href="https://www.instagram.com/ruangguru/">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
                  </a>
                  <a target="_blank" href="https://www.facebook.com/ruanggurucom/">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
                  </a>
                  <a target="_blank" href="https://twitter.com/ruangguru/">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
                  </a>
                  <a target="_blank" href="https://www.youtube.com/ruangguru">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
                  </a>
                  <a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
                  </a>
                  <a target="_blank" href="https://www.tiktok.com/@ruangguru">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="footer__year">
          <p class="font-base-footer font-white font-bold center">
            ©
            <span id="full-year"></span>
            Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
          </p>
        </div>
      </div>
    </section>
  </body>


  <script type="text/javascript" defer>
    var Analytics = _analytics.init({
      app: 'skillacademyLandingPage',
      debug: false,
      plugins: [analyticsTrackable()],
    });
    Analytics.ready(function () {
      Analytics.page();
    });
    $(document).on('click', '[data-tracking-event-type]', function (event) {
      const eventType = $(this).data('tracking-event-type');
      const context = $(this).data('tracking-context');

      Analytics.track(eventType, context);
    });
  </script>
</html>