RUANGGURU HQ
Jl. Dr. Saharjo No.161, Manggarai Selatan, Tebet, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12860
2026-03-08 19:57
Diff
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<title>Layanan Bantuan | Ruangguru</title>
<meta name="description" content="Menemukan kesulitan atau kendala dalam mengakses produk belajar? Dapatkan solusi secara lengkap & praktis dengan layanan bantuan Ruangguru." />
<link rel="canonical" href="https://ruangguru.com/bantuan" />
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdn-web-2.ruangguru.com/landing-pages/css/header.css?v=1.0.7">
<link rel="stylesheet" type="text/css" href="https://cdn-web-2.ruangguru.com/landing-pages/css/index.css?v=1.0.2">
<!-- 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 -->
<!-- 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 type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
var pathSegments = window.location.pathname.split('/');
var firstPathSegment = pathSegments[1] ? '/' + pathSegments[1] : '';
var allAnchors = document.getElementsByTagName('a');
for (var i = 0; i < allAnchors.length; i++) {
var anchor = allAnchors[i];
var currentHref = anchor.getAttribute('href');
if(currentHref && !currentHref.startsWith('http')) {
anchor.href = firstPathSegment + (currentHref.startsWith('/') ? '' : '/') + currentHref;
}
}
var searchForm = document.getElementById('searchForm');
searchForm.action = firstPathSegment + searchForm.getAttribute('action');
});
</script>
</head>
<body>
<nav class="header-wrapper">
<div class="page-center">
<div class="header">
<a href="https://www.ruangguru.com/" class="logo">
<div class="logo-wrapper">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Icon" loading="lazy" height="40" class="logo-img">
</div>
</a>
<a href="https://cta.ruangguru.com/kirim-pertanyaan-cs-bantuan-rg" target="_blank" class="link-text">
<p>Kirim Pertanyaan/Kendala</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d486a998-333a-4879-b5f5-750efbe2b5e4.svg" width="16" height="16" loading="lazy">
</a>
<button class="menu-btn ruangguru" onclick="openPopup()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.10526C4 5.49484 4.48353 5 5.08 5H18.92C19.5165 5 20 5.49484 20 6.10526C20 6.71568 19.5165 7.21053 18.92 7.21053H5.08C4.48353 7.21053 4 6.71568 4 6.10526ZM4 12C4 11.3896 4.48353 10.8947 5.08 10.8947H18.92C19.5165 10.8947 20 11.3896 20 12C20 12.6104 19.5165 13.1053 18.92 13.1053H5.08C4.48353 13.1053 4 12.6104 4 12ZM5.08 16.7895C4.48353 16.7895 4 17.2843 4 17.8947C4 18.5052 4.48353 19 5.08 19H18.92C19.5165 19 20 18.5052 20 17.8947C20 17.2843 19.5165 16.7895 18.92 16.7895H5.08Z" fill="#20A4B0"/>
</svg>
</button>
</div>
</div>
</nav>
<div class="popup-wrapper">
<div id="popupHeader" class="popup">
<div class="popup-content">
<span class="close" onclick="closePopup()"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-close.svg"></span>
<p class="popup-title">Menu</p>
<div class="popup-topic">
<p class="popup-subtitle">Topik Bantuan</p>
<div class="topic-header">
<a href="/informasi-umum-0001" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/54dce4b4-2b15-4cf5-9984-68a37c89c50b.png?convert=webp" width="50" height="50" loading="lazy">
<p>Informasi Umum</p>
</button>
</a>
<a href="/akun-0002" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3503b3e2-b268-4efd-abd7-cffe1e634794.png?convert=webp" width="50" height="50" loading="lazy">
<p>Akun</p>
</button>
</a>
<a href="/produk-0003" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/55b878c3-c30c-4d3d-8493-7356e925599d.png?convert=webp" width="50" height="50" loading="lazy">
<p>Produk</p>
</button>
</a>
<a href="/pembayaran-0004" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4fca8588-0824-4160-ac08-f7ff5f7191f2.png?convert=webp" width="50" height="50" loading="lazy">
<p>Pembayaran</p>
</button>
</a>
<a href="/promo-0005" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fd2f64a0-7e11-4039-acfd-c21a89921718.png?convert=webp" width="50" height="50" loading="lazy">
<p>Promo</p>
</button>
</a>
<a href="/program-sahabat-ruangguru-0006" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/21ac2088-c99d-41d3-afce-908a401768cf.png?convert=webp" width="50" height="50" loading="lazy">
<p>Program Sahabat Ruangguru</p>
</button>
</a>
<a href="/informasi-utbk-snbt-dan-snbp-0007" class="topic-link-header">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fd2f64a0-7e11-4039-acfd-c21a89921718.png?convert=webp" width="50" height="50" loading="lazy">
<p>Informasi UTBK-SNBT dan SNBP</p>
</button>
</a>
</div>
</div>
<div class="popup-contact ruangguru">
<p class="popup-subtitle">Butuh Bantuan Lainnya?</p>
<a href="https://cta.ruangguru.com/kirim-pertanyaan-cs-bantuan-rg" target="_blank">
<div class="bantuan-card">
<div class="bantuan-card-img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/da3043ec-349e-4473-b862-37a92dab31a3.svg" width="18" height="18">
</div>
<div class="bantuan-card-text">
<p class="bantuan-title">Kirim Pertanyaan/Kendala</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<script>
function openPopup() {
document.getElementById('popupHeader').style.display = 'block';
}
function closePopup() {
document.getElementById('popupHeader').style.display = 'none';
}
</script>
<div class="section-hero ruangguru">
<div class="page-center">
<div class="container-hero">
<h1 class="hero-title">Ada yang bisa kami bantu?</h1>
<form action="/search" method="GET" class="input-form" id="searchForm">
<span class="input-group-text"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0a02b081-179c-4120-a33d-e9aab78bcace.svg" alt="" /></span>
<input class="input-search" type="text" name="q" placeholder="Cari topik (contoh: ganti password)" id="searchInput">
<!-- <input type="submit" value="Search"> -->
</form>
</div>
</div>
</div>
<div class="container container-home">
<div class="content">
<div class="topic-wrapper">
<p class="topic-title">Pilih Topik Bantuan</p>
<div class="container-topic">
<a href="/informasi-umum-0001" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/54dce4b4-2b15-4cf5-9984-68a37c89c50b.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Informasi Umum</h2>
</button>
</a>
<a href="/akun-0002" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3503b3e2-b268-4efd-abd7-cffe1e634794.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Akun</h2>
</button>
</a>
<a href="/produk-0003" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/55b878c3-c30c-4d3d-8493-7356e925599d.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Produk</h2>
</button>
</a>
<a href="/pembayaran-0004" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4fca8588-0824-4160-ac08-f7ff5f7191f2.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Pembayaran</h2>
</button>
</a>
<a href="/promo-0005" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fd2f64a0-7e11-4039-acfd-c21a89921718.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Promo</h2>
</button>
</a>
<a href="/program-sahabat-ruangguru-0006" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/21ac2088-c99d-41d3-afce-908a401768cf.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Program Sahabat Ruangguru</h2>
</button>
</a>
<a href="/informasi-utbk-snbt-dan-snbp-0007" class="topic-link">
<button class="topic-button">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fd2f64a0-7e11-4039-acfd-c21a89921718.png?convert=webp" width="50" height="50" loading="lazy">
<h2>Informasi UTBK-SNBT dan SNBP</h2>
</button>
</a>
</div>
</div>
<div class="container-question">
<h2>Yang sering ditanyakan</h2>
<ul class="faq">
<li>
<a href="/informasi-umum-0001/rekomendasi-produk-belajar-0004" class="faq-link">
Rekomendasi produk belajar yang cocok untuk saya
</a>
</li>
<li>
<a href="/akun-0002/tidak-bisa-login-akun-ruangguru-di-aplikasi-0014" class="faq-link">
Saya tidak bisa login akun Ruangguru melalui aplikasi
</a>
</li>
<li>
<a href="/produk-0003/fasilitas-english-academy-0062" class="faq-link">
Apa saja fasilitas yang didapatkan di English Academy?
</a>
</li>
<li>
<a href="/pembayaran-0004/pembayaran-cicilan-0103" class="faq-link">
Bagaimana cara pembayaran cicilan?
</a>
</li>
<li>
<a href="/promo-0005/promo-yang-berlangsung-0105" class="faq-link">
Promo apa yang sedang berlangsung di Ruangguru?
</a>
</li>
<li>
<a href="/program-sahabat-ruangguru-0006/apa-itu-program-sahabat-ruangguru-0113" class="faq-link">
Apa itu program Sahabat Ruangguru?
</a>
</li>
<li>
<a href="/informasi-utbk-snbt-dan-snbp-0007/paket-yang-cocok-untuk-persiapan-utbk-0119" class="faq-link">
Paket apa yang cocok untuk persiapan UTBK?
</a>
</li>
</ul>
</div>
</div>
</div>
<div 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">Jl. Dr. Saharjo No.161, Manggarai Selatan, Tebet, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12860</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 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 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 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>
</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>
</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">
© <script>
document.write(new Date().getFullYear());
</script> Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</div>
<div class="bantuan-promo normalize-css" id="scrollBantuan">
<a href="https://cta.ruangguru.com/tanya-cs-bantuan-rg" target="_blank">
<img id="buttonCS" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d70d3d63-3c1f-418f-a4cc-7af2c9640eec.png?convert=webp" alt="Icon Tanya Customer Service Ruangguru" loading="lazy" />
</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script>
let isScrolling;
window.addEventListener('scroll', function ( event ) {
window.clearTimeout(isScrolling);
document.getElementById('scrollBantuan').classList.add('hidden');
isScrolling = setTimeout(function() {
document.getElementById('scrollBantuan').classList.remove('hidden');
}, 100);
}, false);
const loadImageBasedOnTime = (imageContainerId) => {
let imageContainer = document.getElementById(imageContainerId);
let currentHour = moment().format("H");
if (currentHour >= 7 && currentHour < 22) {
imageContainer.src = 'https://cdn-web-2.ruangguru.com/landing-pages/assets/d70d3d63-3c1f-418f-a4cc-7af2c9640eec.png?convert=webp';
} else {
imageContainer.src = 'https://cdn-web-2.ruangguru.com/landing-pages/assets/a9fcf873-eaae-4589-a77f-42545b5e108b.png?convert=webp';
}
let now = moment();
let nextHour = moment().add(1, 'hours').startOf('hour');
let millisecondsToNextHour = nextHour.diff(now);
setTimeout(() => loadImageBasedOnTime(imageContainerId), millisecondsToNextHour);
};
loadImageBasedOnTime("buttonCS");
</script>
<style>
.bantuan {
position: fixed;
bottom: 10rem;
right: 1rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-promo {
position: fixed;
bottom: 2rem;
right: 1.25rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: right .7s ease-in-out;
}
.bantuan-promo.hidden {
right: -15rem;
}
@media (min-width: 768px) {
.bantuan img,
.bantuan-promo img {
width: auto;
transition: all 0.4s ease;
}
.bantuan img {
width: 140px;
}
.bantuan-promo img {
height: 52px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 7.5rem;
right: 1rem;
align-items: center;
}
.bantuan-promo {
bottom: 1.2rem;
right: 0.75rem;
align-items: center;
}
.bantuan img,
.bantuan-promo img {
width: auto;
}
.bantuan img {
width: 96px;
}
.bantuan-promo img {
height: 48px;
}
dotlottie-player.floating-lottie {
width: 80px !important;
height: 80px !important;
}
}
.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;
}
.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;
padding-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: .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: 1.25rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
</style>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script
type="text/javascript"
src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"
></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: "bantuan",
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.page();
</script>
</body>
</html>