Cerita alumni yang mengikuti Rasionalisasi SNBP Ruangguru 2025
“Aku pakai fitur Rasionalisasi SNBP di Ruangguru buat lihat peluang lolos di prodi impianku. Ternyata hasilnya akurat banget dan aku beneran lolos SNBP! Sebelumnya juga aku tetap
siapin diri lewat TO Ruangguru dan belajar bareng Master Teacher di Live Teaching, biar makin paham cara ngerjain soal.”
Raihanun
SMAN 86 JAKARTA
Universitas Indonesia - Sastra Belanda
“Aku sempet ragu daftar ke ITB karena nilai raporku pas-pasan. Tapi setelah coba fitur Rasionalisasi SNBP di Ruangguru, aku jadi yakin lagi buat ngambil peluang itu. Dan ternyata bener
aja, aku lolos SNBP 2025 di ITB! Rasanya lega banget, semua usaha 5 semester terbayar. Buat yang masih berjuang, jangan ragu manfaatin fitur ini dan bisa banget bantu kamu semakin
yakin untuk ambil langkah yang tepat!”
Raya
SMAN 3 TANGERANG
Institut Teknologi Bandung - Sekolah Bisnis dan Manajemen
“Aku suka ikut lomba dan kegiatan, jadi kadang ketinggalan pelajaran. Untung ada Ruangguru! Aku bisa belajar lewat Video Belajar, Latihan Soal, dan pakai fitur Rasionalisasi Ruangguru
buat ngukur peluang SNBP ku. Nilaiku jadi stabil dan naik terus. Alhamdulillah, aku lolos SNBP di Biologi UNDIP dan jadi siswa terbaik di sekolah! Makasih Ruangguru, belajar jadi makin
seru!"
Bety
SMAS TAKHASSUS AL-QUR AN
Universitas Diponegoro - Biologi
“Awalnya aku masuk ke jurusan IPS saat penjurusan SMA, tapi aku meyakinkan guru untuk pindah ke IPA dengan syarat harus bisa bertahan. Tiga bulan kemudian, aku berhasil buktiin diri
dengan ranking 1! Semangat belajar itu terus kebawa sampai akhirnya aku pakai fitur Rasionalisasi SNBP Ruangguru buat ngukur peluang masuk STEI-K ITB dan hasilnya akurat banget!
Rasanya semua usaha belajar terbayar lunas 💙”
Christabelcyne
SMAS METHODIST JAKARTA
Institut Teknologi Bandung - STEI Komputasi
“Awalnya aku sempat bingung pilih jurusan, dan sempat kepikiran masuk kedokteran, tapi akhirnya beralih ke Teknik Informatika. Untung ada fitur Rasionalisasi SNBP Ruangguru yang bantu
aku pertimbangkan peluang dan pilihan terbaik. Alhamdulillah, aku berhasil lolos SNBP dan dapet kursi di jurusan impian!”
Arsya
MAN 2 KOTA MALANG
Institut Teknologi Sepuluh Nopember - Teknik Informatika
“Awalnya aku sempat ragu menentukan jurusan, tapi berkat Brain Academy dan fitur Rasionalisasi SNBP, aku jadi yakin dengan pilihan jurusanku. Belajar di Brain Academy juga bantu aku
pertahankan dan tingkatkan nilai jadi makin bagus. Terima kasih Ruangguru!”
Immanuela
SMAN 1 TOMOHON
Universitas Indonesia - Pendidikan Dokter Gigi
“Momen paling menegangkan itu waktu nilai semester 5 keluar. Untung ada konsultasi jurusan dan fitur Rasionalisasi SNBP dari Ruangguru, setelah itu aku jadi yakin pilih jurusan yang
cocok sama minat dan peluang lolosku. Dan hasilnya, aku LOLOS SNBP! 🎉 Bersyukur banget semua usaha dan strategi belajarku akhirnya terbayar!”
Annisa
SMAN 1 PONOROGO
Universitas Brawijaya - Psikologi
Paket populer untuk UTBK/SNBT
Paket yang kamu pilih tidak tersedia
Pertanyaan yang sering diajukan
Siapa saja yang bisa mengikuti Rasionalisasi SNBP Ruangguru?
Semua pelajar SMA siswa kelas 10, 11 dan 12 di Indonesia yang memenuhi syarat kuota untuk mengikuti SNBP 2026
Apakah fitur Rasionalisasi SNBP Ruangguru gratis?
Ya, fitur rasionalisasi di Ruangguru bisa kamu akses secara GRATIS
Jika saya tidak mengikuti TKA atau tidak memiliki nilai TKA apakah bisa mengikuti Rasionalisasi SNBP Ruangguru?
Meskipun jalur SNBP mewajibkan nilai TKA, kamu tetap bisa mengikuti Rasionalisasi SNBP Ruangguru.
Bagaimana jika terdapat mata pelajaran di formulir yang tidak ada di rapor saya?
Apabila pada formulir terdapat mata pelajaran yang tidak tercantum secara terpisah di rapor (misalnya di rapor hanya terdapat mata pelajaran IPA, sedangkan di formulir diminta Biologi,
Fisika, dan Kimia), silakan masukkan nilai yang sama pada ketiga mata pelajaran tersebut sesuai dengan nilai IPA di rapor Anda.
Apakah NPSN itu?
-
NPSN adalah singkatan dari Nomor Pokok Sekolah Nasional. NPSN merupakan kode standar untuk mengidentifikasi satuan pendidikan (Sekolah) yang unik dan membedakan satu sekolah dengan
sekolah lainnya. Kode NPSN Indonesia terdiri dari 8 digit angka.
- Untuk mengetahui NPSN sekolahmu, silakan tanyakan langsung ke pihak sekolah.
-
Kamu juga bisa cari sendiri dengan mengetik nama sekolahmu sesuai rapor di:
https://dapo.kemdikbud.go.id/pencarian
(Contoh: SMAN 12 KOTA TANGERANG SELATAN)
Jika saya tidak memiliki sertifikat prestasi, apakah saya tetap bisa mengikuti Rasionalisasi SNBP di aplikasi Ruangguru?
Tetap bisa, silakan kosongkan kolom prestasi dan sertifikat
Terdapat nilai keterampilan dan pengetahuan, manakah nilai yang diinput di Rasionalisasi SNBP Ruangguru?
Yang akan kamu input adalah nilai pengetahuan
Bagaimana cara mengisi nilai jika terdapat mata pelajaran Muatan Lokal (Mulok) di rapor?
Jika rapor kamu mencantumkan mata pelajaran Muatan Lokal, silakan isi sesuai nilai yang tertera.
Contoh: untuk pelajaran Seni Budaya Daerah, masukkan nilainya pada bagian Muatan Lokal 1 dan seterusnya untuk mata pelajaran Muatan Lokal lainnya.
Saya sudah mendapatkan hasil rasionalisasi, namun ingin mengubah/membarui data, bagaimana caranya?
- Masuk ke halaman Hasil Rasionalisasi kamu
- Klik “Update Data”
-
Kamu bisa memperbarui data yang ingin diubah, dan hasilnya akan langsung muncul secara
real-time
Apakah hasil Rasionalisasi SNBP Ruangguru sama dengan hasil SNBP sebenarnya?
- Hasil Rasionalisasi SNBP Ruangguru ini berdasarkan metode penghitungan skor Ruangguru untuk memberi gambaran potensi daya saing dan bukan hasil akhir SNBP sebenarnya
- Hasil Rasionalisasi SNBP Ruangguru dapat dijadikan alternatif referensi, namun bukan untuk dijadikan acuan utama dalam menentukan target program studi & PTN di SNBP
Jika saya ada kendala/error saat mengakses Rasionalisasi SNBP Ruangguru, saya harus hubungi siapa?
<!doctype html>
<html 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="publisher" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Dapatkan potensi peluang lolos SNBP 2026 untuk jurusan dan kampus impianmu secara akurat dengan Rasionalisasi Ruangguru. Daftar & cek gratis sekarang!" />
<title>Cek Rasionalisasi Peluang Lolos SNBP 2026 Online secara Akurat & Gratis</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png?convert=webp" />
<meta name="robots" content="index, follow" />
<meta
property="og:description"
content="Dapatkan potensi peluang lolos SNBP 2026 untuk jurusan dan kampus impianmu secara akurat dengan Rasionalisasi Ruangguru. Daftar & cek gratis sekarang!"
/>
<meta property="og:title" content="Cek Rasionalisasi Peluang Lolos SNBP 2026 Online secara Akurat & Gratis" />
<meta
name="twitter:description"
content="Dapatkan potensi peluang lolos SNBP 2026 untuk jurusan dan kampus impianmu secara akurat dengan Rasionalisasi Ruangguru. Daftar & cek gratis sekarang!"
/>
<meta name="twitter:title" content="Cek Rasionalisasi Peluang Lolos SNBP 2026 Online secara Akurat & Gratis" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956021/1670999234339/module_94295956021_Module_Section_Banner_-_Rasionalisasi_SNMPTN_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956017/1670372698418/module_94295956017_Module_Fakta_Info_SNMPTN_-_Rasionalisasi_SNMPTN_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956016/1671691104380/module_94295956016_Module_Benefit_-_Rasionalisasi_SNMPTN_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956019/1675064863435/module_94295956019_Module_Alur_Proses_-_Rasionalisasi_SNMPTN_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956015/1670487721377/module_94295956015_Module_Cerita_Alumni_-_Rasionalisasi_SNMPTN_Ruangguru_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956018/1670415613031/module_94295956018_Module_UTBK_Center_-_Rasionalisasi_SNMPTN_2022.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/94295956014/1671015614068/module_94295956014_Module_FAQ_-_Rasionalisasi_SNMPTN_2022.min.css"
/>
<link rel="canonical" href="https://www.ruangguru.com/rasionalisasi" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<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/rasionalisasi" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/32781682988/1666344401391/A_Ruangguru_Projects/1_SOP_Landing_Page/SOP_Style_Ruangguru.min.css"
/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<style>.breadcrumb,
.breadcrumb-item {
display: -ms-flexbox;
display: flex;
padding: 0 0 1rem;
margin: 0;
}
.breadcrumb-item:after {
content: '' !important;
}
.breadcrumb-item {
padding: 0 !important;
display: flex;
align-items: center;
}
.breadcrumb-item a {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.breadcrumb-item.active {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
opacity: 0.4;
}
.breadcrumb-item + .breadcrumb-item:before {
color: var(--color-text-text-invert, #fff);
content: '\25BA' !important;
float: left;
font-family: Inter, Arial;
font-size: 12px;
padding: 0.4rem 0.4rem 0.3rem !important;
opacity: 1;
}
h1,
h2,
h3,
p,
span,
a,
button {
font-family: Inter;
}
.container-utbk {
padding: 2rem 0 0 3.5rem;
}
.utbk-left {
padding-bottom: 2rem;
}
.utbk-right {
display: flex;
align-items: flex-end;
justify-content: flex-end;
text-align: right;
}
.utbk-center {
margin-top: 0;
padding: 3rem 0;
}
.cta-alur-proses a {
padding: 0 !important;
text-decoration: none;
text-transform: uppercase !important;
}
/*PACKAGES*/
.packages h2,
.packages h3,
.packages li,
.packages p,
.packages span {
font-family: Inter;
}
.font-strike {
text-decoration: line-through;
}
.button-basic-orange:disabled {
background: #f9cbab;
}
.loader {
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
border: 10px solid #f3f3f3;
border-bottom-color: #3498db;
border-radius: 50%;
height: 50px;
width: 50px;
}
.payment-section {
background: linear-gradient(180deg, #eef4fa, #eef4f4);
padding-bottom: 1.5rem;
padding-top: 4rem;
scroll-margin-top: 7.5rem;
}
.payment-main {
background: #faf7ee;
border-radius: 1.5rem;
box-shadow: 0 12px 16px hsla(217, 5%, 53%, 0.12);
}
.payment-title h2 {
margin-bottom: 0;
}
.payment-duration p {
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0;
}
.payment-duration button {
align-items: center;
background: #fff;
border: 1px solid #cfd3db;
border-radius: 12px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.payment-package-loading {
align-items: center;
display: none;
display: flex;
flex: 1;
justify-content: center;
padding: 1.25rem;
text-align: center;
text-align: -webkit-center;
width: 100%;
}
.payment-cards {
overflow: hidden;
}
.payment-cards-empty-container {
align-items: center;
display: none;
flex-direction: column;
justify-content: center;
}
.payment-cards-empty-container > p {
margin-bottom: 0;
}
.payment-cards-empty-container .title {
color: #2c313a;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 28px;
text-align: center;
}
.payment-cards-empty-container .description {
color: #5e677b;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: center;
}
.payment-cards-empty-container > button {
align-items: center;
background-color: #f26d0f !important;
border: none;
border-radius: 100px;
color: #fafbfc !important;
display: flex;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: 32px;
margin-top: 16px;
padding: 10px 24px;
}
.payment-cards-chat-consultan {
display: none;
}
.payment-cards-chat-consultan-modal {
align-items: center;
display: flex;
justify-content: space-between;
padding: 0 1rem;
width: 100%;
}
.payment-cards-chat-consultan-modal > * + * {
margin-left: 0.5rem;
}
.payment-cards-chat-consultan-modal p {
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin: 0;
}
.payment-cards-chat-consultan-modal a {
flex: 1 0 auto;
}
.payment-cards-chat-consultan-modal .button-basic-white {
border: 1px solid #cfd3db;
border-radius: 96px;
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 0.375rem 1rem;
}
.payment-duration button {
font-size: 1rem;
font-weight: 700;
line-height: 24px;
}
.payment-card__flashsale {
align-items: center;
border-radius: 32px 0 0 0;
display: flex;
left: -10px;
position: absolute;
top: 0;
z-index: 2;
}
.payment-card__flashsale:before {
border-color: transparent #cd1924 transparent transparent;
border-style: solid;
border-width: 0 10px 10px 0;
bottom: -10px;
content: '';
left: 0;
position: absolute;
}
.payment-card__flashsale-discount {
background: #e52a34;
border-top-left-radius: 10px;
display: flex;
padding: 0.25rem 0.5rem 0.25rem 1.8rem;
}
.payment-card__flashsale-discount img {
left: -5px;
position: absolute;
top: -10px;
}
.payment-card__flashsale-discount p {
font-size: 12px;
font-weight: 600;
line-height: 18px;
text-transform: uppercase;
}
.payment-card__flashsale-timer {
background: #e52a34;
border-bottom-right-radius: 10px;
display: inline-block;
margin-left: 0;
padding: 0.25rem 0.25rem 0.25rem 0;
position: relative;
border-top-left-radius: 10px;
display: flex;
gap: 0.5rem;
}
.payment-card__flashsale-timer:before {
background: #e52a34;
border-bottom-right-radius: 10px;
border-top-right-radius: 4px;
content: '';
height: 100%;
left: 0;
min-width: 100%;
position: absolute;
top: 0;
transform: perspective(75px) rotateX(-38deg);
transform-origin: 0 100%;
z-index: -1;
}
.payment-card__flashsale-timer p {
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin: 0;
}
.payment-package-detail-card {
border-radius: 1rem;
box-shadow: 0 8px 16px 0 rgba(129, 134, 142, 0.08);
}
.payment-package-detail-card__header {
border-radius: 1rem 1rem 0 0;
overflow: visible;
position: relative;
}
.payment-package-detail-card.ruanguji .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/2b883224-d0af-4289-8893-09ca2f9d98ff.png),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(230.74deg, #a9e4e9 0.81%, #def3f5 82.04%),
linear-gradient(230.74deg, #8ec8f8 0.81%, #e0eefa 82.04%);
background-position-x: center, right, center;
background-position-y: 92%, top, center;
background-repeat: no-repeat;
background-size: 164px, 40%, cover;
}
.payment-package-detail-card.rubel .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/791761e7-b5b4-4cc2-bef5-0d5f2c99ab7e.png),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(230.74deg, #8ec8f8 0.81%, #e0eefa 82.04%);
background-position-x: center, right, center;
background-position-y: 92%, top, center;
background-repeat: no-repeat;
background-size: 164px, 40%, cover;
}
.payment-package-detail-card.utbk .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/background-payment-card-ruangbelajar+utbk.png) #edf7f8;
background-repeat: no-repeat;
background-size: cover;
}
.payment-package-detail-card.roboguru .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/background-payment-card-ruangbelajar+roboguru.png), #f1f2f9;
background-repeat: no-repeat;
background-size: cover;
}
.payment-package-detail-card__header > * + * {
margin-top: 1rem;
}
.payment-package-detail-card__header p {
margin: 0;
}
.payment-package-detail-card__title {
color: #2c313a;
font-weight: 700;
}
.payment-package-detail-card__header .payment-package-detail-card__description {
font-weight: 400;
margin-top: 0.5rem;
}
.payment-package-detail-card__detail {
background: #fff;
border-radius: 1rem;
margin-top: -1rem;
padding: 0.75rem;
position: relative;
}
.payment-package-detail-card__usp--container {
position: relative;
border-bottom: 1px dashed #cfd3db;
margin-bottom: 0.5rem;
}
.payment-package-detail-card__usp--container::after {
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(0deg, #fff 18.29%, #fff0);
width: 100%;
height: 2rem;
}
.payment-package-detail-card__usp {
height: 135px;
overflow-x: hidden;
padding-bottom: 3rem;
overflow-y: scroll;
border-bottom: 1px dashed #cfd3db;
}
.payment-package-detail-card__price-actions {
padding-top: 0.5rem;
position: relative;
z-index: 2;
}
.payment-package-detail-card__usp::-webkit-scrollbar {
width: 4px;
}
.payment-package-detail-card__usp::-webkit-scrollbar-track {
background: #fff;
}
.payment-package-detail-card__usp::-webkit-scrollbar-thumb {
background: #cfd3db;
}
.payment-package-detail-card__usp::-webkit-scrollbar-hover {
background: #888;
}
.payment-package-detail-card__usp p {
margin: 0;
}
.payment-package-detail-card__usp--active-package {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/ic-calendar-blue.svg);
background-position-y: center;
background-repeat: no-repeat;
background-size: 24px 24px;
padding-left: 20px;
}
.payment-package-detail-card__usp--active-package p {
color: #1480d8;
font-weight: 600;
margin-left: 0.5rem;
}
p.font-value {
color: #2c313a;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 22px;
padding-top: 0.75rem;
}
.font-modal-title {
font-size: 18px;
font-weight: 700;
line-height: 28px;
padding-bottom: 0.5rem;
}
.btn-detail {
align-items: center;
background: transparent;
border: none;
border-radius: 96px;
color: #20a4b0;
display: flex;
float: none;
font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 22px;
margin: auto;
text-decoration: none;
}
.btn-detail:after {
align-self: center;
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/dbac9fea-37d9-462f-a0d3-1e6db38e4840.svg);
background-size: 100% 100%;
content: '';
display: inline-flex;
height: 1rem;
margin-left: 0.25rem;
width: 1rem;
}
.payment-package-detail-card__usp ul {
list-style: none;
margin: 0;
overflow-y: auto;
padding: 0 0 0.25rem;
}
.payment-package-detail-card__usp li {
align-items: flex-start;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ic-checklist.svg);
background-position-x: left;
background-position-y: 10%;
background-repeat: no-repeat;
background-size: 16px 16px;
display: flex;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding-left: 24px;
word-break: break-word;
}
.payment-package-detail-card__usp li + li {
margin-top: 0.75rem;
}
.payment-package-detail-card__usp li p {
line-height: 22px;
margin-left: 0.5rem;
}
.payment-package-detail-card__usp--box-shadow {
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.payment-package-detail-card__usp--box-shadow:after {
background: #fff;
bottom: 0;
content: '';
height: 1rem;
left: 0;
position: absolute;
width: 100%;
}
.payment-package-detail-card__action-usp {
align-items: center;
background: #fff;
border: none;
border-top: 1px dashed #bec8d0;
display: flex;
justify-content: center;
padding-top: 0.75rem;
width: 100%;
}
.payment-package-detail-card__action-usp > * + * {
margin-left: 0.5rem;
}
.payment-package-detail-card__action-usp p {
color: #13939e;
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin: 0;
}
.payment-package-detail-card__action-usp.btn-close-usp {
display: none;
}
.payment-package-detail-card__price--detail {
align-items: center;
display: flex;
min-height: 2.5rem;
padding-bottom: 0.25rem;
}
.payment-package-detail-card__price--detail > * + * {
margin-left: 8px;
}
.payment-package-detail-card__price--detail p {
margin-bottom: 0;
}
.payment-package-detail-card__price--detail a {
flex: 1;
}
.payment-package-detail-card__price--discount-label {
background: #f8e1e2;
border-radius: 4px;
padding: 0.25rem;
}
.payment-package-detail-card__price--discount-label p {
font-weight: 600;
margin: 0;
}
.payment-package-detail-card__price--buy-package .button-basic-orange {
border: none;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 22px;
max-width: 100%;
padding: 7px;
width: 100%;
height: 36px;
}
.payment-package-detail-card__price--discount > * + * {
margin-top: 0.25rem;
}
.payment-package-detail-card__price--strike {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.payment-package-detail-card__price--strike > * + * {
margin-left: 0.25rem;
}
.payment-package-detail-card__price--strike .font-strike {
color: #5e677b;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.payment-package-detail-card__price--strike .font-red {
color: #cd1924;
font-weight: 700;
}
.payment-card__price--detail-permonth p {
color: #1480d8;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.other-package {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/27959118-f626-4a57-b553-e99446aab0fb.png),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(224.06deg, #8ec8f8 1.12%, #def3f5 98.65%);
background-position-x: left, right, center;
background-position-y: bottom, top, center;
background-repeat: no-repeat;
background-size: 200px, 60%, cover;
border-radius: 1rem;
display: flex;
flex-direction: column;
height: 23.75rem;
justify-content: flex-start;
padding: 3.5rem 2.25rem 0;
}
.other-ruanguji {
height: 442px;
}
.other-rubel {
height: 548px;
}
.package-other-title {
color: #2c313a;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 28px;
max-width: 90%;
padding-bottom: 1rem;
}
.package-other-arrow {
align-items: center;
background: #fff;
border-radius: 100px;
box-shadow: 0 12px 16px hsla(217, 5%, 53%, 0.12);
display: flex;
height: 2rem;
justify-content: center;
transform: rotate(-90deg);
width: 2rem;
}
.packages-content_tabs {
align-items: center;
background: #fff;
border-radius: 48px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
display: grid;
float: none;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
margin: 1rem auto 0;
max-width: 55%;
text-align: center;
}
.packages-tabs {
background: transparent;
border: none;
color: #959dac;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding: 16px 0;
text-align: center;
}
.chosen {
background: #2196f3;
border-radius: 80px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
color: #fff;
margin: 0.5rem;
width: 100%;
width: -webkit-fill-available;
}
.payment-card__flashsale-timer span {
display: inline-block;
height: 1rem;
width: 1rem;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.payment-package-detail-card__top {
background-position-x: right, center;
background-position-y: top, center;
background-repeat: no-repeat;
background-size: 60%, cover;
border-radius: 12px;
padding: 12px;
position: relative;
}
.package-product-label {
grid-gap: 0.35rem;
align-items: center;
background: #4844fa;
border-radius: 9999px;
display: grid;
grid-template-columns: auto 1fr;
left: 0.75rem;
padding: 0.25rem 0.5rem;
position: absolute;
top: 0.75rem;
width: fit-content;
}
.package-product-label img {
height: 16px;
width: 16px;
}
.font-label,
.unit {
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.unit {
color: #5e677b;
}
.font-package-name {
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.font-price {
font-weight: 700;
}
.packages p {
margin: 0;
}
.payment-package-detail-card_label {
display: flex;
align-items: center;
color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);
text-align: center;
font-size: 12px;
font-weight: 600;
line-height: 18px;
border-radius: 200px;
background: var(--color-white, #fff);
width: fit-content;
padding: 4px 8px;
gap: 4px;
}
.payment-package-detail-card_title {
color: #fff;
font-size: 12px;
font-weight: 600;
line-height: 18px;
padding: 8px 0;
}
.payment-package-detail-card_subtitle {
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 24px;
padding-bottom: 8px;
min-height: 5rem;
}
.payment-cards-container .slick-slide {
margin: 0 0.5rem 1rem 0.5rem;
padding: 0 !important;
box-sizing: border-box;
}
@media (min-width: 1025px) {
.payment-cards-container .slick-prev {
left: 93% !important;
}
}
@media (min-width: 768px) {
.packages-content_cards {
margin-left: -0.5rem;
}
.payment-main {
display: flex;
gap: 2rem;
}
.payment-duration p,
.payment-title h2 {
color: #fff;
}
.payment-navigation {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ornament-background-payment-dekstop.svg),
linear-gradient(212.41deg, #cd1924 16.52%, #e65058 58.79%, #f98f78 82.63%), linear-gradient(180.45deg, #fe1c31 32.62%, #f69c5d 98.52%), #d9d9d9;
background-position-x: left, center;
background-position-y: bottom, center;
background-repeat: no-repeat;
background-size: auto, cover;
border-radius: 1.5rem;
flex: 1 0 auto;
max-width: 258px;
padding: 1rem;
}
.payment-duration > * + *,
.payment-navigation > * + * {
margin-top: 0.75rem;
}
.payment-title img {
display: none;
}
.payment-duration button {
padding: 0.75rem;
width: 100%;
}
.payment-cards {
flex: 1;
}
.payment-cards-chat-consultan {
align-items: center;
display: grid !important;
float: none;
grid-template-columns: 1fr auto;
justify-content: center;
margin: auto;
max-width: 38rem;
padding: 1rem 3rem 1rem 1rem;
}
.payment-cards-chat-consultan > * + * {
margin-left: 1.5rem;
}
.payment-cards-chat-consultan p {
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0;
}
.payment-cards-chat-consultan a {
flex: 1 0 auto;
}
.payment-cards-chat-consultan .button-basic-white {
border: 1px solid #cfd3db;
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 0.625rem 1rem;
}
.payment-package-detail-card {
flex: 0 0 218px;
max-width: 218px;
}
.payment-package-detail-card__header {
min-height: 10rem;
padding: 1rem 1rem 4rem;
}
.payment-package-detail-card__title {
align-items: flex-end;
display: flex;
font-size: 10px;
font-weight: 600;
line-height: 16px;
min-height: 1.5rem;
}
.payment-package-detail-card__subtitle {
font-size: 14px;
font-weight: 700;
line-height: 22px;
min-height: 4rem;
}
.payment-package-detail-card__description {
font-size: 14px;
line-height: 22px;
}
.payment-package-detail-card__price--discount-label p {
font-size: 14px;
line-height: 20px;
}
.payment-package-detail-card__usp li p,
.payment-package-detail-card__usp--active-package p {
font-size: 14px;
line-height: 22px;
}
.payment-package-detail-card__usp--box-shadow {
height: 60px;
}
.payment-package-detail-card__price--strike .font-red {
color: #2c313a;
font-size: 16px;
line-height: 24px;
}
.payment-cards-container .slick-list {
margin: 0 -0.5rem;
padding: 0.5rem 1rem 0;
}
.font-price {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.payment-card__flashsale-timer span {
width: 0.8rem;
}
.packages-content_tabs {
max-width: 100%;
}
.packages-tabs {
font-size: 14px;
line-height: 22px;
margin: 4px;
padding: 0.75rem 0;
}
.button-basic-white {
background: #fff;
border: 1px solid #cfd3db;
border-radius: 9999px;
color: #2c313a;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
padding: 0.5rem;
text-align: center;
}
.btn-detail {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__price--buy-package {
margin-bottom: 0;
}
.payment-title {
align-items: center;
display: flex;
justify-content: center;
}
.payment-title > * + * {
margin-left: 0.75rem;
}
.payment-duration {
align-items: center;
display: flex;
justify-content: space-between;
}
.payment-duration button {
padding: 0.5rem 0.75rem;
}
.payment-duration button > * + * {
padding-left: 4rem;
}
.payment-card {
margin: auto;
}
.payment-duration p {
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.payment-duration button {
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.payment-cards-container {
margin-left: 0;
padding: 0;
}
.packages-content_cards .slick-dots {
bottom: -11% !important;
}
.rubel .payment-package-detail-card__usp {
height: 250px !important;
}
.payment-cards-container .slick-list {
margin: 0 -8px 66px;
padding: 4% 10% 0 3% !important;
}
.payment-package-detail-card {
width: 220px !important;
}
.payment-package-detail-card__header {
min-height: 10rem;
padding: 1rem 0.75rem 1.5rem;
}
.payment-cards {
overflow: hidden;
}
.payment-cards-container-modal .payment-package-detail-card__header {
min-height: 168px;
}
.payment-cards-container-modal .payment-package-detail-card__usp--container {
display: block;
}
.payment-cards-container-modal .payment-package-detail-card__action-usp {
display: none;
}
.packages-content_cards {
padding: 0;
}
.payment-package-detail-card__usp {
height: 163px;
}
.payment-package-detail-card__title {
align-items: flex-end;
display: flex;
font-size: 10px;
font-weight: 600;
line-height: 16px;
min-height: 1rem;
}
.payment-package-detail-card__subtitle {
font-size: 14px;
font-weight: 700;
line-height: 22px;
min-height: 5.5rem;
padding-bottom: 18px;
}
.payment-package-detail-card__description {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__price--strike .font-strike {
font-size: 10px;
line-height: 16px;
}
.payment-package-detail-card__price--discount-label p {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__usp li p,
.payment-package-detail-card__usp--active-package p {
font-size: 12px;
line-height: 20px;
}
.payment-package-detail-card__usp--box-shadow {
height: 45px;
}
.payment-package-detail-card__price--strike .font-red {
font-size: 14px;
line-height: 22px;
}
.payment-card__price--detail-permonth p {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__price--buy-package .button-basic-orange {
border: 1px solid #f26d0f;
font-size: 12px;
line-height: 18px;
padding: 0.35rem;
}
.other-package {
background-size: 190px, 40%, cover;
height: 24.75rem;
padding: 54px 24px 0;
}
.package-other-title {
font-size: 16px;
letter-spacing: normal;
line-height: 24px;
}
.payment-package-detail-card__action-usp.btn-close-usp-desktop,
.payment-package-detail-card__action-usp.btn-open-usp-desktop {
display: none;
}
.payment-package-detail-card__action-usp p {
font-size: 12px;
line-height: 16px;
}
.payment-card__flashsale-discount p,
.payment-card__flashsale-timer p {
font-size: 10px;
line-height: 16px;
}
.payment-card__flashsale-timer:before {
top: -0.5px;
}
.payment-section {
padding-top: 0;
}
.payment-section .page-center {
width: 100% !important;
}
.payment-main {
display: block;
overflow: hidden;
padding: 1rem;
}
.payment-main > * + *,
.payment-navigation > * + * {
margin-top: 1rem;
}
.packages-content_cards.rubel-cards .slick-list {
margin: 0 -8px 0 !important;
}
.other-package.other-ruanguji {
height: 385px;
}
.font-label,
.unit {
font-size: 10px;
line-height: 16px;
}
.font-price {
font-size: 14px;
line-height: 22px;
}
.payment-package-detail-card__price--detail > * + * {
margin-left: 4px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.packages .font-subtitle {
font-size: 24px;
line-height: 36px;
text-align: left;
}
.packages-content_cards {
padding: 1rem 0;
}
.packages .slick-slide {
padding: 0;
}
}
a,
a:hover {
text-decoration: none !important;
}
.button-basic-orange {
background: #f26d0f;
border-radius: 100px;
text-decoration: none;
border: none;
display: flex;
height: 48px;
padding: 0 16px;
justify-content: center;
align-items: center;
flex-shrink: 0;
align-self: stretch;
color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 24px;
width: 100%;
}
.button-basic-orange:hover {
filter: brightness(95%);
}
.text-start {
color: var(--K12-General-Default-Text-Solid-Neutral, #5e677b);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px;
margin: 0;
}
.price-start {
color: var(--K12-General-Default-Text-Solid-Ink, #2c313a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 2px 0 8px;
}
.price-start span {
color: var(--K12-General-Default-Text-Solid-Neutral, #5e677b);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 18px;
}
.payment-package-detail-card__img {
height: 5.5rem;
width: auto !important;
}
.ruangbelajar .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg), linear-gradient(221deg, #f5b2b6 1.73%, #faeadf 76.11%);
}
.cta-peluang a,
.cta-alumni a,
.cta-alur-proses a {
display: block;
}
@media (min-width: 768px) {
.benefit-rasionalisasi {
padding: 10rem 0 1rem;
}
.benefit-content {
grid-template-columns: 1.01fr 1fr;
align-items: center;
}
.benefit-visual img {
left: unset;
width: 75%;
bottom: unset;
position: relative;
}
.other-package {
height: 28.25rem;
}
.cta-peluang {
max-width: 40%;
}
}
@media (max-width: 767px) {
.button-basic-orange {
height: 36px;
font-size: 14px;
line-height: 22px;
}
.registrasi {
padding: 2rem 0 0;
}
.cerita-alumni {
padding: 3rem 0 2rem;
background-size: 100%, cover;
}
}
.packages .slick-disabled {
opacity: 0.2 !important;
}
.packages .slick-arrow:before {
content: none !important;
}
.packages .slick-arrow {
background-size: 100% 100% !important;
border-radius: 50% !important;
box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
cursor: pointer !important;
height: 2rem !important;
top: 101% !important;
width: 2rem !important;
z-index: 1 !important;
}
.packages .slick-prev {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c99d671c-12a9-44ea-ae09-e8a4b233ac2d.svg) !important;
}
.packages .slick-next {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c2f137c4-6388-43d0-b6c1-920585b36f3b.svg) !important;
right: 0 !important;
}
.packages .slick-dots {
bottom: -3% !important;
left: 0 !important;
width: fit-content !important;
}
.packages .slick-dots li button:before {
color: #cfd3db !important;
font-size: 12px !important;
opacity: 1 !important;
}
.packages .slick-dots li.slick-active button:before {
color: #20a4b0 !important;
font-size: 16px !important;
}
@media (max-width: 767px) {
.font-subtitle {
color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 26px;
letter-spacing: -0.1px;
margin: 0;
padding-top: 1rem;
}
.packages .slick-prev {
left: 75% !important;
}
.packages .slick-next {
right: 0 !important;
}
}
.ruangbelajar .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg?convert=webp),
linear-gradient(167deg, #06039e 24.83%, #0ba9ce 49.01%, #006ae8 78.82%);
}
.kitab .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg?convert=webp), linear-gradient(132deg, #3eb1cd 3.15%, #2196f3 97.25%);
}
.ruanguji .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg?convert=webp), linear-gradient(132deg, #3c00bb 3.15%, #2196f3 97.25%);
}
.bac .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg?convert=webp),
linear-gradient(4deg, rgba(0, 123, 237, 0.92) 54.08%, #00d8a4 105.18%);
}
.bao .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg?convert=webp), linear-gradient(358deg, #fe9800 35.13%, #ff5252 103.88%);
}
</style>
<!-- Tracker -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/rasionalisasi/assets/index-D5qWbKBy.js"></script>
</head>
<body>
<style>/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0 !important;
}
*,
:after,
:before {
box-sizing: border-box;
}
header,
nav {
display: block;
}
p {
margin-top: 0;
}
a {
background-color: transparent;
color: #007bff;
text-decoration: none;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
img {
border-style: none;
}
img,
svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible;
text-transform: none;
}
[type='button'],
button {
-webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar {
padding: 0.5rem 1rem;
position: relative;
-ms-flex-align: center;
-ms-flex-pack: justify;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media print {
*,
:after,
:before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
img {
page-break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
size: a3;
}
.navbar {
display: none;
}
}
.cta {
border-radius: 9999px;
background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
width: 100%;
border: none;
color: var(--k-12-base-light-theme-text-solid-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet,
.cta.roc {
color: #000;
background-color: #fff;
}
@media (max-width: 1024px) {
.navbar {
padding: 0 !important;
}
}
.navig-link a {
background-color: transparent;
color: #474747;
text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.roc a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
text-decoration: none !important;
}
.ruangguru-header {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
padding: 0 !important;
}
.ruangguru-header.dark {
background: #000;
}
.ruangguru-header.dark-green {
background: #022527;
}
.ruangguru-header.roc {
background-color: #1d1110;
}
.ruangguru-header.blue-indigo {
background: #444fb7;
}
.ruangguru-header.home {
background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
color: #474747 !important;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link,
.ruangguru-header.roc .navig-link {
color: #fff !important;
}
.navigation__left {
display: flex;
}
.logo-header {
padding: 5px 0;
}
.navig-link:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
}
.navig-link-dropdown {
white-space: nowrap;
}
.navig-link-dropdown:after {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: '';
display: inline-block;
margin-left: 0.255em;
transition: 0.7s;
vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
transform: scaleY(1);
}
.logo-product {
margin: 0 0 5px !important;
}
.logo-product img {
min-height: 3rem;
object-fit: scale-down;
object-position: left;
width: 100%;
}
#lp_ea {
display: flex;
}
.item-services a,
.item-center a,
.text-product {
font-family: Inter;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(20deg);
}
to {
opacity: 1;
transform: rotateX(0deg);
}
}
@media (min-width: 1025px) {
.spacer-rg {
height: 4.5rem;
}
.container-ruangguru-header {
align-items: center;
padding: 18px 10px;
position: relative;
}
.ruangguru-header.home .page-center {
width: 90% !important;
}
.logo-header {
margin-right: 16px;
}
.navigation__right {
position: absolute;
right: 0;
}
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
float: left;
font-size: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
list-style: none;
padding: 0.5rem 10px;
position: absolute;
text-align: left;
top: 70%;
width: 1050px;
z-index: 1000;
left: 7%;
}
.item-product,
.item-services,
.item-center {
padding: 12px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.item-product:hover,
.item-services:hover,
.item-center:hover {
background-color: #eaf8f9 !important;
cursor: pointer;
}
#services_item,
#center_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
flex-flow: column;
float: left;
font-size: 1rem;
list-style: none;
margin: 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 70%;
z-index: 1000;
}
#services_item {
left: 44rem;
}
#center_item {
left: 14rem;
}
.container-ruangguru-header {
display: flex;
flex-direction: row;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
padding-bottom: 20px;
text-align: center;
}
}
@media (min-width: 1078px) {
.hamburger-icon {
display: none;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: auto;
flex-grow: 0;
max-height: unset;
overflow-y: auto;
padding-bottom: 0;
text-align: center;
}
.navigation__content .navig-link {
margin: 0 14px;
padding: 8px 8px 8px 0;
}
.navigation__content {
display: grid;
grid-auto-flow: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.spacer-rg {
height: 4rem;
}
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 12px;
padding: 0.25rem 0.5rem 0.5rem;
}
.item-services,
.item-center {
margin-bottom: 0.35rem;
padding: 0.5rem 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 16px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
display: none;
}
}
@media (max-width: 320px) {
.spacer-rg {
height: 3rem;
}
.container-ruangguru-header {
align-items: center;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 10px;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item {
padding: 1rem 20px;
}
#services_item,
#center_item {
padding: 10px 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 5px;
transform: scale(0.8);
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
.wrapper-profile-login {
position: relative;
}
.container-login_details {
position: relative;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
padding: 4px 8px;
cursor: pointer;
position: relative;
}
.profile-picture {
border-radius: 100%;
}
.display-none {
display: none !important;
}
.display-1 {
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
.text-secondary {
color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
width: 100%;
}
.hero-cta-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0.1rem 0 0.35rem;
position: relative;
}
.hero-timer-cta p {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 0.5rem;
margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-countdown-hero {
align-items: center;
display: flex;
flex-direction: row;
gap: 0.25rem;
justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
color: #fff;
letter-spacing: 0.01em;
margin: 0;
}
.text-countdown-hero div {
grid-gap: 0.25rem;
align-items: center;
display: grid;
grid-template-columns: auto auto;
}
.text-countdown-hero span {
color: #fff;
background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
position: absolute !important;
bottom: 6% !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: transparent !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
z-index: 10 !important;
display: flex;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.hero-timer-cta .countdown-hero {
margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
display: flex !important;
align-items: center !important;
color: white !important;
}
.hero-cta {
background: #fff;
border: 8px solid #7ac9d0;
border-radius: 96px;
color: #2c313a;
display: inline-block;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0.5rem 1.75rem;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
.hero-cta {
border: 8px solid #7ac9d0;
font-size: 12px;
line-height: 18px;
padding: 0.5rem 1.75rem;
}
.hero-timer-cta p {
font-size: 12px;
line-height: 18px;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-size: 10px;
line-height: 12px;
}
.text-countdown-hero span {
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
}
.hero-timer-cta {
width: 100% !important;
bottom: 4% !important;
justify-content: flex-start !important;
}
}
</style>
<style>
.header-guest-mark-layout {
position: absolute;
width: 100%;
display: none;
justify-content: flex-end;
}
.header-guest-mark-triangle {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid #f1bb53;
margin-right: 2.25rem;
margin-bottom: -0.5rem;
}
.header-guest-mark-container {
display: flex;
background-color: #f1bb53;
width: fit-content;
border-radius: 12px;
padding: 0.5rem 0.75rem;
gap: 1rem;
justify-items: center;
}
.header-guest-mark-container p {
font-family: Space Grotesk;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding: 0;
}
@media (min-width: 1300px) {
.header-guest-mark-layout {
margin-top: 7rem;
}
}
@media (max-width: 1299px) {
.header-guest-mark-layout {
margin-top: 0;
}
}
@media (max-width: 767px) {
.header-guest-mark-triangle {
margin-right: 2.5rem;
}
}
</style>
<nav class="ruangguru-header ">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eed92e13-500e-4cc5-b049-77c60bb3e857.svg"
alt="Dropdown Navigation Icon" loading="lazy" />
</div>
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg"
alt="Logo ruangguru" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown " id="produk" aria-expanded="false">
<a href="#">Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar","item_type": "link","item_name": "ruangbelajar","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg"
alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id","item_type": "link","item_name": "brainacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy" loading="lazy" />
</div>
<p class="text-product">Bimbel Tatap Muka & Live Interaktif bersama STAR Master Teacher</p>
</div>
</a>
<!-- mathchamps -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- mathchamps sempoa -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/sempoa","item_type": "link","item_name": "mathchamps_sempoa","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps/sempoa">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9aa7023e-2d40-4e19-9236-4907f5042a3e.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus hitung cepat aritmatika dengan sempoa untuk anak 4-12 tahun</p>
</div>
</a>
<!-- memory champs -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.id/","item_type": "link","item_name": "memorychamps","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.memoryacademy.id/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac89298a-3fc9-4f35-862c-b027006929e0.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus latihan daya ingat, fokus, dan konsentrasi untuk mendukung prestasi
akademik</p>
</div>
</a>
<!-- EA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/","item_type": "link","item_name": "english-academy","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/English%20Academy/logo-ea-riddle.svg?convert=webp"
alt="Logo English Academy" loading="lazy" />
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar
internasional</p>
</div>
</a>
<!-- ruanguji -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruanguji","item_type": "link","item_name": "ruanguji","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg"
alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- schoters -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="40" />
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa
terlengkap!</p>
</div>
</a>
<!-- rgprivat -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/privat","item_type": "link","item_name": "ruangles","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles" width="112" loading="lazy" srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w" sizes="(max-width: 112px) 100vw, 112px" />
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- kalananti -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 9,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.kalananti.id/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png"
alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan
kreativitas</p>
</div>
</a>
<!-- ags -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaglobalschool.com/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.altaglobalschool.com/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d56be6bf-3717-4da1-9763-438f02340246.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="30" />
</div>
<p class="text-product">Sekolah blended learning untuk PAUD-SMA, siapkan siswa kuliah di universitas
terbaik, dalam & luar negeri</p>
</div>
</a>
<!-- SA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://skillacademy.com/","item_type": "link","item_name": "skillacademy","item_category": "cta","item_position": 11,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg"
alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- rg for kids -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/for-kids","item_type": "link","item_name": "ruangguru for kids","item_category": "cta","item_position": 12,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo_rgfk.svg?convert=webp"
alt="Logo For Kids" width="100" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan
sains</p>
</div>
</a>
<!-- dafalulu -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/dafa-lulu","item_type": "link","item_name": "dafalulu","item_category": "cta","item_position": 13,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/logo-dafa-lulu.png?convert=webp&height=44&name=logo-dafa-lulu.png"
height="44" alt="Logo dafa lulu" loading="lazy" />
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- roboguru -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://roboguru.ruangguru.com/","item_type": "link","item_name": "roboguru","item_category": "cta","item_position": 14,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp"
alt="Logo roboguru" width="125" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/roboguruplus","item_type": "link","item_name": "roboguruplus","item_category": "cta","item_position": 16,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp"
width="155" alt="Logo roboguru plus" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik
</p>
</div>
</a>
<!-- ruangkerja -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangkerja.id/","item_type": "link","item_name": "ruangkerja","item_category": "cta","item_position": 17,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg"
alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- ruangkelas -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangkelas","item_type": "link","item_name": "ruangkelas","item_category": "cta","item_position": 18,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg"
alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
</div>
<div class="navig-link navig-link-dropdown " id="center" aria-expanded="false">
<a href="#">Offline Centers</a>
</div>
<div class="navig-dropdown-area closed" id="center_item" aria-expanded="false">
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/branch","item_type": "link","item_name": "mathchamps branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/branch">
Mathchamps
</a>
</div>
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id/branch","item_type": "link","item_name": "brain academy branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.brainacademy.id/branch/">
Brain Academy
</a>
</div>
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/center","item_type": "link","item_name": "EA center","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.english-academy.id/center/">
English Academy
</a>
</div>
</div>
<div class="navig-link " id="program">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/program","item_type": "link","item_name": "Program","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/program">
Program
</a>
</div>
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/promo","item_type": "link","item_name": "Promo","item_category": "promotion","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/promo">
Promo
</a>
</div>
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/event","item_type": "link","item_name": "Event","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/event">
Event
</a>
</div>
<!-- <div class="navig-link ">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/beasiswa","item_type": "link","item_name": "Beasiswa","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/beasiswa"
>
Beasiswa
</a>
</div> -->
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/testimoni","item_type": "link","item_name": "Testimoni","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/testimoni">
Testimoni
</a>
</div>
<!-- <div class="navig-link navig-link-dropdown " id="services" aria-expanded="false">
<a href="#">Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar/perpanjang-paket","item_type": "link","item_name": "Cara Perpanjang Paket","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket"
>
Cara Perpanjang Paket
</a>
</div>
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cara-bayar","item_type": "link","item_name": "Cara Bayar","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cara-bayar"
>
Cara Bayar
</a>
</div>
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cicilan","item_type": "link","item_name": "Cicilan","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cicilan"
>
Cicilan
</a>
</div>
</div> -->
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/blog","item_type": "link","item_name": "Ruangbaca","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/blog/">
Ruangbaca
</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta" id="btn-header">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank">
<button class="cta ">Langganan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="spacer-rg"></div>
<div class="jumbotron-section">
<div class="page-center">
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent p-0">
<li class="breadcrumb-item">
<a href="https://www.ruangguru.com/">Home</a>
</li>
<li class="breadcrumb-item active">
<span class="city">Rasionalisasi</span>
</li>
</ol>
</nav>
<div class="jumbotron-grid">
<div class="jumbotron-desc">
<h1 class="banner-title">Rasionalisasi SNBP Ruangguru</h1>
<p class="banner-subtitle">
Ukur potensi daya saing kamu untuk lolos SNBP 2026 bersama Rasionalisasi SNBP Ruangguru, GRATIS dengan
<i>Real-time Update</i>
!
</p>
<div class="step-box">
<p>Siapkan dokumen berikut untuk lihat peluangmu sekarang!</p>
<div class="box-items">
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic-num-1.svg?convert=webp" alt="icn number 1" />
<p>NPSN Sekolah</p>
</div>
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic-num-2.svg?convert=webp" alt="icon number 2" />
<p>Kurikulum Sekolah yang digunakan</p>
</div>
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic-num-3.svg?convert=webp" alt="icon number 3" />
<p>Foto sertifikat prestasi (jika ada)</p>
</div>
<div class="item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9ebcccf6-9930-4a56-8a4e-22ca8b11994f.svg?convert=webp" alt="icon number 3" />
<p>Foto dan nilai serta rata-rata rapor semester 1-5</p>
</div>
</div>
</div>
<div class="info-box">
<div class="icon-info">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic_info.png?convert=webp" alt="icon info" />
</div>
<div class="info-text">
<p>
<b>Penting!</b>
</p>
<p class="info-text-hasil">Hasil rasionalisasi bersifat prediksi dari tim Ruangguru, bukan acuan ataupun hasil utama SNBP</p>
</div>
</div>
<div class="cta-peluang">
<a href="https://cta.ruangguru.com/84cd1533-1fea-4445-b106-352632623744" target="_blank">
<button class="button-basic-orange">Lihat Peluangmu</button>
</a>
</div>
</div>
<div class="jumbotron-image">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/f45c7c03-ad12-4e48-b979-9022ccb48ac2.png?convert=webp" alt="Rasionalisasi SNBP Ruangguru" />
</div>
</div>
</div>
</div>
<div class="container-fakta-info">
<div class="page-center">
<!-- Fakta SNMPTN -->
<div class="fakta-snmptn">
<h2>Fakta SNBP 2025</h2>
<p class="fakta-subtitle">Berdasarkan Data Lembaga Tes Masuk Perguruan Tinggi (LTMPT)</p>
<div class="statistik">
<div class="stat-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Fakta_Info/ic_acc.png?convert=webp" alt="icon pendaftar" />
<p>
776.515
<br />
<span>pendaftar</span>
</p>
</div>
<div class="stat-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Fakta_Info/ic_score.png?convert=webp" alt="icon lolos" />
<p>
150.547
<br />
<span>lolos SNBP</span>
</p>
</div>
<div class="stat-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Fakta_Info/ic_chance.png?convert=webp" alt="icon peluang lolos" />
<p>
20,19%
<br />
<span>peluang SNBP</span>
</p>
</div>
</div>
</div>
<!-- Info SNMPTN -->
<div class="info-snmptn">
<h2>INFO SNBP 2026</h2>
<div class="card-info">
<div class="section-slick">
<a href="https://www.ruangguru.com/blog/informasi-lengkap-snbp" class="card-item" id="artikel-1">
<img src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Header%20Pojok%20Kampus%20-%20Informasi%20SNBP%202023-01.jpg?convert=webp" alt="image artikel" />
<p>Jadwal SNBP 2026, Syarat, Tahap Pendaftaran & Ketentuannya</p>
</a>
<a href="https://www.ruangguru.com/blog/daftar-mata-pelajaran-pendukung-snbp" class="card-item" id="artikel-2">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/da2ff705-7904-4abf-9fde-99fe030d23e8.png?convert=webp" alt="image artikel" />
<p>Daftar Mata Pelajaran Pendukung SNBP 2026 untuk K13 & Kurikulum Merdeka</p>
</a>
<a href="https://www.ruangguru.com/blog/informasi-lengkap-utbk-snbt" class="card-item" id="artikel-3">
<img src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Pojok%20Kampus%20-%20Jadwal%20SNBP%20dan%20UTBK_Header%20820%20x%20410.jpg?convert=webp" alt="image artikel" />
<p>Jadwal UTBK-SNBT 2026, Cara Daftar, Syarat & Biaya</p>
</a>
<a href="https://www.ruangguru.com/blog/ketentuan-portofolio-snbp-dan-utbk-snbt" class="card-item" id="artikel-4">
<img src="https://cdn-web.ruangguru.com/landing-pages/assets/hs/Pojok%20Kampus%20-%20Ketentuan%20Portofolio%20SNMPTN%20SBMPTN-05.jpg?convert=webp" alt="image artikel" />
<p>Ketentuan Isi Portofolio SNBP & SNBT 2026 serta Cara Upload</p>
</a>
<a href="https://www.ruangguru.com/blog/jadwal-dan-langkah-pengisian-pdss" class="card-item" id="artikel-5">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/15ed0de3-fb6d-4f2d-991d-99819f9cb54f.png?convert=webp" alt="image artikel" />
<p>Mengenal PDSS, Panduan Lengkap Pangkalan Data Sekolah & Siswa untuk SNBP 2026</p>
</a>
<a href="https://www.ruangguru.com/blog/kitab-utbk-snbt-ruangguru-versi-cetak" class="card-item" id="artikel-6">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c12d075c-ba91-49b3-b9c9-990bf465763d.jpg?convert=webp" alt="image artikel" />
<p>Kitab UTBK-SNBT Ruangguru, Edisi Persiapan Ujian 2026!</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="benefit-rasionalisasi">
<div class="page-center">
<div class="benefit-content">
<div class="benefit-list">
<div class="benefit-title">
<h2>Mengapa harus ikutan Rasionalisasi SNBP Ruangguru?</h2>
</div>
<div class="benefit-item">
<div class="benefit-iconnum">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic-num-1.svg?convert=webp" loading="lazy" alt="icon-1" />
</div>
<p>
Membantu mengukur daya saing dan potensi penerimaan di program studi dan PTN impianmu, bahkan dapat diikuti oleh kamu yang masih di kelas 10 dan 11 untuk mengukur capaian nilai kamu
</p>
</div>
<div class="benefit-item">
<div class="benefit-iconnum">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic-num-2.svg?convert=webp" loading="lazy" alt="icon-2" />
</div>
<p>
Hasil Rasionalisasi langsung dapat dilihat secara
<i>real time</i>
</p>
</div>
<div class="benefit-item">
<div class="benefit-iconnum">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Banner/ic-num-3.svg?convert=webp" loading="lazy" alt="icon-2" />
</div>
<p>
Memiliki peserta terbanyak setiap tahun sehingga hasil prediksi semakin akurat, terbukti dari banyaknya peserta yang berhasil lolos ke PTN incarannya dengan nilai yang mereka miliki
</p>
</div>
<div class="benefit-item">
<div class="benefit-iconnum">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9ebcccf6-9930-4a56-8a4e-22ca8b11994f.svg?convert=webp" loading="lazy" alt="icon-3" />
</div>
<div class="benefit-list-item">
<p>Sistem penilaian yang lengkap dan menyeluruh sesuai dengan aturan terbaru (Peraturan Menteri Nomor 48 Tahun 2022)</p>
</div>
</div>
<div class="benefit-item">
<div class="benefit-iconnum">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5962c03e-1ebc-456e-93af-9f84daa6302f.svg?convert=webp" loading="lazy" alt="icon-3" />
</div>
<div class="benefit-list-item">
<p>Dapatkan rekomendasi target nilai TKA yang perlu dicapai untuk dapat memvalidasi rapormu dan memperbesar peluang</p>
</div>
</div>
</div>
<div class="benefit-visual">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/18260ab8-48d3-4811-9c8f-16cdc9e10297.png?convert=webp" alt="Phone Visual" loading="lazy" />
</div>
</div>
</div>
</div>
<div class="registrasi normalize-css">
<div class="page-center">
<div class="registrasi-content">
<div class="registrasi-content_title">
<h2 class="font-title font-dark font-center">Alur proses Rasionalisasi SNBP 2026 Ruangguru</h2>
</div>
<div class="registrasi-content_middle">
<div class="registrasi-middle_accordion">
<div class="accordion-registrasi">
<!-- 1 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>1</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Alur%20Proses/icon1.png?convert=webp" alt="icon pen book" />
</div>
<div class="subject-text">
<p>Pengisian formulir Rasionalisasi SNBP Ruangguru</p>
<p class="subtext-subject">20 November 2025 - 31 Maret 2026</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg?convert=webp" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Siapkan data berikut</p>
<ul>
<li>NPSN Sekolah</li>
<li>Kurikulum Sekolah</li>
<li>Foto dan nilai serta rata-rata rapor semester 1–5</li>
<li>Foto sertifikat prestasi</li>
<li>Jumlah alumni sekolah yang diterima di program studi & PTN tujuan</li>
</ul>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Klik “Lihat Peluangmu”</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Klik "Mulai sekarang"</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Isi semua data pada formulir yang disediakan</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Klik “Simpan”</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>2</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Alur%20Proses/icon2.png?convert=webp" alt="icon computer" />
</div>
<div class="subject-text">
<p>Webinar Rasionalisasi SNBP Ruangguru</p>
<p class="subtext-subject">10 Desember 2025</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg?convert=webp" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Tata cara ikutan:</p>
<ul>
<li>Install aplikasi Ruangguru</li>
<li>Buka aplikasi Ruangguru</li>
<li>Pilih menu tab “Brain Academy”</li>
<li>Pilih jenjang kelas 12</li>
<li>Klik banner event live “Webinar Rasionalisasi SNBP”</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 4 -->
<div class="container-acc">
<div class="container-acc_step">
<div class="step-number">
<p>3</p>
</div>
</div>
<div class="container-acc_box">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-subject_text">
<div class="subject-thumbnail">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Alur%20Proses/icon4.png?convert=webp" alt="icon book star" />
</div>
<div class="subject-text">
<p>Hasil Rasionalisasi SNBP Ruangguru</p>
<p class="subtext-subject">
<i>Real-time update</i>
</p>
</div>
</div>
<div class="accordion-subject_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20ruangles/arrow-down.svg?convert=webp" alt="" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-content">
<div class="registrasi-steps">
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Setelah proses pengisian datamu selesai, hasil akan otomatis ditampilkan di halaman rasionalisasi</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Klik “Lihat Peluang Rasionalisasi SNBP” pada halaman ini untuk melihat hasil rasionalisasi</p>
</div>
</div>
<div class="step-regis">
<div class="step-regis_img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Liga%20Ruangguru/Final/ic-star.svg?convert=webp" width="32" height="32" alt="" />
</div>
<div class="step-regis_text">
<p>Hasil rasionalisasi akan berupa persentase dan analisis potensi daya saing kamu di SNBP</p>
</div>
</div>
<div class="step-regis-notes">
<div>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rasionalisasi%20SNMPTN%20Ruangguru/Alur%20Proses/ic_info.svg?convert=webp"
width="16"
height="16"
loading="lazy"
/>
<p class="font-notes-penting">Penting!</p>
</div>
<ul>
<li>
Perlu diperhatikan bahwa hasil rasionalisasi ini berdasarkan metode penilaian Ruangguru untuk memberi gambaran potensi daya saing dan bukan hasil akhir SNBP sebenarnya
</li>
<li>Hasil rasionalisasi ini dapat dijadikan alternatif referensi, namun bukan untuk dijadikan acuan utama dalam menentukan target program studi & PTN di SNBP</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cta-alur-proses">
<a href="https://cta.ruangguru.com/84cd1533-1fea-4445-b106-352632623744" target="_blank">
<button class="button-basic-orange">Lihat Peluangmu</button>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="cerita-alumni">
<div class="page-center">
<div class="container-alumni">
<div class="title-alumni">
<h2>Cerita alumni yang mengikuti Rasionalisasi SNBP Ruangguru 2025</h2>
</div>
<div class="slide-alumni">
<div class="card-alumni">
<p class="card-desc-alumni">
“Aku pakai fitur Rasionalisasi SNBP di Ruangguru buat lihat peluang lolos di prodi impianku. Ternyata hasilnya akurat banget dan aku beneran lolos SNBP! Sebelumnya juga aku tetap
siapin diri lewat TO Ruangguru dan belajar bareng Master Teacher di Live Teaching, biar makin paham cara ngerjain soal.”
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7680a577-5604-40fd-b050-de9b9506375d.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Raihanun</p>
<p class="bio-school-alumni">SMAN 86 JAKARTA</p>
<p class="bio-univ-alumni">Universitas Indonesia - Sastra Belanda</p>
</div>
</div>
</div>
<div class="card-alumni">
<p class="card-desc-alumni">
“Aku sempet ragu daftar ke ITB karena nilai raporku pas-pasan. Tapi setelah coba fitur Rasionalisasi SNBP di Ruangguru, aku jadi yakin lagi buat ngambil peluang itu. Dan ternyata bener
aja, aku lolos SNBP 2025 di ITB! Rasanya lega banget, semua usaha 5 semester terbayar. Buat yang masih berjuang, jangan ragu manfaatin fitur ini dan bisa banget bantu kamu semakin
yakin untuk ambil langkah yang tepat!”
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ea3d73a-3df6-495d-87fa-5b950cd16117.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Raya</p>
<p class="bio-school-alumni">SMAN 3 TANGERANG</p>
<p class="bio-univ-alumni">Institut Teknologi Bandung - Sekolah Bisnis dan Manajemen</p>
</div>
</div>
</div>
<div class="card-alumni">
<p class="card-desc-alumni">
“Aku suka ikut lomba dan kegiatan, jadi kadang ketinggalan pelajaran. Untung ada Ruangguru! Aku bisa belajar lewat Video Belajar, Latihan Soal, dan pakai fitur Rasionalisasi Ruangguru
buat ngukur peluang SNBP ku. Nilaiku jadi stabil dan naik terus. Alhamdulillah, aku lolos SNBP di Biologi UNDIP dan jadi siswa terbaik di sekolah! Makasih Ruangguru, belajar jadi makin
seru!"
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4dfffc19-1f1a-4427-8138-226d33c18fba.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Bety</p>
<p class="bio-school-alumni">SMAS TAKHASSUS AL-QUR AN</p>
<p class="bio-univ-alumni">Universitas Diponegoro - Biologi</p>
</div>
</div>
</div>
<div class="card-alumni">
<p class="card-desc-alumni">
“Awalnya aku masuk ke jurusan IPS saat penjurusan SMA, tapi aku meyakinkan guru untuk pindah ke IPA dengan syarat harus bisa bertahan. Tiga bulan kemudian, aku berhasil buktiin diri
dengan ranking 1! Semangat belajar itu terus kebawa sampai akhirnya aku pakai fitur Rasionalisasi SNBP Ruangguru buat ngukur peluang masuk STEI-K ITB dan hasilnya akurat banget!
Rasanya semua usaha belajar terbayar lunas 💙”
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/93af64b9-a382-42cb-abc1-0480df3f05b4.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Christabelcyne</p>
<p class="bio-school-alumni">SMAS METHODIST JAKARTA</p>
<p class="bio-univ-alumni">Institut Teknologi Bandung - STEI Komputasi</p>
</div>
</div>
</div>
<div class="card-alumni">
<p class="card-desc-alumni">
“Awalnya aku sempat bingung pilih jurusan, dan sempat kepikiran masuk kedokteran, tapi akhirnya beralih ke Teknik Informatika. Untung ada fitur Rasionalisasi SNBP Ruangguru yang bantu
aku pertimbangkan peluang dan pilihan terbaik. Alhamdulillah, aku berhasil lolos SNBP dan dapet kursi di jurusan impian!”
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6b75a099-4c88-4313-bda0-cf5e6b16853c.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Arsya</p>
<p class="bio-school-alumni">MAN 2 KOTA MALANG</p>
<p class="bio-univ-alumni">Institut Teknologi Sepuluh Nopember - Teknik Informatika</p>
</div>
</div>
</div>
<div class="card-alumni">
<p class="card-desc-alumni">
“Awalnya aku sempat ragu menentukan jurusan, tapi berkat Brain Academy dan fitur Rasionalisasi SNBP, aku jadi yakin dengan pilihan jurusanku. Belajar di Brain Academy juga bantu aku
pertahankan dan tingkatkan nilai jadi makin bagus. Terima kasih Ruangguru!”
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7c524bba-242f-4326-a0b8-8ed1716fee3a.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Immanuela</p>
<p class="bio-school-alumni">SMAN 1 TOMOHON</p>
<p class="bio-univ-alumni">Universitas Indonesia - Pendidikan Dokter Gigi</p>
</div>
</div>
</div>
<div class="card-alumni">
<p class="card-desc-alumni">
“Momen paling menegangkan itu waktu nilai semester 5 keluar. Untung ada konsultasi jurusan dan fitur Rasionalisasi SNBP dari Ruangguru, setelah itu aku jadi yakin pilih jurusan yang
cocok sama minat dan peluang lolosku. Dan hasilnya, aku LOLOS SNBP! 🎉 Bersyukur banget semua usaha dan strategi belajarku akhirnya terbayar!”
</p>
<div class="card-profile-alumni">
<div class="image-card-alumni">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/59c1859a-b44a-4550-9397-b431a9d14ea8.png?convert=webp"
width="84"
height="84"
alt="Photo Testimoni Rasionalisasi Ruangguru"
loading="lazy"
/>
</div>
<div class="bio-alumni">
<p class="bio-name-alumni">Annisa</p>
<p class="bio-school-alumni">SMAN 1 PONOROGO</p>
<p class="bio-univ-alumni">Universitas Brawijaya - Psikologi</p>
</div>
</div>
</div>
</div>
<div class="cta-alumni">
<a href="https://cta.ruangguru.com/84cd1533-1fea-4445-b106-352632623744" target="_blank">
<button class="button-basic-orange">Lihat Peluangmu</button>
</a>
</div>
</div>
<!--START SECTION PACKAGES-->
<section class="packages" id="packages" name="package_list">
<div class="packages-content">
<h2 class="font-inter font-dark font-subtitle">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Star-2.svg?convert=webp" alt="star-icon" class="jenjang-star" />
Paket populer untuk UTBK/SNBT
</h2>
<div class="payment-package-loading" id="loading">
<div class="loader"></div>
</div>
<div class="packages-content_cards rubel-cards">
<div class="payment-cards-container payment-cards-container-section" id="payment-cards-package"></div>
</div>
<div class="payment-cards-empty-container" id="empty-packages">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/6d7bda8d-8200-4b5f-84c7-16b6925f379e.png?convert=webp&h=170" alt="empty-illustration" />
<p class="title">Paket yang kamu pilih tidak tersedia</p>
</div>
</div>
</section>
<!--END SECTION PACKAGE-->
</div>
</div>
<!-- <div class="utbk-center">
<div class="page-center">
<div class="container-utbk">
<div class="utbk-left">
<h2>
Siapkan dirimu lebih awal di
<span>UTBK Center</span>
untuk hadapi SNBT 2026
</h2>
<p>Temukan semua amunisi untuk menghadapi SNBT 2026 di UTBK Center:</p>
<ul>
<li>Cek peluang lolos PTN Impian</li>
<li>Tips & Strategi Belajar</li>
<li>Lihat Persebaran Materi</li>
<li>Tryout sesuai dengan aturan terbaru</li>
<li>Tes Minat & Bakat</li>
</ul>
<div class="download-app">
<a href="https://cta.ruangguru.com/3a24e584-a6db-46fc-bff0-bfa975241fb3" target="_blank" rel="noopener">
<img
class="hs-cta-img"
id="hs-cta-img-3a24e584-a6db-46fc-bff0-bfa975241fb3"
style="border-width: 0px"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/cta/3a24e584-a6db-46fc-bff0-bfa975241fb3.png?convert=webp"
alt="Cek UTBK Center"
/>
</a>
</div>
</div>
<div class="utbk-right">
<img class="utbk-right-img" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e8a0f0d5-e20e-4995-9b43-204baa9357f9.png?convert=webp" alt="image phone" loading="lazy" />
</div>
</div>
</div>
</div> -->
<div class="faq-section" id="faq">
<div class="page-center">
<div class="container-faq">
<div id="faq">
<h2 class="title-faq">Pertanyaan yang sering diajukan</h2>
<!-- accordion 1 -->
<div class="accordion">
<p>Siapa saja yang bisa mengikuti Rasionalisasi SNBP Ruangguru?</p>
</div>
<div class="panel">
<p class="kota">Semua pelajar SMA siswa kelas 10, 11 dan 12 di Indonesia yang memenuhi syarat kuota untuk mengikuti SNBP 2026</p>
</div>
<!-- accordion 2 -->
<div class="accordion">
<p>Apakah fitur Rasionalisasi SNBP Ruangguru gratis?</p>
</div>
<div class="panel">
<p class="kota">Ya, fitur rasionalisasi di Ruangguru bisa kamu akses secara GRATIS</p>
</div>
<!-- accordion 3 -->
<div class="accordion">
<p>Jika saya tidak mengikuti TKA atau tidak memiliki nilai TKA apakah bisa mengikuti Rasionalisasi SNBP Ruangguru?</p>
</div>
<div class="panel">
<p class="kota">Meskipun jalur SNBP mewajibkan nilai TKA, kamu tetap bisa mengikuti Rasionalisasi SNBP Ruangguru.</p>
</div>
<!-- accordion 4 -->
<div class="accordion">
<p>Bagaimana jika terdapat mata pelajaran di formulir yang tidak ada di rapor saya?</p>
</div>
<div class="panel">
<p class="kota">
Apabila pada formulir terdapat mata pelajaran yang tidak tercantum secara terpisah di rapor (misalnya di rapor hanya terdapat mata pelajaran IPA, sedangkan di formulir diminta Biologi,
Fisika, dan Kimia), silakan masukkan nilai yang sama pada ketiga mata pelajaran tersebut sesuai dengan nilai IPA di rapor Anda.
</p>
</div>
<!-- accordion 5 -->
<div class="accordion">
<p>Apakah NPSN itu?</p>
</div>
<div class="panel">
<ul>
<li>
NPSN adalah singkatan dari Nomor Pokok Sekolah Nasional. NPSN merupakan kode standar untuk mengidentifikasi satuan pendidikan (Sekolah) yang unik dan membedakan satu sekolah dengan
sekolah lainnya. Kode NPSN Indonesia terdiri dari 8 digit angka.
</li>
<li>Untuk mengetahui NPSN sekolahmu, silakan tanyakan langsung ke pihak sekolah.</li>
<li>
Kamu juga bisa cari sendiri dengan mengetik nama sekolahmu sesuai rapor di:
<a href="https://dapo.kemdikbud.go.id/pencarian" target="_blank" rel="nofollow">https://dapo.kemdikbud.go.id/pencarian</a>
(Contoh: SMAN 12 KOTA TANGERANG SELATAN)
</li>
</ul>
</div>
<!-- accordion 6 -->
<div class="accordion">
<p>Jika saya tidak memiliki sertifikat prestasi, apakah saya tetap bisa mengikuti Rasionalisasi SNBP di aplikasi Ruangguru?</p>
</div>
<div class="panel">
<p class="kota">Tetap bisa, silakan kosongkan kolom prestasi dan sertifikat</p>
</div>
<!-- accordion 7 -->
<div class="accordion">
<p>Terdapat nilai keterampilan dan pengetahuan, manakah nilai yang diinput di Rasionalisasi SNBP Ruangguru?</p>
</div>
<div class="panel">
<p class="kota">Yang akan kamu input adalah nilai pengetahuan</p>
</div>
<!-- accordion 8 -->
<div class="accordion">
<p>Bagaimana cara mengisi nilai jika terdapat mata pelajaran Muatan Lokal (Mulok) di rapor?</p>
</div>
<div class="panel">
<p class="kota">
Jika rapor kamu mencantumkan mata pelajaran Muatan Lokal, silakan isi sesuai nilai yang tertera.
<br />
Contoh: untuk pelajaran Seni Budaya Daerah, masukkan nilainya pada bagian Muatan Lokal 1 dan seterusnya untuk mata pelajaran Muatan Lokal lainnya.
</p>
</div>
<!-- accordion 9 -->
<div class="accordion">
<p>Saya sudah mendapatkan hasil rasionalisasi, namun ingin mengubah/membarui data, bagaimana caranya?</p>
</div>
<div class="panel">
<ul>
<li>Masuk ke halaman Hasil Rasionalisasi kamu</li>
<li>Klik “Update Data”</li>
<li>
Kamu bisa memperbarui data yang ingin diubah, dan hasilnya akan langsung muncul secara
<i>real-time</i>
</li>
</ul>
</div>
<!-- accordion 10 -->
<div class="accordion">
<p>Apakah hasil Rasionalisasi SNBP Ruangguru sama dengan hasil SNBP sebenarnya?</p>
</div>
<div class="panel">
<ul>
<li>Hasil Rasionalisasi SNBP Ruangguru ini berdasarkan metode penghitungan skor Ruangguru untuk memberi gambaran potensi daya saing dan bukan hasil akhir SNBP sebenarnya</li>
<li>Hasil Rasionalisasi SNBP Ruangguru dapat dijadikan alternatif referensi, namun bukan untuk dijadikan acuan utama dalam menentukan target program studi & PTN di SNBP</li>
</ul>
</div>
<!-- accordion 11 -->
<div class="accordion">
<p>Jika saya ada kendala/error saat mengakses Rasionalisasi SNBP Ruangguru, saya harus hubungi siapa?</p>
</div>
<div class="panel">
<p class="kota">
Jika ada kendala/error, kamu bisa bertanya melalui WhatsApp di link:
<a href="https://bit.ly/tanyarasionalisasisnbp" target="_blank">https://bit.ly/tanyarasionalisasisnbp</a>
</p>
</div>
</div>
</div>
</div>
</div>
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.footer.roc {
background-color: #1d1110;
color: white;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&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 & 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 & 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>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'leads_gathering',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
</body>
</html>