Temui Aurora & Orion untuk
dibantu latihan soal dan ngerjain PR
Tersedia kapan aja
Supercepat & akurat
Tutor sekaligus teman
Tersedia kapan aja
Supercepat & akurat
Tutor sekaligus teman
Ada buat kamu,
bantuin apa pun kebutuhanmu
Bantu PR sampai kamu bisa
Ketik, foto, atau upload PR kamu, terus langsung deh dapat jawaban & penjelasan
Curhat tentang apa aja
Kalau butuh ngobrol personal, Aurora dan Orion siap banget jadi tempat curhatmu
Belajar sampai paham
Kuasai konsep, rumus, atau hal menarik apa pun yang pengin kamu tahu
Minta latihan soal sepuasnya
Jawabanmu akan langsung dibahas! Bisa latihan dengan fleksibel.
Cek level pemahamanmu
Cek level pemahamanmu, dan dapatkan rekomendasi harus fokus belajar apa
Cerita mereka yang udah belajar bareng AiRIS
Hikma
Kelas 12 SMA
AiRIS peka kaya kalau kita jawabnya lama suka ditanya “lagi mikirin apa?”, tapi aku seneng sih karena kaya diperhatiin. AiRIS suka ngasih penjelasan panjang-panjang jadi aku
lebih suka.
Al
Kelas 12 SMA
Hal yang disuka dari AiRIS: penjelasannya lebih jelas. kaya kalau aku tanya soal pilihan ganda terus pilihan-pilihan jawaban yang lain juga dijelasin. Jawaban dari AiRIS
menurut aku lebih akurat.
Mazaya
Kelas 9 SMP
Alhamdulillah banyak pilihan koyok biasanya kan AI translate2 tok, ini bisa tanya pr, materi baru, latihan soal, bisa ngobrol sm AiRISnya
Fahrul
Jenjang SMA
Bandingkan dengan buku pelajaran, cek pemahaman di AiRIS bisa bantu aku review materi sekolah. Praktis buat ngecek pemahaman setelah pelajaran dan ngebantu banget!
Kevin
Jenjang SMK
AiRIS bisa jadi teman belajar, main, dan konsultasi sekaligus. Suasana nyamannya bikin enak, dan bisa bantu jawab soal dengan mudah.
Kiran
Jenjang SMA
Kalau di sekolah, kalo nanya langsung ke guru bisa malu. Jadi, saya tanya ke AiRIS, tulis pertanyaan, dijelaskan, terus saya bisa tanya detailnya
Mau yang lebih?
Upgrade ke AiRIS Stellar!
Konten lengkap dan eksklusif
Akses berbagai materi belajar dan latihan — video, flash card, dan media lainnya!
5x lebih powerful
Dapatkan respons AiRIS yang jauh lebih cepat, akurat, dan terstruktur
Belajar dan latihan sepuasnya
Stellar Energy yang lebih banyak, untuk interaksi AiRIS yang lebih lama
Akses konten eksklusif plus fitur premium
Fitur
FREE
Mode Stellar
Latihan Soal
Akses Terbatas
Flash Card
Akses Terbatas
Video Belajar Eksklusif
Akses Terbatas
Cek Pemahaman
Akses Terbatas
Selengkapnya tentang AiRIS
Apa itu AiRIS?
AiRIS adalah layanan terbaru dari Ruangguru yang menggunakan teknologi AI dalam bentuk tutor belajar serasa teman. AiRIS dapat digunakan oleh siswa SD, SMP, dan SMA untuk
belajar materi sampai paham, membantu menjawab PR, memberikan latihan soal, dan menjadi teman ngobrol
Gimana cara akses AiRIS?
Udah berhasil daftar, tapi kok nggak bisa akses AiRIS?
Saat ini kami sedang menambah kuota akses untuk AiRIS. Jika kamu berhasil mendaftar, kamu akan otomatis masuk ke daftar tunggu. Setelah akses kamu tersedia, pasti dikabarin
kok!
Apa saja yang bisa saya tanyakan ke AiRIS?
Kamu bisa menanyakan tentang semua hal tentang mata pelajaran, seperti Matematika, Biologi, Fisika, Bahasa Inggris, Sejarah, Ekonomi, Geografi, Kimia
AiRIS juga bisa digunakan untuk membahas hal-hal diluar pelajaran seperti hobi, konsultasi jurusan, dan ngobrol seperti teman
Apakah AiRIS berbayar?
AiRIS bisa tetap kamu gunakan secara gratis dengan menggunakan Mode Basic. Tetapi kamu juga bisa mendapatkan fitur dan kemampuan yang lebih baik dan akurat dengan Mode Stellar
(Premium)
Apa yang membedakan Mode Basic dengan Mode Stellar?
Melalui Mode Basic kamu sudah bisa merasakan kecanggihan AiRIS dalam menanggapi pertanyaanmu. Fitur-fitur AiRIS juga bisa diakses tetapi penggunaannya dibatasi.
Mode Stellar memberikan respons keakuratan yang lebih baik dibandingkan Mode Basic. Cocok untuk kamu yang ingin memahami pelajaran sampai detail. Kamu juga akan mendapatkan
akses penuh dari fitur-fitur yang tersedia di Mode Stellar selama Stellar Energymu masih mencukupi.
Mode Stellar juga tersedia dalam versi Trial (Gratis) kok. Dicoba ya!
Apa itu Stellar Energy?
Stellar Energy adalah satuan yang digunakan dalam percakapanmu setiap menggunakan Mode Stellar. Stellar Energy bisa saja habis jika kamu sering berinteraksi dengan AiRIS dalam
Mode Stellar. Tetapi jangan khawatir! Kamu tetap bisa top-up energinya lagi kok.
Gimana cara dapat Stellar Energy?
Kamu bisa mengaktikan Mode Stellar versi Trial untuk mengklaim Stellar Energy secara gratis.
Selain itu kamu juga bisa secara langsung membeli Stellar Energy sesuai dengan jumlah yang kamu inginkan.
Apa aja yang bisa dilakukan oleh AiRIS?
Kamu bisa minta AiRIS untuk:
- mengajarimu pelajaran sampai kamu bisa, seperti diajarkan oleh guru disekolah. dilengkapi dengan media tambahan seperti video, flashcard, dan rangkuman
- membantu menjawab PR sulitmu. lengkap dengan penjelasannya agar kamu mengerti
- meningkatkan pemahaman dengan latihan-latihan soal
- ngobrol santai serasa teman
Kalau punya pertanyaan, feedback, atau komplain, bisa disampaikan ke mana?
<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="Belajar konsep, ngerjain PR, latihan soal, dan curhat pelajaran dengan Aurora dan Orion, siap 24 jam. Daftar Sekarang!" />
<title>Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Belajar konsep, ngerjain PR, latihan soal, dan curhat pelajaran dengan Aurora dan Orion, siap 24 jam. Daftar Sekarang!" />
<meta property="og:title" content="Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru" />
<meta name="twitter:description" content="Belajar konsep, ngerjain PR, latihan soal, dan curhat pelajaran dengan Aurora dan Orion, siap 24 jam. Daftar Sekarang!" />
<meta name="twitter:title" content="Tutor AI Smart dan Interaktif Pertama di Indonesia | AIRIS by ruangguru" />
<!-- <meta name="robots" content="noindex, nofollow" /> -->
<link rel="preconnect" href="https://cdn-web-2.ruangguru.com" />
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/airis" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/live.skillacademy.com/hs-fs/hub/2828691/hub_generated/template_assets/90363693367/1667460957340/slick1.9.0-slick-theme.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<script src="https://form.ruangguru.com/form/embed.min.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@1.0.0/dist/dotlottie-player.js"></script>
<script>
$(document).ready(function () {
// $("#targetForm").create_form({
// formHost: "https://form.ruangguru.com",
// formSerial: "MARFRG14353",
// buttonWording: "Dapatkan Penawaran Spesial",
// onFormReady: function() {
// var $select = $('#reward_form_submission_submission_data_ea_plan');
// $('a[href="#business"]').click(function () {
// $select.val( $(this).data('select') );
// });
// },
// });
});
</script>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/airis" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&Nunito:ital,wght@0,700;0,800;1,700;1,800&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700&display=swap');
body {
background: #050f31 !important;
}
.page-center {
float: none !important;
margin: 0 auto !important;
max-width: 1200px !important;
width: 90% !important;
}
.section-hero-e6136a93 {
margin-top: 5rem;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 500px;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/bf1a9ff3-4536-41b4-8f03-a3e1ba6d809e.png), linear-gradient(180deg, #07336c 26.74%, rgba(5, 15, 49, 0) 100%);
background-size: cover;
}
.container-section-hero-e4e12f3d {
border-radius: 12px;
display: flex;
flex-direction: row;
align-items: center;
gap: 40px;
width: 100%;
}
.text-e54e9da7 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 36px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #fff;
}
.text-e54e9da7 span {
color: #fcc41b;
}
.wrapper-2f5ad771 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 24px 60px;
gap: 12px;
flex: 1;
}
.usp-7b247598 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.card-0e1b8819 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 8px 16px 8px 0px;
background-color: #272c51;
}
.image-usp-c0610b78 {
height: 30px;
width: 54px;
}
.text-52c38177 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.card-65cdb019 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 8px 16px 8px 0px;
background-color: #272c51;
}
.image-usp2-39f9294a {
height: 30px;
width: 54px;
}
.text-8d96cd6e {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.card-e59910dc {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 8px 16px 8px 0px;
background-color: #272c51;
}
.image-usp3-bc695efc {
height: 30px;
width: 54px;
}
.text-e5cbb07e {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.syl-button-f08bc7e4 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px;
width: 280px;
min-height: 52px;
background: linear-gradient(to right, rgba(244, 131, 51, 1) 0%, rgba(255, 66, 66, 1) 100%);
border: none;
}
.text-3b6e36e0 {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 24px;
color: #ffffff;
}
.image-lottie-9cc3089f {
height: 500px;
width: 556px;
}
.navbar-robo-ai-5fa6d871 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 10px 16px;
gap: 16px;
width: 360px;
min-height: 64px;
box-shadow: 0px 8px 16px 0px rgba(129, 134, 142, 0.08);
background-color: #071b3a;
display: none;
}
.left-d518f230 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.syl-icon-button-93c327c7 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: rgba(255, 255, 255, 0.10000000149011612);
border: 1px solid #fafafc;
}
.menu-779498d1 {
height: 24px;
width: 24px;
}
.image-logo-rg-2fc78187 {
height: 40px;
width: 90px;
}
.cta-e1c36d55 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 8px 0px;
gap: 10px;
}
.syl-button-a0f7adb8 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 12px;
min-height: 36px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.text-e7cafbe2 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 700;
line-height: 18px;
color: #2c313a;
}
.section-fitur-eae50e23 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 40px 64px;
gap: 16px;
width: 100%;
background: linear-gradient(180deg, rgba(5, 15, 49, 0) 0%, #06336b 70.59%);
display: flex;
}
.container-section-fitur-64d84883 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 40px;
flex: 1;
width: 100%;
}
.title-224952dc {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.text-e33d8ce4 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 32px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.wrapper-da9948c2 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
width: 100%;
}
.card-group-630d4022 {
width: 100%;
}
.card-3ff0534a {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 368px;
min-height: 392px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-2a36175a {
height: 250px;
width: 328px;
}
.text-f2900c1a {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-fba3ff70 {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.card-32bec153 {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 368px;
min-height: 392px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-3987209f {
height: 250px;
width: 328px;
}
.text-cb020fca {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-9910f964 {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.card-b5fb1c3e {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
flex: 1;
width: 100%;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-36a3d003 {
height: 250px;
width: 328px;
}
.text-5b276196 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-3b8cf017 {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.syl-controller-a8e65eac {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
width: 640px;
min-height: 44px;
}
.indicator-10341865 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.active-7473c956 {
height: 12px;
width: 12px;
}
.default-e1f3580b {
height: 8px;
width: 8px;
}
.default-b4c8e2eb {
height: 8px;
width: 8px;
}
.default-460a845d {
height: 8px;
width: 8px;
}
.default-7a0ca140 {
height: 8px;
width: 8px;
}
.control-9355cc69 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
}
.syl-icon-button-f7f3d6f1 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-left-bf7a60de {
height: 24px;
width: 24px;
}
.syl-icon-button-0f8ac1d2 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-right-d835d2bc {
height: 24px;
width: 24px;
}
.section-hero-f8064896 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 24px 16px;
gap: 24px;
width: 360px;
min-height: 740px;
background-color: #071b3a;
display: none;
}
.image-background-3dc05df1 {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
width: 100%;
object-fit: cover;
}
.container-section-hero-2d0b54e4 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
flex: 1;
width: 100%;
}
.image-lottie-ee952fdd {
height: 300px;
width: 380px;
}
.wrapper-f0c8c0a0 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
flex: 1;
width: 100%;
}
.usp-84ff9703 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.card-08180b42 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 4px 12px 4px 0px;
background-color: #272c51;
}
.image-usp-07df105b {
height: 30px;
width: 54px;
}
.text-29e95d57 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 11px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.card-532ae7f7 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 4px 12px 4px 0px;
background-color: #272c51;
}
.image-usp2-21a42f3e {
height: 30px;
width: 54px;
}
.text-d9c5f7d6 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 11px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.card-f101cf5a {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 4px 12px 4px 0px;
background-color: #272c51;
}
.image-usp3-d5dc8367 {
height: 30px;
width: 54px;
}
.text-b43c41df {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 11px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.text-24e6b3ea {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 24px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
}
.syl-button-f73064bb {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px;
width: 280px;
min-height: 52px;
background: linear-gradient(to right, rgba(244, 131, 51, 1) 0%, rgba(255, 66, 66, 1) 100%);
border: none;
}
.text-e558f1ca {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 24px;
color: #ffffff;
}
.section-testi-df3ba892 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
padding: 40px 64px;
gap: 24px;
flex: 1;
width: 100%;
background: linear-gradient(180deg, #07336c 29.32%, rgba(5, 15, 49, 0) 100%);
display: flex;
}
.container-section-testi-fe56ea50 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 24px;
flex: 1;
width: 100%;
}
.text-70e43f19 {
margin-top: 1rem;
text-align: left;
vertical-align: top;
font-size: 32px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.wrapper-8a8b5ffc {
width: 70%;
}
.card-group-30a498c9 {
width: 100%;
}
.basic-testimonial .content--wrapper {
display: flex;
padding: 64px 16px 16px;
flex-direction: column;
align-items: flex-start;
border-radius: 24px;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/58f8ccf4-5a70-4d10-b299-0e2b6cc80e76.svg), var(--saturated-cerulean-150, #050f31);
background-repeat: no-repeat;
background-position: top right;
height: 280px;
}
img.image-right-quote {
position: absolute;
right: -0.8rem;
top: 2.5rem;
}
.asset-f5ccba67 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
padding: 0px 0px 0px 16px;
gap: 8px;
flex: 1;
width: 100%;
}
.syllabus-illust-avatar-teacher-fb1bad98 {
border-radius: 999px;
height: 80px;
width: 80px;
}
.image-quote {
border-radius: 999px;
box-sizing: border-box;
width: 80px;
height: auto;
background-color: #19263a;
position: absolute;
top: 1.2rem;
left: 1rem;
}
.text-92ed42f1 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-ffa20342 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #20a4b0;
}
.text-63a7d483 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #e8ecf4;
}
.image-background-caf89818 {
position: absolute;
top: -64.00001525878906px;
right: -30.500015258789062px;
height: 174px;
width: 174px;
width: 100%;
object-fit: cover;
}
.asset-e0a72360 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
padding: 0px 0px 0px 16px;
gap: 8px;
flex: 1;
width: 100%;
}
.syllabus-illust-avatar-teacher-306caa07 {
border-radius: 999px;
height: 80px;
width: 80px;
}
.text-966bcfe8 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-dcb8c9b2 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #20a4b0;
}
.text-60ad1f3b {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #e8ecf4;
}
.image-background-593b4a9e {
position: absolute;
top: -64.00001525878906px;
right: -30.500015258789062px;
height: 174px;
width: 174px;
width: 100%;
object-fit: cover;
}
.asset-21f44317 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
padding: 0px 0px 0px 16px;
gap: 8px;
flex: 1;
width: 100%;
}
.syllabus-illust-avatar-teacher-ab5ffc22 {
border-radius: 999px;
height: 80px;
width: 80px;
}
.text-a1af2586 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-1110bee9 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #20a4b0;
}
.text-3b1ba908 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.image-background-1c986027 {
position: absolute;
top: -64.00001525878906px;
right: -30.500015258789062px;
height: 174px;
width: 174px;
width: 100%;
object-fit: cover;
}
.syl-controller-27d94656 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
flex: 1;
width: 100%;
min-height: 44px;
}
.indicator-2242d252 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.active-25a3fc12 {
height: 12px;
width: 12px;
}
.default-a327cc9d {
height: 8px;
width: 8px;
}
.default-6b7c5854 {
height: 8px;
width: 8px;
}
.control-53e5ac69 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
}
.syl-icon-button-ef411337 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-left-c2ea2f21 {
height: 24px;
width: 24px;
}
.syl-icon-button-38033d87 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-right-f33199b0 {
height: 24px;
width: 24px;
}
.section-fitur-eb9c2591 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 24px 16px;
gap: 16px;
flex: 1;
width: 100%;
min-height: 610px;
background: linear-gradient(to right, rgba(12, 12, 37, 1) 0%, rgba(6, 51, 107, 1) 69.1008448600769%);
display: none;
}
.container-section-fitur-0aecfe44 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
flex: 1;
width: 100%;
}
.title-60f001fd {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.text-f329e51f {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 24px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 36px;
color: #ffffff;
}
.wrapper-160b3120 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
flex: 1;
width: 100%;
}
.card-9bb09763 {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 328px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-6ca7c46b {
height: 250px;
width: 328px;
}
.text-514ad1e5 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-383fd80a {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.card-a05ef777 {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 328px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-378b8a56 {
height: 250px;
width: 328px;
}
.text-101e2669 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-b922fdea {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.card-0c9b27b3 {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 328px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-fc5ed9cc {
height: 250px;
width: 328px;
}
.text-a23cba7c {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-4338bcaf {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.card-18709396 {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 328px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-1ce2eb82 {
height: 250px;
width: 328px;
}
.text-7702bf4a {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-ed2fe278 {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.card-b33bbde3 {
border-radius: 24px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 16px;
width: 328px;
background: linear-gradient(to right, rgba(3, 40, 87, 0) 0%, rgba(3, 40, 87, 1) 100%);
}
.image-feature-5e3bae57 {
height: 250px;
width: 328px;
}
.text-d65c938c {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-2d89f817 {
opacity: 0.800000011920929;
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.syl-controller-b5cdee9b {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
width: 328px;
min-height: 44px;
}
.indicator-ae8faa91 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.active-ad8872b4 {
height: 12px;
width: 12px;
}
.default-836024c3 {
height: 8px;
width: 8px;
}
.default-dc127861 {
height: 8px;
width: 8px;
}
.default-c2ff5257 {
height: 8px;
width: 8px;
}
.default-ed17e261 {
height: 8px;
width: 8px;
}
.control-81c70352 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
}
.syl-icon-button-b0e5cd50 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-left-93e98dd9 {
height: 24px;
width: 24px;
}
.syl-icon-button-69678e77 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-right-3208e8ee {
height: 24px;
width: 24px;
}
.section-stellar-c65b7dcc {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 40px 64px;
gap: 40px;
flex: 1;
width: 100%;
display: flex;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/0ae637eb-4cbe-4f1c-901c-005e9892a263.png), #050f31;
background-repeat: no-repeat;
background-size: contain, auto;
background-position: left center;
}
.image-background-23893aa4 {
position: absolute;
left: 0px;
top: 15px;
height: 600px;
width: 800px;
width: 100%;
object-fit: cover;
}
.container-section-stellar-580f7821 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 40px;
flex: 1;
width: 100%;
}
.image-stellar-fb474d3f {
height: 450px;
width: 600px;
}
.wrapper-88c854ec {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 32px;
flex: 1;
width: 100%;
}
.text-4e1a3058 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 32px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
}
.value-45a76db1 {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
background-color: #272c51;
}
.icon-b4bb0023 {
height: 60px;
width: 60px;
}
.text-37f0665d {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-fbfaf0fc {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: Inter;
font-weight: 400;
line-height: 24px;
color: rgba(255, 255, 255, 0.800000011920929);
}
.value-2fe7bc34 {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
background-color: #272c51;
}
.icon-69c90543 {
height: 60px;
width: 60px;
}
.text-8fe7c765 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-ad9f5dca {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: Inter;
font-weight: 400;
line-height: 24px;
color: rgba(255, 255, 255, 0.800000011920929);
}
.value-ce25fcef {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
background-color: #272c51;
}
.icon-d41aae15 {
height: 60px;
width: 60px;
}
.text-9c756140 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 26px;
color: #ffffff;
}
.text-2e67e787 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: Inter;
font-weight: 400;
line-height: 24px;
color: rgba(255, 255, 255, 0.800000011920929);
}
.syl-button-1e5dfb1d {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px;
width: 280px;
min-height: 52px;
background: linear-gradient(to right, rgba(244, 131, 51, 1) 0%, rgba(255, 66, 66, 1) 100%);
border: none;
}
.text-b8d3b7f9 {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 24px;
color: #ffffff;
}
.section-image-background-d3785ff9 {
position: absolute;
top: 594px;
right: 0px;
height: 471px;
width: 360px;
display: none;
}
.accent-d519853a {
height: 401px;
width: 360px;
}
.ellipse1840-a0799785 {
opacity: 0.800000011920929;
height: 548px;
width: 548px;
}
.blur-b6284d90 {
height: 401px;
width: 360px;
}
.ellipse1716-74951598 {
opacity: 0.30000001192092896;
height: 268px;
width: 268px;
}
.ellipse1829-27a49323 {
opacity: 0.30000001192092896;
height: 225px;
width: 225px;
}
.section-versus-72f5dd3c {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
padding: 40px 16px;
gap: 24px;
flex: 1;
width: 100%;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/4aedb214-eedc-455b-bd4d-44de2e2a7329.png), linear-gradient(180deg, rgba(5, 15, 49, 0) 0%, #07346d 100%);
display: flex;
background-size: cover;
}
.container-section-versus-e8a6748d {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 32px;
width: 480px;
margin: auto;
}
.text-7d13e693 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 32px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.wrapper-table-62b1e846 {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 12px;
flex: 1;
width: 100%;
background: linear-gradient(120deg, rgba(13, 158, 190, 0.3) 0%, rgba(10, 96, 134, 0.3) 28.63%, rgba(8, 28, 94, 0.3) 59.89%, rgba(37, 178, 127, 0.3) 100%);
}
.image-background-d6bc8496 {
border-radius: 12px;
position: absolute;
top: 8px;
right: 8px;
height: 496px;
width: 118px;
width: 100%;
object-fit: cover;
background: linear-gradient(to right, rgba(76, 54, 252, 1) 0%, rgba(28, 207, 224, 1) 50.2661406993866%, rgba(37, 178, 127, 1) 100%);
}
.column-c9287c28 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-5553767d {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-5b6138ac {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 24px;
color: #ffffff;
}
.col-86b77e6e {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 100px;
}
.text-af16ce2b {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 16px;
font-family: Inter;
font-weight: 400;
line-height: 24px;
color: #ffffff;
}
.col-78984f59 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 110px;
}
.syl-tag-f0bd1692 {
border-radius: 11998.80078125px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 2.4000000953674316px 14.40000057220459px;
gap: 4.800000190734863px;
min-height: 24px;
background-color: #081a34;
border: 2.4000000953674316px solid;
}
.text-4879dd4e {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14.40000057220459px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.row-7a0f4e64 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-9e3164fb {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-aeb33e60 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-74d8972f {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 100px;
}
.image-no-51b506f3 {
height: auto;
width: 28px;
}
.col-7ddc4a5a {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 110px;
}
.image-yes {
height: auto;
width: 24px;
}
.row-13d7c7ef {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-e14334aa {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-9cca57c5 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-a50771a9 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 100px;
}
.text-97cac4f3 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.col-f1666bdf {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 110px;
}
.row-43671bb6 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-7b9814ec {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-c87a1300 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-a44538cf {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 100px;
}
.text-53950b53 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.col-3627984a {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 110px;
}
.row-bea549cf {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-17b6a756 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-f6b384be {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-0a4a4776 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 100px;
}
.text-6d08e1a7 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.col-6d26e69b {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 110px;
}
.row-4b875fb1 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-8944476e {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-852cc272 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-ac54c89a {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 100px;
}
.text-9b2310f8 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.col-ae0ae15e {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 110px;
}
.syl-button-b77edc7a {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px;
width: 280px;
min-height: 52px;
background: linear-gradient(to right, rgba(244, 131, 51, 1) 0%, rgba(255, 66, 66, 1) 100%);
border: none;
}
.text-0f18193e {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 24px;
color: #ffffff;
}
.section-testi-37991734 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 24px 16px 48px 16px;
gap: 16px;
flex: 1;
width: 100%;
background: linear-gradient(to right, rgba(7, 51, 108, 1) 32.509636878967285%, rgba(9, 22, 64, 1) 100%);
display: none;
}
.container-section-testi-59728fc9 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
flex: 1;
width: 100%;
}
.text-e1d5010c {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 24px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 36px;
color: #ffffff;
}
.card-group-e3a6fce0 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 16px;
flex: 1;
width: 100%;
}
.asset-ab7b5975 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
padding: 0px 0px 0px 16px;
gap: 8px;
flex: 1;
width: 100%;
}
.syllabus-illust-avatar-teacher-b738a90b {
border-radius: 999px;
height: 80px;
width: 80px;
}
.text-cf16de90 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 24px;
color: #ffffff;
}
.text-ba6f0211 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #20a4b0;
}
.text-0f58f06d {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #e8ecf4;
}
.image-background-ec7331bb {
position: absolute;
top: -64.00001525878906px;
right: -30.500015258789062px;
height: 174px;
width: 174px;
width: 100%;
object-fit: cover;
}
.asset-5f26beee {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
padding: 0px 0px 0px 16px;
gap: 8px;
flex: 1;
width: 100%;
}
.syllabus-illust-avatar-teacher-d5734e7c {
border-radius: 999px;
height: 80px;
width: 80px;
}
.text-30a0a135 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 24px;
color: #ffffff;
}
.text-d3a5b4c2 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #20a4b0;
}
.text-dfbd423e {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #e8ecf4;
}
.image-background-987c3a04 {
position: absolute;
top: -64.00001525878906px;
right: -30.500015258789062px;
height: 174px;
width: 174px;
width: 100%;
object-fit: cover;
}
.asset-5bf0984a {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
padding: 0px 0px 0px 16px;
gap: 8px;
flex: 1;
width: 100%;
}
.syllabus-illust-avatar-teacher-8d5eff6e {
border-radius: 999px;
height: 80px;
width: 80px;
}
.text-6eafa590 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 16px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 24px;
color: #ffffff;
}
.text-6ea8ac56 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #20a4b0;
}
.text-0fec5276 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #e8ecf4;
}
.image-background-0386a6aa {
position: absolute;
top: -64.00001525878906px;
right: -30.500015258789062px;
height: 174px;
width: 174px;
width: 100%;
object-fit: cover;
}
.syl-controller-424ce002 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 16px;
flex: 1;
width: 100%;
min-height: 44px;
}
.indicator-8d092558 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 12px;
flex: 1;
width: 100%;
}
.active-d9bb784e {
height: 12px;
width: 12px;
}
.default-c2374dfc {
height: 8px;
width: 8px;
}
.default-5c86ea97 {
height: 8px;
width: 8px;
}
.control-73b77345 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
}
.syl-icon-button-311c6ce9 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-left-6a246fca {
height: 24px;
width: 24px;
}
.syl-icon-button-e96396a6 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
padding: 4px;
gap: 10px;
background-color: #ffffff;
border: 1px solid #cfd3db;
}
.chevron-right-51aa7b62 {
height: 24px;
width: 24px;
}
.section-faq-54cc9dd4 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
padding: 40px 64px;
gap: 12px;
flex: 1;
width: 100%;
background-color: #071b3a;
display: flex;
}
.container-section-faq-b11aeead {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 32px;
width: 720px;
}
.text-57960385 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 32px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.syl-accordion-list-caa58ff5 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 16px;
flex: 1;
width: 100%;
}
.syl-accordion-6ff24689 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-5fdeb006 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
}
.text-c5c9553b {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: Inter;
font-weight: 700;
letter-spacing: -0.09000000357627869px;
line-height: 28px;
color: #ffffff;
}
.icon-chevron-down-1f810dc0 {
height: 24px;
width: 24px;
}
.syl-accordion-7ec4c996 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-2f78a41c {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
}
.text-ee92db94 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: Inter;
font-weight: 700;
letter-spacing: -0.09000000357627869px;
line-height: 28px;
color: #ffffff;
}
.icon-chevron-down-f3faebda {
height: 24px;
width: 24px;
}
.syl-accordion-d6ae9c4b {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-18f481b0 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
}
.text-26c3b620 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: Inter;
font-weight: 700;
letter-spacing: -0.09000000357627869px;
line-height: 28px;
color: #ffffff;
}
.icon-chevron-down-8b81c14c {
height: 24px;
width: 24px;
}
.syl-accordion-bcb19d9f {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-ef3dca0f {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
}
.text-fb5961a0 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: Inter;
font-weight: 700;
letter-spacing: -0.09000000357627869px;
line-height: 28px;
color: #ffffff;
}
.icon-chevron-down-615c081d {
height: 24px;
width: 24px;
}
.syl-accordion-7a349c2e {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-c221e8b5 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 16px;
gap: 16px;
flex: 1;
width: 100%;
}
.text-c4215553 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 18px;
font-family: Inter;
font-weight: 700;
letter-spacing: -0.09000000357627869px;
line-height: 28px;
color: #ffffff;
}
.icon-chevron-down-51dcdef2 {
height: 24px;
width: 24px;
}
.syl-button-6482b4ff {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px 0px 24px;
gap: 8px;
min-height: 44px;
border: 1px solid #ffffff;
}
.text-97c924ba {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-d6c18b04 {
height: 20px;
width: 20px;
}
.section-stellar-99248599 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
padding: 40px 16px;
gap: 24px;
width: 360px;
background-color: #091640;
display: none;
}
.image-background-7995c22f {
position: absolute;
left: -140px;
top: 0px;
height: 480px;
width: 640px;
width: 100%;
object-fit: cover;
}
.container-section-stellar-084d99d4 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
flex: 1;
width: 100%;
}
.image-stellar-df1c4779 {
height: 270px;
width: 360px;
}
.text-9afee15d {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 24px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 36px;
color: #ffffff;
}
.wrapper-de265306 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 8px;
flex: 1;
width: 100%;
}
.value-d934912a {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
padding: 12px;
gap: 8px;
flex: 1;
width: 100%;
background-color: #272c51;
}
.icon-7e73fde7 {
height: 48px;
width: 48px;
}
.text-ffadf35b {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.text-67b3ad06 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: rgba(255, 255, 255, 0.800000011920929);
}
.value-6a1f3e3a {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
padding: 12px;
gap: 8px;
flex: 1;
width: 100%;
background-color: #272c51;
}
.icon-6d5889d5 {
height: 48px;
width: 48px;
}
.text-99df9182 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.text-e2ec5968 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: rgba(255, 255, 255, 0.800000011920929);
}
.value-1bcac96c {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
padding: 12px;
gap: 8px;
flex: 1;
width: 100%;
background-color: #272c51;
}
.icon-4d87a93a {
height: 48px;
width: 48px;
}
.text-a2de6f8d {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.text-c523df6f {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: rgba(255, 255, 255, 0.800000011920929);
}
.syl-button-8677266c {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px;
width: 280px;
min-height: 52px;
background: linear-gradient(to right, rgba(244, 131, 51, 1) 0%, rgba(255, 66, 66, 1) 100%);
border: none;
}
.text-a69a20c9 {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 24px;
color: #ffffff;
}
.section-versus-84003512 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
overflow: hidden;
padding: 40px 16px;
gap: 24px;
width: 360px;
background: linear-gradient(to right, rgba(7, 27, 58, 1) 0%, rgba(7, 52, 109, 1) 100%);
display: none;
}
.container-section-versus-f61a7415 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
flex: 1;
width: 100%;
}
.text-214444e3 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 24px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 36px;
color: #ffffff;
}
.wrapper-table-92e2b4e0 {
border-radius: 16px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 8px;
gap: 12px;
width: 328px;
background: linear-gradient(to right, rgba(13, 158, 190, 1) 0%, rgba(10, 96, 134, 1) 28.628575801849365%, rgba(8, 28, 94, 1) 59.887903928756714%, rgba(37, 178, 127, 1) 100%);
}
.image-background-67f18fc8 {
border-radius: 12px;
position: absolute;
top: 4px;
right: 4px;
height: 468px;
width: 90px;
width: 100%;
object-fit: cover;
background: linear-gradient(to right, rgba(76, 54, 252, 1) 0%, rgba(28, 207, 224, 1) 50.2661406993866%, rgba(37, 178, 127, 1) 100%);
}
.column-a1dc5451 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-97df2abe {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-bca90785 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-fee692c1 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.text-c0358cbd {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 400;
line-height: 22px;
color: #ffffff;
}
.col-abbb707a {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.syl-tag-b8787e89 {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 2px 12px;
gap: 4px;
min-height: 20px;
background-color: #081a34;
border: 2px solid;
}
.text-d4ec8e9a {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 12px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: normal;
color: #ffffff;
}
.row-19a419cc {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-73e39af0 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-cedc3083 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-5d84992b {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.image-no-1968a7f9 {
height: 20px;
width: 20px;
}
.col-03786d2d {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.row-4c64c281 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-44149f2e {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-2d21bb76 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-7925ede0 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.text-f1e8c168 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: #ffffff;
}
.col-bd9f8632 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.row-c6c298c5 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-38d3576b {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-28655a33 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-b84fe19c {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.text-aa914a81 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: #ffffff;
}
.col-68d6141b {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.row-1c8f91ff {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-076ee5a2 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-86d25a95 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-53a291dc {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.text-260590b6 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: #ffffff;
}
.col-a1edc4cd {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.row-b09e7994 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
flex: 1;
width: 100%;
}
.col-1fceec24 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
flex: 1;
width: 100%;
}
.text-95fc5133 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 22px;
color: #ffffff;
}
.col-6bc450a1 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.text-e3090e15 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 12px;
font-family: Inter;
font-weight: 400;
line-height: 18px;
color: #ffffff;
}
.col-7d647a96 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 12px 6px;
gap: 10px;
width: 80px;
}
.syl-button-a61c434e {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px;
width: 280px;
min-height: 52px;
background: linear-gradient(to right, rgba(244, 131, 51, 1) 0%, rgba(255, 66, 66, 1) 100%);
border: none;
}
.text-7a149fd1 {
margin: 0;
text-align: center;
vertical-align: middle;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 24px;
color: #ffffff;
}
.section-faq-dfbb9a52 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
padding: 40px 16px;
gap: 10px;
background-color: #071b3a;
display: none;
}
.text-39690c00 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 24px;
font-family: 'Plus Jakarta Sans';
font-weight: 800;
line-height: 36px;
color: #ffffff;
}
.syl-accordion-list-877887fc {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
gap: 12px;
width: 328px;
}
.syl-accordion-7609de4c {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-a8ab0b41 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 12px;
flex: 1;
width: 100%;
}
.text-66b0ea2b {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-chevron-down-a6277e03 {
height: 24px;
width: 24px;
}
.syl-accordion-94a2153e {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-e16dd78b {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 12px;
flex: 1;
width: 100%;
}
.text-5c45c5c0 {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-chevron-down-31a504ed {
height: 24px;
width: 24px;
}
.syl-accordion-89052da8 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-415397c8 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 12px;
flex: 1;
width: 100%;
}
.text-101facbf {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-chevron-down-898b5c58 {
height: 24px;
width: 24px;
}
.syl-accordion-e03ec27d {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-ad6cb35d {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 12px;
flex: 1;
width: 100%;
}
.text-04b8b98f {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-chevron-down-85bbf667 {
height: 24px;
width: 24px;
}
.syl-accordion-b4ae93a4 {
border-radius: 12px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex-wrap: nowrap;
overflow: hidden;
flex: 1;
width: 100%;
border: 1px solid #959dac;
}
.title-bcbc4be9 {
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
padding: 12px;
gap: 12px;
flex: 1;
width: 100%;
}
.text-59a3de3b {
margin: 0;
text-align: left;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-chevron-down-8caa0eec {
height: 24px;
width: 24px;
}
.syl-button-a2e8d57d {
border-radius: 9999px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
padding: 0px 16px 0px 24px;
gap: 8px;
min-height: 36px;
border: 1px solid #ffffff;
}
.text-2261a0c5 {
margin: 0;
text-align: center;
vertical-align: top;
font-size: 14px;
font-family: Inter;
font-weight: 700;
line-height: 22px;
color: #ffffff;
}
.icon-chevron-down-f0968fcf {
height: 20px;
width: 20px;
}
p.text-52c38177,
p.text-8d96cd6e,
p.text-e5cbb07e {
font-weight: 700;
}
img.image-usp-c0610b78,
img.image-usp2-39f9294a,
img.image-usp3-bc695efc {
height: 42px;
width: auto;
}
.image-feature-usp {
width: 328px;
height: auto;
}
.card-usp {
border-radius: 24px;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/2884b76e-bf74-48fa-ab69-cc3d6336c015.png), linear-gradient(180deg, rgba(3, 40, 87, 0) 0%, #032857 100%);
background-size: cover;
background-repeat: no-repeat;
display: flex;
padding: 12px;
flex-direction: column;
align-items: center;
}
.card-group-630d4022 .slick-list,
.card-group-30a498c9 .slick-list {
padding: 0 10% 0 0 !important;
}
.usp-7b247598.mobile .slick-list {
padding: 0 40% 0 0 !important;
}
.card-group-630d4022 .slick-list .slick-slide,
.usp-7b247598.mobile .slick-list .slick-slide {
margin-right: 1rem;
}
.card-group-30a498c9 .slick-list .slick-slide {
margin-right: 1.5rem;
}
.content-0fd8da66 {
display: flex;
flex-direction: column;
gap: 12px;
}
p.text-4e1a3058 {
color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
text-align: center;
font-family: 'Plus Jakarta Sans';
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
p.text-4e1a3058 span {
color: var(--prop-pallete-solid-solid-yellow, #fcc41b);
font-family: 'Plus Jakarta Sans';
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
img.coloum-stellar {
width: 90px;
}
.lottie-feature {
width: 280px;
height: auto;
margin: auto;
cursor: pointer;
}
.content-usp {
border-radius: 16px;
background: rgba(90, 118, 224, 0.25);
backdrop-filter: blur(40px);
display: flex;
padding: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: var(--size-spacing-spacing-md, 8px);
}
.slick-dots li button:before {
color: #fff !important;
font-size: 30px;
}
.card-group-630d4022 .slick-dots {
bottom: -3.2rem;
}
.card-group-30a498c9 .slick-dots {
bottom: -1rem;
width: auto;
}
.card-group-630d4022 .slick-next,
.card-group-630d4022 .slick-prev,
.card-group-30a498c9 .slick-next,
.card-group-30a498c9 .slick-prev {
width: 40px;
height: 40px;
z-index: 3;
}
.card-group-630d4022 .slick-next,
.card-group-630d4022 .slick-prev {
bottom: -5rem !important;
top: inherit;
}
.card-group-30a498c9 .slick-next,
.card-group-30a498c9 .slick-prev {
bottom: -3rem !important;
top: inherit;
}
.card-group-630d4022 .slick-prev {
left: 30rem;
}
.card-group-630d4022 .slick-next {
right: 30rem;
}
.card-group-30a498c9 .slick-prev {
right: 3.5rem;
left: inherit;
}
.card-group-30a498c9 .slick-next {
right: 0;
}
.slick-dots li.slick-active button:before {
color: #66f1ff !important;
font-size: 42px !important;
}
.basic-testimonial {
position: relative;
padding-top: 3rem;
height: 360px;
}
p.text-ffa20342,
p.text-dcb8c9b2,
p.text-1110bee9,
p.text-1110bee9,
p.text-1110bee9,
p.text-1110bee9 {
color: var(--prop-pallete-solid-solid-yellow, #fcc41b);
/* mobile/subtitle/sm */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 157.143% */
padding: 8px 0;
}
p.text-63a7d483,
p.text-60ad1f3b,
p.text-3b1ba908,
p.text-3b1ba908,
p.text-3b1ba908,
p.text-3b1ba908 {
color: var(--color-text-text-subtle, #e8ecf4);
/* mobile/body/regular/sm */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 157.143% */
}
.horizontal-border {
width: 98%;
height: 1px;
border-top: solid 1px #ffffff;
opacity: 0.2;
margin: auto;
}
.blur-column-background {
width: 110px;
height: 32.75rem;
border-radius: 12px;
background: linear-gradient(180deg, rgba(76, 54, 252, 0.2) 0%, rgba(28, 207, 224, 0.2) 50.27%, rgba(37, 178, 127, 0.2) 100%);
z-index: 2;
position: absolute;
top: 12px;
right: 12px;
}
.column-c9287c28,
.row-7a0f4e64,
.row-13d7c7ef,
.row-43671bb6,
.row-bea549cf,
.row-4b875fb1 {
z-index: 3;
}
h2.faq-title {
color: var(--K12-Base-Theme-Text-Solid-Invert, var(--color-text-text-invert, #fff));
text-align: center;
font-family: 'Plus Jakarta Sans';
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.accordion-subject {
align-items: center;
display: grid;
grid-template-columns: 1fr 0.1fr;
justify-content: center;
border-radius: 12px;
border: 1px solid var(--color-border-border-neutral, #959dac);
}
.accordion-img {
align-items: center;
display: flex;
justify-content: flex-end;
}
.accordion2 {
border: none;
cursor: pointer;
outline: none;
text-align: left;
transition: 0.4s;
width: 100%;
}
.container-acc2 {
background-color: transparent;
border: none;
border-radius: 8px;
margin-bottom: 1rem;
}
.panel2 {
max-height: 0;
overflow: hidden;
transition: max-height 0.1s ease-out;
}
.aktif,
.minus {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordion-subject_img {
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-ms-transition: -ms-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.rotate-arrow {
justify-content: flex-start;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
img.airis-logo {
width: 134px;
}
img.airis-logo.desktop {
display: inherit;
}
img.airis-logo.mobile {
display: none;
}
@media (min-width: 768px) {
.accordion-text p,
.panel-faq li,
.panel-faq p {
font-size: 16px;
line-height: 24px;
}
.font-desc-faq {
float: none;
font-size: 18px;
line-height: 22px;
margin: auto;
max-width: 45%;
padding: 2rem 0 0;
}
.faq {
padding: 3rem 0 4rem;
}
.faq-cta {
padding: 1rem 0;
width: 22%;
}
.accordion-subject {
padding: 1rem 1.5rem;
}
.accordion-img img {
height: 1rem;
width: 1rem;
}
.active .accordion-img img {
transform: rotate(180deg);
}
.panel-faq {
padding: 0.5rem 3rem 1.5rem 1.5rem;
}
.panel-faq p {
padding: 0 0 0.5rem;
}
.panel-faq ul {
padding: 0 0 1rem 1.5rem;
}
}
.accordion-text p {
color: #fff;
margin-bottom: 0;
font-weight: 700;
}
.faq-content_accordion {
width: 720px;
margin: 3rem auto auto;
}
.accordion2.active .accordion-subject {
border-bottom: dashed 1px #cfd3db;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.panel-faq {
border-radius: 0 0 12px 12px;
border-left: 1px solid #959dac;
border-bottom: 1px solid #959dac;
border-right: 1px solid #959dac;
}
.panel-faq li,
.panel-faq p {
margin-bottom: 0;
color: #fff;
opacity: 0.8;
}
.lottie-hero {
width: 500px;
height: auto;
animation: smooth-appear 3s ease forwards;
position: relative;
z-index: 2;
}
@keyframes smooth-appear {
0% {
bottom: 0;
opacity: 0;
}
50% {
bottom: 10px;
opacity: 0.5;
}
to {
bottom: 20px;
opacity: 1;
}
}
button.syl-button-f08bc7e4.desktop {
display: inherit;
}
button.syl-button-f08bc7e4.mobile {
display: none;
}
.usp-7b247598.desktop {
display: inherit;
padding: 12px 0 16px 0;
}
.usp-7b247598.mobile {
display: none;
}
.btn-free-trial {
-webkit-animation: borderAnimation 3s linear infinite;
-moz-animation: borderAnimation 3s linear infinite;
animation: borderAnimation 3s linear infinite;
}
@keyframes borderAnimation {
0% {
box-shadow: 0 0 0 4px #f4833366;
}
25% {
box-shadow: 0 0 0 6px #f4833366;
}
50% {
box-shadow: 0 0 0 10px #f4833366;
}
75% {
box-shadow: 0 0 0 6px #f4833366;
}
to {
box-shadow: 0 0 0 4px #f4833366;
}
}
@media (max-width: 1024px) {
.card-65cdb019 {
padding: 6px 16px 6px 0px;
}
.container-section-hero-e4e12f3d {
display: flex;
flex-direction: column-reverse;
gap: 0;
}
.section-hero-e6136a93 {
margin-top: 4rem;
background: linear-gradient(to bottom, transparent 0%, #050f31 57.2%), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/bf1a9ff3-4536-41b4-8f03-a3e1ba6d809e.png),
linear-gradient(180deg, #07336c 26.74%, rgba(5, 15, 49, 0) 100%);
background-position:
center,
84% 0,
center;
background-size: 290%;
background-repeat: no-repeat;
padding: 2rem 0;
}
.wrapper-2f5ad771 {
width: 100% !important;
display: flex;
flex-direction: column-reverse;
padding: 0;
gap: 0;
}
h1.text-e54e9da7 {
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.lottie-hero {
width: 100%;
height: auto;
}
button.syl-button-f08bc7e4.desktop {
display: none;
}
button.syl-button-f08bc7e4.mobile {
display: inherit;
margin-top: 2rem;
}
.container-section-testi-fe56ea50 {
display: flex;
flex-direction: column;
}
.section-testi-df3ba892 {
padding: 0;
}
p.text-70e43f19 {
color: var(--color-text-text-invert, #fff);
text-align: center;
/* AI/Title/2xl */
font-family: 'Plus Jakarta Sans';
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 36px; /* 150% */
}
.wrapper-8a8b5ffc {
width: 100%;
}
.card-group-30a498c9 .slick-list {
padding: 0 !important;
}
.container-section-stellar-580f7821 {
display: flex;
flex-direction: column;
}
img.image-stellar-fb474d3f {
width: 100%;
height: auto;
}
.section-stellar-c65b7dcc {
padding: 2rem 0;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/0ae637eb-4cbe-4f1c-901c-005e9892a263.png), #050f31;
background-repeat: no-repeat;
background-size: 200%, auto;
background-position:
top center,
center;
}
p.text-4e1a3058,
p.text-4e1a3058 span {
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 36px;
}
.section-testi-df3ba892 {
padding: 2rem 0;
}
p.text-37f0665d,
p.text-8fe7c765,
p.text-9c756140 {
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 22px;
}
p.text-fbfaf0fc,
p.text-ad9f5dca,
p.text-2e67e787 {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
img.icon-b4bb0023,
img.icon-69c90543,
img.icon-d41aae15 {
width: 48px;
height: auto;
}
.container-section-versus-e8a6748d {
width: 100%;
}
.section-versus-72f5dd3c {
padding: 2rem 0;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/4aedb214-eedc-455b-bd4d-44de2e2a7329.png), linear-gradient(180deg, rgba(5, 15, 49, 0) 0%, #07346d 100%);
background-repeat: no-repeat;
background-size: 200%, auto;
background-position: center center;
}
p.text-7d13e693 {
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 36px;
}
.section-faq-54cc9dd4 {
padding: 2rem 0;
}
h2.faq-title {
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 36px;
}
.faq-content_accordion {
width: 100%;
margin: 2rem auto auto;
}
.accordion-subject {
padding: 0.8rem 1rem;
}
.panel-faq li,
.panel-faq p {
padding: 0.8rem 1rem;
}
.section-fitur-eae50e23 {
padding: 2rem 0;
}
p.text-e33d8ce4 {
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 36px;
}
.text-e33d8ce4 br {
display: none;
}
.card-usp {
width: 100%;
}
.card-group-630d4022 .slick-list .slick-slide {
margin-right: 0.5rem;
}
.card-group-30a498c9 .slick-list .slick-slide {
margin-right: 0.8rem;
}
.card-group-630d4022 .slick-dots {
bottom: -3rem;
width: auto;
}
.card-group-630d4022 .slick-prev {
right: 3.5rem;
left: inherit;
}
.card-group-630d4022 .slick-next {
right: 0;
}
.usp-7b247598.desktop {
display: none;
}
.usp-7b247598.mobile {
display: inherit;
}
}
/* Footer */
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #050f31 !important;
overflow: hidden;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
margin: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
margin-bottom: 1.25rem;
}
img.airis-logo.desktop {
display: none;
}
img.airis-logo.mobile {
display: inherit;
margin-top: 24px;
height: 60px;
width: auto;
margin-bottom: 12px;
}
}
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: inherit; */
display: inline-block;
}
.sec-app__content--appstore,
.sec-app__content--gplay,
.sec-app__content--huawei {
background: #000;
border: 1px solid #fff;
border-radius: 8px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.footer-address {
line-height: 22px;
padding: 0 20%;
}
.sec-app__content {
display: flex !important;
gap: 12px !important;
justify-content: center;
width: 100% !important;
}
}
@media (min-width: 1024px) {
.sec-app__content--appstore,
.sec-app__content--gplay,
.sec-app__content--huawei {
width: 160px;
}
}
@media (max-width: 1024px) {
img.footer-socmed {
width: 100%;
}
}
button.btn-header-free-trial {
display: flex;
height: 44px;
padding: 0px 16px;
justify-content: center;
align-items: center;
border-radius: 9999px;
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
color: var(--K12-Base-Theme-Text-Solid-Ink, #2c313a);
text-align: center;
/* mobile/button/sm */
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 157.143% */
}
nav.ruangguru-header {
background: #050f31;
}
.navig-link a {
color: #fff !important;
}
.navig-link-dropdown[aria-expanded='false']:after {
border-top: 0.3em solid #fff;
}
.slick-disabled {
opacity: 0.5;
}
@media (max-width: 1024px) {
.container-ruangguru-header {
padding: 10px 0;
}
}
a {
text-decoration: none !important;
}
.content-b12d010c,
.content-4ea6b4ec,
.content-c079fb2e {
display: flex;
flex-direction: column;
gap: 4px;
}
.wrapper--lottie-hero {
position: relative;
width: auto;
}
.box-shadow-lottie-hero {
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(6, 18, 60, 0) 95.28%, #050f31 100%);
position: absolute;
z-index: 3;
}
@media (max-width: 1024px) {
.box-shadow-lottie-hero {
display: none;
}
}
</style>
</head>
<body style="margin: 0px">
<nav class="ruangguru-header">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/sa/camp/icon/hamburger.png?h=20" alt="Dropdown Navigation Icon" />
</div>
<a href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown" id="produk" aria-expanded="false">
<a>Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy"
loading="lazy"
/>
</div>
<p class="text-product">Bimbel Live Interaktif bersama STAR Master Teacher + Klinik PR</p>
</div>
</a>
<!-- roboguru -->
<a href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" width="125" alt="Logo roboguru" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo ruanglesonline" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
</div>
</a>
<!-- ruangles -->
<a href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&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>
<!-- EA -->
<a target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ENGLISH%20ACADEMY-LOGO2%201.png?convert=webp" alt="Logo English Academy" loading="lazy" />
<div class="ribbon-wrapper-new">
<div class="glow-new"> </div>
</div>
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
</div>
</a>
<!-- dafalulu -->
<a href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-dafa-lulu-new.png?convert=webp&height=44&name=logo-dafa-lulu-new.png"
height="44"
alt="Logo dafa lulu"
loading="lazy"
/>
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- rg for kids -->
<a href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png"
alt="Logo For Kids"
width="100"
loading="lazy"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=50&name=logo-ruangguru-forkids.png 50w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=100&name=logo-ruangguru-forkids.png 100w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=150&name=logo-ruangguru-forkids.png 150w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=200&name=logo-ruangguru-forkids.png 200w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=250&name=logo-ruangguru-forkids.png 250w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo-ruangguru-forkids.png?convert=webp&width=300&name=logo-ruangguru-forkids.png 300w"
sizes="(max-width: 100px) 100vw, 100px"
/>
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
</div>
</a>
<!-- ruanguji -->
<a href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- ruangkelas -->
<a href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
<!-- SA -->
<a target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- ruangkerja -->
<a target="_blank" href="https://ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- kalananti -->
<a 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>
<!-- mathchamps -->
<a target="_blank" href="https://www.mathchamps.id">
<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>
<!-- schoters logo -->
<a 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>
</div>
<div class="navig-link" id="program">
<a href="https://www.ruangguru.com/program">Program</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/promo">Promo</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/event">Event</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/beasiswa">Beasiswa</a>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/testimoni">Testimoni</a>
</div>
<div class="navig-link navig-link-dropdown" id="services" aria-expanded="false">
<a>Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket">Cara Perpanjang Paket</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cara-bayar">Cara Bayar</a>
</div>
<div class="item-services">
<a href="https://www.ruangguru.com/cicilan">Cicilan</a>
</div>
</div>
<div class="navig-link">
<a href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta">
<a
href="https://cta.ruangguru.com/e6d6763e-bf62-11ee-8c56-4201ac180089"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "AiRIS","cta_action": "redirection","cta_action_detail": "https://chatbot-ai-canary.sirogu.com/chat?session=new&mode=stellar","item_type": "button","item_name": "Coba AiRIS GRATIS","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank"
rel="noopener"
>
<button class="btn-header-free-trial">Coba AiRIS GRATIS</button>
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="page-desktop-ai-a14eb701">
<div class="section-hero-e6136a93">
<div class="page-center">
<div class="container-section-hero-e4e12f3d">
<a
href="https://cta.ruangguru.com/e6d6763e-bf62-11ee-8c56-4201ac180089"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "AiRIS","cta_action": "redirection","cta_action_detail": "https://chatbot-ai-canary.sirogu.com/chat?session=new&mode=stellar","item_type": "button","item_name": "Coba sekarang, GRATIS!","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "hero_section","section_position": "first_page","section_name": "hero_section"}'
target="_blank"
rel="noopener"
>
<button class="syl-button-f08bc7e4 mobile btn-free-trial">
<p class="text-3b6e36e0">Coba sekarang, GRATIS!</p>
</button>
</a>
<div class="wrapper-2f5ad771">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eea934f3-7d31-4848-afdb-0c8bcd77b2a7.png?convert=web" class="airis-logo desktop" />
<h1 class="text-e54e9da7">
Temui Aurora & Orion untuk
<span>dibantu latihan soal dan ngerjain PR</span>
</h1>
<div class="usp-7b247598 desktop">
<div class="card-0e1b8819">
<img class="image-usp-c0610b78" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3d322f13-4f22-4260-82d3-a660577ab75a.png?convert=web" alt="ImageUsp" loading="lazy" />
<p class="text-52c38177">Tersedia kapan aja</p>
</div>
<div class="card-65cdb019">
<img class="image-usp2-39f9294a" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fb891f1e-c933-4863-8988-f1ea1164b6aa.png?convert=web" alt="ImageUsp2" loading="lazy" />
<p class="text-8d96cd6e">Supercepat & akurat</p>
</div>
<div class="card-e59910dc">
<img class="image-usp3-bc695efc" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4157cf11-0d61-4b3e-9527-ce72e0126673.png?convert=web" alt="ImageUsp3" loading="lazy" />
<p class="text-e5cbb07e">Tutor sekaligus teman</p>
</div>
</div>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eea934f3-7d31-4848-afdb-0c8bcd77b2a7.png?convert=web" class="airis-logo mobile" />
<div class="usp-7b247598 mobile">
<div class="wrapper--card-hero">
<div class="card-0e1b8819">
<img class="image-usp-c0610b78" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3d322f13-4f22-4260-82d3-a660577ab75a.png?convert=web" alt="ImageUsp" loading="lazy" />
<p class="text-52c38177">Tersedia kapan aja</p>
</div>
</div>
<div class="wrapper--card-hero">
<div class="card-65cdb019">
<img class="image-usp2-39f9294a" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fb891f1e-c933-4863-8988-f1ea1164b6aa.png?convert=web" alt="ImageUsp2" loading="lazy" />
<p class="text-8d96cd6e">Supercepat & akurat</p>
</div>
</div>
<div class="wrapper--card-hero">
<div class="card-e59910dc">
<img class="image-usp3-bc695efc" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4157cf11-0d61-4b3e-9527-ce72e0126673.png?convert=web" alt="ImageUsp3" loading="lazy" />
<p class="text-e5cbb07e">Tutor sekaligus teman</p>
</div>
</div>
</div>
<a
href="https://cta.ruangguru.com/e6d6763e-bf62-11ee-8c56-4201ac180089"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "AiRIS","cta_action": "redirection","cta_action_detail": "https://chatbot-ai-canary.sirogu.com/chat?session=new&mode=stellar","item_type": "button","item_name": "Coba sekarang, GRATIS!","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "hero_section","section_position": "first_page","section_name": "hero_section"}'
target="_blank"
rel="noopener"
>
<button class="syl-button-f08bc7e4 desktop btn-free-trial">
<p class="text-3b6e36e0">Coba sekarang, GRATIS!</p>
</button>
</a>
</div>
<div class="wrapper--lottie-hero">
<div class="box-shadow-lottie-hero"></div>
<dotlottie-player
class="lottie-hero"
src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/hero.lottie"
background="transparent"
speed="1"
direction="1"
mode="normal"
loop
autoplay
></dotlottie-player>
</div>
</div>
</div>
</div>
<div class="section-fitur-eae50e23">
<div class="page-center">
<div class="container-section-fitur-64d84883">
<div class="title-224952dc">
<p class="text-e33d8ce4">
Ada buat kamu,
<br />
bantuin apa pun kebutuhanmu
</p>
</div>
<div class="wrapper-da9948c2">
<div class="card-group-630d4022">
<div class="wrapper--card-usp">
<div class="card-usp usp-1">
<div class="image-feature-usp usp-12">
<!-- <lottie-player data-src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/FITUR_1_resize.json" background="transparent" speed="1" class="lottie-feature" loop autoplay></lottie-player> -->
<dotlottie-player
class="lottie-feature"
src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/fitur-1.lottie"
background="transparent"
speed="1"
direction="1"
mode="normal"
loop
autoplay
></dotlottie-player>
</div>
<div class="content-usp">
<p class="text-f2900c1a">Bantu PR sampai kamu bisa</p>
<p class="text-fba3ff70">Ketik, foto, atau upload PR kamu, terus langsung deh dapat jawaban & penjelasan</p>
</div>
</div>
</div>
<div class="wrapper--card-usp">
<div class="card-usp usp-2">
<div class="image-feature-usp usp-2">
<dotlottie-player
class="lottie-feature"
src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/fitur-2.lottie"
background="transparent"
speed="1"
direction="1"
mode="normal"
loop
autoplay
></dotlottie-player>
</div>
<div class="content-usp">
<p class="text-cb020fca">Curhat tentang apa aja</p>
<p class="text-9910f964">Kalau butuh ngobrol personal, Aurora dan Orion siap banget jadi tempat curhatmu</p>
</div>
</div>
</div>
<div class="wrapper--card-usp">
<div class="card-usp usp-3">
<div class="image-feature-usp usp-3">
<dotlottie-player
class="lottie-feature"
src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/fitur-3.lottie"
background="transparent"
speed="1"
direction="1"
mode="normal"
loop
autoplay
></dotlottie-player>
</div>
<div class="content-usp">
<p class="text-5b276196">Belajar sampai paham</p>
<p class="text-3b8cf017">Kuasai konsep, rumus, atau hal menarik apa pun yang pengin kamu tahu</p>
</div>
</div>
</div>
<div class="wrapper--card-usp">
<div class="card-usp usp-4">
<div class="image-feature-usp usp-4">
<dotlottie-player
class="lottie-feature"
src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/fitur-4.lottie"
background="transparent"
speed="1"
direction="1"
mode="normal"
loop
autoplay
></dotlottie-player>
</div>
<div class="content-usp">
<p class="text-5b276196">Minta latihan soal sepuasnya</p>
<p class="text-3b8cf017">Jawabanmu akan langsung dibahas! Bisa latihan dengan fleksibel.</p>
</div>
</div>
</div>
<div class="wrapper--card-usp">
<div class="card-usp usp-5">
<div class="image-feature-usp usp-5">
<dotlottie-player
class="lottie-feature"
src="https://cdn-web-2.ruangguru.com/landing-pages/ruangguru/ai/lottie/fitur-5.lottie"
background="transparent"
speed="1"
direction="1"
mode="normal"
loop
autoplay
></dotlottie-player>
</div>
<div class="content-usp">
<p class="text-5b276196">Cek level pemahamanmu</p>
<p class="text-3b8cf017">Cek level pemahamanmu, dan dapatkan rekomendasi harus fokus belajar apa</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-testi-df3ba892">
<div class="page-center">
<div class="container-section-testi-fe56ea50">
<p class="text-70e43f19">Cerita mereka yang udah belajar bareng AiRIS</p>
<div class="wrapper-8a8b5ffc">
<div class="card-group-30a498c9">
<div class="wrapper--card-testimonial">
<div class="basic-testimonial">
<img class="image-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/34a73c72-99d4-436a-9861-2cce337d95dc.svg" alt="ImageQuote" loading="lazy" />
<img class="image-right-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4feab45-8022-4eba-b531-0db17789f8a9.svg" alt="ImageQuote" loading="lazy" />
<div class="content--wrapper">
<div class="content-testimoni">
<p class="text-92ed42f1">Hikma</p>
<p class="text-ffa20342">Kelas 12 SMA</p>
<p class="text-63a7d483">
AiRIS peka kaya kalau kita jawabnya lama suka ditanya “lagi mikirin apa?”, tapi aku seneng sih karena kaya diperhatiin. AiRIS suka ngasih penjelasan panjang-panjang jadi aku
lebih suka.
</p>
</div>
</div>
</div>
</div>
<div class="wrapper--card-testimonial">
<div class="basic-testimonial">
<img class="image-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/34a73c72-99d4-436a-9861-2cce337d95dc.svg" alt="ImageQuote" loading="lazy" />
<img class="image-right-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4feab45-8022-4eba-b531-0db17789f8a9.svg" alt="ImageQuote" loading="lazy" />
<div class="content--wrapper">
<div class="content-testimoni">
<p class="text-966bcfe8">Al</p>
<p class="text-dcb8c9b2">Kelas 12 SMA</p>
<p class="text-60ad1f3b">
Hal yang disuka dari AiRIS: penjelasannya lebih jelas. kaya kalau aku tanya soal pilihan ganda terus pilihan-pilihan jawaban yang lain juga dijelasin. Jawaban dari AiRIS
menurut aku lebih akurat.
</p>
</div>
</div>
</div>
</div>
<div class="wrapper--card-testimonial">
<div class="basic-testimonial">
<img class="image-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/336b749c-4f79-464b-b020-8de14531c78f.svg" alt="ImageQuote" loading="lazy" />
<img class="image-right-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4feab45-8022-4eba-b531-0db17789f8a9.svg" alt="ImageQuote" loading="lazy" />
<div class="content--wrapper">
<div class="content-testimoni">
<p class="text-a1af2586">Mazaya</p>
<p class="text-1110bee9">Kelas 9 SMP</p>
<p class="text-3b1ba908">Alhamdulillah banyak pilihan koyok biasanya kan AI translate2 tok, ini bisa tanya pr, materi baru, latihan soal, bisa ngobrol sm AiRISnya</p>
</div>
</div>
</div>
</div>
<div class="wrapper--card-testimonial">
<div class="basic-testimonial">
<img class="image-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/336b749c-4f79-464b-b020-8de14531c78f.svg" alt="ImageQuote" loading="lazy" />
<img class="image-right-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4feab45-8022-4eba-b531-0db17789f8a9.svg" alt="ImageQuote" loading="lazy" />
<div class="content--wrapper">
<div class="content-testimoni">
<p class="text-a1af2586">Fahrul</p>
<p class="text-1110bee9">Jenjang SMA</p>
<p class="text-3b1ba908">
Bandingkan dengan buku pelajaran, cek pemahaman di AiRIS bisa bantu aku review materi sekolah. Praktis buat ngecek pemahaman setelah pelajaran dan ngebantu banget!
</p>
</div>
</div>
</div>
</div>
<div class="wrapper--card-testimonial">
<div class="basic-testimonial">
<img class="image-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/34a73c72-99d4-436a-9861-2cce337d95dc.svg" alt="ImageQuote" loading="lazy" />
<img class="image-right-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4feab45-8022-4eba-b531-0db17789f8a9.svg" alt="ImageQuote" loading="lazy" />
<div class="content--wrapper">
<div class="content-testimoni">
<p class="text-a1af2586">Kevin</p>
<p class="text-1110bee9">Jenjang SMK</p>
<p class="text-3b1ba908">AiRIS bisa jadi teman belajar, main, dan konsultasi sekaligus. Suasana nyamannya bikin enak, dan bisa bantu jawab soal dengan mudah.</p>
</div>
</div>
</div>
</div>
<div class="wrapper--card-testimonial">
<div class="basic-testimonial">
<img class="image-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/336b749c-4f79-464b-b020-8de14531c78f.svg" alt="ImageQuote" loading="lazy" />
<img class="image-right-quote" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f4feab45-8022-4eba-b531-0db17789f8a9.svg" alt="ImageQuote" loading="lazy" />
<div class="content--wrapper">
<div class="content-testimoni">
<p class="text-a1af2586">Kiran</p>
<p class="text-1110bee9">Jenjang SMA</p>
<p class="text-3b1ba908">Kalau di sekolah, kalo nanya langsung ke guru bisa malu. Jadi, saya tanya ke AiRIS, tulis pertanyaan, dijelaskan, terus saya bisa tanya detailnya</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-stellar-c65b7dcc">
<div class="page-center">
<div class="container-section-stellar-580f7821">
<img class="image-stellar-fb474d3f" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/82af2540-4f2b-40cd-93b7-acad7b496e74.png?convert=web" alt="ImageStellar" loading="lazy" />
<div class="wrapper-88c854ec">
<p class="text-4e1a3058">
Mau yang lebih?
<br />
<span>Upgrade ke AiRIS Stellar!</span>
</p>
<div class="content-0fd8da66">
<div class="value-45a76db1">
<img class="icon-b4bb0023" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/faa58f25-00f7-4cae-89ae-529a817b9590.svg" alt="Icon" loading="lazy" />
<div class="content-b12d010c">
<p class="text-37f0665d">Konten lengkap dan eksklusif</p>
<p class="text-fbfaf0fc">Akses berbagai materi belajar dan latihan — video, flash card, dan media lainnya!</p>
</div>
</div>
<div class="value-2fe7bc34">
<img class="icon-69c90543" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b598cbf9-67d6-4e06-9520-31b9e913f3d4.svg" alt="Icon" loading="lazy" />
<div class="content-4ea6b4ec">
<p class="text-8fe7c765">5x lebih powerful</p>
<p class="text-ad9f5dca">Dapatkan respons AiRIS yang jauh lebih cepat, akurat, dan terstruktur</p>
</div>
</div>
<div class="value-ce25fcef">
<img class="icon-d41aae15" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ec76fc6b-7058-4131-90a7-9637f939a9cc.svg" alt="Icon" loading="lazy" />
<div class="content-c079fb2e">
<p class="text-9c756140">Belajar dan latihan sepuasnya</p>
<p class="text-2e67e787">Stellar Energy yang lebih banyak, untuk interaksi AiRIS yang lebih lama</p>
</div>
</div>
</div>
<a
href="https://cta.ruangguru.com/e6d6763e-bf62-11ee-8c56-4201ac180089"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "AiRIS","cta_action": "redirection","cta_action_detail": "https://chatbot-ai-canary.sirogu.com/chat?session=new&mode=stellar","item_type": "button","item_name": "Coba sekarang, GRATIS!","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "stellar_value_section","section_position": "stellar_value_page","section_name": "stellar_value_section"}'
target="_blank"
rel="noopener"
>
<button class="syl-button-1e5dfb1d btn-free-trial">
<p class="text-b8d3b7f9">Coba sekarang, GRATIS!</p>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="section-versus-72f5dd3c">
<div class="page-center">
<div class="container-section-versus-e8a6748d">
<p class="text-7d13e693">Akses konten eksklusif plus fitur premium</p>
<div class="wrapper-table-62b1e846">
<div class="blur-column-background"></div>
<div class="column-c9287c28">
<div class="col-5553767d">
<p class="text-5b6138ac">Fitur</p>
</div>
<div class="col-86b77e6e">
<p class="text-af16ce2b">FREE</p>
</div>
<div class="col-78984f59">
<img class="coloum-stellar" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/8f5883df-1c0c-4afb-beee-fd379765d503.png?convert=web" />
</div>
</div>
<div class="horizontal-border"></div>
<div class="row-7a0f4e64">
<div class="col-9e3164fb">
<p class="text-aeb33e60">Mode Stellar</p>
</div>
<div class="col-74d8972f">
<img class="image-no-51b506f3" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4ed7740d-deae-4402-9a1f-d1da22881ca4.svg" alt="ImageNo" loading="lazy" />
</div>
<div class="col-7ddc4a5a">
<img class="image-yes" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6d62df21-3342-4b62-9a52-16c26b34e68f.svg" alt="ImageYes" loading="lazy" />
</div>
</div>
<div class="horizontal-border"></div>
<div class="row-13d7c7ef">
<div class="col-e14334aa">
<p class="text-9cca57c5">Latihan Soal</p>
</div>
<div class="col-a50771a9">
<p class="text-97cac4f3">Akses Terbatas</p>
</div>
<div class="col-f1666bdf">
<img class="image-yes" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6d62df21-3342-4b62-9a52-16c26b34e68f.svg" alt="ImageYes" loading="lazy" />
</div>
</div>
<div class="horizontal-border"></div>
<div class="row-43671bb6">
<div class="col-7b9814ec">
<p class="text-c87a1300">Flash Card</p>
</div>
<div class="col-a44538cf">
<p class="text-53950b53">Akses Terbatas</p>
</div>
<div class="col-3627984a">
<img class="image-yes" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6d62df21-3342-4b62-9a52-16c26b34e68f.svg" alt="ImageYes" loading="lazy" />
</div>
</div>
<div class="horizontal-border"></div>
<div class="row-bea549cf">
<div class="col-17b6a756">
<p class="text-f6b384be">Video Belajar Eksklusif</p>
</div>
<div class="col-0a4a4776">
<p class="text-6d08e1a7">Akses Terbatas</p>
</div>
<div class="col-6d26e69b">
<img class="image-yes" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6d62df21-3342-4b62-9a52-16c26b34e68f.svg" alt="ImageYes" loading="lazy" />
</div>
</div>
<div class="horizontal-border"></div>
<div class="row-4b875fb1">
<div class="col-8944476e">
<p class="text-852cc272">Cek Pemahaman</p>
</div>
<div class="col-ac54c89a">
<p class="text-9b2310f8">Akses Terbatas</p>
</div>
<div class="col-ae0ae15e">
<img class="image-yes" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6d62df21-3342-4b62-9a52-16c26b34e68f.svg" alt="ImageYes" loading="lazy" />
</div>
</div>
</div>
<a
href="https://cta.ruangguru.com/e6d6763e-bf62-11ee-8c56-4201ac180089"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "AiRIS","cta_action": "redirection","cta_action_detail": "https://chatbot-ai-canary.sirogu.com/chat?session=new&mode=stellar","item_type": "button","item_name": "Coba sekarang, GRATIS!","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "comparison_table_section","section_position": "comparison_table","section_name": "comparison_table_section"}'
target="_blank"
rel="noopener"
>
<button class="syl-button-b77edc7a btn-free-trial">
<p class="text-0f18193e">Coba sekarang, GRATIS!</p>
</button>
</a>
</div>
</div>
</div>
<div class="section-faq-54cc9dd4">
<div class="page-center">
<div class="faq-content">
<div class="faq-content_box">
<h2 class="faq-title">Selengkapnya tentang AiRIS</h2>
</div>
<div class="faq-content_accordion">
<div class="accordion-faq">
<!-- 1 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apa itu AiRIS?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>
AiRIS adalah layanan terbaru dari Ruangguru yang menggunakan teknologi AI dalam bentuk tutor belajar serasa teman. AiRIS dapat digunakan oleh siswa SD, SMP, dan SMA untuk
belajar materi sampai paham, membantu menjawab PR, memberikan latihan soal, dan menjadi teman ngobrol
</p>
</div>
</div>
</div>
<!-- 2 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Gimana cara akses AiRIS?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>
AiRIS bisa kamu akses via aplikasi Ruangguru, atau website
<a href="https://ai.ruangguru.com/" target="_blank" rel="noopener">ai.ruangguru.com</a>
.
</p>
</div>
</div>
</div>
<!-- 3 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Udah berhasil daftar, tapi kok nggak bisa akses AiRIS?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>
Saat ini kami sedang menambah kuota akses untuk AiRIS. Jika kamu berhasil mendaftar, kamu akan otomatis masuk ke daftar tunggu. Setelah akses kamu tersedia, pasti dikabarin
kok!
</p>
</div>
</div>
</div>
<!-- 4 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apa saja yang bisa saya tanyakan ke AiRIS?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Kamu bisa menanyakan tentang semua hal tentang mata pelajaran, seperti Matematika, Biologi, Fisika, Bahasa Inggris, Sejarah, Ekonomi, Geografi, Kimia</p>
<p>AiRIS juga bisa digunakan untuk membahas hal-hal diluar pelajaran seperti hobi, konsultasi jurusan, dan ngobrol seperti teman</p>
</div>
</div>
</div>
<!-- 5 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apakah AiRIS berbayar?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>
AiRIS bisa tetap kamu gunakan secara gratis dengan menggunakan Mode Basic. Tetapi kamu juga bisa mendapatkan fitur dan kemampuan yang lebih baik dan akurat dengan Mode Stellar
(Premium)
</p>
</div>
</div>
</div>
<!-- 6 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apa yang membedakan Mode Basic dengan Mode Stellar?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Melalui Mode Basic kamu sudah bisa merasakan kecanggihan AiRIS dalam menanggapi pertanyaanmu. Fitur-fitur AiRIS juga bisa diakses tetapi penggunaannya dibatasi.</p>
<p>
Mode Stellar memberikan respons keakuratan yang lebih baik dibandingkan Mode Basic. Cocok untuk kamu yang ingin memahami pelajaran sampai detail. Kamu juga akan mendapatkan
akses penuh dari fitur-fitur yang tersedia di Mode Stellar selama Stellar Energymu masih mencukupi.
</p>
<p>Mode Stellar juga tersedia dalam versi Trial (Gratis) kok. Dicoba ya!</p>
</div>
</div>
</div>
<!-- 7 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apa itu Stellar Energy?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>
Stellar Energy adalah satuan yang digunakan dalam percakapanmu setiap menggunakan Mode Stellar. Stellar Energy bisa saja habis jika kamu sering berinteraksi dengan AiRIS dalam
Mode Stellar. Tetapi jangan khawatir! Kamu tetap bisa top-up energinya lagi kok.
</p>
</div>
</div>
</div>
<!-- 8 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Gimana cara dapat Stellar Energy?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Kamu bisa mengaktikan Mode Stellar versi Trial untuk mengklaim Stellar Energy secara gratis.</p>
<p>Selain itu kamu juga bisa secara langsung membeli Stellar Energy sesuai dengan jumlah yang kamu inginkan.</p>
</div>
</div>
</div>
<!-- 9 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Apa aja yang bisa dilakukan oleh AiRIS?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Kamu bisa minta AiRIS untuk:</p>
<ul>
<li>mengajarimu pelajaran sampai kamu bisa, seperti diajarkan oleh guru disekolah. dilengkapi dengan media tambahan seperti video, flashcard, dan rangkuman</li>
<li>membantu menjawab PR sulitmu. lengkap dengan penjelasannya agar kamu mengerti</li>
<li>meningkatkan pemahaman dengan latihan-latihan soal</li>
<li>ngobrol santai serasa teman</li>
</ul>
</div>
</div>
</div>
<!-- 10 -->
<div class="container-acc2">
<div class="accordion2">
<div class="accordion-subject">
<div class="accordion-text">
<p>Kalau punya pertanyaan, feedback, atau komplain, bisa disampaikan ke mana?</p>
</div>
<div class="accordion-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Revamp%20Beasiswa%20BKK/arrow-down.svg" alt="Aset" />
</div>
</div>
</div>
<div class="panel2">
<div class="panel-faq">
<p>Untuk menghubungi tim AiRIS by Ruangguru, kamu bisa menghubungi kanal layanan dibawah ini ya</p>
<p>
Whatsapp
<br />
<a href="https://api.whatsapp.com/send/?phone=6281578200000" target="_blank" rel="noopener">+6281578200000</a>
</p>
<p>
Email
<br />
<a href="mailto:info@ruangguru.com" target="_blank" rel="noopener">info@ruangguru.com</a>
</p>
<p>
Call Center
<br />
<a href="tel:+622140008000" target="_blank" rel="noopener">02130930000</a>
</p>
</div>
</div>
</div>
</div>
</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 !important;
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;
}
.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>
</body>
<script>
$('meta[name=author]').remove();
$('head').append('<meta name="author" content="Ruangguru Tech Team">');
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/me.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845605588/module_39227318886_header-homepage-ruangguru-2021.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'AiRIS',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<script>
var acc = document.getElementsByClassName('accordion2'),
i;
for (i = 0; i < acc.length; i++)
acc[i].addEventListener('click', function () {
var elems = document.getElementsByClassName('accordion2');
var shouldHide = $(this).hasClass('active');
for (var it of elems) it.classList.remove('active'), (it.nextElementSibling.style.maxHeight = null);
if (!shouldHide) this.classList.toggle('active');
var panel = this.nextElementSibling;
shouldHide || panel.style.maxHeight ? (panel.style.maxHeight = null) : (panel.style.maxHeight = panel.scrollHeight + 'px');
});
</script>
<script>
function getConfig(city) {
const options = {
method: 'GET',
headers: {
'xc-token': 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = `https://gw.ruangguru.com/api/v3/rdb/landing_page/rg_brainacademy_linktree?limit=9999&shuffle=0&offset=0&where=(city,eq,${city})`;
return fetch(urlNoco, options)
.then(response => response.json())
.catch(err => console.log(err));
}
function getQueryParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
$(document).ready(function () {
var defaultTitle = 'Peluang 3x lebih besar masuk PTN bersama <b>Studio Kerja</b>';
var defaultButton = [
{
id: 'first-button',
text: 'Konsultasi Bimbel Online untuk SD SMP SMA, Gratis!',
url: 'http://wa.me/6281574584780/?text=Halo%20saya%20ingin%20konsultasi%20bimbel%20Brain%20Academy%20Online%20dan%20mendapatkan%20promonya',
},
{
id: 'second-button',
text: 'Ambil Diskon s.d 52%, Hanya Minggu Ini!',
url: 'http://wa.me/6281574584780/?text=Halo%20saya%20mau%20klaim%20diskon%20spesial%20untuk%20Brain%20Academy%20Online%20minggu%20ini',
},
{
id: 'third-button',
text: 'DISKON SPESIAL PENGAJAR',
url: 'http://wa.me/6281574584780/?text=Halo%20saya%20ingin%20daftar%20dengan%20promo%20spesial%20anak%20pengajar',
},
];
$.each(defaultButton, function (index, button) {
var $btn = $(`<button class="syl-button" id="${button.id}">
<p class="syl-button-text">${button.text}</p>
</button>`);
$btn.on('click', function () {
window.location.href = button.url;
});
$('.container-section-hero-button').append($btn);
});
$('#title').html(defaultTitle);
const city = getQueryParam('city');
// ensure city is not empty
if (city !== null && city.trim() !== '') {
getConfig(city.toUpperCase()).then(response => {
// validate if list have data
if (response.list.length != 0) {
// override the title
if (response.list[0].title !== '') {
$('#title').html(response.list[0].title);
}
// getting the data
const ctaData = response.list[0].cta.data;
// refresh the container
$('.container-section-hero-button').empty();
// loop the response, then set the button again
$.each(ctaData, function (index, cta) {
var $btn = $(`<button class="syl-button" id="${index}">
<p class="syl-button-text">${cta.text}</p>
</button>`);
$btn.on('click', function () {
window.location.href = cta.redirectionUrl;
});
$('.container-section-hero-button').append($btn);
});
}
});
}
$('.card-group-630d4022').slick({
infinite: false,
dots: true,
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
speed: 500,
arrows: true,
prevArrow: '<img class="slick-prev" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/15a9ae71-1ee3-47ec-9f33-61ef7c289094.png" alt="button prev" />',
nextArrow: '<img class="slick-next" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3009fe7e-c35f-434b-99b6-722c5a1e10f6.png" alt="button next" />',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
breakpoint: 767,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
$('.card-group-30a498c9').slick({
infinite: false,
dots: true,
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
speed: 500,
arrows: true,
prevArrow: '<img class="slick-prev" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/15a9ae71-1ee3-47ec-9f33-61ef7c289094.png" alt="button prev" />',
nextArrow: '<img class="slick-next" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3009fe7e-c35f-434b-99b6-722c5a1e10f6.png" alt="button next" />',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
$('.usp-7b247598.mobile').slick({
infinite: true,
dots: false,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
speed: 500,
arrows: false,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
});
const isEmpty = str => !str.trim().length;
const validateEmail = email => {
return email.match(/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
};
function inputFilter(dis) {
return dis.match(/^(62|0)8[1-9][0-9]{6,14}$/g);
}
$('.form-submit').click(function (e) {
e.preventDefault();
let guestName = $('input#guest_name').val();
let guestPhone = $('input#guest_phone').val();
let guestEmail = $('input#guest_email').val();
let guestInfo = $('textarea#guest_info').val();
if (isEmpty(guestName)) {
$('input#guest_name').focus();
} else if (isEmpty(guestPhone) || guestPhone === '+62') {
$('input#guest_phone').focus();
} else if (isEmpty(guestEmail)) {
$('input#guest_email').focus();
} else if (isEmpty(guestInfo)) {
$('textarea#guest_info').focus();
} else {
let linkUrl = `https://api.whatsapp.com/send?phone=6281574510153&text=${encodeURIComponent(`Halo saya ${guestName} ${guestPhone} ${guestEmail} tertarik untuk konsultasi Bimbel Kedinasan, terutama ${guestInfo}`)}`;
Analytics.track('landing_page__core__item_click', {
product_name: 'skillacademy',
cta_action: 'redirection',
cta_action_detail: linkUrl,
item_type: 'button',
item_name: 'Konsultasi Sekarang',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'consultation',
section_position: 'body',
section_name: 'consultation',
});
// window.location.href = linkUrl;
}
});
$('.search-input').on('keyup', function (e) {
let value = document.getElementById('search').value;
13 == e.which && window.open(`https://skillacademy.com/search?keyword=${value}`, '_blank');
});
});
$(document).on('click', 'a[href^="#"]', function (event) {
event.preventDefault();
$('html, body').animate(
{
scrollTop: $($.attr(this, 'href')).offset().top,
},
500
);
});
</script>
</html>