Rivalry2

Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru
2026-03-08 19:16 Diff
https://www.ruangguru.com/program/employee-benefit
Employee Discount Program by Ruangguru

Dapatkan potongan harga khusus untuk employee partner, berlaku untuk program unggulan Ruangguru
Berbagai program pembelajaran di Ruangguru

Pilih program belajar yang cocok buat kamu atau keluargamu!
Kelas 12 SMA
Langkah Pembelian Paket Belajar Online

Pilih Paket Belajar yang sesuai
Pilih kelas yang sesuai dengan jenjang kelas kamu
Pilih paket belajar yang sesuai
Pilih paket belajar sesuai dengan kebutuhan kamu
Pilih Paket Belajar yang sesuai
Pilih Lihat Paket untuk melihat pilihan paket lainnya secara lebih detail
Pilih Paket yang kamu inginkan
Pilih paket langganan yang kamu inginkan dan kemudian akan lanjut ke proses pembayaran
Pilih Metode Pelunasan
Pilih salah satu metode pelunasannya., untuk kode diskon sudah otomatis muncul. Klik Beli untuk lanjut
Detail Pemesanan Paket
Kamu akan diarahkan ke detail pemesanan paket di halaman Draft Invoice. Selanjutnya, klik Pilih Metode Bayar
Pilih Metode Pembayaran
Pilih metode pembayaran yang kamu inginkan
Mendapatkan Invoice
Kamu akan mendapatkan invoice yang berisi metode pembayaran yang kamu pilih dan jumlah yang harus dibayar
Masuk ke LP EDP
Ketik URL LP EDP by Ruangguru
Pilih produk yang cocok
Pilih kelas yang sesuai dengan jenjang kelas kamu
Pilih paket belajar yang sesuai
Pilih paket belajar sesuai dengan kebutuhan kamu
Pilih Paket Lain
Pilih Lihat Paket untuk melihat pilihan paket lainnya secara lebih detail
Pilih Paket yang kamu inginkan
Pilih paket langganan yang kamu inginkan dan kemudian akan lanjut ke proses pembayaran
Pilih Metode Pelunasan
Pilih salah satu metode pelunasannya., untuk kode diskon sudah otomatis muncul. Klik Beli untuk lanjut
Detail Pemesanan Paket
Kamu akan diarahkan ke detail pemesanan paket di halaman Draft Invoice. Selanjutnya, klik Pilih Metode Bayar
Pilih Metode Pembayaran
Pilih metode pembayaran yang kamu inginkan
Mendapatkan Invoice
Kamu akan mendapatkan invoice yang berisi metode pembayaran yang kamu pilih dan jumlah yang harus dibayar
Cara beli paket belajar Online melalui Telesales
Untuk beberapa paket belajar, seperti Schoters, Kalananti, dan Ruangguru Privat untuk kelas offline proses pembelian produk akan melalui tim telesales
Ketik urlLP EDP by Ruangguru
Pilih kelas yang sesuai dengan jenjang kelas kamu
Pilih paket belajar sesuai dengan kebutuhan kamu
Pilih Lihat Paket untuk dapat terhubung langsung dengan tim telesales
Kamu dapat bertanya secara detail terkait proses pembelajaran yang akan dilakukan
Apabila sudah clear dengan proses pemilihan paket, akan diarahkan untuk mengisi Gform konfirmasi pembelian paket belajar
Tim telesales akan mengirimkan invoice dan link pembayaran melalui pesan Whatsapp
Dapat melakukan proses pembayaran dengan metode pembayaran yang diinginkan
Proses pembayaran selesai, selanjutnya kamu akan dihubungi oleh Student Advisor untuk proses onboarding
Cara pembayaran paket belajar online di website Ruangguru
Minimarket
Transaksi bisa langsung diselesaikan di cabang minimarket terdekat
Pembayaran via Indomaret
Setelah melakukan konfirmasi pembayaran, kamu akan diberikan Kode Pembayaran yang unik
Salinlah Kode Pembayaran kamu dan jumlah pembayaran yang akan dibayarkan. Jangan Khawatir, kami juga akan mengirimkan salinan Kode Pembayaran dan Instruksi Pembayaran melalui email
Pergi ke toko Indomaret terdekat dan berikanlah nomor Kode Pembayaran kamu ke kasir
Kasir Indomaret akan mengkonfirmasi transaksi dengan menanyakan jumlah pembayaran dan nama merchant
Konfirmasikan pembayaranmu ke kasir
Transaksi berhasil! Kamu akan mendapatkan email konfirmasi pembayaran dan simpan struk transaksi Indomaret-mu
Pembayaran via Alfa Group (Alfamart, Alfamidi, Alfa Express, Lawson, Dandan)
Catat kode pembayaran pada halaman ini. Kode pembayaran akan kadaluarsa dalam waktu 1x24 jam setelah pemesanan
Datang ke gerai Alfamart Group terdekat (Alfamart, Alfamidi, Alfa Express, Lawson, Dan+Dan)
Beritahukan pembayaran ke kasir sejumlah nominal yang disebutkan
Terima dan simpan struk sebagai bukti pembayaran sudah sukses dilakukan
Transaksi selesai
Transfer Virtual Account
Dengan kode unik, semuanya jadi cepat
Bank BRI Virtual Account
Catat nomor Virtual Account pada halaman Pembayaran
Gunakan ATM BRI untuk menyelesaikan pembayaran
Masukkan kartu ATM BRI, lalu masukkan PIN ATM
Pilih menu Transaksi Lain , kemudian pilih menu Pembayaran
Pilih menu Lainnya , lalu pilih menu BRIVA
Masukkan nomor Virtual Account dan pilih Benar
Ketika muncul konfirmasi pembayaran, pilih Ya/Lanjut
Transaksi selesai dan simpan bukti transaksi
Bank BCA Virtual Account
Masukkan kartu, pilih Bahasa, dan masukkan PIN sesuai petunjuk di layar
Pada menu utama, pilih Transaksi Lainnya
Pilih Transfer dan pilih Ke Rekening BCA Virtual Account
Masukkan nomor BCA Virtual Account
Masukkan jumlah yang harus dibayarkan sesuai tagihan. Periksa kembali dan tekan Ya apabila telah sesuai
Bank Mandiri Virtual Account
Pada menu utama, pilih Bayar/Beli
Pilih Lainnya
Pilih Multi Payment
Masukkan 70012 (kode perusahaan Midtrans), lalu tekan Benar
Masukkan kode pembayaran Anda, lalu tekan Benar
Pada halaman konfirmasi akan muncul detail pembayaran Anda. Jika informasi telah sesuai, tekan Ya
Bank BNI Virtual Account
Masukkan kartu, pilih Bahasa , dan masukkan PIN sesuai petunjuk di layar
Pada menu utama, pilih Transaksi Lainnya
Pilih Transfer dan pilih Dari Rekening Tabungan
Pilih Ke Rekening BNI
Masukkan nomor rekening virtual yang tertera di aplikasi Ruangguru sebagai tujuan transfer
Masukkan nominal transfer sesuai dengan total tagihan transaski di aplikasi Ruangguru
Cek detail transfer pada layar konfirmasi informasi transfer lalu tekan Ya
Bank Permata Bank Virtual Account
Pada menu utama, pilih Transaksi Lainnya
Pilih Pembayaran
Pilih Pembayaran Lainnya
Pilih Virtual Account
Masukkan 16 digit nomor Virtual Account yang dituju, lalu tekan Benar
Pada halaman konfirmasi transfer akan muncul jumlah yang dibayarkan, nomor rekening, & nama Merchant. Jika informasi telah sesuai, tekan Benar.
Pilih rekening pembayaran dan tekan Benar
Transfer Bank
Transaksi dengan akhir nominal unik untuk verifikasi otomatis
Bank Transfer BCA
Masukkan kartu, pilih Bahasa , dan masukkan PIN sesuai petunjuk di layar
Pada menu utama, pilih Transaksi Lainnya
Pilih Transfer dan pilih Ke Rekening BCA
Masukkan nominal transfer sesuai total tagihan transaksi di aplikasi Ruangguru
Masukkan nomor rekening BCA yang tertera di aplikasi Ruangguru sebagai tujuan transfer
Transaksi selesai dan simpan bukti pembayaran
Cicilan Tanpa Kartu
Bebas masa pilih cicilan sampai 12 bulan
Akulaku
Klik pembayaran dengan Akulaku
Pastikan pesanan benar pada halaman pembayaran
Klik Bayar sekarang
Login akun Akulaku kamu
Masukkan nomor telepon serta kata sandi kamu
Bagi yang belum memiliki akun Akulaku, klik tombol Daftar
Lakukan pendaftaran
Setelah terdaftar kamu akan memilki kredit limit
Kredit limit dapat dipakai untuk pembelian produk Ruangguru
Kredivo
Klik pembayaran dengan Kredivo
Pastikan pesanan benar pada halaman pembayaran
Klik Bayar sekarang
Login akun Kredivo kamu
Masukkan nomor telepon serta kata sandi kamu
Bagi yang belum memiliki akun Kredivo, klik tombol Daftar
Lakukan pendaftaran
Setelah terdaftar kamu akan memilki kredit limit
Kredit limit dapat dipakai untuk pembelian produk Ruangguru
Pos Indonesia
Klik Pembayaran dengan POS Indonesia
Pastikan pesanan benar pada halaman pembayaran
Klik Tata Cara Pembayaran untuk mengetahui lebih detail mengenai pembayaran menggunakan POS Indonesia.
Selanjutnya Kunjungi POS Indonesia Terdekat
Bayar di kasir POS Indonesia
Tunjukan Kode Pembayaran pada kasir (dapat dilihat pada daftar pembelian dan dikirimkan melalui email)
Lakukan pembayaran sesuai dengan nominal transasksi di invoice
Lakukan konfirmasi pembayaran dengan meng-upload bukti pembayaran
Pembayaran melalui POS Indonesia telah selesai
Paket belajar Ruangguru akan langsung aktif setelah pembayaran selesai dilakukan. Jika terdapat kesulitan, hubungi layanan pelanggan Ruangguru di 0815-7820-000
E-Wallet
Pembayaran terhubung langsung dengan aplikasi e-wallet kamu
Pembayaran via GoPay
Klik Bayar dengan GoPay
Aplikasi Gojek akan terbuka
Periksa rincian pembayaran Anda lalu klik Pay
Transaksi telah selesai
Pembayaran via DANA
Untuk melakukan pembayaran dengan DANA, pastikan kamu memilih metode pembayaran DANA dan mendapatkan pop up notifikasi pembayaran
Masukan nomor telepon yang menjadi DANA ID kamu
Masukan pin DANA kamu untuk mengonfirmasi pembayaran
Pastikan pembayaran yang tertera sesuai dengan harga paket yang kamu beli
Lakukan pembayaran dengan klik “Pay” pada laman pembayaran
Paket belajar Ruangguru akan langsung aktif setelah pembayaran selesai dilakukan. Jika terdapat kesulitan, hubungi layanan pelanggan Ruangguru di 0815-7820-000
Pembayaran via LinkAja!
Setelah memilih metode pembayaran LinkAja!, kamu akan diarahkan ke halaman LinkAja! untuk melanjutkan pembayaran
Masukkan nomor handphone kamu yang terdaftar untuk akun LinkAja! dan 6 digit PIN
Klik Continue untuk diarahkan ke halaman Payment Verification
Masukkan 6 digit kode verifikasi yang dikirimkan melalui SMS
Klik Pay
Pembayaran telah berhasil
Pembayaran Instan
Gunakan sistem online banking untuk menyelesaikan pembayaran
BRI mobile
Tekan Bayar Sekarang dan ke BRImo
Masuk ke akun BRImo kamu
Ikuti instruksi pembayaran dan selesaikan pembayaran
Pembayaran kamu akan diproses secara online dan saldomu akan dipotong secara otomatis
Transaksi akan dibatalkan apabila tidak ada pembayaran dalam 2 jam
Danamon Online Banking
Pembayaran melalui Danamon Online Banking harus diselesaikan di website Danamon
Pastikan kamu telah memiliki User ID Danamon Online Banking sebelum melakukan pembayaran
Masukkan User ID dan Password Danamon Online Banking kamu dan pilih sumber rekening untuk pembayaran
Cek rincian informasi transaksi, masukkan Kode Token , lalu tekan Lanjut
Konfirmasi transaksi pembayaran akan muncul, pembayaran selesai Simpan informasi referensi merchant dan referensi pembayaran, tekan Lanjut untuk kembali ke situs merchant
Simpan informasi referensi merchant dan referensi pembayaran, tekan Lanjut untuk kembali ke situs merchant
Mandiri ClickPay
Pastikan paket yang kamu pesan sudah benar
Aktifkan Mandiri token kamu dengan menekan (tombol merah)
Masukan password Mandiri token kamu
Tekan 3 ketika Mandiri token menampilkan APPLI
Masukkan Input 1 dan tekan (tombol merah) selama 3 detik
Masukkan Input 2 dan tekan (tombol merah) selama 3 detik
Masukkan Input 3 dan tekan (tombol merah) selama 3 detik
Masukkan kode yang dihasilkan Mandiri token ke kolom Masukan Challenge token
Kartu Kredit/Kartu Debit (Bayar Penuh)
Lunasi pembayaran sekaligus di awal dengan praktis
VISA/MasterCard/JCB/American Express
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
Kartu Kredit (Bayar Cicilan)
Lunasi pembayaran secara berkala
Bank BNI
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
Bank Mandiri
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
Bank BRI
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
Bank MAYAPADA
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
OCBC NISP
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
Bank BCA
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
digibank by DBS
Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV
Klik Bayar Sekarang
Yang sering ditanyakan

Apa fungsi landing page ini?
Landing page Employee Discount Program by Ruangguru ini berfungsi untuk memudahkan anda mencari paket belajar yang sesuai dengan kebutuhan anda dengan harga khusus untuk karyawan.
Bagaimana cara memilih paket belajar yang sesuai dengan kebutuhan saya?
Anda dapat memilih category dan jenjang kelas atau jenjang paket yang sesuai, kemudian bisa dipilih produk dan paket belajar yang dibutuhkan.
Apakah paket belajar hanya tersedia untuk anak sekolah?
Paket belajar yang tersedia dapat digunakan untuk anak - anak dari usia 4 tahun hingga dewasa dengan usia di atas 18 tahun. Tersedia paket belajar untuk dewasa dengan usia di atas 18 tahun atau paket belajar umum, seperti paket belajar English Academy, Schoters, ataupun Ruangguru Privat.
Apakah harga yang tertera pada invoice pembayaran sudah harga promo?
Harga yang tertera pada invoice pembayaran sudah harga promo dan anda tidak perlu menginput kode diskon lagi.
Apakah saya dapat membagikan kode diskon ini kepada orang lain?
Penggunaan kode diskon ini dapat digunakan untuk karyawan dan keluarga karyawan
Apakah ada batasan berapa kali bisa melakukan proses pembelian produk Ruangguruu dengan menggunakan voucher Employee Discount Program?
Tidak ada batasan dalam penggunaan atau pembelian produk Ruangguru untuk program Employee Discount Program ini
Saya sudah menghubungi tim telesales tetapi belum ada respon, saya harus menghubungi siapa?
Apabila anda sudah menghubungi tim telesales tetapi belum ada respon lebih dari 1x24 jam, maka anda dapat menghubungi kami melalui email payroll@ruangguru.com agar kami dapat membantu untuk proses follow up lebih lanjut
Apabila saya mengalami kendala dalam proses pembelian paket belajar ini, saya dapat menghubungi siapa?
Apabila Anda memiliki kendala klaim untuk produk Employee Discount Program seperti ruangbelajar, English Academy, Brain Academy Online & Offline, Ruangguru Privat, Alta School, kursus Ruangguru for Kids, Kalananti, dan Schoters, Silakan ajukan technical issue kamu ke email payroll@ruangguru.com
<html class="no-js" lang="id">
  <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="description" content="Belajar konsep, ngerjain PR, latihan soal, dan curhat pelajaran dengan Aurora dan Orion, siap 24 jam. Daftar Sekarang!" />
    <title>Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru</title>
    <link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />

    <meta property="og:description" content="Belajar konsep, ngerjain PR, latihan soal, dan curhat pelajaran dengan Aurora dan Orion, siap 24 jam. Daftar Sekarang!" />
    <meta property="og:title" content="Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru" />
    <meta name="twitter:description" content="Belajar konsep, ngerjain PR, latihan soal, dan curhat pelajaran dengan Aurora dan Orion, siap 24 jam. Daftar Sekarang!" />
    <meta name="twitter:title" content="Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru" />

    <!-- note: will be disabled when go live -->
    <meta name="robots" content="noindex, nofollow" />

    <link rel="preconnect" href="https://cdn-web-2.ruangguru.com" />

    <link rel="canonical" href="https://www.ruangguru.com/program/employee-benefit" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
    <script>
      document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
    </script>
    <meta name="publisher" content="PT Ruang Raya Indonesia" />

    <!-- Google Tag Manager -->
    <script>
      (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
    </script>
    <!-- End Google Tag Manager -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
    <script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>

    <link
      rel="stylesheet"
      href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/live.skillacademy.com/hs-fs/hub/2828691/hub_generated/template_assets/90363693367/1667460957340/slick1.9.0-slick-theme.min.css"
    />
    <link
      rel="stylesheet"
      href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
    />

    <script src="https://form.ruangguru.com/form/embed.min.js"></script>
    <script src="https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js"></script>

    <script>
      $(document).ready(function () {
        // note: enabled when there is a form attached
        // $("#targetForm").create_form({
        //   formHost: "https://form.ruangguru.com",
        //   formSerial: "MARFRG14353",
        //   buttonWording: "Dapatkan Penawaran Spesial",
        //   onFormReady: function() {
        //     var $select = $('#reward_form_submission_submission_data_ea_plan');
        //     $('a[href="#business"]').click(function () {
        //         $select.val( $(this).data('select') );
        //     });
        //   },
        // });
      });
    </script>

    <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/program/employee-benefit" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta http-equiv="content-language" content="id" />

    <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=Plus+Jakarta+Sans:wght@700&display=swap');
      .page-center {
        float: none !important;
        margin: 0 auto !important;
        max-width: 1200px !important;
        width: 90% !important;
      }
      .secondary-cta {
        border-radius: 9999px;
        background: var(--prop-action-secondary-secondary-default, #fff);
        display: flex;
        width: 260px;
        height: 52px;
        padding: 0px 16px 0px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border: none;
        color: var(--color-text-text-ink, #2c313a);
        text-align: center;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
      }
      .display-none {
        display: none !important;
      }
      /* section hero */
      .hero-image {
        width: 400px;
      }
      .section-main-title {
        color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
        font-family: Inter;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: -0.2px;
      }
      .section-desc {
        color: var(--color-text-text-subtle, #e8ecf4);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.18px;
      }
      section.hero {
        background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/a989599d-f332-4dff-a0fb-a4fc2e25ef56.png),
          url(https://cdn-web-2.ruangguru.com/landing-pages/assets/dc17997c-bde5-45c5-bbc2-5e4a7c245169.png), linear-gradient(235deg, #2196f3 -12.59%, #20a4b0 112.59%);
        background-repeat: no-repeat;
        background-size: 200px, 200px, auto;
        background-position:
          left bottom,
          top right,
          center;
      }
      .container--hero {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        gap: 32px;
        margin-top: 5rem;
      }
      .hero-right-content .secondary-cta {
        margin-top: 2rem;
      }
      .package button {
        margin-top: 1.5rem;
      }
      @media (max-width: 767px) {
        .container--hero {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          margin-top: 4rem;
          gap: 12px;
          padding-top: 2rem;
        }

        .hero-image {
          width: 250px;
        }

        .section-main-title {
          color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
          text-align: center;
          font-family: Inter;
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 30px; /* 125% */
          letter-spacing: -0.12px;
          width: 80%;
          margin-bottom: 1rem;
        }

        .section-desc {
          color: var(--color-text-text-subtle, #e8ecf4);
          text-align: center;
          font-family: Inter;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 22px;
        }

        .secondary-cta {
          color: var(--color-text-text-ink, #2c313a);
          text-align: center;
          font-family: Inter;
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: 22px;
          display: flex;
          width: 260px;
          height: 44px;
          padding: 0px 16px 0px 24px;
          justify-content: center;
          align-items: center;
          gap: 8px;
        }

        .hero-right-content {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding-bottom: 2rem;
        }

        .package-header {
          width: 100%;
        }

        .package-card--container {
          width: 100%;
        }

        .container-steps-list {
          display: flex;
          flex-direction: column;
          gap: 1rem;
        }

        .tab {
          border: none;
          background: none;
          min-width: 28%;
          position: relative;
          z-index: 3;
        }

        .tabs {
          width: 100%;
          overflow: auto;
          display: flex;
          flex-direction: row;
        }
      }
      /* section Footer */
      .font-bold {
        font-weight: 700;
      }
      .font-white {
        color: #fff !important;
      }
      .font-semi-bold {
        font-weight: 600;
      }
      .center {
        text-align: center;
      }
      .footer {
        background: #050f31 !important;
        overflow: hidden;
      }
      .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 {
        margin: 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 {
          margin-bottom: 1.25rem;
        }
      }
      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--appstore,
      .sec-app__content--gplay,
      .sec-app__content--huawei {
        background: #000;
        border: 1px solid #fff;
        border-radius: 8px;
      }
      @media (min-width: 768px) and (max-width: 1024px) {
        .footer-address {
          line-height: 22px;
          padding: 0 20%;
        }

        .sec-app__content {
          display: flex !important;
          gap: 12px !important;
          justify-content: center;
          width: 100% !important;
        }
      }
      @media (min-width: 1024px) {
        .sec-app__content--appstore,
        .sec-app__content--gplay,
        .sec-app__content--huawei {
          width: 160px;
        }
      }
      @media (max-width: 1024px) {
        .footer-socmed {
          width: 100%;
        }
      }
      .btn-header-free-trial {
        display: flex;
        height: 44px;
        padding: 0px 16px;
        justify-content: center;
        align-items: center;
        border-radius: 9999px;
        border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
        background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
        color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
      }
      .slick-disabled {
        opacity: 0.5;
      }
      @media (max-width: 1024px) {
        .container-ruangguru-header {
          padding: 10px 0;
        }
      }
      a {
        text-decoration: none !important;
      }
      .content-b12d010c,
      .content-4ea6b4ec,
      .content-c079fb2e {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .wrapper--lottie-hero {
        position: relative;
        width: auto;
      }
      .box-shadow-lottie-hero {
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(6, 18, 60, 0) 95.28%, #050f31 100%);
        position: absolute;
        z-index: 3;
      }
      section.package {
        background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/24ef1616-a457-4e72-b4ae-f4e1b3d322f4.png), linear-gradient(180deg, #edf7f8 50%, #c7edf0 100%);
        background-size: cover, 100%;
        padding: 3rem 0;
      }
      h2.section-subtitle {
        color: var(--color-text-text-ink, #2c313a);
        text-align: center;
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        letter-spacing: -0.14px;
      }
      .section-subdesc {
        color: var(--color-text-text-neutral, #5e677b);
        text-align: center;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
      }
      .wrapper--class-option {
        width: 328px;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        border-radius: 12px;
        border: 1px solid var(--color-border-border-subtle, #dadfea);
        background: var(--color-background-bgsolid-bgsolid-invert, #fff);
        cursor: pointer;
      }
      .wrapper-option-label {
        display: flex;
        gap: 8px;
        align-items: center;
      }
      .container--package {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .class-option-label {
        overflow: hidden;
        color: var(--color-text-text-ink, #2c313a);
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin: 0;
      }
      /* section step */
      section.steps {
        padding: 3rem 0;
      }
      .step-number {
        width: 32px;
        height: 32px;
        display: flex;
        padding: var(--size-spacing-spacing-default, 4px) var(--size-spacing-spacing-md, 8px);
        flex-direction: column;
        align-items: center;
        border-radius: 100px;
        background: var(--color-base-base-primary, #20a4b0);
        color: var(--color-text-text-invert, #fff);
        text-align: center;

        /* mobile/subtitle/md */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        justify-content: center;
        z-index: 3;
      }
      .step-label {
        color: var(--color-text-text-ink, #2c313a);
        text-align: center;

        /* desktop/title/lg */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.09px;
        margin: 0;
      }
      .step-card {
        color: var(--color-text-text-neutral, #5e677b);
        text-align: center;

        /* desktop/body/regular/md */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        margin: 0;
        padding: 0 2.5rem;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
      }
      .step-card--wrapper {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        width: 33%;
        position: relative;
      }
      .container--steps-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 24px;
        margin-top: 2rem;
      }
      .step-border {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #85d7df;
        left: 50%;
        top: 1rem;
        z-index: 1;
      }
      /* faq */
      section.faq {
        background: var(--K12-Homepage-Theme-Background-Gradient-Accent, linear-gradient(135deg, #20a4b0 0%, #2196f3 100%));
      }
      h2.faq-title {
        color: var(--color-text-text-invert, #fff);
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        letter-spacing: -0.14px;
        text-align: center;
      }
      .accordion-subject {
        align-items: center;
        display: grid;
        grid-template-columns: 1fr 0.1fr;
        justify-content: center;
        border-radius: 12px;
        border: 1px solid var(--color-border-border-neutral, #959dac);
      }
      .accordion-img {
        align-items: center;
        display: flex;
        justify-content: flex-end;
      }
      .accordion2,
      .accordion3 {
        border: none;
        cursor: pointer;
        outline: none;
        text-align: left;
        transition: 0.4s;
        width: 100%;
      }
      .container-acc2 {
        background-color: #fff;
        border: none;
        border-radius: 12px;
        margin-bottom: 1rem;
      }
      .panel2 {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.1s ease-out;
      }
      .aktif,
      .minus {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      .accordion-subject_img {
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        -ms-transition: -ms-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
      }
      .rotate-arrow {
        justify-content: flex-start;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      .accordion-text p {
        color: #2c313a;
        margin-bottom: 0;
        font-weight: 700;
      }
      .faq-content_accordion {
        width: 720px;
        margin: 3rem auto auto;
      }
      .accordion2.active .accordion-subject,
      .accordion3.active .accordion-subject {
        border-bottom: dashed 1px #cfd3db;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
      }
      .panel-faq {
        border-radius: 0 0 12px 12px;
        border-left: 1px solid #959dac;
        border-bottom: 1px solid #959dac;
        border-right: 1px solid #959dac;
      }
      .panel-faq li,
      .panel-faq p {
        margin-bottom: 0;
        color: #5e677b;
        opacity: 0.8;
      }
      /* modal */
      .modal-overlay {
        background: rgba(28, 32, 57, 0.8);
        height: 100%;
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        transition: opacity 0.5s ease-out;
        width: 100%;
        z-index: 101;
      }
      .modal-package .modal-content {
        background: #fff;
        border-radius: 1rem;
        margin: auto;
        padding: 1rem;
      }
      .modal-option .modal-content > * + * {
        margin-top: 1rem;
      }
      .modal-package .modal-content > * + * {
        margin-top: 0.75rem;
      }
      .modal-package-title {
        align-items: center;
        display: flex;
        justify-content: center;
      }
      .modal-package-title p {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        margin: 0;
      }
      @media (min-width: 768px) {
        /* faq */
        .accordion-text p,
        .panel-faq li,
        .panel-faq p {
          font-size: 16px;
          line-height: 24px;
        }

        .font-desc-faq {
          float: none;
          font-size: 18px;
          line-height: 22px;
          margin: auto;
          max-width: 45%;
          padding: 2rem 0 0;
        }

        .faq {
          padding: 3rem 0 4rem;
        }

        .faq-cta {
          padding: 1rem 0;
          width: 22%;
        }

        .accordion-subject {
          padding: 1rem 1.5rem;
        }

        .accordion-img img {
          height: 1rem;
          width: 1rem;
        }

        .active .accordion-img img {
          transform: rotate(180deg);
        }

        .panel-faq {
          padding: 0.5rem 3rem 1.5rem 1.5rem;
        }

        .panel-faq p {
          padding: 0 0 0.5rem;
        }

        .panel-faq ul {
          padding: 0 0 1rem 1.5rem;
        }
      }
      @media (max-width: 1024px) {
        /* hero */
        .box-shadow-lottie-hero {
          display: none;
        }
      }
      .modal-option .modal-content {
        width: 700px;
        margin: 4rem auto auto;
      }
      .modal-header-title {
        overflow: hidden;
        color: var(--color-text-text-ink, #2c313a);
        text-overflow: ellipsis;

        /* 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;
      }
      .modal-option-title {
        display: flex;
        padding: 16px;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        justify-content: space-between;
        border-bottom: dashed 1px #959dac;
      }
      .modal-close {
        background: none;
        border: none;
      }
      .cta-class-pop,
      .cta-grade-pop {
        border-radius: 9999px;
        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; /* 157.143% */
        padding: 8px 12px;
      }
      .cta-class-pop {
        margin-bottom: 12px;
      }
      .cta-class-pop.active,
      .cta-grade-pop.active {
        border-radius: 9999px;
        border: 1px solid var(--color-border-border-info, #2196f3);
        background: var(--color-background-bgsubtle-bgsubtle-info, #e0eefa);
        color: var(--color-text-text-info, #1480d8);
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; /* 157.143% */
      }
      div#grade-list {
        display: flex;
        gap: 16px;
      }
      .modal-option-body {
        padding: 16px;
      }
      .modal-subtitle-label {
        overflow: hidden;
        color: var(--color-text-text-neutral, #5e677b);
        text-overflow: ellipsis;

        /* desktop/subtitle/md */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        margin-top: 1rem;
      }
      .cta {
        width: 100%;
        margin-top: 1rem;
        display: flex;
        height: var(--size-size-52, 52px);
        padding: var(--size-spacing-spacing-none, 0px) var(--size-spacing-spacing-xl, 16px);
        justify-content: center;
        align-items: center;
        gap: var(--size-spacing-spacing-none, 0px);
        border-radius: var(--size-radius-rad-full, 9999px);
        background: var(--prop-action-primary-primary-default, #f26d0f);
        border: none;
        color: var(--color-text-text-invert, #fff);
        text-align: center;

        /* desktop/button/md */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
      }
      .container-cta-class {
        gap: 16px;
      }
      .container--package-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px;
        margin-top: 2rem;
      }
      .package-header {
        display: flex;
        width: 320px;
        height: 140px;
        padding: var(--size-spacing-spacing-none, 0px) var(--size-spacing-spacing-none, 76.5px) var(--size-spacing-spacing-none, 0px) var(--size-spacing-spacing-none, 76px);
        justify-content: center;
        align-items: center;
        border-radius: 16px 16px 0 0;
      }
      .package-card--container {
        width: 320px;
        background: #fff;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        height: fit-content;
      }
      .package-body {
        padding: 16px;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
      }
      .package-title {
        color: var(--color-text-text-ink, #2c313a);
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 155.556% */
        letter-spacing: -0.09px;
      }
      .package-desc {
        color: var(--color-text-text-neutral, #5e677b);

        /* desktop/body/regular/sm */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
      }
      .package-item-list {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .package-item-label {
        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% */
        margin: 0;
      }
      .price-detail-normal {
        color: var(--color-text-text-neutral, #5e677b);
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        margin: 0;
      }
      .price-detail-normal span {
        text-decoration-line: line-through;
      }
      .discount-amount-label {
        display: flex;
        height: 30px;
        padding: var(--size-spacing-spacing-default, 4px) 8px;
        align-items: center;
        gap: var(--size-spacing-spacing-none, 0px);
        border-radius: var(--size-radius-rad-default, 4px);
        background: var(--prop-pallete-subtle-subtle-red, #f8e1e2);
        color: var(--color-text-text-critical, #cd1924);

        /* desktop/label/sm */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; /* 157.143% */
        margin: 0;
      }
      .final-price {
        color: var(--color-text-text-highlight, #cd1924);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
        margin: 0;
      }
      .discounted-details {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .price-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 12px;
      }
      .package-detail-list--wrapper {
        height: 180px;
        overflow: auto;
      }
      .package .cta {
        margin-top: 0;
      }
      .package-detail-list {
        height: 140px;
        overflow: auto;
      }
      #services_item {
        left: 12rem !important;
      }
      .step-image {
        border-radius: 16px;
        border: 1px solid var(--color-base-base-primary, #20a4b0);
        background: #fff;
        width: 168px;
      }
      .web {
        display: flex;
      }
      .mobile {
        display: none;
      }
      .cp-item-title p {
        font-family: Inter;
        font-style: normal;
        font-weight: 700;
        color: #424242;
        font-size: 20px;
        line-height: 24px;
        padding-top: 1.5rem;
      }
      .cp-content .faq-content_accordion {
        width: 100%;
      }
      .subtitle-pembayaran {
        color: var(--color-text-text-ink, #2c313a);
        text-align: center;
        font-family: Inter;
        font-size: 24px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 36px !important;
        letter-spacing: -0.14px;
      }
      .cp-item-title {
        padding-bottom: 0.5rem;
      }
      @media (max-width: 767px) {
        .web {
          display: none;
        }

        .mobile {
          display: flex;
        }

        .container--package-list {
          display: grid;
          grid-template-columns: 1fr;
        }

        section.faq {
          padding: 2rem 0;
        }

        .faq-content_accordion {
          width: 100%;
          margin: 1rem auto auto;
        }

        .accordion-subject {
          padding: 12px;
        }

        .panel-faq {
          padding: 12px;
        }

        h2.section-subtitle {
          color: var(--color-text-text-ink, #2c313a);
          text-align: center;

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

        .modal-option .modal-content {
          width: 100%;
        }

        .wrapper-step_button {
          z-index: 3;
          position: relative;
        }

        div#grade-list {
          flex-wrap: wrap;
        }

        .step-border {
          left: 2rem;
        }
      }
    </style>
    <script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/program/employee-benefit/assets/index-pkJInq9j.js"></script>
  </head>
  <body style="margin: 0px">
    <nav class="ruangguru-header">
      <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/sa/camp/icon/hamburger.png?h=20" alt="Dropdown Navigation Icon" />
            </div>
            <a href="https://www.ruangguru.com/">
              <div class="logo-header">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
              </div>
            </a>
          </div>
          <div class="navigation__content">
            <div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
              <a>Produk</a>
            </div>
            <div class="navig-dropdown-area closed" id="produk_item">
              <!-- ruangbelajar  -->
              <a 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 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 Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
                </div>
              </a>
              <!-- roboguru -->
              <a 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" width="125" alt="Logo roboguru" loading="lazy" />
                  </div>
                  <p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
                </div>
              </a>
              <!-- roboguru plus -->
              <a 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 ruanglesonline" loading="lazy" />
                  </div>
                  <p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
                </div>
              </a>
              <!-- ruangles  -->
              <a 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>
              <!-- EA  -->
              <a 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/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp" alt="Logo English Academy" loading="lazy" />
                    <div class="ribbon-wrapper-new">
                      <div class="glow-new">&nbsp;</div>
                    </div>
                  </div>
                  <p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
                </div>
              </a>
              <!-- dafalulu -->
              <a 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/Produk/logo-dafa-lulu-new.png?convert=webp&amp;height=44&amp;name=logo-dafa-lulu-new.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>
              <!-- rg for kids  -->
              <a 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-ruangguru-forkids.png?convert=webp&amp;width=100&amp;name=logo-ruangguru-forkids.png"
                      alt="Logo For Kids"
                      width="100"
                      loading="lazy"
                      srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
                      sizes="(max-width: 100px) 100vw, 100px"
                    />
                  </div>
                  <p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
                </div>
              </a>
              <!-- ruanguji  -->
              <a 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>
              <!-- ruangkelas  -->
              <a 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>
              <!-- SA  -->
              <a 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>
              <!-- ruangkerja  -->
              <a target="_blank" href="https://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>
            </div>
          </div>
          <div class="navigation__right">
            <div class="button-langganan-cta"></div>
          </div>
        </div>
      </div>
    </nav>

    <section class="hero">
      <div class="page-center">
        <div class="container--hero">
          <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0d47c1e4-47e1-4c20-9944-c94e2300e057.png?convert=web" class="hero-image" />
          <div class="hero-right-content">
            <h1 class="section-main-title">Employee Discount Program by Ruangguru</h1>
            <p class="section-desc">Dapatkan potongan harga khusus untuk employee partner, berlaku untuk program unggulan Ruangguru</p>
            <a href="#program-list">
              <button class="secondary-cta">
                Lihat Produk Tersedia
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bcff3d94-f638-4f08-9a99-14daa7dcc68f.svg" class="download-icon" />
              </button>
            </a>
          </div>
        </div>
      </div>
    </section>

    <section class="package">
      <div class="page-center">
        <div class="container--package" id="program-list">
          <h2 class="section-subtitle">Berbagai program pembelajaran di Ruangguru</h2>
          <p class="section-subdesc">Pilih program belajar yang cocok buat kamu atau keluargamu!</p>
          <div class="wrapper--class-option class-option">
            <div class="wrapper-option-label">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/71245448-cf99-4df4-b184-de5b61fec86b.svg" alt="class-option-icon" />
              <p class="class-option-label">Kelas 12 SMA</p>
            </div>
            <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="M12.0002 16C11.7442 16 11.4883 15.902 11.2933 15.707L6.29325 10.707C5.90225 10.316 5.90225 9.68401 6.29325 9.29301C6.68425 8.90201 7.31625 8.90201 7.70725 9.29301L12.0002 13.586L16.2933 9.29301C16.6842 8.90201 17.3162 8.90201 17.7072 9.29301C18.0982 9.68401 18.0982 10.316 17.7072 10.707L12.7073 15.707C12.5122 15.902 12.2562 16 12.0002 16Z"
                fill="#5E677B"
              />
            </svg>
          </div>
          <div class="border-option-gray"></div>
          <div class="container--package-list"></div>
          <button class="see-more secondary-cta">Lihat Lebih Banyak</button>
          <button class="see-less secondary-cta display-none">Lihat Lebih Sedikit</button>
        </div>
      </div>
    </section>

    <section class="steps">
      <div class="page-center">
        <div class="container--steps">
          <h2 class="section-subtitle">Langkah Pembelian Paket Belajar Online</h2>
          <div class="container--steps-list web">
            <div class="step-card--wrapper">
              <div class="step-number">1</div>
              <div class="step-border"></div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d8e93241-ad32-4dbc-a5c3-7dde71daecb4.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Masuk ke Landing Page</p>
                <p class="step-desc">
                  ketik URL
                  <a href="https://www.ruangguru.com/program/employee-benefit" target="_blank">ruangguru.com/program/employee-benefit</a>
                </p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">2</div>
              <div class="step-border"></div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b45b8680-3e18-4185-9d48-cd08491cae3a.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Pilih Paket Belajar yang sesuai</p>
                <p class="step-desc">Pilih kelas yang sesuai dengan jenjang kelas kamu</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">3</div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/485eed16-a36a-4bc2-a582-706f220df9b1.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Pilih paket belajar yang sesuai</p>
                <p class="step-desc">Pilih paket belajar sesuai dengan kebutuhan kamu</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">4</div>
              <div class="step-border"></div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4ccffef0-9144-4989-8a72-fc119c181f0f.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Pilih Paket Belajar yang sesuai</p>
                <p class="step-desc">Pilih Lihat Paket untuk melihat pilihan paket lainnya secara lebih detail</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">5</div>
              <div class="step-border"></div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6050cf95-5bf7-400f-804a-edb39cc61fb4.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Pilih Paket yang kamu inginkan</p>
                <p class="step-desc">Pilih paket langganan yang kamu inginkan dan kemudian akan lanjut ke proses pembayaran</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">6</div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1f33f0fc-ed26-4387-9494-6298c56d93c0.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Pilih Metode Pelunasan</p>
                <p class="step-desc">Pilih salah satu metode pelunasannya., untuk kode diskon sudah otomatis muncul. Klik Beli untuk lanjut</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">7</div>
              <div class="step-border"></div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9d7c5cd1-9f95-4dbd-84c8-81a9f3783550.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Detail Pemesanan Paket</p>
                <p class="step-desc">Kamu akan diarahkan ke detail pemesanan paket di halaman Draft Invoice. Selanjutnya, klik Pilih Metode Bayar</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">8</div>
              <div class="step-border"></div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ce831e5b-e4d1-4b7a-8cbc-56d3e8872599.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Pilih Metode Pembayaran</p>
                <p class="step-desc">Pilih metode pembayaran yang kamu inginkan</p>
              </div>
            </div>
            <div class="step-card--wrapper">
              <div class="step-number">9</div>
              <div class="step-card">
                <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/770566ae-eb91-4694-84ee-5edb6303884f.png?convert=webp" loading="lazy" alt="employee benefit step" />
                <p class="step-label">Mendapatkan Invoice</p>
                <p class="step-desc">Kamu akan mendapatkan invoice yang berisi metode pembayaran yang kamu pilih dan jumlah yang harus dibayar</p>
              </div>
            </div>
          </div>
          <div class="container-steps-list mobile">
            <div class="tabs tabs-tab">
              <button class="tab active" data-tab="tab1-1" data-option="1">
                <div class="wrapper-step_button">
                  <div class="step-number">1</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab" data-tab="tab1-2" data-option="2">
                <div class="wrapper-step_button">
                  <div class="step-number">2</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab" data-tab="tab1-3" data-option="3">
                <div class="wrapper-step_button">
                  <div class="step-number">3</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab active" data-tab="tab1-4" data-option="4">
                <div class="wrapper-step_button">
                  <div class="step-number">4</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab" data-tab="tab1-5" data-option="5">
                <div class="wrapper-step_button">
                  <div class="step-number">5</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab" data-tab="tab1-6" data-option="6">
                <div class="wrapper-step_button">
                  <div class="step-number">6</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab active" data-tab="tab1-7" data-option="7">
                <div class="wrapper-step_button">
                  <div class="step-number">7</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab" data-tab="tab1-8" data-option="8">
                <div class="wrapper-step_button">
                  <div class="step-number">8</div>
                  <div class="step-border"></div>
                </div>
              </button>
              <button class="tab" data-tab="tab1-9" data-option="9">
                <div class="wrapper-step_button">
                  <div class="step-number">9</div>
                </div>
              </button>
            </div>
            <div class="tabs-content">
              <div class="tab-content tabs-detail active" id="tab1-1" data-value="1">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d8e93241-ad32-4dbc-a5c3-7dde71daecb4.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Masuk ke LP EDP</p>
                  <p class="step-desc">Ketik URL LP EDP by Ruangguru</p>
                </div>
              </div>
              <div class="tab-content tabs-detail" id="tab1-2" data-value="2">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b45b8680-3e18-4185-9d48-cd08491cae3a.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Pilih produk yang cocok</p>
                  <p class="step-desc">Pilih kelas yang sesuai dengan jenjang kelas kamu</p>
                </div>
              </div>
              <div class="tab-content tabs-detail" id="tab1-3" data-value="3">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/485eed16-a36a-4bc2-a582-706f220df9b1.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Pilih paket belajar yang sesuai</p>
                  <p class="step-desc">Pilih paket belajar sesuai dengan kebutuhan kamu</p>
                </div>
              </div>

              <div class="tab-content tabs-detail" id="tab1-4" data-value="4">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4ccffef0-9144-4989-8a72-fc119c181f0f.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Pilih Paket Lain</p>
                  <p class="step-desc">Pilih Lihat Paket untuk melihat pilihan paket lainnya secara lebih detail</p>
                </div>
              </div>

              <div class="tab-content tabs-detail" id="tab1-5" data-value="5">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6050cf95-5bf7-400f-804a-edb39cc61fb4.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Pilih Paket yang kamu inginkan</p>
                  <p class="step-desc">Pilih paket langganan yang kamu inginkan dan kemudian akan lanjut ke proses pembayaran</p>
                </div>
              </div>

              <div class="tab-content tabs-detail" id="tab1-6" data-value="6">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1f33f0fc-ed26-4387-9494-6298c56d93c0.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Pilih Metode Pelunasan</p>
                  <p class="step-desc">Pilih salah satu metode pelunasannya., untuk kode diskon sudah otomatis muncul. Klik Beli untuk lanjut</p>
                </div>
              </div>

              <div class="tab-content tabs-detail" id="tab1-7" data-value="7">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9d7c5cd1-9f95-4dbd-84c8-81a9f3783550.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Detail Pemesanan Paket</p>
                  <p class="step-desc">Kamu akan diarahkan ke detail pemesanan paket di halaman Draft Invoice. Selanjutnya, klik Pilih Metode Bayar</p>
                </div>
              </div>

              <div class="tab-content tabs-detail" id="tab1-8" data-value="8">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ce831e5b-e4d1-4b7a-8cbc-56d3e8872599.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Pilih Metode Pembayaran</p>
                  <p class="step-desc">Pilih metode pembayaran yang kamu inginkan</p>
                </div>
              </div>

              <div class="tab-content tabs-detail" id="tab1-9" data-value="9">
                <div class="step-card">
                  <img class="step-image" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/770566ae-eb91-4694-84ee-5edb6303884f.png?convert=webp" loading="lazy" alt="employee benefit step" />
                  <p class="step-label">Mendapatkan Invoice</p>
                  <p class="step-desc">Kamu akan mendapatkan invoice yang berisi metode pembayaran yang kamu pilih dan jumlah yang harus dibayar</p>
                </div>
              </div>
            </div>
          </div>
          <div class="faq-content_accordion">
            <div class="accordion-faq">
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p class="subtitle-pembayaran">Cara beli paket belajar Online melalui Telesales</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>Untuk beberapa paket belajar, seperti Schoters, Kalananti, dan Ruangguru Privat untuk kelas offline proses pembelian produk akan melalui tim telesales</p>
                    <ol>
                      <li>Ketik urlLP EDP by Ruangguru</li>
                      <li>Pilih kelas yang sesuai dengan jenjang kelas kamu</li>
                      <li>Pilih paket belajar sesuai dengan kebutuhan kamu</li>
                      <li>Pilih Lihat Paket untuk dapat terhubung langsung dengan tim telesales</li>
                      <li>Kamu dapat bertanya secara detail terkait proses pembelajaran yang akan dilakukan</li>
                      <li>Apabila sudah clear dengan proses pemilihan paket, akan diarahkan untuk mengisi Gform konfirmasi pembelian paket belajar</li>
                      <li>Tim telesales akan mengirimkan invoice dan link pembayaran melalui pesan Whatsapp</li>
                      <li>Dapat melakukan proses pembayaran dengan metode pembayaran yang diinginkan</li>
                      <li>Proses pembayaran selesai, selanjutnya kamu akan dihubungi oleh Student Advisor untuk proses onboarding</li>
                    </ol>
                  </div>
                </div>
              </div>
            </div>

            <div class="accordion-faq">
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p class="subtitle-pembayaran">Cara pembayaran paket belajar online di website Ruangguru</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <div class="cp-item-list">
                      <!-- Minimarket -->
                      <div class="cp-item-title">
                        <p>Minimarket</p>
                        <span>Transaksi bisa langsung diselesaikan di cabang minimarket terdekat</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_indomaret.png" alt="logo" />
                                    <p>Pembayaran via Indomaret</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Setelah melakukan konfirmasi pembayaran, kamu akan diberikan Kode Pembayaran yang unik</li>
                                    <li aria-level="1">
                                      Salinlah Kode Pembayaran kamu dan jumlah pembayaran yang akan dibayarkan. Jangan Khawatir, kami juga akan mengirimkan salinan Kode Pembayaran dan Instruksi
                                      Pembayaran melalui email
                                    </li>
                                    <li aria-level="1">Pergi ke toko Indomaret terdekat dan berikanlah nomor Kode Pembayaran kamu ke kasir</li>
                                    <li aria-level="1">Kasir Indomaret akan mengkonfirmasi transaksi dengan menanyakan jumlah pembayaran dan nama merchant</li>
                                    <li aria-level="1">Konfirmasikan pembayaranmu ke kasir</li>
                                    <li aria-level="1">Transaksi berhasil! Kamu akan mendapatkan email konfirmasi pembayaran dan simpan struk transaksi Indomaret-mu</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 2 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_alfa-group.png" alt="logo" />
                                    <p>Pembayaran via Alfa Group (Alfamart, Alfamidi, Alfa Express, Lawson, Dandan)</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Catat kode pembayaran pada halaman ini. Kode pembayaran akan kadaluarsa dalam waktu 1x24 jam setelah pemesanan</li>
                                    <li aria-level="1">Datang ke gerai Alfamart Group terdekat (Alfamart, Alfamidi, Alfa Express, Lawson, Dan+Dan)</li>
                                    <li aria-level="1">Beritahukan pembayaran ke kasir sejumlah nominal yang disebutkan</li>
                                    <li aria-level="1">Terima dan simpan struk sebagai bukti pembayaran sudah sukses dilakukan</li>
                                    <li aria-level="1">Transaksi selesai</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- VA -->
                      <div class="cp-item-title">
                        <p>Transfer Virtual Account</p>
                        <span>Dengan kode unik, semuanya jadi cepat</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bri.png" alt="logo" />
                                    <p>Bank BRI Virtual Account</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Catat nomor Virtual Account pada halaman
                                      <b>Pembayaran</b>
                                    </li>
                                    <li aria-level="1">Gunakan ATM BRI untuk menyelesaikan pembayaran</li>
                                    <li aria-level="1">Masukkan kartu ATM BRI, lalu masukkan PIN ATM</li>
                                    <li aria-level="1">
                                      Pilih menu
                                      <b>Transaksi Lain</b>
                                      , kemudian pilih menu
                                      <b>Pembayaran</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih menu
                                      <b>Lainnya</b>
                                      , lalu pilih menu
                                      <b>BRIVA</b>
                                    </li>
                                    <li aria-level="1">
                                      Masukkan nomor Virtual Account dan pilih
                                      <b>Benar</b>
                                    </li>
                                    <li aria-level="1">
                                      Ketika muncul konfirmasi pembayaran, pilih
                                      <b>Ya/Lanjut</b>
                                    </li>
                                    <li aria-level="1">Transaksi selesai dan simpan bukti transaksi</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 2 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bca.png" alt="logo" />
                                    <p>Bank BCA Virtual Account</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan kartu, pilih Bahasa, dan masukkan PIN sesuai petunjuk di layar</li>
                                    <li aria-level="1">
                                      Pada menu utama, pilih
                                      <b>Transaksi Lainnya</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Transfer</b>
                                      dan pilih
                                      <b>Ke Rekening BCA Virtual Account</b>
                                    </li>
                                    <li aria-level="1">
                                      Masukkan nomor
                                      <b>BCA Virtual Account</b>
                                    </li>
                                    <li aria-level="1">
                                      Masukkan jumlah yang harus dibayarkan sesuai tagihan. Periksa kembali dan tekan
                                      <b>Ya</b>
                                      apabila telah sesuai
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 3 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_mandiri.png" alt="logo" />
                                    <p>Bank Mandiri Virtual Account</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Pada menu utama, pilih
                                      <b>Bayar/Beli</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Lainnya</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Multi Payment</b>
                                    </li>
                                    <li aria-level="1">
                                      Masukkan
                                      <b>70012</b>
                                      (kode perusahaan Midtrans), lalu tekan
                                      <b>Benar</b>
                                    </li>
                                    <li aria-level="1">
                                      Masukkan kode pembayaran Anda, lalu tekan
                                      <b>Benar</b>
                                    </li>
                                    <li aria-level="1">
                                      Pada halaman konfirmasi akan muncul detail pembayaran Anda. Jika informasi telah sesuai, tekan
                                      <b>Ya</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 4 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bni.png" alt="logo" />
                                    <p>Bank BNI Virtual Account</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Masukkan kartu, pilih
                                      <b>Bahasa</b>
                                      , dan masukkan PIN sesuai petunjuk di layar
                                    </li>
                                    <li aria-level="1">
                                      Pada menu utama, pilih
                                      <b>Transaksi Lainnya</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Transfer</b>
                                      dan pilih
                                      <b>Dari Rekening Tabungan</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih Ke
                                      <b>Rekening BNI</b>
                                    </li>
                                    <li aria-level="1">Masukkan nomor rekening virtual yang tertera di aplikasi Ruangguru sebagai tujuan transfer</li>
                                    <li aria-level="1">Masukkan nominal transfer sesuai dengan total tagihan transaski di aplikasi Ruangguru</li>
                                    <li aria-level="1">
                                      Cek detail transfer pada layar konfirmasi informasi transfer lalu tekan
                                      <b>Ya</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 5 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_permata-bank.png" alt="logo" />
                                    <p>Bank Permata Bank Virtual Account</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Pada menu utama, pilih
                                      <b>Transaksi Lainnya</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Pembayaran</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Pembayaran Lainnya</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Virtual Account</b>
                                    </li>
                                    <li aria-level="1">
                                      Masukkan 16 digit nomor Virtual Account yang dituju, lalu tekan
                                      <b>Benar</b>
                                    </li>
                                    <li aria-level="1">
                                      Pada halaman konfirmasi transfer akan muncul jumlah yang dibayarkan, nomor rekening, &amp; nama Merchant. Jika informasi telah sesuai, tekan
                                      <b>Benar.</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih rekening pembayaran dan tekan
                                      <b>Benar</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Bank -->
                      <div class="cp-item-title">
                        <p>Transfer Bank</p>
                        <span>Transaksi dengan akhir nominal unik untuk verifikasi otomatis</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bca.png" alt="logo" />
                                    <p>Bank Transfer BCA</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Masukkan kartu, pilih
                                      <b>Bahasa</b>
                                      , dan masukkan PIN sesuai petunjuk di layar
                                    </li>
                                    <li aria-level="1">
                                      Pada menu utama, pilih
                                      <b>Transaksi Lainnya</b>
                                    </li>
                                    <li aria-level="1">
                                      Pilih
                                      <b>Transfer</b>
                                      dan pilih
                                      <b>Ke Rekening BCA</b>
                                    </li>
                                    <li aria-level="1">Masukkan nominal transfer sesuai total tagihan transaksi di aplikasi Ruangguru</li>
                                    <li aria-level="1">Masukkan nomor rekening BCA yang tertera di aplikasi Ruangguru sebagai tujuan transfer</li>
                                    <li aria-level="1">Transaksi selesai dan simpan bukti pembayaran</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Cicilan -->
                      <div class="cp-item-title">
                        <p>Cicilan Tanpa Kartu</p>
                        <span>Bebas masa pilih cicilan sampai 12 bulan</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_akulaku.png" alt="logo" />
                                    <p>Akulaku</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Klik pembayaran dengan Akulaku</li>
                                    <li aria-level="1">Pastikan pesanan benar pada halaman pembayaran</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar sekarang</b>
                                    </li>
                                    <li aria-level="1">Login akun Akulaku kamu</li>
                                    <li aria-level="1">Masukkan nomor telepon serta kata sandi kamu</li>
                                    <li aria-level="1">Bagi yang belum memiliki akun Akulaku, klik tombol Daftar</li>
                                    <li aria-level="1">Lakukan pendaftaran</li>
                                    <li aria-level="1">Setelah terdaftar kamu akan memilki kredit limit</li>
                                    <li aria-level="1">Kredit limit dapat dipakai untuk pembelian produk Ruangguru</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 2 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_kredivo.png" alt="logo" />
                                    <p>Kredivo</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Klik pembayaran dengan Kredivo</li>
                                    <li aria-level="1">Pastikan pesanan benar pada halaman pembayaran</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar sekarang</b>
                                    </li>
                                    <li aria-level="1">Login akun Kredivo kamu</li>
                                    <li aria-level="1">Masukkan nomor telepon serta kata sandi kamu</li>
                                    <li aria-level="1">
                                      Bagi yang belum memiliki akun Kredivo, klik tombol
                                      <b>Daftar</b>
                                    </li>
                                    <li aria-level="1">Lakukan pendaftaran</li>
                                    <li aria-level="1">Setelah terdaftar kamu akan memilki kredit limit</li>
                                    <li aria-level="1">Kredit limit dapat dipakai untuk pembelian produk Ruangguru</li>
                                  </ol>
                                  <div class="cp-detail">
                                    <a href="https://ruangguru.com/promo/kredivo" class="cp-detail-text">Lihat Detail</a>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Kantor Pos -->
                      <div class="cp-item-title">
                        <p>Kantor Pos</p>
                        <span></span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_kantor-pos.png" alt="logo" />
                                    <p>Pos Indonesia</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Klik
                                      <b>Pembayaran dengan POS Indonesia</b>
                                    </li>
                                    <li aria-level="1">Pastikan pesanan benar pada halaman pembayaran</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Tata Cara Pembayaran</b>
                                      untuk mengetahui lebih detail mengenai pembayaran menggunakan POS Indonesia.
                                    </li>
                                    <li aria-level="1">Selanjutnya Kunjungi POS Indonesia Terdekat</li>
                                    <li aria-level="1">Bayar di kasir POS Indonesia</li>
                                    <li aria-level="1">Tunjukan Kode Pembayaran pada kasir (dapat dilihat pada daftar pembelian dan dikirimkan melalui email)</li>
                                    <li aria-level="1">Lakukan pembayaran sesuai dengan nominal transasksi di invoice</li>
                                    <li aria-level="1">Lakukan konfirmasi pembayaran dengan meng-upload bukti pembayaran</li>
                                    <li aria-level="1">Pembayaran melalui POS Indonesia telah selesai</li>
                                    <li aria-level="1">
                                      Paket belajar Ruangguru akan langsung aktif setelah pembayaran selesai dilakukan. Jika terdapat kesulitan, hubungi layanan pelanggan Ruangguru di
                                      <span class="text-blue">0815-7820-000</span>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- E-Wallet -->
                      <div class="cp-item-title">
                        <p>E-Wallet</p>
                        <span>Pembayaran terhubung langsung dengan aplikasi e-wallet kamu</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_gopay.png" alt="logo" />
                                    <p>Pembayaran via GoPay</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar</b>
                                      dengan GoPay
                                    </li>
                                    <li aria-level="1">Aplikasi Gojek akan terbuka</li>
                                    <li aria-level="1">
                                      Periksa rincian pembayaran Anda lalu klik
                                      <b>Pay</b>
                                    </li>
                                    <li aria-level="1">Transaksi telah selesai</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 2 -->
                            <div class="container-acc2">
                              <div class="accordion2">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_dana.png" alt="logo" />
                                    <p>Pembayaran via DANA</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Untuk melakukan pembayaran dengan DANA, pastikan kamu memilih metode pembayaran DANA dan mendapatkan pop up notifikasi pembayaran</li>
                                    <li aria-level="1">Masukan nomor telepon yang menjadi DANA ID kamu</li>
                                    <li aria-level="1">Masukan pin DANA kamu untuk mengonfirmasi pembayaran</li>
                                    <li aria-level="1">Pastikan pembayaran yang tertera sesuai dengan harga paket yang kamu beli</li>
                                    <li aria-level="1">Lakukan pembayaran dengan klik “Pay” pada laman pembayaran</li>
                                    <li aria-level="1">
                                      Paket belajar Ruangguru akan langsung aktif setelah pembayaran selesai dilakukan. Jika terdapat kesulitan, hubungi layanan pelanggan Ruangguru di
                                      <span class="text-blue">0815-7820-000</span>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 3 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_link-aja.png" alt="logo" />
                                    <p>Pembayaran via LinkAja!</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Setelah memilih metode pembayaran LinkAja!, kamu akan diarahkan ke halaman LinkAja! untuk melanjutkan pembayaran</li>
                                    <li aria-level="1">Masukkan nomor handphone kamu yang terdaftar untuk akun LinkAja! dan 6 digit PIN</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Continue</b>
                                      untuk diarahkan ke halaman Payment Verification
                                    </li>
                                    <li aria-level="1">Masukkan 6 digit kode verifikasi yang dikirimkan melalui SMS</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Pay</b>
                                    </li>
                                    <li aria-level="1">Pembayaran telah berhasil</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Instan -->
                      <div class="cp-item-title">
                        <p>Pembayaran Instan</p>
                        <span>Gunakan sistem online banking untuk menyelesaikan pembayaran</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bri-mobile.png" alt="logo" />
                                    <p>BRI mobile</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Tekan
                                      <b>Bayar Sekarang</b>
                                      dan ke BRImo
                                    </li>
                                    <li aria-level="1">Masuk ke akun BRImo kamu</li>
                                    <li aria-level="1">Ikuti instruksi pembayaran dan selesaikan pembayaran</li>
                                    <li aria-level="1">Pembayaran kamu akan diproses secara online dan saldomu akan dipotong secara otomatis</li>
                                    <li aria-level="1">Transaksi akan dibatalkan apabila tidak ada pembayaran dalam 2 jam</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 2 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_danamon.png" alt="logo" />
                                    <p>Danamon Online Banking</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">
                                      Pembayaran melalui Danamon Online Banking harus diselesaikan di
                                      <b>website Danamon</b>
                                    </li>
                                    <li aria-level="1">Pastikan kamu telah memiliki User ID Danamon Online Banking sebelum melakukan pembayaran</li>
                                    <li aria-level="1">
                                      Masukkan
                                      <b>User ID</b>
                                      dan
                                      <b>Password Danamon Online Banking</b>
                                      kamu dan pilih sumber rekening untuk pembayaran
                                    </li>
                                    <li aria-level="1">
                                      Cek rincian informasi transaksi, masukkan
                                      <b>Kode Token</b>
                                      , lalu tekan
                                      <b>Lanjut</b>
                                    </li>
                                    <li aria-level="1">
                                      Konfirmasi transaksi pembayaran akan muncul, pembayaran selesai Simpan informasi referensi merchant dan referensi pembayaran, tekan Lanjut untuk kembali ke situs
                                      merchant
                                    </li>
                                    <li aria-level="1">
                                      Simpan informasi referensi merchant dan referensi pembayaran, tekan
                                      <b>Lanjut</b>
                                      untuk kembali ke situs merchant
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 3 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_mandiri-clickpay.png" alt="logo" />
                                    <p>Mandiri ClickPay</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Pastikan paket yang kamu pesan sudah benar</li>
                                    <li aria-level="1">Aktifkan Mandiri token kamu dengan menekan (tombol merah)</li>
                                    <li aria-level="1">Masukan password Mandiri token kamu</li>
                                    <li aria-level="1">Tekan 3 ketika Mandiri token menampilkan APPLI</li>
                                    <li aria-level="1">Masukkan Input 1 dan tekan (tombol merah) selama 3 detik</li>
                                    <li aria-level="1">Masukkan Input 2 dan tekan (tombol merah) selama 3 detik</li>
                                    <li aria-level="1">Masukkan Input 3 dan tekan (tombol merah) selama 3 detik</li>
                                    <li aria-level="1">Masukkan kode yang dihasilkan Mandiri token ke kolom Masukan Challenge token</li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Visa -->
                      <div class="cp-item-title">
                        <p>Kartu Kredit/Kartu Debit (Bayar Penuh)</p>
                        <span>Lunasi pembayaran sekaligus di awal dengan praktis</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_cc.png" alt="logo" />
                                    <p>VISA/MasterCard/JCB/American Express</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- CC -->
                      <div class="cp-item-title">
                        <p>Kartu Kredit (Bayar Cicilan)</p>
                        <span>Lunasi pembayaran secara berkala</span>
                      </div>
                      <div class="snk__content">
                        <div class="faq-child-content_accordion">
                          <div class="accordion-faq">
                            <!-- 1 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bni.png" alt="logo" />
                                    <p>Bank BNI</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 2 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_mandiri.png" alt="logo" />
                                    <p>Bank Mandiri</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 3 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bri.png" alt="logo" />
                                    <p>Bank BRI</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 4 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bank-mayapada.png" alt="logo" />
                                    <p>Bank MAYAPADA</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 5 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_ocbc-nisp.png" alt="logo" />
                                    <p>OCBC NISP</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 6 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_bca.png" alt="logo" />
                                    <p>Bank BCA</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                            <!-- 8 -->
                            <div class="container-acc2">
                              <div class="accordion3">
                                <div class="accordion-subject">
                                  <div class="accordion-text">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/img_digibank.png" alt="logo" />
                                    <p>digibank by DBS</p>
                                  </div>
                                  <div class="accordion-img">
                                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RG%20Cara%20Bayar/ic_chevrondown_s.png" alt="Aset" />
                                  </div>
                                </div>
                              </div>
                              <div class="panel2">
                                <div class="panel-faq">
                                  <ol class="with-stars">
                                    <li aria-level="1">Masukkan nomor kartu kredit, tanggal akhir masa berlaku, dan kode CVV</li>
                                    <li aria-level="1">
                                      Klik
                                      <b>Bayar Sekarang</b>
                                    </li>
                                  </ol>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="faq">
      <div class="page-center">
        <div class="faq-content">
          <div class="faq-content_box">
            <h2 class="faq-title">Yang sering ditanyakan</h2>
          </div>
          <div class="faq-content_accordion">
            <div class="accordion-faq">
              <!-- 1 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Apa fungsi landing page ini?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>
                      Landing page Employee Discount Program by Ruangguru ini berfungsi untuk memudahkan anda mencari paket belajar yang sesuai dengan kebutuhan anda dengan harga khusus untuk
                      karyawan.
                    </p>
                  </div>
                </div>
              </div>

              <!-- 2 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Bagaimana cara memilih paket belajar yang sesuai dengan kebutuhan saya?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>Anda dapat memilih category dan jenjang kelas atau jenjang paket yang sesuai, kemudian bisa dipilih produk dan paket belajar yang dibutuhkan.</p>
                  </div>
                </div>
              </div>

              <!-- 3 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Apakah paket belajar hanya tersedia untuk anak sekolah?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>
                      Paket belajar yang tersedia dapat digunakan untuk anak - anak dari usia 4 tahun hingga dewasa dengan usia di atas 18 tahun. Tersedia paket belajar untuk dewasa dengan usia di
                      atas 18 tahun atau paket belajar umum, seperti paket belajar English Academy, Schoters, ataupun Ruangguru Privat.
                    </p>
                  </div>
                </div>
              </div>

              <!-- 4 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Apakah harga yang tertera pada invoice pembayaran sudah harga promo?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>Harga yang tertera pada invoice pembayaran sudah harga promo dan anda tidak perlu menginput kode diskon lagi.</p>
                  </div>
                </div>
              </div>

              <!-- 5 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Apakah saya dapat membagikan kode diskon ini kepada orang lain?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>Penggunaan kode diskon ini dapat digunakan untuk karyawan dan keluarga karyawan</p>
                  </div>
                </div>
              </div>

              <!-- 6 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Apakah ada batasan berapa kali bisa melakukan proses pembelian produk Ruangguruu dengan menggunakan voucher Employee Discount Program?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>Tidak ada batasan dalam penggunaan atau pembelian produk Ruangguru untuk program Employee Discount Program ini</p>
                  </div>
                </div>
              </div>

              <!-- 7 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Saya sudah menghubungi tim telesales tetapi belum ada respon, saya harus menghubungi siapa?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>
                      Apabila anda sudah menghubungi tim telesales tetapi belum ada respon lebih dari 1x24 jam, maka anda dapat menghubungi kami melalui email payroll@ruangguru.com agar kami dapat
                      membantu untuk proses follow up lebih lanjut
                    </p>
                  </div>
                </div>
              </div>

              <!-- 8 -->
              <div class="container-acc2">
                <div class="accordion2">
                  <div class="accordion-subject">
                    <div class="accordion-text">
                      <p>Apabila saya mengalami kendala dalam proses pembelian paket belajar ini, saya dapat menghubungi siapa?</p>
                    </div>
                    <div class="accordion-img">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
                    </div>
                  </div>
                </div>
                <div class="panel2">
                  <div class="panel-faq">
                    <p>
                      Apabila Anda memiliki kendala klaim untuk produk Employee Discount Program seperti ruangbelajar, English Academy, Brain Academy Online & Offline, Ruangguru Privat, Alta School,
                      kursus Ruangguru for Kids, Kalananti, dan Schoters, Silakan ajukan technical issue kamu ke email payroll@ruangguru.com
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="modal-overlay modal-option display-none" id="modal-class-option">
      <div class="modal-content">
        <div class="modal-option-title">
          <p class="modal-header-title">Pilih Kategori</p>
          <button class="modal-close">
            <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b216d1f4-219c-4d7b-8a2e-40f8ec29dd44.svg" alt="icon-close" />
          </button>
        </div>
        <div class="payment-package-loading" style="display: none">
          <div class="loader"></div>
        </div>

        <div class="modal-option-body" style="visibility: visible">
          <div id="grade-list"></div>
          <p class="modal-subtitle-label">Pilih Kelas</p>
          <div id="class-list"></div>

          <button class="cta get-package-cta">Pilih</button>
        </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>

  <!-- Tracker -->
  <script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
  <script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>

  <script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

</html>