Rivalry2

Learning Management System #1 Indonesia untuk Perusahaan Anda
2026-03-08 19:15 Diff
https://www.ruangguru.com/bisnis/contact-us
Solusi ekosistem pembelajaran terbaik untuk perusahaan Anda

Platform pembelajaran intuitif untuk tingkatkan performa tim Anda secara eksponensial.
25.000+
Aktivitas pembelajaran
1.000.000+
Pengguna aktif
5.000+
Mitra perusahaan & lembaga
Dipercaya oleh 120+ perusahaan yang berkembang pesat

Learning Management System #1 dengan ekosistem belajar yang terintegrasi

5.000+
Mitra perusahaan
& lembaga
1.000.000+
Pengguna
aktif
25.000+
Aktivitas
pembelajaran
Pengaturan Konten Belajar
Sistem pengaturan konten dan pengguna yang mudah digunakan dengan platform CMS
Strategi Meningkatkan ROI
Pendekatan model 70:20:10 untuk optimasi pengalaman belajar dalam menghadapi tantangan di dunia kerja
Dasbor Monitor Otomatis
Laporan hasil belajar berbasis data yang bisa dipantau dan dievaluasi selama program pelatihan.
Katalog Konten
Pelatihan menggunakan konten eksklusif yang sudah disediakan pada platform ruangkerja.
Skill Academy
Tersedia 500+ kelas dengan berbagai topik pelatihan yang disampaikan langsung oleh para ahli dari berbagai industri di Indonesia
LinkedIn Learning
Partner resmi LinkedIn Learning di Indonesia. Akses ke 16.000+ aktivitas pembelajaran berkualitas yang diakui di seluruh dunia.
Transformasi Learning & Development menggunakan metode pembelajaran yang praktis dan otomatis untuk aplikasi di dunia kerja nyata

Training program
Personaliasai program training untuk menguasai dan meningkatkan skill yang sesuai kebutuhan
Coaching & mentoring
Panduan langsung dari mentor berpengalaman untuk mencapai keterampilan yang maksimal
On the job training
Praktik studi kasus nyata untuk mempercepat proses adaptasi sehingga memiliki keahlian yang relevan
Pelajari bagaimana Ruangkerja dapat mentransformasi pembelajaran dan meningkatkan kinerja karyawan untuk mencapai hasil bisnis yang Anda inginkan

Dapatkan Insight & Strategi untuk Mendorong Transformasi L&D dan HR di Perusahaan Anda

Panduan Praktis Menulis Press Release

Selami lebih dalam tentang jenis-jenis e-learning dan bagaimana membangun, memasarkan, serta mengelola kegiatan e-learning dengan baik.
Download E-Book
Lihat Semua E-Book
Case study and testimonials from our fellow clients

Taekwang
Indomarco
Aqua
AXA
PT. TKG Taekwang uses Ruangkerja to train their 5,000+ blue collar employees with mobile learning method for the 1st time
Net Promotor
Score (NPS)
Ruangkerja Solutions
LMS with user-friendly and easy-to-use experience using mobile application or via web can be accessed anytime and from anywhere
Ruangkerja accommodate screening, onboarding and training process for prospective and existing employees in Indomarco
Net Promotor
Score (NPS)
Ruangkerja Solutions
Content management system (CMS) provides Indomarco's needs, especially for branch admin to create course, adjust training schedule, and enroll user to their specific learning needs.
Ruangkerja helps Aqua as a distributor communication tools, product knowledge training platform and accommodates instrument for their campaign
Net Promotor
Score (NPS)
Ruangkerja Solutions
Mobile web version LMS helps distributor to get product knowledge training and also helps Aqua got update data from their distributors.
AXA Financial Indonesia learning platform whitelabeled using Ruangkerja for agents product knowledge and certification
Net Promotor
Score (NPS)
Ruangkerja Solutions
Agent's training and certification using Whitelabel platform which can be downloaded on Playstore and App Store.
Sesuaikan tampilan dengan brand perusahan Anda

Pilih untuk melihat bagaimana ini bekerja
Mengapa mereka merekomendasikan kami

Nicke Widyawati
Direktur Utama
PT. Pertamina Persero
Pertamina mengadaptasi semangat yang ditularkan oleh Ruangguru ke dalam platform pembelajaran baru. Platform ini dirancang agar sesuai dengan generasi muda, yang akan menjadi masa depan perusahaan.
Ishak
Reliability and Training
Department PT Amman Mineral Nusa Tenggara
Ruangkerja sangat mudah digunakan, bahkan bagi karyawan yang baru pertama kali mengikuti pelatihan melalui mobile learning. Mereka dapat mengakses materi pelatihan dengan lancar, tanpa kendala, bahkan saat berada di lapangan.
Angga Munggaran
Human Resource and L&D
PT Indolakto (Indomilk)
Dashboard monitoring menampilkan data secara komprehensif dan real-time, memudahkan pemantauan progres pelatihan. Fitur ini juga sangat membantu saat perlu menyiapkan laporan secara cepat.
Okto Rinaldi Sagala
Direktur SDM PT PLN Indonesia Power
Tim Ruangkerja berhasil menghadirkan metode pembelajaran digital yang efektif. Video pelatihannya menarik dan sangat disukai oleh karyawan Indonesia Power.
Falah Mutiah
Regional Sales Manager
Tokopedia
Kami ingin mengurangi pelatihan offline untuk menghemat anggaran. Dengan ruangkerja, saya tetap dapat memantau hasil pelatihan secara real-time. Kolaborasi ini menjadi solusi efektif bagi Tokopedia dan ruangkerja.
Mahardika H.
HR and Training & Development
PT TKG Taekwang
Ruangkerja sangat mendukung program training online kami. Platformnya mudah digunakan, dapat diakses kapan saja dan di mana saja, serta menyediakan video pelatihan berkualitas yang sesuai dengan kebutuhan kami.
Kadia Sandi
HR Development Yayasan
Pendidikan Telkom
Materi kelasnya sangat berkualitas, membuat peserta antusias mengikuti pelatihan. Saya juga melihat peningkatan kompetensi mereka secara signifikan setelah pelatihan.
Pertanyaan yang sering diajukan

Apa itu ruangkerja?
ruangkerja adalah platform pelatihan online berbasis mobile untuk membantu Anda meningkatkan kemampuan dan pengetahuan di dunia kerja.
Mengapa saya tidak mendapatkan Kelas Perusahaan wajib yang sama dengan teman satu divisi saya?
Penugasan Kelas Perusahaan wajib merupakan kebijakan dari perusahaan Anda. Untuk informasi lebih lanjut, silakan hubungi Admin perusahaan Anda.
Apakah ruangkerja mempunyai layanan customer service ?
Ya. Anda dapat menghubungi tim customer service ruangkerja melalui channel:
Email: info@ruangkerja.id
Telepon: 021-28543000 (Ekstensi 5)
Instagram: @ruangkerja
Apps: Fitur Hubungi Kami pada menu Profil
Bagaimana jika saya lupa password ?
Lakukan pengaturan ulang password dengan mengklik Lupa Password ? , lalu masukkan alamat email Anda yang terdaftar di ruangkerja. Setelah itu, Anda akan menerima email berisi instruksi lanjutan untuk mengatur ulang password .
Bagaimana cara mengubah password ?
Klik menu Profil di kanan bawah halaman, lalu ke menu Pengaturan . Selanjutnya, pilih opsi Ubah Password lalu masukkan password lama Anda dan password baru yang Anda inginkan dan klik tombol Ubah Password .
Bagaimana cara mengganti bahasa aplikasi?
Klik menu Profil di kanan bawah halaman, lalu ke menu Pengaturan . Selanjutnya, pilih Ubah Bahasa , dan pilih bahasa yang Anda inginkan. Saat ini, ruangkerja tersedia dalam Bahasa Indonesia dan Bahasa Inggris.
Apa itu Kelas Umum?
Kelas Umum merupakan kelas yang terdiri dari kumpulan topik dan modul pelatihan tentang berbagai bidang kompetensi yang berguna bagi pengguna ruangkerja. Kelas ini bersifat opsional dan peserta dapat memilih kelas apapun sesuai dengan minat dan kebutuhan masing-masing.
Apa itu Kelas Perusahaan?
Kelas Perusahaan adalah kelas yang terdiri dari kumpulan topik dan modul pelatihan yang disusun secara khusus bagi karyawan perusahaan. Kelas Perusahaan terdiri dari dua tipe yaitu kelas wajib dan kelas umum perusahaan ( self-enrollment ).
Apakah Kelas Umum berbayar?
Tidak. Kelas umum dapat diakses secara gratis.
Apa itu Peringkat ?
Menu Peringkat merupakan menu dalam aktivitas pembelajaran yang menampilkan urutan nama peserta yang berhasil mengikuti kelas berdasarkan nilai dan waktu pengerjaan post-test . Menu ini hanya menampilkan 10 peringkat tertinggi.
Apakah passing grade setiap kelas sama?
Tidak. Passing grade setiap kelas dapat berbeda-beda dan ditetapkan oleh admin dan atau Subject Matter Expert (SME) masing-masing aktivitas pembelajaran.
Bagaimana cara mendapatkan sertifikat?
Untuk mendapatkan sertifikat, Anda harus menyelesaikan seluruh rangkaian pembelajaran pada aktivitas pembelajaran, termasuk pre-test dan post-test .
<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="publisher" content="PT Ruang Raya Indonesia" />
    <meta name="author" content="Ruangguru Tech Team" />
    <meta name="robots" content="index, follow" />
    <meta name="description" content="Learning Management System (LMS) #1 Indonesia memberikan pelatihan &amp; pengembangan skill karyawan secara efisien untuk perusahaan Anda. Dapatkan demo gratisnya!" />
    <title>Learning Management System #1 Indonesia untuk Perusahaan Anda</title>
    <link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/logo_RK%20(1).png" />
    <meta property="og:description" content="Learning Management System (LMS) #1 Indonesia memberikan pelatihan &amp; pengembangan skill karyawan secara efisien untuk perusahaan Anda. Dapatkan demo gratisnya!" />
    <meta property="og:title" content="Learning Management System #1 Indonesia untuk Perusahaan Anda" />
    <meta name="twitter:description" content="Learning Management System (LMS) #1 Indonesia memberikan pelatihan &amp; pengembangan skill karyawan secara efisien untuk perusahaan Anda. Dapatkan demo gratisnya!" />
    <meta name="twitter:title" content="Learning Management System #1 Indonesia untuk Perusahaan Anda" />
    <link rel="canonical" href="https://www.ruangkerja.id" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RuangKerja/MetaOG/RK_Gamification.png#keepProtocol" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="600" />
    <meta property="og:image:alt" content="Learning Management System (LMS) Ruang Kerja" />
    <meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/RuangKerja/MetaOG/RK_Gamification.png#keepProtocol" />
    <meta name="twitter:image:alt" content="Learning Management System (LMS) Ruang Kerja" />
    <meta property="og:url" content="https://www.ruangkerja.id" />
    <meta name="twitter:card" content="summary_large_image" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "Organization",
        "@id": "https://www.ruangkerja.id/",
        "name": "ruangkerja",
        "url": "https://www.ruangkerja.id/",
        "logo": {
          "@type": "ImageObject",
          "url": "https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/group-2.svg",
          "width": 65,
          "height": 36,
          "@id": "https://www.ruangkerja.id/"
        },
        "contactPoint": {
          "@type": "ContactPoint",
          "telephone": "+622140008000",
          "url": "https://www.ruangkerja.id/faq",
          "contactType": "customer support"
        },
        "sameAs": ["https://www.facebook.com/ruangkerjabyruangguru", "https://twitter.com/ruangkerja_", "https://www.instagram.com/ruangkerja/", "https://www.linkedin.com/company/ruangkerja"]
      }
    </script>
    <!-- Tracker -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://form.ruangguru.com/form/embed.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
    <script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
    <script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>

    <script type="text/javascript" defer>
      $(document).on('click', '[data-tracking-event-type]', function (event) {
        const eventType = $(this).data('tracking-event-type');
        const context = $(this).data('tracking-context');
        Analytics.track(eventType, context);
      });

      var Analytics = _analytics.init({
        app: 'ruangkerja',
        debug: false,
        plugins: [analyticsTrackable()],
      });
      Analytics.page();
    </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:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
    <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&Nunito:ital,wght@0,700;0,800;1,700;1,800&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
:focus {
  outline: none !important;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.page-center {
  float: none !important;
  width: 90% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.page-center-detail,
.page-center-content {
  float: none !important;
  margin: 0 auto !important;
}
body,
html {
  height: 100% !important;
  margin: 0;
  min-height: 100% !important;
  scroll-behavior: smooth;
  background: #f2f5fa;
}
img {
  max-width: 100%;
  vertical-align: middle;
  border-style: none;
}
section img {
  width: 100%;
}
button,
a {
  cursor: pointer !important;
}
.fn-ma {
  float: none;
  margin: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  font-weight: revert;
  margin: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: revert !important;
}
a {
  text-decoration: none;
}
/* Used on all text */
.font-inter {
  font-family: 'Inter';
}
.font-source {
  font-family: 'Source Sans Pro', sans-serif;
}
.font-nunito {
  font-family: 'Nunito', sans-serif;
}
.font-center {
  text-align: center;
}
/* Used on H1 tag */
.font-header-one,
.font-header-two,
.font-header-three {
  font-weight: 700;
}
/* Black main color */
.font-black {
  color: #000;
}
.font-dark {
  color: #2c313a;
}
/* Black secondary color */
.font-black-secondary {
  color: #333333;
}
.font-green {
  color: #13939e;
}
.font-gray {
  color: #424242;
}
.font-dark-gray {
  color: #4f4f4f;
}
.font-light-gray {
  color: #5e677b;
}
.font-bright-gray {
  color: #828282;
}
/* White color */
.font-white {
  color: #ffffff;
}
.font-washed-white {
  color: #fffaed;
}
.font-red {
  color: #e52a34;
}
.font-blue {
  background: linear-gradient(299.69deg, #0a5ad1 7.23%, #3db6fa 105.51%), #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
/* Letter spacing */
.ls-1 {
  letter-spacing: -0.01em;
}
.ls-5 {
  letter-spacing: -0.005em;
}
/* Display */
.display-block {
  display: block;
}
.display-none {
  display: none;
}
.display-flex {
  display: flex;
}
.display-grid {
  display: grid;
}
/* Used on all button */
.button-basic-white {
  background: #ffffff;
  border-radius: 96px;
  text-decoration: none;
}
.button-basic-white:hover {
  filter: brightness(95%);
}
.button-basic-orange {
  background: #f26d0f;
  border-radius: 100px;
  text-decoration: none;
  border: none;
}
.button-basic-orange:hover {
  filter: brightness(95%);
}
/* List */
.ul-basic {
  list-style: none;
}
.ol-basic {
  list-style: none;
}
iframe[title='Button to launch messaging window'] {
  opacity: 0 !important;
  display: none !important;
}
@media (min-width: 1025px) {
  .page-center-card {
    float: none !important;
    width: 90% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }
  .font-subtitle {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.005em;
  }
  .font-header-one {
    font-size: 32px;
    line-height: 48px;
  }
  .font-header-two {
    font-size: 18px;
    line-height: 28px;
  }
  .font-header-three {
    font-size: 20px;
    line-height: 30px;
  }
  .desktop {
    display: block !important;
  }
  .mobile {
    display: none !important;
  }
  .page-center-detail {
    width: 90% !important;
    max-width: 1200px !important;
  }
  .page-center-case-content {
    float: none !important;
    width: 90% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 1024px) {
  .page-center-case {
    float: none !important;
    width: 90% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }
  .font-subtitle {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.005em;
  }
  .font-header-one {
    font-size: 20px;
    line-height: 22px;
  }
  .font-header-two,
  .font-header-three {
    font-size: 16px;
    line-height: 24px;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .page-center-content {
    width: 90% !important;
    max-width: 1200px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .font-subtitle {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.005em;
  }
}
/* HERO */
.hero {
  background: var(--color-background-bgsubtle-bgsubtle-subtle, #f2f5fa);
  padding: 2rem 0;
  margin-top: 4.5rem;
}
.hero-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 4rem;
}
.text-title {
  color: var(--color-text-text-ink, #2c313a);
  font-family: 'Plus Jakarta Sans';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.18px;
  background: linear-gradient(86deg, #205fb9 2.22%, #5a9eff 32.05%, #205fb9 71.87%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-desc {
  color: var(--color-text-text-neutral, #5e677b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 1rem 0 2rem;
}
.hero-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 2rem;
}
.hero-content_right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
.hero-content_right > * {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.hero-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem;
  border-radius: 20px;
  box-shadow: 0px 12px 16px 0px rgba(25, 78, 154, 0.2);
}
.box-white {
  background: #eff6ff;
  justify-content: center;
}
.box-blue {
  background: #afd0ff;
}
.box-light-blue {
  background: #d4e5fd;
}
.box-white img {
  width: 100%;
}
.box-title {
  color: var(--whitelabel-primary, #194e9a);
  font-family: 'Plus Jakarta Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.704px;
}
.box-desc {
  color: var(--whitelabel-primary, #194e9a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.box-img {
  border-radius: 20px;
  box-shadow: 0px 12px 16px 0px rgba(25, 78, 154, 0.2);
}
.hero-cta a {
  display: flex;
  width: 100%;
}
.cta-blue-wrapper {
  width: 100%;
  border-radius: 20px;
  background: linear-gradient(97deg, rgba(0, 67, 163, 0.2) 7.4%, rgba(161, 199, 253, 0.2) 55.96%);
  backdrop-filter: blur(2px);
  padding: 0.5rem;
  position: relative;
}
.cta-blue {
  width: 100%;
  border-radius: 16px;
  background: var(--whitelabel-action, #194e9a);
  border: none;
  color: var(--color-text-text-invert, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  display: flex;
  height: 56px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  position: relative;
  z-index: 5;
}
.cta-white-wrapper {
  border-radius: 20px;
  background: linear-gradient(97deg, rgba(0, 67, 163, 0.2) 7.4%, rgba(161, 199, 253, 0.2) 55.96%);
  backdrop-filter: blur(2px);
  padding: 0.5rem;
  position: relative;
}
.cta-white {
  width: 100%;
  display: flex;
  height: 56px;
  padding: var(--size-spacing-spacing-xl, 16px) 24px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 16px;
  border: 2px solid var(--whitelabel-primary, #194e9a);
  box-shadow: 0px 12px 16px 0px rgba(129, 134, 142, 0.12);
  color: var(--whitelabel-primary, #194e9a);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
.cta-white-secondary {
  width: 100%;
  border: none;
  display: flex;
  height: 56px;
  padding: var(--size-spacing-spacing-xl, 16px) 24px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 16px;
  background: var(--color-background-bgsolid-bgsolid-invert, #fff);
  box-shadow: 0px 12px 16px 0px rgba(129, 134, 142, 0.12);
  color: var(--color-text-text-ink, #2c313a);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  gap: 12px;
}
.shining {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  -webkit-animation: animation-4awuzr infinite 1.35s linear;
  animation: animation-4awuzr infinite 1.35s linear;
  height: 100%;
  width: fit-content;
  z-index: 1;
}
@-webkit-keyframes animation-4awuzr {
  from {
    left: -10%;
  }
  to {
    left: 33%;
  }
}
@media (max-width: 768px) {
  .hero-content {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .box-title {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.967px;
  }
  .box-desc {
    font-size: 8px;
    line-height: 12px;
  }
  .text-title {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.14px;
  }
  .text-desc {
    padding: 1rem 0 1.5rem;
    font-size: 14px;
    line-height: 22px;
  }
  .hero-cta {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .cta-blue,
  .cta-white {
    height: 44px;
    font-size: 14px;
    line-height: 22px;
  }
  .box-white img {
    max-width: 60px;
  }
  .box-white {
    padding: 0.5rem;
  }
  @-webkit-keyframes animation-4awuzr {
    from {
      left: -2%;
    }
    to {
      left: 55%;
    }
  }
}
/* USP */
.bg-blue {
  border-radius: 40px;
  background: var(--whitelabel-primary, #194e9a);
}
.usp {
  padding: 2rem 0;
}
.usp-content {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 24px 32px;
  gap: 40px;
}
.usp-list {
  list-style: none;
  margin: 0;
  padding: 2rem 0;
}
.usp-list li {
  align-items: flex-start;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/8ce217ea-09ac-4c70-a5a5-32ac2c4518c8.svg);
  background-position-x: left;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  display: flex;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 2rem;
  word-break: break-word;
  letter-spacing: -0.154px;
  margin-bottom: 0.5rem;
  color: var(--whitelabel-primary-text, #fff);
}
.text-subtitle {
  color: var(--color-text-text-invert, #fff);
  font-family: 'Plus Jakarta Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.264px;
}
.usp-cta {
  max-width: 20rem;
  padding-top: 2rem;
}
.usp img {
  max-height: 16rem;
  width: auto;
  display: flex;
  justify-self: flex-end;
  box-shadow: 0 6.478px 8.637px 0 rgba(26, 29, 34, 0.12);
}
@media (max-width: 1024px) {
  .usp-content {
    grid-template-columns: 1fr;
    padding: 2rem 1rem;
  }
  .text-subtitle {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.22px;
  }
}
/*EBOOK*/
.text-desc.white {
  color: var(--K12-Base-Theme-Text-Solid-Invert, #fff);
}
@media (max-width: 768px) {
  .cta-white-secondary {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
  }
}
/*TESTIMONIAL*/
.slick-initialized {
  overflow: hidden;
}
.text-subtitle.dark {
  color: var(--color-text-text-ink, #2c313a);
}
.text-center {
  text-align: center;
}
.testimonial {
  background: var(--saturated-crayola-0, #f5f9ff);
  padding: 24px 0;
}
.testimonial-slick {
  padding: 24px 0;
  min-height: 25rem !important;
}
.testimonial-card {
  border-radius: 40px;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/26d388a3-97a4-4f78-8faf-296fe7ebffa1.svg), var(--color-background-bgsolid-bgsolid-invert, #fff);
  background-repeat: no-repeat;
  background-size: auto, cover;
  background-position-x: 99%, center;
}
.img-testimonial {
  object-fit: cover;
  border-radius: 50%;
}
.testimonial-name {
  color: var(--color-text-text-ink, #2c313a);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  padding-top: 1rem;
}
.testimonial-job {
  overflow: hidden;
  color: var(--color-text-text-neutral, #5e677b);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.testimonial-detail {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-weight: 400;
  position: relative;
}
.testimonial-detail::before {
  content: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/a49a8b0a-2ad1-4e19-a012-344d418616ef.svg);
  position: absolute;
  top: -1.75rem;
}
.testimonial-profile {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.testimonial-slick .slick-slide {
  transform: scale(0.9) !important;
  transition: all 0.3s;
}
.testimonial-slick .slick-center {
  transform: scale(1) !important;
}
.slick-arrow:before {
  content: none !important;
}
.slick-arrow {
  background-size: 100% 100% !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
  cursor: pointer !important;
  height: 2.5rem !important;
  top: 90% !important;
  width: 2.5rem !important;
  z-index: 1 !important;
}
.slick-prev {
  background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/3040b2fa-908c-40af-b7dc-9fd120d3a92f.svg) !important;
}
.slick-next {
  background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/45d72eb0-4eda-4a3d-a77d-55706f344028.svg) !important;
  right: 5% !important;
}
.slick-dots {
  left: 0 !important;
  width: fit-content !important;
}
.slick-dots li button:before {
  color: #cfd3db !important;
  font-size: 12px !important;
  opacity: 1 !important;
}
.slick-dots li.slick-active button:before {
  color: #194e9a !important;
  font-size: 20px !important;
}
@media (min-width: 769px) {
  .testimonial-card {
    display: grid !important;
    grid-template-columns: 0.5fr 1.5fr;
    align-items: center;
    padding: 52px 40px;
    gap: 40px;
    float: none;
    margin: 0 auto !important;
  }
  .testimonial-detail {
    font-size: 16px;
    line-height: 24px;
    max-width: 82%;
  }
  .slick-arrow {
    top: 90% !important;
  }
  .slick-prev {
    left: 85% !important;
  }
  .slick-dots {
    bottom: 10% !important;
  }
  .testimonial-slick .slick-slide img {
    width: 100%;
  }
  .img-testimonial {
    max-width: 84px;
    height: 84px;
  }
  .testimonial-job {
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    float: none;
    margin: 0 auto !important;
    max-width: 12rem;
  }
}
@media (max-width: 768px) {
  .testimonial-detail {
    font-size: 14px;
    line-height: 24px;
    min-height: 11rem;
  }
  .testimonial-card {
    padding: 1rem;
    border-radius: 32px;
  }
  .slick-arrow {
    top: 92% !important;
  }
  .slick-dots {
    bottom: 5% !important;
  }
  .slick-prev {
    left: 68% !important;
  }
  .testimonial-slick {
    min-height: 28rem !important;
  }
  .testimonial-profile {
    flex-direction: row;
    padding-bottom: 2.5rem;
    gap: 0.5rem;
  }
  .img-testimonial {
    max-width: 64px;
    width: 64px;
    height: 64px;
  }
  .testimonial-name {
    text-align: left;
    padding: 0;
  }
  .testimonial-job {
    text-align: left;
    max-width: 9rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 2rem;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
  }
  .testimonial {
    padding: 2.5rem 0 0;
  }
}
/*CASE*/
.case {
  background: var(--saturated-crayola-0, #f5f9ff);
}
.case-card {
  padding: 48px 0 0;
  min-height: 46rem;
}
.case-1 {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/ec1a98cc-3ab1-4a33-9249-d22d65e5a903.png), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/59b64df3-4bd4-4b88-aabc-095b81d1a99a.png),
    url(https://cdn-web-2.ruangguru.com/landing-pages/assets/625cf3fb-317a-4d3f-8bb2-20ebb7c8c755.png), #194e9a;
  background-repeat: no-repeat;
  background-size:
    auto 90%,
    cover,
    auto 150%,
    cover;
  background-position-x: right;
  background-position-y: bottom, center, center, center;
}
.case-2 {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/7f8b1e8c-5d5d-41f9-b73d-87940e9bfa4e.png), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/59b64df3-4bd4-4b88-aabc-095b81d1a99a.png),
    url(https://cdn-web-2.ruangguru.com/landing-pages/assets/70f702fc-8fc5-4e11-8b09-408b98d9119f.png), #194e9a;
  background-repeat: no-repeat;
  background-size:
    auto 90%,
    cover,
    auto 100%,
    cover;
  background-position-x: right;
  background-position-y: bottom, center, bottom, center;
}
.case-3 {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/9b7c5245-4763-4024-afd0-ba80b72cf7ee.png), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/59b64df3-4bd4-4b88-aabc-095b81d1a99a.png),
    url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b8b03ad9-ff43-4894-a26f-dc7deb03129c.png), #194e9a;
  background-repeat: no-repeat;
  background-size:
    auto 90%,
    cover,
    auto 100%,
    cover;
  background-position-x: right;
  background-position-y: bottom, center, bottom, center;
}
.case-4 {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/283d16d1-8a09-44b8-b99c-2fa103a07d71.png), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/59b64df3-4bd4-4b88-aabc-095b81d1a99a.png),
    url(https://cdn-web-2.ruangguru.com/landing-pages/assets/b367914a-2cda-4266-990d-516c50f3f274.png), #194e9a;
  background-repeat: no-repeat;
  background-size:
    auto 90%,
    cover,
    auto 100%,
    cover;
  background-position-x: right;
  background-position-y: bottom, center, bottom, center;
}
.text-subhead.blue {
  color: var(--color-base-base-secondary, #85d7df);
  font-family: 'Plus Jakarta Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.264px;
  padding-bottom: 1.5rem;
}
.text-head.white {
  color: var(--whitelabel-primary-text, #fff);
  font-family: 'Plus Jakarta Sans';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.352px;
}
.point-title {
  color: var(--whitelabel-primary-text, #fff);
  font-family: 'Plus Jakarta Sans';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.528px;
}
.point-desc {
  color: var(--whitelabel-primary-text, #fff);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.text-solution {
  color: var(--whitelabel-primary-text, #fff);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  padding-bottom: 0.5rem;
}
.list-card {
  margin: 0;
  padding: 0.5rem 1rem 2rem;
  overflow-y: scroll;
}
.card-solutions {
  position: relative;
}
.list-card li {
  color: var(--whitelabel-primary-text, #fff);
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
}
.card-points {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
  max-width: 42rem;
  padding: 1rem 0;
}
.card-point {
  position: relative;
}
.logo-case {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 3.5rem;
}
.case-nav-card {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 12px 16px 0 rgba(129, 134, 142, 0.12);
  padding: 10px 12px;
  cursor: pointer;
  text-align: center;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 1rem;
  height: 7.5rem;
}
.slick-current .case-nav-card {
  border-radius: 10px;
  border: 1px solid #dadfea;
  background: var(--color-background-bgsolid-bgsolid-invert, #fff);
  box-shadow: 0 0 20px 0 rgba(25, 78, 154, 0.3) inset;
}
.nav-desc {
  overflow: hidden;
  color: var(--color-text-text-invert, #fff);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.slick-current .nav-desc {
  color: var(--color-text-text-ink, #2c313a);
}
.case-content-wrapper {
  position: relative;
}
@media (min-width: 1025px) {
  .case-content-detail {
    position: absolute;
    z-index: 1;
    top: 2rem;
    left: 0;
  }
  .case-nav {
    position: relative;
    max-width: 58rem;
  }
  .case-nav-card {
    width: 180px !important;
    margin-right: 0.5rem !important;
  }
  .case-card-detail {
    max-width: 44rem;
    padding: 12rem 0 7rem;
  }
  .card-point:not(:last-child) {
    padding-right: 24px;
  }
  .card-point:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 112px;
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/5ed7e62c-9181-41e6-842d-35833d715ec1.svg);
    background-size: 100% 100%;
  }
}
@media (max-width: 1024px) {
  .case {
    background: var(--whitelabel-primary, #194e9a);
    padding: 2.5rem 0 0;
  }
  .text-subhead.blue {
    font-size: 20px;
    letter-spacing: -0.22px;
    padding-bottom: 1rem;
  }
  .case-nav .slick-slide {
    margin: 0 0.5rem !important;
  }
  .case-nav .slick-list {
    margin: 0 -0.5rem !important;
    padding: 0 40% 0 0 !important;
  }
  .text-head.white {
    font-size: 24px;
    letter-spacing: -0.264px;
  }
  .card-points {
    grid-template-columns: 1fr 1fr;
  }
  .case-1,
  .case-2,
  .case-3,
  .case-4 {
    background-size: 100%, 0, 100%, cover;
    background-position-y: 105%;
  }
  .case-card-detail {
    padding-bottom: 24rem;
  }
  .case .usp-cta {
    max-width: 100%;
  }
  .case-cards .slick-track::before,
  .case-cards .slick-track::after {
    content: none !important;
  }
  .logo-case {
    max-height: 2.5rem;
  }
  .case-nav-card {
    height: 6.5rem;
  }
}
/*BRAND*/
.brand-nav-tab {
  border-radius: 16px;
  border: 1px solid var(--color-border-border-subtle, #dadfea);
  width: fit-content;
  padding: 1rem;
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  cursor: pointer;
}
.slick-current .brand-nav-tab {
  border: 2px solid var(--whitelabel-primary, #194e9a);
}
.brand-logo {
  width: fit-content;
}
.brand-color,
.brand-color-box {
  display: flex;
  gap: 12px;
  align-items: center;
}
.text-subdesc {
  color: var(--color-text-text-ink, #2c313a);
  font-family: 'Plus Jakarta Sans';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.22px;
  padding: 2rem 0 1.5rem;
}
.brand-color-hex {
  color: var(--color-text-text-neutral, #5e677b);
  text-align: right;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.brand {
  padding: 48px 0;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .brand-nav .slick-track {
    display: grid !important;
    grid-template-columns: 50% 50%;
    column-gap: 2rem;
    row-gap: 1rem;
    width: fit-content !important;
    float: left !important;
  }
  .brand-nav .slick-track::before {
    content: none !important;
  }
  .brand-content {
    display: grid;
    align-items: center;
    column-gap: 4rem;
    grid-template-columns: 45% 55%;
    grid-template-areas:
      'top middle'
      'bottom middle';
  }
  .brand-nav .slick-slide {
    width: 100% !important;
    max-width: 12rem !important;
  }
  .color-box {
    height: 32px;
    width: 54px;
    border-radius: 12px;
  }
  .brand .text-subtitle {
    max-width: 90%;
  }
  .brand-content-top {
    grid-area: 'top';
  }
  .brand-content-middle {
    grid-area: 'middle';
  }
  .brand-content-bottom {
    grid-area: 'bottom';
    max-width: 85%;
  }
  .brand-nav-tab {
    min-width: 222px;
  }
}
@media (max-width: 1024px) {
  .brand-nav .slick-list {
    padding: 0 40% 0 0 !important;
  }
  .brand-nav .slick-slide {
    margin: 0 0.5rem !important;
  }
  .brand-nav .slick-list {
    margin: 0 -0.5rem !important;
  }
  .brand-nav-tab {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .color-box {
    width: 24px;
    height: 24px;
    border-radius: 8px;
  }
  .brand-logo {
    height: 22px;
  }
  .brand .text-subtitle {
    float: none;
    text-align: center;
    margin: 0 auto !important;
  }
  .text-subdesc {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 1rem 0;
  }
  .brand-content-middle {
    padding: 1rem 0;
  }
}
/*PARTNERS*/
#clientsSlider {
  background-repeat-x: repeat;
  background-repeat-y: no-repeat;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/aee4033f-b730-43f5-b656-4037399417ff.png?h=200), transparent;
  background-position-x: left;
  background-position-y: center;
  background-size:
    auto 100%,
    cover;
  float: none;
  height: 122px;
  margin: 1rem auto;
  max-width: 83%;
  padding: 1rem;
}
.blue-gradient {
  background: linear-gradient(90deg, #205fb9 0%, #5a9eff 84.67%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.partners .text-subtitle .blue-gradient {
  text-align: center;
  font-family: 'Plus Jakarta Sans';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.352px;
}
.partners {
  padding: 2rem 0;
}
/*LMS*/
.lms .text-subtitle {
  color: var(--color-text-text-ink, #2c313a);
  font-family: 'Plus Jakarta Sans';
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.308px;
  float: none;
  margin: 0 auto !important;
  max-width: 30rem;
}
.text-subtitle .blue-gradient {
  font-family: 'Plus Jakarta Sans';
  font-weight: 700;
  letter-spacing: -0.396px;
}
.number-blue {
  font-family: 'Plus Jakarta Sans';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -3.408px;
  background: linear-gradient(105deg, #205fb9 9.72%, #5a9eff 68.45%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.number-dark {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: 9rem;
  text-align: left;
}
.lms-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 40px 0 20px;
  width: fit-content;
  float: none;
  margin: auto;
  position: relative;
}
.lms-numbers::after {
  content: '';
  position: absolute;
  top: 2rem;
  bottom: 0px;
  left: 0px;
  -webkit-animation: animation-numbers infinite 2s linear;
  animation: animation-numbers infinite 2s linear;
  height: 12rem;
  width: 6rem;
  background: url(https://cdn-web.ruangguru.com/ba-free-trial-ui/public/assets/images/buttonReflection.png?convert=webp);
  background-size: 100%;
}
@-webkit-keyframes animation-numbers {
  0% {
    left: -20%;
  }
  to {
    left: 80%;
  }
}
@keyframes animation-numbers {
  0% {
    left: -20%;
  }
  to {
    left: 80%;
  }
}
.lms-number {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
.logo-lms {
  width: fit-content;
}
.lms-card {
  border-radius: 24px;
  background: #fff;
  box-shadow: 0px 12px 40px 0px rgba(25, 78, 154, 0.15);
  padding: 24px;
  width: 400px;
  position: absolute;
  z-index: 2;
}
.lms-card.blue-border {
  border-radius: 24px;
  border: 14px solid #f6faff;
  background: #e9f4ff;
}
.ic-lms {
  width: fit-content;
}
.lms-title {
  color: var(--color-text-text-ink, #2c313a);
  font-family: 'Plus Jakarta Sans';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.22px;
  padding: 1rem 0 0.5rem;
}
.lms-desc {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  max-width: 95%;
}
.lms {
  padding: 10rem 0 5rem;
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/108e6a7d-e99a-4280-8704-a20b4e69135d.png?h=800), #fff;
  background-size: 100%, cover;
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  position: relative;
  min-height: 63rem;
  overflow: hidden;
}
.lms-content {
  position: relative;
}
.lms-text {
  position: relative;
  z-index: 3;
}
.bg-lms {
  position: absolute;
}
.bg-vector {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/337ae879-b538-4c1a-8351-b392b5df8cfe.png?h=1500);
  height: 82rem;
  width: 82rem;
  background-size: 100%;
  background-repeat: no-repeat;
  top: -37%;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.bg-white {
  background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/ac1025ff-f6d2-48b2-abca-f9f82852bf77.png);
  height: 43rem;
  width: 43rem;
  background-size: 100%;
  background-repeat: no-repeat;
  top: -25%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 1025px) {
  .lms-sa {
    bottom: -112%;
    left: 15%;
  }
  .lms-ll {
    right: 12%;
    bottom: -104%;
  }
  .lms-katalog {
    bottom: -28%;
    right: -4%;
    width: 380px;
  }
  .lms-dasbor {
    bottom: -35%;
    left: 0;
    width: 360px;
  }
  .lms-strategi {
    top: -5%;
    right: -4%;
    width: 360px;
  }
  .lms-konten {
    top: -20%;
    left: -2%;
    width: 340px;
  }
  .xl-text {
    font-size: 36px;
    line-height: normal;
  }
}
@media (max-width: 1024px) {
  .lms {
    padding: 2rem 0 0;
    min-height: 8rem;
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/11c32dab-365c-43dc-97fa-08e97a70dc28.png), url(https://cdn-web-2.ruangguru.com/landing-pages/assets/99a35ef6-a4ef-47f4-8c2b-4825bbb87608.png), #fff;
    background-repeat: no-repeat;
    background-size: 90%, 100%, 100%;
    background-position-x: 55%, center, center;
    background-position-y: center, top, top;
  }
  .lms-numbers {
    padding: 1rem 0;
    transform: scale(0.85);
    margin-top: -0.5rem;
    position: relative;
  }
  .lms-numbers::before {
    content: '';
    width: 10rem;
    height: 10rem;
    position: absolute;
    top: 11%;
    left: 39%;
    background: #fff;
    border-radius: 50%;
    filter: blur(10px);
    z-index: -1;
  }
  .lms-numbers::after {
    top: 0;
    height: 10rem;
  }
  .lms-card {
    position: relative;
    padding: 1rem;
  }
  .lms-title {
    font-size: 18px;
    line-height: normal;
    letter-spacing: -0.198px;
  }
  .lms-slick {
    background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/2a6ce94e-0124-446f-8334-2a22bf30cb02.png);
    background-size: 15rem;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
  }
  .lms-slick .slick-slide {
    margin: 2rem 1.5rem 1.5rem !important;
  }
  .lms-slick .slick-track::before,
  .lms-slick .slick-track::after {
    content: none !important;
  }
  .lms .text-subtitle,
  .xl-text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.22px;
  }
  .number-blue {
    font-size: 36px;
    line-height: normal;
    letter-spacing: -2.556px;
  }
  .number-dark {
    font-size: 12px;
    line-height: 18px;
  }
}
/*L&D*/
.ld {
  background: #fff;
  position: relative;
  padding: 2rem 0 5rem;
  min-height: 40rem;
  overflow: hidden;
}
.ld-desc {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.ld .text-subtitle {
  float: none;
  margin: 0 auto !important;
  max-width: 53rem;
}
.ld-card {
  border-radius: 24px;
  background: var(--color-background-bgsolid-bgsolid-invert, #fff);
  box-shadow: 0px 12px 40px 0px rgba(25, 78, 154, 0.15);
  width: fit-content;
  display: flex !important;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1025px) {
  .ld-content-detail {
    position: relative;
    padding: 2rem 0 2rem 10rem;
  }
  .ld-card {
    max-width: 420px;
    position: absolute;
    padding: 0 1rem 1rem;
  }
  #ld-1 {
    top: 3rem;
    left: 1rem;
  }
  #ld-2 {
    top: 15rem;
    right: -4rem;
  }
  #ld-3 {
    top: 27rem;
    left: -5rem;
  }
  .ld-triangle {
    max-height: 35rem;
    width: auto;
  }
}
@media (max-width: 1024px) {
  .ld-nav .slick-track::before,
  .ld-nav .slick-track::after {
    content: none !important;
  }
  .ld-nav .slick-track {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    float: none;
    gap: 0.5rem;
    padding: 1rem 0;
    max-width: fit-content;
  }
  .ld-nav-tab img {
    max-width: 200px;
  }
  .ld-nav .slick-slide {
    width: 100% !important;
    filter: grayscale(100%);
    cursor: pointer;
  }
  .ld-nav .slick-current {
    filter: none;
  }
  .ld-card {
    gap: 12px;
    align-items: flex-start;
    border-radius: 24px;
    box-shadow: none;
    padding: 1rem;
  }
  .ld-desc {
    font-size: 14px;
    line-height: 22px;
  }
  .ld-cards .slick-slide {
    margin: 0 1rem !important;
  }
  .ld-cards .slick-list {
    margin: 0 -1rem !important;
  }
  .ld-cards.slick-initialized.slick-slider {
    box-shadow: 0px 12px 40px 0px rgba(25, 78, 154, 0.15);
    border-radius: 24px;
    margin-bottom: 2rem;
  }
  .ld-cards .lms-title {
    padding: 0 0 0.5rem;
  }
  .ld {
    padding: 0;
    min-height: fit-content;
  }
}
/* FAQ Styles */
.faq {
  padding: 0 0 2rem;
  background: #f5f9ff;
}
#tabs {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  gap: 2rem;
  float: none;
  margin: auto;
  max-width: 85%;
  padding: 1rem 0;
}
#sidebar1 {
  height: fit-content;
  border-radius: 16px;
  border: 1px solid #cfd3db;
  background: var(--color-canvas-canvas-subtle, #f2f5fa);
  padding: 1rem;
}
#sidebar1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#sidebar1 li {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  display: block;
  text-decoration: none;
  padding: 12px 16px;
}
#sidebar1 a {
  color: var(--color-text-text-ink, #2c313a);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  display: block;
  text-decoration: none;
}
#sidebar1 li.active {
  border-radius: 12px;
  background: var(--color-canvas-canvas-light, #fff);
  box-shadow: 0 4px 8px 0 rgba(54, 88, 216, 0.15);
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.accordion {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 20px 4px rgba(113, 130, 164, 0.08);
  cursor: pointer;
  padding: 1rem 18px;
}
.accordion.active p {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 16px;
  margin-top: -5px;
  max-height: 0;
  overflow: hidden;
  padding: 0 18px;
  transition: max-height 0.2s ease-out;
}
.panel p,
.panel ul li {
  color: var(--K12-BaseLight-Theme-Text-Solid-Neutral, #5e677b);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.panel.expand {
  border-top: 1px dashed var(--K12-Base-Theme-Border-Default, #cfd3db);
  padding: 1rem;
}
.accordion p {
  margin: 0;
  color: var(--K12-BaseLight-Theme-Text-Solid-Ink, #2c313a);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.09px;
  padding-right: 2rem;
}
.accordion:after {
  color: #2c313a;
  margin-top: -1.125rem;
  border: solid !important;
  border-width: 0 2.2px 2.2px 0 !important;
  content: '';
  float: right;
  font-weight: 700;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  vertical-align: 0.2em !important;
}
.active:after {
  transform: rotate(225deg) !important;
}
.rotate10 {
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
/* Mobile Responsive */
@media (max-width: 768px) {
  #tabs {
    grid-template-columns: 1fr;
    gap: 1rem;
    max-width: 100%;
  }

  .accordion {
    padding: 1rem;
  }

  .panel {
    padding: 0 5px;
  }

  .accordion p {
    padding-right: 3rem;
    font-size: 14px;
    line-height: 22px;
  }

  .panel p,
  .panel ul li {
    font-size: 14px;
    line-height: 22px;
  }
}
.usp,
.insight {
  background: #fff;
}
.insight-content_box {
  display: grid;
  grid-template-columns: 57% 43%;
  gap: 24px;
  padding: 2rem 0;
}
.insight-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.webinar-box {
  border-radius: 12px;
  background: var(--color-background-bgsolid-bgsolid-invert, #fff);
  box-shadow: 0 12px 40px 0 rgba(25, 78, 154, 0.15);
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.webinar-image {
  max-width: 100%;
}
.insight-title {
  color: var(--color-text-text-ink, #2c313a);
  font-family: 'Plus Jakarta Sans';
  font-size: 20px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  letter-spacing: -0.22px;
}
.webinar-detail {
  display: flex;
  gap: 24px;
  align-items: center;
}
.webinar-detail_datetime {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.datetime-desc {
  color: var(--color-text-text-neutral, #5e677b);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.insight-link {
  border-radius: var(--size-radius-rad-md, 8px);
  border: 1px solid var(--prop-action-secondary-secondary-default-border, #cfd3db);
  background: var(--prop-action-secondary-secondary-default, #fff);
  display: flex;
  height: 44px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  color: var(--color-text-text-ink, #2c313a);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  width: 100%;
}
.ebook-image {
  max-width: 100%;
  width: auto;
  display: block;
  margin: auto;
}
.ebook-desc {
  color: var(--color-text-text-neutral, #5e677b);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.insight-content {
  float: none;
  margin: auto;
  max-width: 35rem;
}
@media (min-width: 768px) {
  .ebook-image {
    max-height: 332px;
  }
  .insight-link.fit {
    width: fit-content;
    margin: 1rem auto 0 !important;
    float: none;
  }
}
@media (max-width: 767px) {
  .webinar-box {
    padding: 1rem;
  }
  .insight-content_box {
    grid-template-columns: 1fr;
    padding: 24px 0;
  }
  .insight-title {
    font-size: 16px;
    letter-spacing: -0.176px;
  }
  .webinar-detail {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.25rem 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .text-title {
    font-size: 28px;
  }
  .hero-cta {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .text-desc {
    padding: 1rem 0;
  }
  #tabs {
    max-width: 100%;
    grid-template-columns: 0.3fr 0.7fr;
  }
  .testimonial-card {
    grid-template-columns: 0.5fr 1.5fr;
    padding: 40px 32px;
    gap: 1.5rem;
  }
  .testimonial-detail {
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
  }
  .slick-arrow {
    top: 87% !important;
  }
  .slick-prev {
    left: 80% !important;
  }
  .insight-content_box {
    grid-template-columns: 0.55fr 0.45fr;
  }
  .ebook-image {
    max-height: 155px;
  }
  .usp img,
  .usp-cta {
    margin: auto;
    float: none;
  }
  .usp .text-subtitle {
    text-align: center;
    padding: 0 2rem;
  }
  .usp-cta {
    padding-top: 1rem;
  }
  .usp-content {
    gap: 1rem;
  }
  .case-1,
  .case-2,
  .case-3,
  .case-4 {
    background-size: 40%, 0, 50%, cover;
    background-position-x: center;
  }
  .lms-numbers::before {
    width: 15rem;
    height: 15rem;
    top: 3%;
    left: 3%;
    filter: blur(20px);
  }
  .lms-numbers {
    padding: 2rem 0;
    transform: scale(1);
    margin-top: 0;
    gap: 1rem;
  }
  .lms {
    background-size: 50%, 100%, 100%;
    background-position-x: 50%, center, center;
  }
}
    </style>
    <script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangkerja.id/assets/index-BrAVBBG3.js"></script>
  </head>
  <body>
    <style>a,
a::visited,
a:hover {
  text-decoration: none;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.navbar-ba-2022 {
  background: #fff;
  box-shadow: 0 6px 20px 4px rgba(113, 130, 164, 0.08);
  width: 100%;
}

.container-navbar-ba {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.navigation__content {
  display: grid;
  grid-auto-flow: column;
}

.navigation__content .navig-link {
  color: #0a2540;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 17px;
  margin: 0 12px;
  padding: 0;
}

.navig-link a {
  color: #0a2540 !important;
}

.navig-link {
  align-self: center;
}

.navig-link span {
  color: #2c313a;
  font-family: Source Sans Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  text-transform: uppercase;
}

.navig-link-dropdown {
  cursor: pointer;
}

.navigation__right {
  display: none;
}

.navig-dropdown-area span {
  background: #e52a34;
  border-radius: 50px;
  color: #fff;
  font-family: Source Sans Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
}

.logo-header {
  margin-right: 2rem;
}

.item-services {
  color: #0a2540;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  padding: 11.5px 8px;
}

.item-services a {
  color: #0a2540;
}

.item-services-child {
  color: #0a2540;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  padding: 11.5px 8px;
}

.item-services-child a {
  color: #0a2540 !important;
}

.item-services.drops:hover {
  background: #e6f6ff;
}

.item-services.drops a:hover {
  text-decoration: none !;
}

.navig-link.navig-link-dropdown a:after {
  display: inline-block;
  -webkit-transform: rotate(45deg);
}

.navig-link-dropdown[aria-expanded='true'] a:after,
.navig-link.navig-link-dropdown a:after {
  border: solid !important;
  border-width: 0 2.2px 2.2px 0 !important;
  color: #0a2540;
  content: '';
  margin-left: 7px;
  padding: 3px;
  vertical-align: 0.2em !important;
}

.navig-link-dropdown[aria-expanded='true'] a:after {
  display: inline-flex;
  -webkit-transform: rotate(225deg);
}

.drops-services-wrap[data-childs='features'] .item-services-child {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
}

.drops-services-wrap[data-childs='features'] .item-services-child a {
  align-items: center;
  display: flex;
  gap: 8px;
}

.logo-product {
  align-items: center;
  display: flex;
  height: 60px;
}

@media (min-width: 1025px) {
  .cta-header {
    display: flex;
    gap: 0.5rem;
  }
  .link-button.button-transparent a {
    align-items: center;
    border: 1px solid #20a4b0;
    border-radius: 8px;
    color: #20a4b0;
    display: flex;
    flex-direction: row;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    line-height: 22px;
    padding: 0;
    text-decoration: none;
    width: 142px;
  }
  .item-services a:hover {
    color: #2c313a;
    text-decoration: none;
  }
  p.text-product {
    color: #5e677b;
    font-weight: 400;
  }
  .button-green a,
  p.text-product {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
  }
  .button-green a {
    align-items: center;
    border-radius: var(--size-radius-rad-xl, 16px);
    background: var(--whitelabel-action, #194e9a);
    color: #fff !important;
    display: flex;
    flex-direction: row;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    padding: 0 24px;
  }
  .spacer-ba {
    height: 60px !important;
  }
  .drops-services-wrap[data-childs='features'],
  .drops-services-wrap[data-childs='services'] {
    background: #f2f5fa;
    border-radius: 12px;
    cursor: pointer;
    display: none;
    left: 0;
    min-width: 220px;
    padding: 16px 16px 16px 192px;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  .drops-services-wrap[data-childs='features'] .item-services-child,
  .drops-services-wrap[data-childs='services'] .item-services-child {
    background: #fff;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: auto;
  }
  .drops-services-wrap[data-childs='features'] .item-services-child a {
    align-items: center;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    gap: 16px;
    line-height: 22px;
    padding: 12px 16px;
    width: 180px;
  }
  .drops-services-wrap[data-childs='services'] .item-services-child a {
    color: #5e677b;
    display: flex;
    flex-direction: column;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 16px;
    justify-content: flex-start;
    line-height: 22px;
    padding: 16px 0 0 16px;
    width: 186px;
  }
  .drops-services-wrap {
    display: none;
  }
  .drops-services-wrap.aktif {
    display: block;
  }
  .item-services.drops:hover,
  .item-services:hover {
    background: #fff;
    border-radius: 12px;
    color: #0a2540;
  }
  .navigation__right {
    display: flex;
    flex-direction: row;
    gap: 16px;
    position: absolute;
    right: 0;
  }
  .navig-dropdown-area {
    background-color: #f2f5fa;
    border-radius: 12px;
    display: none;
    flex-flow: column;
    float: left;
    min-width: 10rem;
    padding: 16px;
    position: absolute;
    top: 70%;
    z-index: 1000;
  }
  .navig-dropdown-area a {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
  }
  div#programs_item {
    left: 200px;
  }
  #langs a {
    padding: 12px 8px;
  }
  div#langs_item {
    left: 0;
    top: 30px;
  }
  .hamburger-icon {
    display: none;
  }
  .container-navbar-ba {
    display: flex;
    flex-direction: row;
    padding: 18.34px 0;
  }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .spacer-ba {
    height: 70px !important;
  }
  .navigation__content {
    display: none;
    width: 100%;
  }
  .navigation__left {
    display: flex;
  }
  .logo-header {
    margin-left: 20px;
  }
  .navigation__content {
    margin-top: 1rem;
  }
  .navig-dropdown-area {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 0.25rem;
    display: none;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: 0 10px;
    min-width: 10rem;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }
  .item-services.drops {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .button-transparent a {
    border: 1px solid #20a4b0;
    color: #20a4b0;
  }
  .button-transparent a,
  .navbar-ba-2022 .button-green a {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 22px;
    padding: 0.5rem;
    text-align: center;
    width: 100%;
  }
  .navbar-ba-2022 .button-green a {
    background: var(--whitelabel-action, #194e9a);
    color: #fff !important;
    padding: 0.75rem;
  }
  .navigation__right {
    display: flex;
    flex-direction: row;
    gap: 16px;
    position: absolute;
    right: 0;
    top: 1.2rem;
  }
  .container-navbar-ba {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
  }
  div#langs_item {
    position: absolute;
  }
  .navigation__left {
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .item-services.drops img {
    display: block;
  }
  .spacer-ba {
    height: 60px;
  }
  .container-navbar-ba {
    padding: 16px 0;
    align-items: flex-start;
  }
  .hamburger-icon {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .navigation__content {
    display: none;
  }
  .logo-header {
    margin-left: 20px;
  }
  .navig-dropdown-area {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 0.25rem;
    display: none;
    font-size: 1rem;
    left: 0;
    list-style: none;
    margin: 0 10px;
    min-width: 10rem;
    text-align: left;
    top: 100%;
    z-index: 1000;
  }
  .item-services.drops {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .button-transparent a {
    border: 1px solid #20a4b0;
    color: #20a4b0;
  }
  .button-transparent a,
  .navbar-ba-2022 .button-green a {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 22px;
    padding: 0.5rem;
    text-align: center;
    width: 100%;
  }
  .navbar-ba-2022 .button-green a {
    background: var(--whitelabel-action, #194e9a);
    color: #fff !important;
  }
  .cta-header {
    display: flex;
  }
  .navigation__left {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: fit-content;
  }
  .navigation__content {
    width: 100%;
  }
  .navigation__content .navig-link {
    margin: 12px 12px;
  }
  .navigation__right {
    width: fit-content;
    display: flex !important;
    position: absolute;
    right: 0;
    top: 1rem;
  }
}

@media (max-width: 320px) {
  .button-langganan-cta {
    transform: scale(0.6) translate(50px);
  }
}
    </style>
    
    <section class="header">
      <div class="navbar-ba-2022">
        <div class="page-center">
          <div class="container-navbar-ba">
            <div class="navigation__left">
              <a href="https://www.ruangkerja.id/?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">
                <div class="logo-header">
                  <img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/8e6ec113-3ff2-4d3d-8134-2a01a7c30867.svg" alt="Logo ruangkerja" />
                </div>
              </a>
              <div class="hamburger-icon">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg" alt="Dropdown Navigation Icon" />
              </div>
            </div>
            <div class="navigation__content">
              <div class="navig-link navig-link-dropdown" id="services">
                <a>Solusi Bisnis</a>
              </div>
              <div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
                <div class="item-services drops" data-childs="features">
                  <a href="#">Fitur</a>
                </div>
                <div class="drops-services-wrap" data-childs="features">
                  <div class="item-services-child">
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#mobile-learning">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/phone.svg" alt="Menu ruangkerja icon" />
                      Versi Mobile
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#notifications">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/notification.svg" alt="Menu ruangkerja icon" />
                      Notifikasi
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#task-submission">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangkerja/update%20folder/task%20(1).svg" alt="Menu ruangkerja icon" />
                      Pengiriman Tugas
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#leaderboard">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/022-favourite.svg" alt="Menu ruangkerja icon" />
                      Versi Mobile
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#learning-journey">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangkerja/icn-feature/learningjourney.svg" alt="Menu ruangkerja icon" />
                      Leaderboard
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#certificate">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/038-certificate.svg" alt="Menu ruangkerja icon" />
                      Sertifikat
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#reward-points">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangkerja/update%20folder/Role%20base%20contro%3B.svg" alt="Menu ruangkerja icon" />
                      Poin Hadiah
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#create-course">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/edit.svg" alt="Menu ruangkerja icon" />
                      Pembuatan Kursus
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#powerful-user-interface">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/monitor.svg" alt="Menu ruangkerja icon" />
                      Desain Antarmuka yang Aksesibel
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#monitoring-dashboard">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/landing-page.svg" alt="Menu ruangkerja icon" />
                      Dasbor Pemantauan
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#role-base-control">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangkerja/update%20folder/Rewards%20(1).svg" alt="Menu ruangkerja icon" />
                      Kontrol Berbasis Peran
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#user-grouping">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/team.svg" alt="Menu ruangkerja icon" />
                      Pengelompokan &amp; Pendaftaran
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#collaboration">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/019-handshake.svg" alt="Menu ruangkerja icon" />
                      Kolaborasi
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#desktop-version">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangkerja/update%20folder/Desktop%20version.svg" alt="Menu ruangkerja icon" />
                      Versi Web
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#cloud-based">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruker/icn-header/group.svg" alt="Menu ruangkerja icon" />
                      Cloud-Based
                    </a>
    
                    <a href="https://www.ruangkerja.id/features?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2#learning-plan">
                      <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangkerja/favicon/Group%201097%201learning-plan-icon.svg" alt="Menu ruangkerja icon" />
                      Rencana Belajar
                    </a>
                  </div>
                </div>
                <div class="item-services drops" data-childs="services">
                  <a href="#">Layanan</a>
                </div>
                <div class="drops-services-wrap" data-childs="services">
                  <div class="item-services-child">
                    <a href="https://enterprise.skillacademy.com/?referralCookiesId=bbd19d62-f271-40f0-9940-7bff8bf357b6&amp;referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2" target="_blank">
                      <div class="logo-product">
                        <img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/c5f35619-feac-495a-af74-10cbc13f2c8a.svg" alt="skillacademy" loading="lazy" />
                      </div>
                      <p class="text-product">Kursus berkualitas tinggi untuk meningkatkan kompetensi karyawan</p>
                    </a>
                    <a href="https://www.ruangkerja.id/kami?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2" target="_blank">
                      <div class="logo-product">
                        <img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/335ba050-3eb6-4dd4-ae81-ca500917031a.svg" alt="kami" loading="lazy" />
                      </div>
                      <p class="text-product">Creative powerhouse untuk pembuatan konten belajar, branding, atau marketing</p>
                    </a>
                    <a href="https://www.english-academy.id/professional?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2" target="_blank">
                      <div class="logo-product">
                        <img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/35ba0f0a-fe51-40fe-b11d-4c03b3c767b9.svg" alt="english-academy" loading="lazy" />
                      </div>
                      <p class="text-product">Tingkatkan kemahiran berbahasa Inggris dan profesional karyawan</p>
                    </a>
                    <a href="https://www.ruangguru.com/privat/eksklusif?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2" target="_blank">
                      <div class="logo-product">
                        <img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/9b244e94-0b7c-487d-b24c-a45eddffade3.svg" alt="ruangguru privat" loading="lazy" />
                      </div>
                      <p class="text-product">Pembelajaran eksklusif dengan jadwal dan materi yang dapat disesuaikan</p>
                    </a>
                  </div>
                </div>
                <div class="item-services" id="api">
                  <a href="https://api.ruangkerja.id/docs/prologue/introduction/?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">API Reference</a>
                </div>
              </div>
              <div class="navig-link navig-link-dropdown" id="programs">
                <a>Studi Kasus</a>
              </div>
              <div class="navig-dropdown-area closed" id="programs_item" aria-expanded="false">
                <div class="item-services">
                  <a href="https://www.ruangkerja.id/sales-enablement?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Sales Enablement</a>
                </div>
                <div class="item-services">
                  <a href="https://www.ruangkerja.id/on-boarding?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Onboarding Training</a>
                </div>
                <div class="item-services">
                  <a href="https://www.ruangkerja.id/compliance?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Compliance Training</a>
                </div>
              </div>
              <div class="navig-link">
                <a href="https://www.ruangkerja.id/office-hour?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Ikuti Webinar</a>
              </div>
              <div class="navig-link">
                <a href="https://www.ruangkerja.id/referral?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Referral</a>
              </div>
              <div class="navig-link">
                <a href="https://www.ruangkerja.id/blog?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Blog</a>
              </div>
              <div class="navig-link">
                <a href="https://www.ruangkerja.id/ebook?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">E-book</a>
              </div>
              <div class="navig-link">
                <a href="https://www.ruangkerja.id/contact-us?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2">Hubungi Kami</a>
              </div>
            </div>
            <div class="navigation__right">
              <div class="cta-header">
                <div class="button-green">
                  <a href="https://www.ruangkerja.id/form">Dapatkan Demo GRATIS!</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="banner referral" data-banner-theme="referral">
        <div class="page-center">
          <div class="banner-content">
            <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/75fa80c2-2bca-4bbe-9c1f-ce91bafe81ec.svg?convert=webp" width="24" height="24" loading="lazy" alt="Icon Banner" />
            <p class="text-banner">
              Rekomendasikan perusahaan dapatkan reward hingga
              <b>20 juta rupiah</b>
            </p>
            <a href="https://www.ruangkerja.id/referral?referralCookiesId=0ceafd06-8490-4252-937f-cd2ccf888bd2" class="banner-link" id="banner-link">Ikuti Program Referral</a>
          </div>
          <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac6b9f2c-f179-4c71-85aa-46ca46f0cb83.svg?convert=webp" width="24" height="24" loading="lazy" id="close-banner" />
        </div>
      </div>
    </section>
    
    <script>
      function setLang(lang) {
        if ('URLSearchParams' in window) {
          var searchParams = new URLSearchParams(window.location.search);
          searchParams.set('lang', lang);
          window.location.search = searchParams.toString();
        }
      }
      // Media query breakpoints
      const BREAKPOINTS = {
        tablet: window.matchMedia('(max-width: 1024px)'),
        mobile: window.matchMedia('(max-width: 767px)'),
      };
    
      // Navigation elements
      const NAV_ELEMENTS = {
        produk: $('#produk'),
        services: $('#services'),
        programs: $('#programs'),
        langs: $('#langs'),
        produk_item: $('#produk_item'),
        services_item: $('#services_item'),
        programs_item: $('#programs_item'),
      };
    
      // Helper function to close other dropdowns
      function closeOtherDropdowns(currentDropdown) {
        Object.keys(NAV_ELEMENTS).forEach(key => {
          if (key.includes('_item') && key !== currentDropdown) {
            const dropdown = NAV_ELEMENTS[key];
            const trigger = NAV_ELEMENTS[key.replace('_item', '')];
    
            if (dropdown.hasClass('opened')) {
              dropdown.removeClass('opened').addClass('closed').slideToggle();
              trigger.attr('aria-expanded', 'false');
            }
          }
        });
      }
    
      // Toggle dropdown state
      function toggleDropdown(trigger, dropdown) {
        const isCurrentlyClosed = dropdown.hasClass('closed');
    
        if (isCurrentlyClosed) {
          // Close other dropdowns first
          closeOtherDropdowns(dropdown.attr('id'));
    
          // Open current dropdown
          dropdown.removeClass('closed').addClass('opened').slideToggle();
          trigger.attr('aria-expanded', 'true');
        } else {
          // Close current dropdown
          dropdown.removeClass('opened').addClass('closed').slideToggle();
          trigger.attr('aria-expanded', 'false');
        }
      }
    
      // Mobile navigation handlers
      function initMobileNavigation() {
        // Product dropdown
        NAV_ELEMENTS.produk.on('click', function (event) {
          event.preventDefault();
          toggleDropdown($(this), NAV_ELEMENTS.produk_item);
        });
    
        // Services dropdown
        NAV_ELEMENTS.services.on('click', function (event) {
          event.preventDefault();
          toggleDropdown($(this), NAV_ELEMENTS.services_item);
        });
    
        // Programs dropdown
        NAV_ELEMENTS.programs.on('click', function (event) {
          event.preventDefault();
          toggleDropdown($(this), NAV_ELEMENTS.programs_item);
        });
    
        // Services sub-dropdown functionality
        $('.drops-services-wrap').attr('style', 'display:none');
    
        $('.item-services.drops').click(function () {
          const dataChilds = $(this).attr('data-childs');
          const targetDropdown = $(`.drops-services-wrap[data-childs='${dataChilds}']`);
    
          if ($(this).hasClass('aktif')) {
            targetDropdown.removeClass('aktif').attr('aria-expanded', 'false').slideToggle();
          } else {
            targetDropdown.addClass('aktif').attr('aria-expanded', 'true').slideToggle();
          }
        });
      }
    
      // Desktop navigation handlers
      function initDesktopNavigation() {
        // Mouse enter handlers
        $('#produk, #produk_item').mouseenter(function () {
          NAV_ELEMENTS.produk.attr('aria-expanded', 'true');
          NAV_ELEMENTS.produk_item.css('display', 'grid');
        });
    
        $('#services, #services_item').mouseenter(function () {
          NAV_ELEMENTS.services.attr('aria-expanded', 'true');
          NAV_ELEMENTS.services_item.css('display', 'grid');
        });
    
        $('#programs, #programs_item').mouseenter(function () {
          NAV_ELEMENTS.programs.attr('aria-expanded', 'true');
          NAV_ELEMENTS.programs_item.css('display', 'grid');
        });
    
        // API hover handler
        $('#api').mouseenter(function () {
          const servicesDataChilds = NAV_ELEMENTS.services.attr('data-childs');
          $(`.drops-services-wrap[data-childs='${servicesDataChilds}']`).removeClass('aktif');
          $('.drops-services-wrap').removeClass('aktif');
        });
    
        // Mouse leave handlers
        $('#produk, #produk_item').mouseleave(function () {
          NAV_ELEMENTS.produk.attr('aria-expanded', 'false');
          NAV_ELEMENTS.produk_item.hide();
        });
    
        $('#services_item').mouseleave(function () {
          NAV_ELEMENTS.services.attr('aria-expanded', 'false');
          NAV_ELEMENTS.services_item.hide();
          const dataChilds = $(this).attr('data-childs');
          $(`.drops-services-wrap[data-childs='${dataChilds}']`).removeClass('aktif');
          $('.drops-services-wrap').removeClass('aktif');
        });
    
        $('#programs_item').mouseleave(function () {
          NAV_ELEMENTS.programs.attr('aria-expanded', 'false');
          NAV_ELEMENTS.programs_item.hide();
          const dataChilds = $(this).attr('data-childs');
          $(`.drops-services-wrap[data-childs='${dataChilds}']`).removeClass('aktif');
          $('.drops-services-wrap').removeClass('aktif');
        });
    
        // Services dropdown hover functionality
        $('.item-services.drops').mouseenter(function () {
          const dataChilds = $(this).attr('data-childs');
          $(`.drops-services-wrap[data-childs='${dataChilds}']`).addClass('aktif');
          NAV_ELEMENTS.services.attr('aria-expanded', 'true');
        });
    
        $('.drops-services-wrap').mouseleave(function () {
          const dataChilds = $(this).attr('data-childs');
          $(`.drops-services-wrap[data-childs='${dataChilds}']`).removeClass('aktif');
          NAV_ELEMENTS.services.attr('aria-expanded', 'false');
        });
    
        $('.item-services.drops:not(:hover)').hover(function () {
          $('.drops-services-wrap.aktif').removeClass('aktif');
          const dataChilds = $(this).attr('data-childs');
          $(`.drops-services-wrap[data-childs='${dataChilds}']`).addClass('aktif');
        });
      }
    
      // Initialize navigation based on screen size
      function initNavigation() {
        if (BREAKPOINTS.tablet.matches) {
          initMobileNavigation();
        } else {
          initDesktopNavigation();
        }
      }
    
      // Hamburger menu functionality
      function initHamburgerMenu() {
        const hamburgerIcon = $('.hamburger-icon');
        const navigationContent = $('.navigation__content,.navigation__right');
        const navigationContentOnly = $('.navigation__content');
    
        hamburgerIcon.on('click', function (event) {
          event.preventDefault();
    
          navigationContentOnly.slideToggle();
        });
      }
    
      // Hide subscription button for specific pages
      function handleSubscriptionButton() {
        const currentUrl = window.location.href;
        const isTrialClassPage = currentUrl.indexOf('bac-trial-class') !== -1;
        const isOpenHousePage = currentUrl.indexOf('open-house-bac') !== -1;
    
        if (isTrialClassPage || isOpenHousePage) {
          $('.button-langganan-cta').css('display', 'none');
        }
      }
    
      // Banner styles injection - always inject styles for banner functionality
      function injectBannerStyles() {
        // Check if styles are already injected
        if (document.getElementById('banner-dynamic-styles')) {
          return;
        }
    
        const bannerStyles = `
        .banner {
          position: relative;
          display: flex;
          width: 100%;
          height: 48px;
          justify-content: center;
          align-items: center;
        }
    
        .banner.referral {
          background: linear-gradient(90deg, #6521aa 0%, #160066 45.56%, #26199a 99.99%);
        }
    
        .banner-content {
          display: flex;
          align-items: center;
          gap: 12px;
          justify-content: center;
        }
    
        .banner-content img {
          width: fit-content;
        }
    
        .banner.referral .banner-link {
          border-radius: var(--size-radius-rad-default, 4px);
          border: 1px solid var(--prop-action-outline-outline-default-border, #fff);
          display: flex;
          height: 28px;
          padding: 0 12px;
          justify-content: center;
          align-items: center;
          gap: 4px;
          color: var(--color-text-text-invert, #fff);
          text-align: center;
          font-family: Inter;
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: 18px;
        }
    
        .banner.referral .text-banner {
          color: var(--color-text-text-invert, #fff);
        }
    
        .text-banner {
          text-align: center;
          font-family: Inter;
          font-size: 14px;
          font-weight: 400;
          line-height: 22px;
        }
    
        #close-banner {
          position: absolute;
          right: 12%;
          bottom: 25%;
          width: fit-content;
          cursor: pointer;
        }
    
        #spacer-banner {
          height: 48px;
        }
    
        @media (max-width: 768px) {
          .banner {
            height: 100px;
          }
    
          .banner-content {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-areas: 'icon text' 'cta cta';
          }
    
          .banner-content img {
            grid-area: icon;
          }
    
          .text-banner {
            grid-area: text;
            text-align: left;
            font-size: 12px;
            line-height: 18px;
            max-width: 15rem;
          }
    
          .banner-link {
            grid-area: cta;
          }
    
          #close-banner {
            right: 5%;
            bottom: 60%;
          }
    
          #spacer-banner {
            height: 100px;
          }
        }
          @media (min-width: 768px) and (max-width: 1024px) {
            .text-banner {
              font-size: 12px;
            }
            #close-banner {
              right: 8%;
            }
          }
      `;
    
        const styleElement = document.createElement('style');
        styleElement.id = 'banner-dynamic-styles';
        styleElement.textContent = bannerStyles;
        document.head.appendChild(styleElement);
      }
    
      // Initialize banner functionality
      function initBanner() {
        // Always inject banner styles
        injectBannerStyles();
    
        // Add close banner functionality with delay to ensure DOM is ready
        setTimeout(() => {
          const closeBanner = document.getElementById('close-banner');
          const spacerBanner = document.getElementById('spacer-banner');
          if (closeBanner) {
            closeBanner.addEventListener('click', function () {
              const banner = document.querySelector('.banner');
              if (banner) {
                banner.style.display = 'none';
                spacerBanner.style.height = 0;
              }
            });
          }
        }, 100);
      }
    
      // Initialize all functionality
      $(document).ready(function () {
        initNavigation();
        initHamburgerMenu();
        handleSubscriptionButton();
        initBanner();
      });
    </script>
    <div id="spacer-banner"></div>
    <section class="hero">
      <div class="page-center">
        <div class="hero-content">
          <div class="hero-content_left">
            <h1 class="text-title">Solusi ekosistem pembelajaran terbaik untuk perusahaan Anda</h1>
            <p class="text-desc">Platform pembelajaran intuitif untuk tingkatkan performa tim Anda secara eksponensial.</p>
            <div class="hero-cta">
              <a href="https://www.ruangkerja.id/form">
                <div class="cta-blue-wrapper">
                  <button class="cta-blue">Dapatkan Demo GRATIS!</button>
                  <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/2520d09e-8623-4149-99a4-7d50fa8e8af1.svg?convert=webp" class="shining" loading="lazy" />
                </div>
              </a>
              <a href="https://www.ruangkerja.id/features">
                <button class="cta-white">Lihat Fitur</button>
              </a>
            </div>
          </div>
          <div class="hero-content_right">
            <div class="hero-right_left">
              <div class="hero-box box-light-blue">
                <div class="hero-box_content">
                  <p class="box-title">25.000+</p>
                  <p class="box-desc">Aktivitas pembelajaran</p>
                </div>
              </div>
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ce427f6a-b386-4d61-bcee-0b159c248058.png?convert=webp" class="box-img" loading="lazy" />
              <div class="hero-box box-white">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ef464f80-d983-4bdb-a792-7a6604b59234.png?convert=webp" loading="lazy" />
                <div class="hero-box_content">
                  <p class="box-title">1.000.000+</p>
                  <p class="box-desc">Pengguna aktif</p>
                </div>
              </div>
            </div>
            <div class="hero-right_right">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/602a06ca-f749-430c-8698-6b90ed3b7408.png?convert=webp" class="box-img" loading="lazy" />
              <div class="hero-box box-blue">
                <div class="hero-box_content">
                  <p class="box-title">5.000+</p>
                  <p class="box-desc">Mitra perusahaan & lembaga</p>
                </div>
              </div>
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b36200fd-0996-4506-8817-1e126ce8c7d3.png?convert=webp" class="box-img" loading="lazy" />
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="partners">
      <div class="page-center">
        <div class="partners-content">
          <h2 class="text-subtitle dark text-center">
            Dipercaya oleh
            <span class="blue-gradient">120+</span>
            perusahaan yang berkembang pesat
          </h2>
          <div id="clientsSlider"></div>
        </div>
      </div>
    </section>
    <section class="lms">
      <div class="page-center">
        <div class="lms-content">
          <div class="lms-text">
            <h2 class="text-subtitle dark text-center">
              Learning Management System
              <span class="blue-gradient xl-text">#1</span>
              dengan
              <span class="blue-gradient">ekosistem</span>
              belajar yang terintegrasi
            </h2>
            <div class="lms-numbers">
              <div class="lms-number">
                <p class="number-blue">5.000+</p>
                <p class="number-dark">
                  Mitra perusahaan
                  <br />
                  & lembaga
                </p>
              </div>
              <div class="lms-number">
                <p class="number-blue">1.000.000+</p>
                <p class="number-dark">
                  Pengguna
                  <br />
                  aktif
                </p>
              </div>
              <div class="lms-number">
                <p class="number-blue">25.000+</p>
                <p class="number-dark">
                  Aktivitas
                  <br />
                  pembelajaran
                </p>
              </div>
            </div>
          </div>
          <div class="lms-cards">
            <div class="bg-lms bg-vector desktop"></div>
            <div class="bg-lms bg-white desktop"></div>
            <div class="lms-slick">
              <div class="lms-card lms-konten">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/44f380dc-4ef5-463b-b321-9c7046137f88.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <p class="lms-title">Pengaturan Konten Belajar</p>
                <p class="lms-desc">Sistem pengaturan konten dan pengguna yang mudah digunakan dengan platform CMS</p>
              </div>
              <div class="lms-card lms-strategi">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/daf68090-cf12-47d7-83ac-703091d6b405.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <p class="lms-title">Strategi Meningkatkan ROI</p>
                <p class="lms-desc">Pendekatan model 70:20:10 untuk optimasi pengalaman belajar dalam menghadapi tantangan di dunia kerja</p>
              </div>
              <div class="lms-card lms-dasbor">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e3a8dd82-1ccc-4392-99b2-2a46f6d5925d.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <p class="lms-title">Dasbor Monitor Otomatis</p>
                <p class="lms-desc">Laporan hasil belajar berbasis data yang bisa dipantau dan dievaluasi selama program pelatihan.</p>
              </div>
              <div class="lms-card lms-katalog">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0b6d74ec-3eb6-404f-9d0a-56f830ea0fb7.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <p class="lms-title">Katalog Konten</p>
                <p class="lms-desc">Pelatihan menggunakan konten eksklusif yang sudah disediakan pada platform ruangkerja.</p>
              </div>
              <div class="lms-card blue-border lms-sa">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/184ff886-66ac-4cd2-a4d4-f7c08f6d1f22.png?convert=webp" height="40" loading="lazy" class="logo-lms" />
                <p class="lms-title">Skill Academy</p>
                <p class="lms-desc">
                  Tersedia
                  <b>500+</b>
                  kelas dengan berbagai topik pelatihan yang disampaikan langsung oleh para ahli dari berbagai industri di Indonesia
                </p>
              </div>
              <div class="lms-card blue-border lms-ll">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a2d2f4ec-e3c9-43c3-a3c8-fadd3f86a895.png?convert=webp" height="32" loading="lazy" class="logo-lms" />
                <p class="lms-title">LinkedIn Learning</p>
                <p class="lms-desc">
                  Partner resmi LinkedIn Learning di Indonesia. Akses ke
                  <b>16.000+</b>
                  aktivitas pembelajaran berkualitas yang diakui di seluruh dunia.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="ld">
      <div class="page-center">
        <div class="ld-content">
          <h2 class="text-subtitle dark text-center">Transformasi Learning & Development menggunakan metode pembelajaran yang praktis dan otomatis untuk aplikasi di dunia kerja nyata</h2>
          <div class="ld-content-detail">
            <div class="ld-nav mobile">
              <div class="ld-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/edbadda4-bbee-4fe3-8c53-d35153f3e032.png?convert=webp" width="300" />
              </div>
              <div class="ld-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/25f18557-c4cb-4610-9188-b63106b907e1.png?convert=webp" width="300" />
              </div>
              <div class="ld-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7ccfc960-f9fe-4f64-b24f-c2a560263271.png?convert=webp" width="300" />
              </div>
            </div>
            <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/399c4a3a-0e8f-4b8c-8787-3f5502fa8922.png?convert=webp&h=1000" loading="lazy" class="ld-triangle desktop" />
            <div class="ld-cards">
              <div class="ld-card" id="ld-1">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0be5147e-478d-4381-b627-a2880b6e71a7.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <div class="ld-card-text">
                  <p class="lms-title">Training program</p>
                  <p class="ld-desc">Personaliasai program training untuk menguasai dan meningkatkan skill yang sesuai kebutuhan</p>
                </div>
              </div>
              <div class="ld-card" id="ld-2">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0be5147e-478d-4381-b627-a2880b6e71a7.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <div class="ld-card-text">
                  <p class="lms-title">Coaching & mentoring</p>
                  <p class="ld-desc">Panduan langsung dari mentor berpengalaman untuk mencapai keterampilan yang maksimal</p>
                </div>
              </div>
              <div class="ld-card" id="ld-3">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/123463d8-8fa6-4971-a116-abcf0ec6d479.svg" height="52" width="52" loading="lazy" class="ic-lms" />
                <div class="ld-card-text">
                  <p class="lms-title">On the job training</p>
                  <p class="ld-desc">Praktik studi kasus nyata untuk mempercepat proses adaptasi sehingga memiliki keahlian yang relevan</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="usp">
      <div class="page-center">
        <div class="usp-content bg-blue">
          <div class="usp-content_detail">
            <h2 class="text-subtitle">Pelajari bagaimana Ruangkerja dapat mentransformasi pembelajaran dan meningkatkan kinerja karyawan untuk mencapai hasil bisnis yang Anda inginkan</h2>
            <div class="usp-cta">
              <a href="https://www.ruangkerja.id/form">
                <div class="cta-white-wrapper">
                  <button class="cta-white-secondary">Dapatkan Demo GRATIS!</button>
                </div>
              </a>
            </div>
          </div>
          <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/23dc871c-aeb3-4746-b23f-155a08486ef7.png?convert=webp" loading="lazy" />
        </div>
      </div>
    </section>
    <section class="insight">
      <div class="page-center">
        <div class="insight-content">
          <h2 class="text-subtitle dark text-center">Dapatkan Insight & Strategi untuk Mendorong Transformasi L&D dan HR di Perusahaan Anda</h2>
        </div>
        <div class="insight-content_box">
          <div class="insight-box">
            <div class="insight-wrapper" id="webinar">
              <div class="webinar-box">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/7607ea0e-efa0-4a51-9b46-8bf155b95442.jpg?convert=webp" loading="lazy" class="webinar-image" />
                <h3 class="insight-title">Peran Strategis L&D dalam Membangun Customer Trust di Industri Finance</h3>
                <div class="webinar-detail">
                  <div class="webinar-detail_datetime">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                      <path d="M2 5.89474C2 4.8483 2.89543 4 4 4H20C21.1046 4 22 4.8483 22 5.89474V20.1053C22 21.1517 21.1046 22 20 22H4C2.89543 22 2 21.1517 2 20.1053V5.89474Z" fill="#B3C3FF" />
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 2C8.05228 2 8.5 2.44772 8.5 3V5C8.5 5.55228 8.05228 6 7.5 6C6.94772 6 6.5 5.55228 6.5 5V3C6.5 2.44772 6.94772 2 7.5 2Z" fill="#3658D8" />
                      <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M16.5 2C17.0523 2 17.5 2.44772 17.5 3V5C17.5 5.55228 17.0523 6 16.5 6C15.9477 6 15.5 5.55228 15.5 5V3C15.5 2.44772 15.9477 2 16.5 2Z"
                        fill="#3658D8"
                      />
                      <path d="M8.75 10.25C8.75 10.9404 8.19036 11.5 7.5 11.5C6.80964 11.5 6.25 10.9404 6.25 10.25C6.25 9.55964 6.80964 9 7.5 9C8.19036 9 8.75 9.55964 8.75 10.25Z" fill="#3658D8" />
                      <path d="M17.75 10.25C17.75 10.9404 17.1904 11.5 16.5 11.5C15.8096 11.5 15.25 10.9404 15.25 10.25C15.25 9.55964 15.8096 9 16.5 9C17.1904 9 17.75 9.55964 17.75 10.25Z" fill="#3658D8" />
                      <path d="M13.25 10.25C13.25 10.9404 12.6904 11.5 12 11.5C11.3096 11.5 10.75 10.9404 10.75 10.25C10.75 9.55964 11.3096 9 12 9C12.6904 9 13.25 9.55964 13.25 10.25Z" fill="#3658D8" />
                      <path d="M8.75 14.75C8.75 15.4404 8.19036 16 7.5 16C6.80964 16 6.25 15.4404 6.25 14.75C6.25 14.0596 6.80964 13.5 7.5 13.5C8.19036 13.5 8.75 14.0596 8.75 14.75Z" fill="#3658D8" />
                      <path d="M13.25 14.75C13.25 15.4404 12.6904 16 12 16C11.3096 16 10.75 15.4404 10.75 14.75C10.75 14.0596 11.3096 13.5 12 13.5C12.6904 13.5 13.25 14.0596 13.25 14.75Z" fill="#3658D8" />
                    </svg>
                    <p class="datetime-desc">Sabtu, 25 Oktober 2025</p>
                  </div>
                  <div class="webinar-detail_datetime">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                      <path d="M12 4C7.02944 4 3 8.02944 3 13C3 17.9706 7.02944 22 12 22C16.9706 22 21 17.9706 21 13C21 8.02944 16.9706 4 12 4Z" fill="#B3C3FF" />
                      <path
                        d="M4.60006 5.30006C4.15823 5.63143 3.53143 5.54189 3.20006 5.10006C2.86869 4.65823 2.95823 4.03143 3.40006 3.70006L5.40006 2.20006C5.84189 1.86869 6.46869 1.95823 6.80006 2.40006C7.13143 2.84189 7.04189 3.46869 6.60006 3.80006L4.60006 5.30006Z"
                        fill="#3658D8"
                      />
                      <path
                        d="M18.6001 2.20018C18.1582 1.86881 17.5314 1.95835 17.2001 2.40018C16.8687 2.842 16.9582 3.46881 17.4001 3.80018L19.4001 5.30018C19.8419 5.63155 20.4687 5.54201 20.8001 5.10018C21.1314 4.65835 21.0419 4.03155 20.6001 3.70018L18.6001 2.20018Z"
                        fill="#3658D8"
                      />
                      <path
                        fill-rule="evenodd"
                        clip-rule="evenodd"
                        d="M15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L12.2071 15.2071C11.8166 15.5976 11.1834 15.5976 10.7929 15.2071L8.79289 13.2071C8.40237 12.8166 8.40237 12.1834 8.79289 11.7929C9.18342 11.4024 9.81658 11.4024 10.2071 11.7929L11.5 13.0858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929Z"
                        fill="#3658D8"
                      />
                    </svg>
                    <p class="datetime-desc">10.00 - 11.30</p>
                  </div>
                </div>
                <a href="https://www.ruangkerja.id/office-hour/lnd-industri-finance" class="insight-link fit">Daftar Webinar</a>
              </div>
            </div>
            <a href="https://www.ruangkerja.id/office-hour" class="insight-link">Lihat Semua Webinar</a>
          </div>
          <div class="insight-box">
            <div class="insight-wrapper" id="ebook">
              <div class="webinar-box">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6af8402f-da80-4b68-97e8-90d542d13bcf.png?convert=webp" loading="lazy" class="ebook-image" />
                <h3 class="insight-title">Panduan Praktis Menulis Press Release</h3>
                <p class="ebook-desc">Selami lebih dalam tentang jenis-jenis e-learning dan bagaimana membangun, memasarkan, serta mengelola kegiatan e-learning dengan baik.</p>
                <a href="https://www.ruangkerja.id/ebook/menulis-press-release" class="insight-link">Download E-Book</a>
              </div>
            </div>
            <a href="https://www.ruangkerja.id/ebook" class="insight-link">Lihat Semua E-Book</a>
          </div>
        </div>
      </div>
    </section>
    <section class="case">
      <div class="page-center-case">
        <div class="case-content">
          <div class="page-center-case-content">
            <div class="case-content-wrapper">
              <div class="case-content-detail">
                <h2 class="text-subhead blue">Case study and testimonials from our fellow clients</h2>
                <div class="case-nav">
                  <div class="case-nav-card case-nav-1">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3212ec9-6c28-4695-ae7e-bc459d8a8eab.png?convert=webp" height="26" class="logo-case" />
                    <p class="nav-desc">Taekwang</p>
                  </div>
                  <div class="case-nav-card case-nav-2">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/fe9ce013-1966-46e1-a85e-4e98feef62c9.png?convert=webp" height="26" class="logo-case" />
                    <p class="nav-desc">Indomarco</p>
                  </div>
                  <div class="case-nav-card case-nav-3">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eaaa3938-39ac-4f81-9531-7d506bbecead.png?convert=webp" height="26" class="logo-case" />
                    <p class="nav-desc">Aqua</p>
                  </div>
                  <div class="case-nav-card case-nav-4">
                    <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ffa6f8b8-7844-4d35-b8d8-7a98d8ff6a90.png?convert=webp" height="26" class="logo-case" />
                    <p class="nav-desc">AXA</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="case-cards">
            <div class="case-card case-1">
              <div class="page-center-card">
                <div class="case-card-detail">
                  <p class="text-head white">PT. TKG Taekwang uses Ruangkerja to train their 5,000+ blue collar employees with mobile learning method for the 1st time</p>
                  <div class="card-points">
                    <div class="card-point">
                      <p class="point-title">4.7/5</p>
                      <p class="point-desc">
                        User
                        <br />
                        Satisfaction
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">74</p>
                      <p class="point-desc">
                        Net Promotor
                        <br />
                        Score (NPS)
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">99%</p>
                      <p class="point-desc">
                        Active
                        <br />
                        Users
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">95%+</p>
                      <p class="point-desc">
                        Completion
                        <br />
                        Rate
                      </p>
                    </div>
                  </div>
                  <div class="card-solutions">
                    <p class="text-solution">Ruangkerja Solutions</p>
                    <ul class="list-card">
                      <li>LMS with user-friendly and easy-to-use experience using mobile application or via web can be accessed anytime and from anywhere</li>
                    </ul>
                  </div>
                  <div class="usp-cta">
                    <a href="https://www.ruangkerja.id/form">
                      <div class="cta-white-wrapper">
                        <button class="cta-white-secondary">Lihat Lebih Detail</button>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="case-card case-2">
              <div class="page-center-card">
                <div class="case-card-detail">
                  <p class="text-head white">Ruangkerja accommodate screening, onboarding and training process for prospective and existing employees in Indomarco </p>
                  <div class="card-points">
                    <div class="card-point">
                      <p class="point-title">4.6/5</p>
                      <p class="point-desc">
                        User
                        <br />
                        Satisfaction
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">69</p>
                      <p class="point-desc">
                        Net Promotor
                        <br />
                        Score (NPS)
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">100%</p>
                      <p class="point-desc">
                        Active
                        <br />
                        Users
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">99%+</p>
                      <p class="point-desc">
                        Completion
                        <br />
                        Rate
                      </p>
                    </div>
                  </div>
                  <div class="card-solutions">
                    <p class="text-solution">Ruangkerja Solutions</p>
                    <ul class="list-card">
                      <li>Content management system (CMS) provides Indomarco's needs, especially for branch admin to create course, adjust training schedule, and enroll user to their specific learning needs.</li>
                    </ul>
                  </div>
                  <div class="usp-cta">
                    <a href="https://www.ruangkerja.id/form">
                      <div class="cta-white-wrapper">
                        <button class="cta-white-secondary">Lihat Lebih Detail</button>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="case-card case-3">
              <div class="page-center-card">
                <div class="case-card-detail">
                  <p class="text-head white">Ruangkerja helps Aqua as a distributor communication tools, product knowledge training platform and accommodates instrument for their campaign</p>
                  <div class="card-points">
                    <div class="card-point">
                      <p class="point-title">4.6/5</p>
                      <p class="point-desc">
                        User
                        <br />
                        Satisfaction
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">68</p>
                      <p class="point-desc">
                        Net Promotor
                        <br />
                        Score (NPS)
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">94%</p>
                      <p class="point-desc">
                        Active
                        <br />
                        Users
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">88%+</p>
                      <p class="point-desc">
                        Completion
                        <br />
                        Rate
                      </p>
                    </div>
                  </div>
                  <div class="card-solutions">
                    <p class="text-solution">Ruangkerja Solutions</p>
                    <ul class="list-card">
                      <li>Mobile web version LMS helps distributor to get product knowledge training and also helps Aqua got update data from their distributors.</li>
                    </ul>
                  </div>
                  <div class="usp-cta">
                    <a href="https://www.ruangkerja.id/form">
                      <div class="cta-white-wrapper">
                        <button class="cta-white-secondary">Lihat Lebih Detail</button>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="case-card case-4">
              <div class="page-center-card">
                <div class="case-card-detail">
                  <p class="text-head white">AXA Financial Indonesia learning platform whitelabeled using Ruangkerja for agents product knowledge and certification</p>
                  <div class="card-points">
                    <div class="card-point">
                      <p class="point-title">4.8/5</p>
                      <p class="point-desc">
                        User
                        <br />
                        Satisfaction
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">76</p>
                      <p class="point-desc">
                        Net Promotor
                        <br />
                        Score (NPS)
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">92%</p>
                      <p class="point-desc">
                        Active
                        <br />
                        Users
                      </p>
                    </div>
                    <div class="card-point">
                      <p class="point-title">90%+</p>
                      <p class="point-desc">
                        Completion
                        <br />
                        Rate
                      </p>
                    </div>
                  </div>
                  <div class="card-solutions">
                    <p class="text-solution">Ruangkerja Solutions</p>
                    <ul class="list-card">
                      <li>Agent's training and certification using Whitelabel platform which can be downloaded on Playstore and App Store.</li>
                    </ul>
                  </div>
                  <div class="usp-cta">
                    <a href="https://www.ruangkerja.id/form">
                      <div class="cta-white-wrapper">
                        <button class="cta-white-secondary">Lihat Lebih Detail</button>
                      </div>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="brand">
      <div class="page-center">
        <div class="brand-content">
          <div class="brand-content-top">
            <h2 class="text-subtitle dark">Sesuaikan tampilan dengan brand perusahan Anda</h2>
            <p class="text-subdesc">Pilih untuk melihat bagaimana ini bekerja</p>
            <div class="brand-nav">
              <div class="brand-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ceb1e51-5242-45a4-9597-e18d21b54686.png?convert=webp" height="32" loading="lazy" class="brand-logo" />
                <div class="brand-color">
                  <div class="brand-color-box">
                    <div class="color-box" style="background: #194e9a"></div>
                    <div class="color-box" style="background: #e5eefb"></div>
                  </div>
                  <p class="brand-color-hex desktop">
                    #194E9A
                    <br />
                    #E5EEFB
                  </p>
                </div>
              </div>
              <div class="brand-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0f8b91fa-3299-4fef-9607-b8b35dcfa4c8.png?convert=webp" height="32" loading="lazy" class="brand-logo" />
                <div class="brand-color">
                  <div class="brand-color-box">
                    <div class="color-box" style="background: #213567"></div>
                    <div class="color-box" style="background: #dd0b19"></div>
                  </div>
                  <p class="brand-color-hex desktop">
                    #213567
                    <br />
                    #DD0B19
                  </p>
                </div>
              </div>
              <div class="brand-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4c03b438-1404-4758-90cf-c9ae9ca9cdd4.png?convert=webp" height="32" loading="lazy" class="brand-logo" />
                <div class="brand-color">
                  <div class="brand-color-box">
                    <div class="color-box" style="background: #006885"></div>
                    <div class="color-box" style="background: #f05a22"></div>
                  </div>
                  <p class="brand-color-hex desktop">
                    #006885
                    <br />
                    #F05A22
                  </p>
                </div>
              </div>
              <div class="brand-nav-tab">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c5e5c598-e8ae-4a77-a54b-ac5860a69dbe.png?convert=webp" height="32" loading="lazy" class="brand-logo" />
                <div class="brand-color">
                  <div class="brand-color-box">
                    <div class="color-box" style="background: #343331"></div>
                    <div class="color-box" style="background: #007cba"></div>
                  </div>
                  <p class="brand-color-hex desktop">
                    #343331
                    <br />
                    #007CBA
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="brand-content-middle">
            <div class="brand-images">
              <div class="brand-image">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ba86e0d-48a1-4bf1-b2b7-9977a6ca387c.png?convert=webp" loading="lazy" class="brand-img" />
              </div>
              <div class="brand-image">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/834550fb-426a-497e-9beb-9c4ccc69f3a4.png?convert=webp" loading="lazy" class="brand-img" />
              </div>
              <div class="brand-image">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac3c9496-2297-4073-bd4f-062ed59c5bb4.png?convert=webp" loading="lazy" class="brand-img" />
              </div>
              <div class="brand-image">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b4e28bfe-69d5-4a7e-8553-55ac601275df.png?convert=webp" loading="lazy" class="brand-img" />
              </div>
            </div>
          </div>
          <div class="brand-content-bottom">
            <a href="https://www.ruangkerja.id/form">
              <div class="cta-blue-wrapper">
                <button class="cta-blue">Dapatkan Demo GRATIS!</button>
              </div>
            </a>
          </div>
        </div>
      </div>
    </section>
    <section class="testimonial">
      <div class="page-center">
        <div class="testimonial-content">
          <h2 class="text-subtitle dark text-center">Mengapa mereka merekomendasikan kami</h2>
          <div class="testimonial-slick">
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4bf3b2ba-fac9-4756-b8a5-875017eb23b0.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Nicke Widyawati</p>
                  <p class="testimonial-job">
                    Direktur Utama
                    <br />
                    PT. Pertamina Persero
                  </p>
                </div>
              </div>
              <p class="testimonial-detail">
                Pertamina mengadaptasi semangat yang ditularkan oleh Ruangguru ke dalam platform pembelajaran baru. Platform ini dirancang agar sesuai dengan generasi muda, yang akan menjadi masa depan perusahaan.
              </p>
            </div>
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/affa462f-f291-4db8-ba80-513bd8a70faf.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Ishak</p>
                  <p class="testimonial-job">
                    Reliability and Training
                    <br />
                    Department PT Amman Mineral Nusa Tenggara
                  </p>
                </div>
              </div>
              <p class="testimonial-detail">
                Ruangkerja sangat mudah digunakan, bahkan bagi karyawan yang baru pertama kali mengikuti pelatihan melalui mobile learning. Mereka dapat mengakses materi pelatihan dengan lancar, tanpa kendala, bahkan
                saat berada di lapangan.
              </p>
            </div>
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0a89874e-f289-4801-bdd9-1f2728e9cb8b.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Angga Munggaran</p>
                  <p class="testimonial-job">
                    Human Resource and L&D
                    <br />
                    PT Indolakto (Indomilk)
                  </p>
                </div>
              </div>
              <p class="testimonial-detail">
                Dashboard monitoring menampilkan data secara komprehensif dan real-time, memudahkan pemantauan progres pelatihan. Fitur ini juga sangat membantu saat perlu menyiapkan laporan secara cepat.
              </p>
            </div>
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/5cb0fd63-f387-49ae-a9f8-23c8928fd46f.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Okto Rinaldi Sagala</p>
                  <p class="testimonial-job">Direktur SDM PT PLN Indonesia Power</p>
                </div>
              </div>
              <p class="testimonial-detail">Tim Ruangkerja berhasil menghadirkan metode pembelajaran digital yang efektif. Video pelatihannya menarik dan sangat disukai oleh karyawan Indonesia Power.</p>
            </div>
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/c951c53b-9b29-44c4-a619-29183f3d6511.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Falah Mutiah</p>
                  <p class="testimonial-job">
                    Regional Sales Manager
                    <br />
                    Tokopedia
                  </p>
                </div>
              </div>
              <p class="testimonial-detail">
                Kami ingin mengurangi pelatihan offline untuk menghemat anggaran. Dengan ruangkerja, saya tetap dapat memantau hasil pelatihan secara real-time. Kolaborasi ini menjadi solusi efektif bagi Tokopedia dan
                ruangkerja.
              </p>
            </div>
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6c1daae4-883b-458e-bb45-690b862c489c.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Mahardika H.</p>
                  <p class="testimonial-job">
                    HR and Training & Development
                    <br />
                    PT TKG Taekwang
                  </p>
                </div>
              </div>
              <p class="testimonial-detail">
                Ruangkerja sangat mendukung program training online kami. Platformnya mudah digunakan, dapat diakses kapan saja dan di mana saja, serta menyediakan video pelatihan berkualitas yang sesuai dengan kebutuhan
                kami.
              </p>
            </div>
            <div class="testimonial-card">
              <div class="testimonial-profile">
                <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1840146e-4b85-4e16-b377-50a520de6a35.png?convert=webp" height="84" width="84" class="img-testimonial" loading="lazy" />
                <div class="testimonial-profile-data">
                  <p class="testimonial-name">Kadia Sandi</p>
                  <p class="testimonial-job">
                    HR Development Yayasan
                    <br />
                    Pendidikan Telkom
                  </p>
                </div>
              </div>
              <p class="testimonial-detail">Materi kelasnya sangat berkualitas, membuat peserta antusias mengikuti pelatihan. Saya juga melihat peningkatan kompetensi mereka secara signifikan setelah pelatihan.</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="faq">
      <div class="page-center">
        <div class="faq-content">
          <h2 class="text-subtitle dark text-center">Pertanyaan yang sering diajukan</h2>
          <div id="tabs">
            <!-- Sidebar with Categories -->
            <div id="sidebar1">
              <ul>
                <li id="first-tab" class="active">
                  <a href="#tabs-1" data-tab="tabs-1">Pertanyaan Umum</a>
                </li>
                <li id="second-tab">
                  <a href="#tabs-2" data-tab="tabs-2">Akun Anda</a>
                </li>
                <li id="third-tab">
                  <a href="#tabs-3" data-tab="tabs-3">Aktivitas Pembelajaran</a>
                </li>
                <li id="four-tab">
                  <a href="#tabs-4" data-tab="tabs-4">Peringkat, Sertifikat, dan Pencapaian</a>
                </li>
              </ul>
            </div>

            <!-- Tab Content -->
            <div id="tabs-1" class="tab-content active">
              <div id="faq">
                <!-- FAQ Item 1 -->
                <div class="accordion">
                  <p>Apa itu ruangkerja?</p>
                </div>
                <div class="panel">
                  <p>
                    ruangkerja adalah
                    <i>platform</i>
                    pelatihan
                    <i>online</i>
                    berbasis
                    <i>mobile</i>
                    untuk membantu Anda meningkatkan kemampuan dan pengetahuan di dunia kerja.
                  </p>
                </div>

                <!-- FAQ Item 2 -->
                <div class="accordion">
                  <p>Mengapa saya tidak mendapatkan Kelas Perusahaan wajib yang sama dengan teman satu divisi saya?</p>
                </div>
                <div class="panel">
                  <p>Penugasan Kelas Perusahaan wajib merupakan kebijakan dari perusahaan Anda. Untuk informasi lebih lanjut, silakan hubungi Admin perusahaan Anda.</p>
                </div>

                <!-- FAQ Item 3 -->
                <div class="accordion">
                  <p>
                    Apakah ruangkerja mempunyai layanan
                    <i>customer service</i>
                    ?
                  </p>
                </div>
                <div class="panel">
                  <p>
                    Ya. Anda dapat menghubungi tim
                    <i>customer service</i>
                    ruangkerja melalui channel:
                  </p>
                  <ul>
                    <li>Email: info@ruangkerja.id</li>
                    <li>Telepon: 021-28543000 (Ekstensi 5)</li>
                    <li>Instagram: @ruangkerja</li>
                    <li>
                      Apps: Fitur
                      <strong>Hubungi Kami</strong>
                      pada menu
                      <strong>Profil</strong>
                    </li>
                  </ul>
                </div>
              </div>
            </div>

            <div id="tabs-2" class="tab-content">
              <div id="faq">
                <!-- FAQ Item 1 -->
                <div class="accordion">
                  <p>
                    Bagaimana jika saya lupa
                    <i>password</i>
                    ?
                  </p>
                </div>
                <div class="panel">
                  <p>
                    Lakukan pengaturan ulang
                    <i>password</i>
                    dengan mengklik
                    <b>
                      Lupa
                      <i>Password</i>
                      ?
                    </b>
                    , lalu masukkan alamat email Anda yang terdaftar di ruangkerja. Setelah itu, Anda akan menerima email berisi instruksi lanjutan untuk mengatur ulang
                    <i>password</i>
                    .
                  </p>
                </div>

                <!-- FAQ Item 2 -->
                <div class="accordion">
                  <p>
                    Bagaimana cara mengubah
                    <i>password</i>
                    ?
                  </p>
                </div>
                <div class="panel">
                  <p>
                    Klik menu
                    <b>Profil</b>
                    di kanan bawah halaman, lalu ke menu
                    <b>Pengaturan</b>
                    . Selanjutnya, pilih opsi
                    <b>
                      Ubah
                      <i>Password</i>
                    </b>
                    lalu masukkan
                    <i>password</i>
                    lama Anda dan
                    <i>password</i>
                    baru yang Anda inginkan dan klik tombol
                    <b>
                      Ubah
                      <i>Password</i>
                    </b>
                    .
                  </p>
                </div>

                <!-- FAQ Item 3 -->
                <div class="accordion">
                  <p>Bagaimana cara mengganti bahasa aplikasi?</p>
                </div>
                <div class="panel">
                  <p>
                    Klik menu
                    <b>Profil</b>
                    di kanan bawah halaman, lalu ke menu
                    <b>Pengaturan</b>
                    . Selanjutnya, pilih
                    <b>Ubah Bahasa</b>
                    , dan pilih bahasa yang Anda inginkan. Saat ini, ruangkerja tersedia dalam Bahasa Indonesia dan Bahasa Inggris.
                  </p>
                </div>
              </div>
            </div>

            <div id="tabs-3" class="tab-content">
              <div id="faq">
                <!-- FAQ Item 1 -->
                <div class="accordion">
                  <p>Apa itu Kelas Umum?</p>
                </div>
                <div class="panel">
                  <p>
                    Kelas Umum merupakan kelas yang terdiri dari kumpulan topik dan modul pelatihan tentang berbagai bidang kompetensi yang berguna bagi pengguna ruangkerja. Kelas ini bersifat opsional dan peserta dapat
                    memilih kelas apapun sesuai dengan minat dan kebutuhan masing-masing.
                  </p>
                </div>

                <!-- FAQ Item 2 -->
                <div class="accordion">
                  <p>Apa itu Kelas Perusahaan?</p>
                </div>
                <div class="panel">
                  <p>
                    Kelas Perusahaan adalah kelas yang terdiri dari kumpulan topik dan modul pelatihan yang disusun secara khusus bagi karyawan perusahaan. Kelas Perusahaan terdiri dari dua tipe yaitu kelas wajib dan
                    kelas umum perusahaan (
                    <i>self-enrollment</i>
                    ).
                  </p>
                </div>

                <!-- FAQ Item 3 -->
                <div class="accordion">
                  <p>Apakah Kelas Umum berbayar?</p>
                </div>
                <div class="panel">
                  <p>Tidak. Kelas umum dapat diakses secara gratis.</p>
                </div>
              </div>
            </div>

            <div id="tabs-4" class="tab-content">
              <div id="faq">
                <!-- FAQ Item 1 -->
                <div class="accordion">
                  <p>
                    Apa itu
                    <b>Peringkat</b>
                    ?
                  </p>
                </div>
                <div class="panel">
                  <p>
                    Menu
                    <b>Peringkat</b>
                    merupakan menu dalam aktivitas pembelajaran yang menampilkan urutan nama peserta yang berhasil mengikuti kelas berdasarkan nilai dan waktu pengerjaan
                    <i>post-test</i>
                    . Menu ini hanya menampilkan 10 peringkat tertinggi.
                  </p>
                </div>

                <!-- FAQ Item 2 -->
                <div class="accordion">
                  <p>
                    Apakah
                    <i>passing grade</i>
                    setiap kelas sama?
                  </p>
                </div>
                <div class="panel">
                  <p>
                    Tidak.
                    <i>Passing grade</i>
                    setiap kelas dapat berbeda-beda dan ditetapkan oleh admin dan atau
                    <i>Subject Matter Expert</i>
                    (SME) masing-masing aktivitas pembelajaran.
                  </p>
                </div>

                <!-- FAQ Item 3 -->
                <div class="accordion">
                  <p>Bagaimana cara mendapatkan sertifikat?</p>
                </div>
                <div class="panel">
                  <p>
                    Untuk mendapatkan sertifikat, Anda harus menyelesaikan seluruh rangkaian pembelajaran pada aktivitas pembelajaran, termasuk
                    <i>pre-test</i>
                    dan
                    <i>post-test</i>
                    .
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <script>
      (function () {
        // Create a style element
        const styleElement = document.createElement('style');
    
        // Define all CSS rules
        const styles = `
          .footer h1,
          .footer h2,
          .footer p {
            margin-block-end: 0 !important;
            margin-block-start: 0 !important;
            margin-bottom: 0 !important;
          }
    
          .font-base-footer {
            font-family: Inter;
          }
    
          *,
          :after,
          :before {
            box-sizing: border-box;
          }
    
          .footer {
            background: var(--whitelabel-primary, #194e9a);
            height: auto;
            padding: 76px 0;
          }
    
          .footer-menu {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 112px;
          }
    
          .footer-menu-link {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 20px;
            row-gap: 56px;
          }
    
          .footer-title {
            color: var(--whitelabel-primary-text, #fff);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
            padding-bottom: 1rem;
          }
    
          .footer-desc {
            color: var(--whitelabel-primary-text, #fff);
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            padding: 14px 0;
            max-width: 18rem;
          }
    
          .cta-footer {
            display: flex;
            border-radius: var(--size-radius-rad-xl, 16px);
            border: 1px solid var(--color-border-border-subtle, #dadfea);
            background: var(--prop-action-secondary-secondary-default, #fff);
            box-shadow: 0 12px 16px 0 rgba(129, 134, 142, 0.12);
            width: 268px;
            height: 56px;
            padding: 0 16px;
            justify-content: center;
            align-items: center;
            color: var(--color-text-text-ink, #2c313a);
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 24px;
          }
    
          .footer-links {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 12px;
          }
    
          .footer-links a {
            color: var(--whitelabel-primary-text, #fff);
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            display: flex;
            align-items: center;
            gap: 0.5rem;
          }
    
          .footer-copyright p {
            color: var(--whitelabel-primary-text, #fff);
            font-family: Inter;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
            text-align: center;
          }
    
          .footer-social-icons {
            display: flex;
            align-items: flex-start;
            gap: 8px;
          }
    
          @media (max-width: 1024px) {
            .page-center-2 {
              float: none !important;
              margin: 0 auto !important;
              max-width: 1200px !important;
              width: 90% !important;
            }
    
            .footer {
              padding: 2rem 0;
            }
    
            .footer-menu {
              display: grid;
              grid-template-columns: 1fr;
              gap: 0;
            }
    
            .footer-menu-link {
              display: grid;
              grid-template-columns: 1fr 1fr;
              row-gap: 24px;
              column-gap: 16px;
            }
    
            .footer-about {
              text-align: center;
            }
    
            .footer-desc,
            .cta-footer {
              float: none;
              margin: 0 auto !important;
            }
    
            .footer-contact {
              padding: 24px 0;
              text-align: center;
            }
    
            .footer-contact .footer-links {
              width: fit-content;
              float: none;
              margin: auto;
              align-items: center;
            }
            .footer-social {
              padding: 24px 0;
              text-align: center;
            }
            .footer-social-icons {
              justify-content: center;
            }
          }
    
          @media (min-width: 1025px) {
            .page-center-2 {
              float: none !important;
              margin: 0 auto !important;
              max-width: 1200px !important;
              width: 60% !important;
            }
            .pt-56 {
              padding-top: 56px;
            }
            .pb-40 {
              padding-bottom: 40px;
            }
          }
        `;
    
        // Set the CSS text
        styleElement.textContent = styles;
    
        // Append to head
        document.head.appendChild(styleElement);
      })();
    </script>
    <div class="footer" id="footer">
      <div class="page-center">
        <div class="footer-menu">
          <div class="footer-menu-box">
            <div class="footer-about">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/28450c37-2af6-4016-a4f7-80f0f78d9d7d.png?convert=webp" width="68" height="44" class="footer-logo" loading="lazy" />
              <p class="footer-desc">Ruangkerja by Ruangguru membantu perusahaan mengelola pelatihan dengan mudah dan efisien.</p>
              <a href="https://www.ruangkerja.id/features" class="cta-footer">Lihat Fitur</a>
            </div>
            <div class="footer-contact pt-56 pb-40">
              <p class="footer-title">GET IN TOUCH</p>
              <div class="footer-links">
                <a href="mailto:info@ruangkerja.id" target="_blank">
                  <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="M6 4C3.79086 4 2 5.79086 2 8V16C2 18.2091 3.79086 20 6 20H18C20.2091 20 22 18.2091 22 16V8C22 5.79086 20.2091 4 18 4H6ZM7.6247 8.21914C7.19344 7.87413 6.56415 7.94405 6.21914 8.37531C5.87413 8.80657 5.94405 9.43587 6.37531 9.78088L10.1259 12.7814C11.2216 13.6579 12.7784 13.6579 13.8741 12.7814L17.6247 9.78088C18.056 9.43587 18.1259 8.80657 17.7809 8.37531C17.4359 7.94405 16.8066 7.87413 16.3753 8.21914L12.6247 11.2196C12.2595 11.5118 11.7405 11.5118 11.3753 11.2196L7.6247 8.21914Z"
                      fill="white"
                    ></path>
                  </svg>
                  info@ruangkerja.id
                </a>
                <a href="https://wa.me/6281574510053" target="_blank">
                  <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="M5 5.5C5 3.567 6.567 2 8.5 2H15.5C17.433 2 19 3.567 19 5.5V18.5C19 20.433 17.433 22 15.5 22H8.5C6.567 22 5 20.433 5 18.5V5.5ZM9 3.5C7.61929 3.5 6.5 4.61929 6.5 6V18C6.5 19.3807 7.61929 20.5 9 20.5H15C16.3807 20.5 17.5 19.3807 17.5 18V6C17.5 4.61929 16.3807 3.5 15 3.5H9ZM8.92139 4.50202C8.1295 4.54291 7.5 5.19794 7.5 6V18C7.5 18.8284 8.17157 19.5 9 19.5H15C15.8284 19.5 16.5 18.8284 16.5 18V6C16.5 5.19533 15.8664 4.53864 15.0709 4.50164C15.046 4.57575 15.0273 4.6577 15.0135 4.74777C14.9097 5.42334 14.4294 6 13.7459 6H10.1877C9.52977 6 9.04402 5.4672 8.97696 4.81268C8.96534 4.69923 8.94779 4.59546 8.92139 4.50202ZM12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18Z"
                      fill="white"
                    ></path>
                  </svg>
                  0815 7451 0053
                </a>
                <a href="tel:02130930000" target="_blank">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path
                      d="M14.25 15.375C12.5625 14.8125 9.1875 11.4375 8.625 9.75L9.96437 8.41063C10.5189 7.85606 10.6982 7.02852 10.4228 6.29417L9.67416 4.29775C9.38143 3.51715 8.63519 3 7.8015 3H5C3.89543 3 3 3.89543 3 5V6.375C3 13.6875 10.875 21 17.625 21H19C20.1046 21 21 20.1046 21 19V16.9366C21 16.0188 20.3754 15.2189 19.4851 14.9963L17.2178 14.4294C16.7546 14.3136 16.2653 14.3674 15.8383 14.5809L14.25 15.375Z"
                      fill="white"
                    ></path>
                  </svg>
                  (021) 3093 0000
                </a>
              </div>
            </div>
          </div>
          <div class="footer-menu-link">
            <div class="footer-menu-box">
              <p class="footer-title">PLATFORM</p>
              <div class="footer-links">
                <a href="https://www.ruangkerja.id/features">Features</a>
                <a href="https://api.ruangkerja.id/" target="_blank">API</a>
              </div>
            </div>
            <div class="footer-menu-box">
              <p class="footer-title">RESOURCES</p>
              <div class="footer-links">
                <a href="https://www.ruangkerja.id/blog">Blog</a>
                <a href="https://www.ruangkerja.id/ebook">E-Book</a>
                <a href="https://www.ruangkerja.id/office-hour">Webinar</a>
              </div>
            </div>
            <div class="footer-menu-box">
              <p class="footer-title">COMPANY</p>
              <div class="footer-links">
                <a href="https://www.ruangkerja.id/about-us">About Us</a>
                <a href="https://www.ruangkerja.id/contact-us">Contact Us</a>
                <a href="https://career.ruangguru.com/" target="_blank">Careers</a>
                <a href="https://www.ruangkerja.id/referrals">Referrals</a>
                <a href="https://www.ruangguru.com/privacy-policy">Privacy Policy</a>
                <a href="https://www.ruangkerja.id/terms-and-condition">Terms &amp; Conditions</a>
              </div>
            </div>
            <div class="footer-menu-box">
              <p class="footer-title">USE CASES</p>
              <div class="footer-links">
                <a href="https://www.ruangkerja.id/sales-enablement">Sales Enablement</a>
                <a href="https://www.ruangkerja.id/on-boarding">Onboarding Training</a>
                <a href="https://www.ruangkerja.id/compliance">Compliance Training</a>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-social">
          <p class="footer-title">FOLLOW US</p>
          <div class="footer-social-icons">
            <a target="_blank" href="https://www.instagram.com/ruangguru.forbusiness/">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" width="32" height="32" loading="lazy" alt="Logo Instagram Footer" />
            </a>
            <a target="_blank" href="https://twitter.com/ruangkerja_">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" width="32" height="32" loading="lazy" alt="Logo Twitter Footer" />
            </a>
            <a target="_blank" href="https://www.youtube.com/@ruangkerjaruangguru544">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" width="32" height="32" loading="lazy" alt="Logo Youtube Footer" />
            </a>
            <a target="_blank" href="https://www.linkedin.com/company/ruangkerja/">
              <img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" width="32" height="32" loading="lazy" alt="Logo LinkedIn Footer" />
            </a>
          </div>
        </div>
        <div class="footer-copyright">
          <p>
            ©
            <script>
              document.write(new Date().getFullYear());
            </script>
            2025 All Rights Reserved PT Ruang Raya Indonesia
          </p>
        </div>
      </div>
    </div>

  </body>
</html>