Rivalry2

Hubungi Konsultan Pendidikan Ruangguru, Diskon Lebih Hemat 40%
2026-03-08 20:02 Diff
https://www.ruangguru.com/konsultan-pendidikan
Home
Konsultan Pendidikan
Konsultan Ruangguru siap membantu menemukan solusi belajar. Mereka lulusan terbaik dari UI, ITB, dan UGM. Hubungi untuk penawaran khusus!
Temukan konsultanmu
<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="author" content="Ruangguru Tech Team" />
    <meta name="publisher" content="PT Ruang Raya Indonesia" />
    <meta name="description" content="Masih belum nemu produk yang sesuai dengan gaya belajarmu? Raih diskon paket belajar lebih hemat 40% bersama tim konsultan kami. Dapatkan penawaran terbaik." />
    <title>Hubungi Konsultan Pendidikan Ruangguru, Diskon Lebih Hemat 40%</title>
    <link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
    <meta name="robots" content="index, follow" />
    <meta property="og:description" content="Masih belum nemu produk yang sesuai dengan gaya belajarmu? Raih diskon paket belajar lebih hemat 40% bersama tim konsultan kami. Dapatkan penawaran terbaik." />
    <meta property="og:title" content="Hubungi Konsultan Pendidikan Ruangguru, Diskon Lebih Hemat 40%" />
    <meta name="twitter:description" content="Masih belum nemu produk yang sesuai dengan gaya belajarmu? Raih diskon paket belajar lebih hemat 40% bersama tim konsultan kami. Dapatkan penawaran terbaik." />
    <meta name="twitter:title" content="Hubungi Konsultan Pendidikan Ruangguru, Diskon Lebih Hemat 40%" />

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />

    <link rel="canonical" href="https://www.ruangguru.com/konsultan-pendidikan" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />

    <meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
    <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="350" />

    <meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />

    <meta property="og:url" content="https://www.ruangguru.com/konsultan-pendidikan" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta http-equiv="Content-Language" content="id" />

    <!-- Tracker -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>


    <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;200;300;400;500;600;700&display=swap" rel="stylesheet" />
    <script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/konsultan-pendidikan/assets/index-BijxQTO3.js"></script>
    <link rel="stylesheet" crossorigin href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/konsultan-pendidikan/assets/index-B3ovumeb.css">
  </head>

  <body class="m-0">
    <style>/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding: 0 !important;
}
*,
:after,
:before {
  box-sizing: border-box;
}
header,
nav {
  display: block;
}
p {
  margin-top: 0;
}
a {
  background-color: transparent;
  color: #007bff;
  text-decoration: none;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
img {
  border-style: none;
}
img,
svg {
  vertical-align: middle;
}
svg {
  overflow: hidden;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
[type='button'],
button {
  -webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar {
  padding: 0.5rem 1rem;
  position: relative;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }

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

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

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

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

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

  img {
    page-break-inside: avoid;
  }

  p {
    orphans: 3;
    widows: 3;
  }

  @page {
    size: a3;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .navigation__content {
    padding-bottom: 20px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .navigation__content {
    padding-bottom: 20px;
  }

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

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

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

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

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

  #produk_item {
    padding: 1rem 20px;
  }

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

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

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

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

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

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

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: 100%;
    flex-grow: 1;
    max-height: 500px;
    overflow-y: scroll;
    text-align: center;
  }
}
.wrapper-profile-login {
  position: relative;
}
.container-login_details {
  position: relative;
}
.container-user_profile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--size-radius-rad-full, 9999px);
  border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
  background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
}
.profile-picture {
  border-radius: 100%;
}
.display-none {
  display: none !important;
}
.display-1 {
  font-size: 6rem;
}
.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
}
.display-3 {
  font-size: 4.5rem;
}
.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
.text-secondary {
  color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
  width: 100%;
}
.hero-cta-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.1rem 0 0.35rem;
  position: relative;
}
.hero-timer-cta p {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-right: 0.5rem;
  margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.text-countdown-hero {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
  color: #fff;
  letter-spacing: 0.01em;
  margin: 0;
}
.text-countdown-hero div {
  grid-gap: 0.25rem;
  align-items: center;
  display: grid;
  grid-template-columns: auto auto;
}
.text-countdown-hero span {
  color: #fff;
  background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
  border-radius: 8px;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
  position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
  position: absolute !important;
  bottom: 6% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: transparent !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-size: 14px !important;
  z-index: 10 !important;
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
}
.hero-timer-cta .countdown-hero {
  margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
  display: flex !important;
  align-items: center !important;
  color: white !important;
}
.hero-cta {
  background: #fff;
  border: 8px solid #7ac9d0;
  border-radius: 96px;
  color: #2c313a;
  display: inline-block;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  padding: 0.5rem 1.75rem;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 767px) {
  .hero-cta {
    border: 8px solid #7ac9d0;
    font-size: 12px;
    line-height: 18px;
    padding: 0.5rem 1.75rem;
  }
  .hero-timer-cta p {
    font-size: 12px;
    line-height: 18px;
  }
  .text-countdown-hero div,
  .text-countdown-hero span {
    font-size: 10px;
    line-height: 12px;
  }
  .text-countdown-hero span {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
  }
  .hero-timer-cta {
    width: 100% !important;
    bottom: 4% !important;
    justify-content: flex-start !important;
  }
}
    </style>
    <style>
      .header-guest-mark-layout {
        position: absolute;
        width: 100%;
        display: none;
        justify-content: flex-end;
      }
    
      .header-guest-mark-triangle {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 30px solid #f1bb53;
        margin-right: 2.25rem;
        margin-bottom: -0.5rem;
      }
    
      .header-guest-mark-container {
        display: flex;
        background-color: #f1bb53;
        width: fit-content;
        border-radius: 12px;
        padding: 0.5rem 0.75rem;
        gap: 1rem;
        justify-items: center;
      }
    
      .header-guest-mark-container p {
        font-family: Space Grotesk;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        padding: 0;
      }
    
      @media (min-width: 1300px) {
        .header-guest-mark-layout {
          margin-top: 7rem;
        }
      }
    
      @media (max-width: 1299px) {
        .header-guest-mark-layout {
          margin-top: 0;
        }
      }
    
      @media (max-width: 767px) {
        .header-guest-mark-triangle {
          margin-right: 2.5rem;
        }
      }
    </style>
    
    
    <nav class="ruangguru-header  ">
     
      <div class="page-center">
        <div class="container-ruangguru-header">
          <div class="navigation__left">
            <div class="hamburger-icon">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eed92e13-500e-4cc5-b049-77c60bb3e857.svg" alt="Dropdown Navigation Icon" loading="lazy" />
            </div>
            <a
              data-tracking-event-type="landing_page__core__item_click"
              data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
              href="https://www.ruangguru.com/"
            >
              <div class="logo-header">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo ruangguru" loading="lazy" />
                          </div>
            </a>
          </div>
          <div class="navigation__content">
                    <div class="navig-link navig-link-dropdown " id="produk" aria-expanded="false">
              <a href="#">Produk</a>
            </div>
            <div class="navig-dropdown-area closed" id="produk_item">
              <!-- ruangbelajar -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar","item_type": "link","item_name": "ruangbelajar","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/ruangbelajar"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg" alt="Logo ruangbelajar" loading="lazy" />
                  </div>
                  <p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
                </div>
              </a>
              <!-- BA -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id","item_type": "link","item_name": "brainacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.brainacademy.id"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg" alt="Logo Brain Academy" loading="lazy" />
                  </div>
                  <p class="text-product">Bimbel Tatap Muka & Live Interaktif bersama STAR Master Teacher</p>
                </div>
              </a>
              <!--  mathchamps  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.ruangguru.com/mathchamps"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70" alt="Logo math champs" loading="lazy" width="104" height="40" />
                  </div>
                  <p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
                </div>
              </a>
              <!--  mathchamps sempoa  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/sempoa","item_type": "link","item_name": "mathchamps_sempoa","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.ruangguru.com/mathchamps/sempoa"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9aa7023e-2d40-4e19-9236-4907f5042a3e.png?convert=webp&h=70" alt="Logo math champs" loading="lazy" width="104" height="40" />
                  </div>
                  <p class="text-product">Kursus hitung cepat aritmatika dengan sempoa untuk anak 4-12 tahun</p>
                </div>
              </a>
              <!--  memory champs  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.id/","item_type": "link","item_name": "memorychamps","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.memoryacademy.id/"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac89298a-3fc9-4f35-862c-b027006929e0.png?convert=webp&h=70" alt="Logo math champs" loading="lazy" width="104" height="40" />
                  </div>
                  <p class="text-product">Kursus latihan daya ingat, fokus, dan konsentrasi untuk mendukung prestasi akademik</p>
                </div>
              </a>
              <!-- EA  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/","item_type": "link","item_name": "english-academy","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.english-academy.id/"
              >
                <div class="item-product">
                  <div class="logo-product" id="lp_ea">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/English%20Academy/logo-ea-riddle.svg?convert=webp" alt="Logo English Academy" loading="lazy" />
                  </div>
                  <p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar internasional</p>
                </div>
              </a>
              <!-- ruanguji  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruanguji","item_type": "link","item_name": "ruanguji","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/ruanguji"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg" alt="Logo ruanguji" loading="lazy" />
                  </div>
                  <p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
                </div>
              </a>
              <!--  schoters -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.schoters.com"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120" alt="Logo Schoters" loading="lazy" height="40" />
                  </div>
                  <p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa terlengkap!</p>
                </div>
              </a>
              <!-- rgprivat  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/privat","item_type": "link","item_name": "ruangles","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/privat"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&amp;width=112&amp;name=logo-ruangguru-privat.png"
                      alt="Logo ruangles"
                      width="112"
                      loading="lazy"
                      srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w"
                      sizes="(max-width: 112px) 100vw, 112px"
                    />
                  </div>
                  <p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
                </div>
              </a>
              <!--  kalananti  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 9,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.kalananti.id/"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png" alt="Logo kalananti" loading="lazy" height="40" />
                  </div>
                  <p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan kreativitas</p>
                </div>
              </a>
              <!--  ags  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaglobalschool.com/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.altaglobalschool.com/"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d56be6bf-3717-4da1-9763-438f02340246.png?convert=webp&h=120" alt="Logo Schoters" loading="lazy" height="30" />
                  </div>
                  <p class="text-product">Sekolah blended learning untuk PAUD-SMA, siapkan siswa kuliah di universitas terbaik, dalam & luar negeri</p>
                </div>
              </a>
              <!-- SA  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://skillacademy.com/","item_type": "link","item_name": "skillacademy","item_category": "cta","item_position": 11,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://skillacademy.com/"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg" alt="Logo Skill Academy" loading="lazy" />
                  </div>
                  <p class="text-product">Kursus online untuk meningkatkan technical &amp; soft skill kamu</p>
                </div>
              </a>
              <!-- rg for kids  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/for-kids","item_type": "link","item_name": "ruangguru for kids","item_category": "cta","item_position": 12,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/for-kids"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo_rgfk.svg?convert=webp" alt="Logo For Kids" width="100" loading="lazy" />
                  </div>
                  <p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan sains</p>
                </div>
              </a>
              <!-- dafalulu -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/dafa-lulu","item_type": "link","item_name": "dafalulu","item_category": "cta","item_position": 13,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/dafa-lulu"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img
                      src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/logo-dafa-lulu.png?convert=webp&amp;height=44&amp;name=logo-dafa-lulu.png"
                      height="44"
                      alt="Logo dafa lulu"
                      loading="lazy"
                    />
                  </div>
                  <p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
                </div>
              </a>
              <!-- roboguru -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://roboguru.ruangguru.com/","item_type": "link","item_name": "roboguru","item_category": "cta","item_position": 14,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://roboguru.ruangguru.com/"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp" alt="Logo roboguru" width="125" loading="lazy" />
                  </div>
                  <p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
                </div>
              </a>
              <!-- roboguru plus -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/roboguruplus","item_type": "link","item_name": "roboguruplus","item_category": "cta","item_position": 16,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/roboguruplus"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp" width="155" alt="Logo roboguru plus" loading="lazy" />
                  </div>
                  <p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik</p>
                </div>
              </a>
              <!-- ruangkerja  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangkerja.id/","item_type": "link","item_name": "ruangkerja","item_category": "cta","item_position": 17,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                target="_blank"
                href="https://www.ruangkerja.id/"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg" alt="Logo ruangkerja" loading="lazy" />
                  </div>
                  <p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan &amp; Lembaga</p>
                </div>
              </a>
              <!-- ruangkelas  -->
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangkelas","item_type": "link","item_name": "ruangkelas","item_category": "cta","item_position": 18,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/ruangkelas"
              >
                <div class="item-product">
                  <div class="logo-product">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg" alt="Logo ruangkelas" loading="lazy" />
                  </div>
                  <p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
                </div>
              </a>
            </div>
    
            <div class="navig-link navig-link-dropdown " id="center" aria-expanded="false">
              <a href="#">Offline Centers</a>
            </div>
            <div class="navig-dropdown-area closed" id="center_item" aria-expanded="false">
              <div class="item-center">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/branch","item_type": "link","item_name": "mathchamps branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/mathchamps/branch"
                >
                  Mathchamps
                </a>
              </div>
              <div class="item-center">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id/branch","item_type": "link","item_name": "brain academy branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.brainacademy.id/branch/"
                >
                  Brain Academy
                </a>
              </div>
              <div class="item-center">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/center","item_type": "link","item_name": "EA center","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.english-academy.id/center/"
                >
                  English Academy
                </a>
              </div>
            </div>
    
            <div class="navig-link " id="program">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/program","item_type": "link","item_name": "Program","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/program"
              >
                Program
              </a>
            </div>
            <div class="navig-link ">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/promo","item_type": "link","item_name": "Promo","item_category": "promotion","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/promo"
              >
                Promo
              </a>
            </div>
            <div class="navig-link ">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/event","item_type": "link","item_name": "Event","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/event"
              >
                Event
              </a>
            </div>
            <!-- <div class="navig-link ">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/beasiswa","item_type": "link","item_name": "Beasiswa","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/beasiswa"
              >
                Beasiswa
              </a>
            </div> -->
            <div class="navig-link ">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/testimoni","item_type": "link","item_name": "Testimoni","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/testimoni"
              >
                Testimoni
              </a>
            </div>
            <!-- <div class="navig-link navig-link-dropdown " id="services" aria-expanded="false">
              <a href="#">Layanan</a>
            </div>
            <div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
              <div class="item-services">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar/perpanjang-paket","item_type": "link","item_name": "Cara Perpanjang Paket","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket"
                >
                  Cara Perpanjang Paket
                </a>
              </div>
              <div class="item-services">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cara-bayar","item_type": "link","item_name": "Cara Bayar","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/cara-bayar"
                >
                  Cara Bayar
                </a>
              </div>
              <div class="item-services">
                <a
                  data-tracking-event-type="landing_page__core__item_click"
                  data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cicilan","item_type": "link","item_name": "Cicilan","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                  href="https://www.ruangguru.com/cicilan"
                >
                  Cicilan
                </a>
              </div>
            </div> -->
            <div class="navig-link ">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/blog","item_type": "link","item_name": "Ruangbaca","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/blog/"
              >
                Ruangbaca
              </a>
            </div>
                  </div>
          <div class="navigation__right">
            <div class="button-langganan-cta" id="btn-header">
       
              <a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank">
                <button class="cta ">Langganan Sekarang</button>
              </a>
               
            </div>
          </div>
        </div>
      </div>
    </nav>

    <div>
      <!-- Breadcrumb -->
      <section class="pt-20 lg:pt-28">
        <div class="page-center">
          <nav aria-label="breadcrumb">
            <ol id="breadcrumb" class="breadcrumb bg-transparent p-0">
              <li class="breadcrumb-item">
                <a href="https://www.ruangguru.com/">Home</a>
              </li>
              <li class="breadcrumb-item active">Konsultan Pendidikan</li>
            </ol>
          </nav>
        </div>
      </section>

      <!-- Hero Section -->
      <section class="py-4 md:py-6 relative">
        <div class="page-center">
          <div class="flex flex-col md:items-center md:flex-row gap-5 md:justify-between">
            <div class="flex flex-col gap-3 md:pb-[10rem]">
              <h1 class="text-white text-[28px] leading-9 tracking-[-0.18px] font-bold md:text-4xl md:leading-[46px] md:max-w-[25rem]">Konsultan Pendidikan Ruangguru</h1>
              <p class="text-white text-sm leading-[22px] md:text-base md:leading-6 md:max-w-[35rem]">
                Konsultan Ruangguru siap membantu menemukan solusi belajar. Mereka lulusan terbaik dari UI, ITB, dan UGM. Hubungi untuk penawaran khusus!
              </p>
            </div>
            <img width="420" height="auto" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9ce5d40d-cdf1-48ef-b0aa-6da3107c3f14.png?convert=webp" loading="lazy" class="w-full md:w-auto md:max-h-[320px]" />
          </div>
        </div>
      </section>

      <!-- Consultants Section -->
      <section class="py-8 mt-[-2rem] md:mt-[-12rem] z-10 relative">
        <div class="page-center">
          <div>
            <!-- Filter Bar -->
            <div class="flex items-end md:gap-4 mb-6 gap-4">
              <!-- Search -->
              <div>
                <p class="text-white mb-1 font-semibold text-sm leading-5">Temukan konsultanmu</p>
                <div class="relative">
                  <svg class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 md:w-5 md:h-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path
                      fill-rule="evenodd"
                      clip-rule="evenodd"
                      d="M2.22222 8.88887C2.22222 5.20698 5.20698 2.22222 8.88887 2.22222C12.5708 2.22222 15.5555 5.20698 15.5555 8.88887C15.5555 12.5708 12.5708 15.5555 8.88887 15.5555C5.20698 15.5555 2.22222 12.5708 2.22222 8.88887ZM8.88887 0C3.97968 0 0 3.97968 0 8.88887C0 13.7981 3.97968 17.7777 8.88887 17.7777C10.943 17.7777 12.8344 17.081 14.3396 15.9109L18.1032 19.6746C18.5371 20.1085 19.2406 20.1085 19.6746 19.6746C20.1085 19.2406 20.1085 18.5371 19.6746 18.1032L15.9109 14.3396C17.081 12.8344 17.7777 10.943 17.7777 8.88887C17.7777 3.97968 13.7981 0 8.88887 0Z"
                      fill="#2C313A"
                    />
                  </svg>
                  <input
                    id="search-filter-input"
                    class="w-full md:w-[360px] border border-gray-300 rounded-xl py-3 pl-9 md:pl-10 pr-3 text-sm focus:outline-none focus:border-[#2eb5c0] transition-colors"
                    placeholder="Cari nama atau nomor handphone"
                  />
                </div>
              </div>
              <!-- Display -->
              <div>
                <select id="display-filter-input" class="border border-gray-300 rounded-xl p-3 text-sm cursor-pointer focus:outline-none focus:border-[#2eb5c0] transition-colors bg-white">
                  <option>10</option>
                  <option selected="selected">25</option>
                  <option>50</option>
                  <option>100</option>
                </select>
              </div>
            </div>

            <!-- Consultant Table -->
            <div class="bg-white rounded-xl border border-gray-200 overflow-hidden shadow-sm mt-4">
              <div id="consultant-list" class="min-w-[500px] lg:min-w-0"></div>
            </div>

            <!-- Pagination -->
            <div class="pagination" id="pagination"></div>
          </div>
        </div>
      </section>

      <!-- Load CSS for all versions -->
      <script>
        // CSS loading function available for all versions
        function loadFloatingCSS() {
          // Check if CSS is already loaded
          if (document.getElementById('fb-component-css')) {
            return;
          }
      
          // Create and append CSS style block to head
          const style = document.createElement('style');
          style.id = 'fb-component-css';
          style.textContent = `
            .bantuan-container {
              position: relative;
            }
            .bantuan-element {
              position: fixed;
              z-index: 999;
              display: flex;
              align-items: flex-end;
              justify-content: flex-end;
              cursor: pointer;
              transition: all 0.6s ease;
            }
            .bantuan-top {
              bottom: 11rem;
              right: 2rem;
            }
            .bantuan-bottom {
              bottom: 2rem;
              right: 2rem;
            }
            .bantuan-top-2 {
              bottom: 15rem;
              right: 2rem;
            }
            .bantuan-top-3 {
              bottom: 19rem;
              right: 2rem;
            }
            .bantuan-bottom-2 {
              bottom: 5rem;
              right: 2rem;
            }
            .bantuan-bottom-3 {
              bottom: 8rem;
              right: 2rem;
            }
            @media (min-width: 768px) {
              .bantuan-element img {
                width: auto;
                transition: all 0.4s ease;
              }
              .bantuan-top img {
                width: 140px;
              }
              .bantuan-bottom img {
                width: 140px;
              }
              .bantuan-top-2 img,
              .bantuan-top-3 img {
                width: 140px;
              }
              .bantuan-bottom-2 img,
              .bantuan-bottom-3 img {
                width: 140px;
              }
              .bantuan-element.clicked {
                bottom: 9rem;
                right: 2.5rem;
              }
              .bantuan-element.clicked img {
                width: auto;
                height: 64px;
              }
            }
            @media (max-width: 767px) {
              .bantuan-top {
                bottom: 8rem;
                right: 1rem;
                align-items: center;
              }
              .bantuan-bottom {
                bottom: 2rem;
                right: 1.25rem;
                align-items: center;
              }
              .bantuan-top-2 {
                bottom: 12rem;
                right: 1rem;
                align-items: center;
              }
              .bantuan-top-3 {
                bottom: 16rem;
                right: 1rem;
                align-items: center;
              }
              .bantuan-bottom-2 {
                bottom: 5rem;
                right: 1.25rem;
                align-items: center;
              }
              .bantuan-bottom-3 {
                bottom: 8rem;
                right: 1.25rem;
                align-items: center;
              }
              .bantuan-element img {
                width: auto;
              }
              .bantuan-top img,
              .bantuan-top-2 img,
              .bantuan-top-3 img {
                width: 96px;
              }
              .bantuan-bottom img,
              .bantuan-bottom-2 img,
              .bantuan-bottom-3 img {
                width: 96px;
              }
            }
            .bantuan-element:hover {
              transform: scale(1.05);
            }
            .bantuan-element img {
              max-width: 100%;
              height: auto;
            }
          `;
          document.head.appendChild(style);
        }
      
        // Load CSS immediately
        loadFloatingCSS();
      </script>
      
      <div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
      
      <script>
        class FloatingDivsComponent {
          constructor(product = 'ruangguru', table = 'rg_promo_banner') {
            this.container = document.getElementById('bantuan-divs-container');
            this.floatingElements = [];
            this.product = product;
            this.table = table;
      
            // Configuration
            this.config = {
              baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
              apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
              maxElements: 2,
              zIndexBase: 100,
            };
      
            // Build dynamic API URL based on table parameter
            this.config.apiUrl = this.buildApiUrl();
      
            this.init();
          }
      
          buildApiUrl() {
            const baseUrl = this.config.baseApiUrl;
            const tableName = this.table || 'rg_promo_banner';
            const queryParams =
              'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
              this.product +
              ')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
      
            return `${baseUrl}${tableName}?${queryParams}`;
          }
      
          async init() {
            try {
              await this.fetchFloatingElements();
              this.renderFloatingElements();
            } catch (error) {
              console.error('Failed to initialize floating divs component:', error);
            }
          }
      
          async fetchFloatingElements() {
            try {
              const options = {
                method: 'GET',
                headers: {
                  'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
                },
              };
      
              const urlNoco = this.config.apiUrl;
      
              const response = await fetch(urlNoco, options);
      
              if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
              }
      
              const data = await response.json();
              this.floatingElements = this.processApiResponse(data);
            } catch (error) {
              console.error('Error fetching floating elements:', error);
              throw error;
            }
          }
      
          processApiResponse(data) {
            if (!data || !data.list || !Array.isArray(data.list)) {
              return [];
            }
            // Ensure we only get maximum 2 elements
            const limitedElements = data.list.slice(0, this.config.maxElements);
      
            return limitedElements;
          }
      
          renderFloatingElements() {
            if (!this.container || this.floatingElements.length === 0) {
              return;
            }
      
            // Additional safeguard: ensure we never render more than maxElements
            const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
      
            // Clean up existing elements and their event listeners
            this.cleanupExistingElements();
      
            // Clear existing content
            this.container.innerHTML = '';
      
            elementsToRender.forEach((element, index) => {
              const floatingDiv = this.createFloatingDiv(element, index);
              this.container.appendChild(floatingDiv);
            });
          }
      
          cleanupExistingElements() {
            // Clear existing elements (no need for event listener cleanup with CSS approach)
            const existingElements = this.container.querySelectorAll('[data-floating-element]');
            existingElements.forEach(element => {
              element.remove();
            });
          }
      
          createFloatingDiv(element, index) {
            const div = document.createElement('div');
            const cta = element.cta[0]; // Use the first CTA
      
            // Add data attribute for cleanup tracking
            div.setAttribute('data-floating-element', 'true');
      
            // Apply CSS classes based on rankPosition
            const positionClass = this.getPositionClass(element.rankPosition, index);
            div.className = `bantuan-element ${positionClass}`;
            div.style.zIndex = this.config.zIndexBase + index;
      
            // Create the link and image
            const link = document.createElement('a');
            link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
            link.target = '_blank';
      
            // Add tracking attributes
            link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
            link.setAttribute(
              'data-tracking-context',
              JSON.stringify({
                product_name: this.product,
                cta_action: 'redirection',
                cta_action_detail: link.href,
                item_type: 'floating',
                item_name: element.name || 'Floating element',
                item_category: 'leads_gathering',
                item_position: index,
                item_serial: null,
                section_type: 'floating_item',
                section_position: 'body',
                section_name: 'floating_item',
              })
            );
      
            const img = document.createElement('img');
            img.src = element.imageUrl + '?h=200&convert=webp';
            img.alt = element.name || 'Floating element';
            img.loading = 'lazy';
      
            // Add click tracking
            link.addEventListener('click', () => {
              this.trackClick(element, cta);
            });
      
            link.appendChild(img);
            div.appendChild(link);
      
            return div;
          }
      
          getPositionClass(rankPosition, index) {
            // Define positioning classes based on rankPosition
            if (rankPosition === 1) {
              return 'bantuan-top'; // Top position
            } else if (rankPosition === 2) {
              return 'bantuan-bottom'; // Bottom position
            } else {
              // For additional elements, distribute them evenly
              return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
            }
          }
      
          trackClick(element, cta) {
            // Implement click tracking logic here
            console.log('Floating element clicked:', {
              elementId: element.Id,
              elementName: cta.name,
              ctaId: cta.ctaId,
              targetUrl: cta.targetUrl,
            });
          }
      
          // Public method to manually refresh
          async refresh() {
            try {
              await this.fetchFloatingElements();
              this.renderFloatingElements();
            } catch (error) {
              console.error('Failed to refresh floating elements:', error);
              throw error;
            }
          }
      
          // Public method to get current floating elements
          getFloatingElements() {
            return [...this.floatingElements];
          }
        }
      
        // Initialize the component when DOM is ready
        document.addEventListener('DOMContentLoaded', () => {
          // Get product and table parameters from data attributes
          const container = document.getElementById('bantuan-divs-container');
          const product = container.getAttribute('data-product') || 'ruangguru';
          const table = container.getAttribute('data-table') || 'rg_promo_banner';
          new FloatingDivsComponent(product, table);
        });
      
        // Export for use in other modules if needed
        if (typeof module !== 'undefined' && module.exports) {
          module.exports = FloatingDivsComponent;
        }
      </script>
      
    </div>

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

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

    <script>
      console.log('test lpt');
    </script>
  </body>
</html>