Rivalry2

2026-03-08 15:59 Diff
https://www.ruangguru.com/career/privacy-policy
Jenis Data Kandidat dan Informasi yang Kami Kumpulkan
Jenis Data Kandidat yang Anda bagikan kepada kami dan/atau yang mungkin kami peroleh dari pihak ketiga, seperti perusahaan Anda sebelumnya, referensi, agen penyaringan ketenagakerjaan, perekrut, dan situs web perekrutan serta situs web lainnya, meliputi termasuk namun tidak terbatas pada:
Nama, alamat, alamat surel, nomor telepon, dan informasi kontak lainnya;
Resume, CV, surat lamaran, pengalaman kerja sebelumnya, lisensi dan sertifikasi profesional, keterampilan dan kualifikasi pekerjaan, serta informasi pendidikan;
Riwayat dan permintaan kompensasi, kesediaan untuk pindah, dan preferensi pekerjaan lainnya;
Informasi referensi, umpan balik perusahaan, dan informasi yang diterima dari pemeriksaan latar belakang;
Hasil dan informasi kuesioner daring dari wawancara; dan
Informasi tambahan yang disediakan atau diungkapkan selama proses lamaran pekerjaan dan perekrutan (misalnya preferensi bahasa).
Setiap informasi yang Anda kirimkan selama proses lamaran pekerjaan dan perekrutan harus benar dan tidak menyesatkan, dan Anda harus memiliki hak yang sah untuk memberikannya. Jika tidak, hal ini dapat menyebabkan penolakan lamaran pekerjaan Anda atau tindakan pendisiplinan termasuk pemutusan hubungan kerja selanjutnya.
Penggunaan Data Kandidat
Ruangguru dapat mengumpulkan, menggunakan, dan memproses Data Kandidat Anda untuk tujuan sumber daya manusia dan manajemen bisnis, termasuk: (i) mengevaluasi keterampilan dan kualifikasi Anda untuk posisi di Ruangguru; (ii) berkomunikasi dengan Anda; (iii) menyimpan catatan yang tepat terkait praktik dan proses perekrutan dan penerimaan kerja; (iv) menganalisis dan meningkatkan perekrutan dan proses perekrutan; dan (v) memverifikasi informasi Anda dan melakukan pemeriksaan referensi dan latar belakang, jika diizinkan.
Ruangguru juga dapat mengumpulkan, menggunakan, dan mengolah Data Kandidat Anda untuk mematuhi undang-undang, peraturan, proses hukum, atau permintaan pemerintah yang berlaku.
Penyimpanan Data Kandidat
Jika Anda direkrut, Data Kandidat Anda dapat dialihkan ke berkas personel karyawan dan digunakan serta disimpan selama diperlukan terkait hubungan kerja Anda untuk tujuan manajemen sumber daya manusia dan bisnis sesuai dengan hukum yang berlaku dan Kebijakan Privasi tersedia di Ruangguru atau unit bisnis yang berlaku. Jika Anda tidak direkrut, Ruangguru dapat menyimpan Data Kandidat Anda: (i) selama periode lebih lanjut yang ditetapkan sesuai dengan protokol penyimpanan catatan kami agar kami dapat mempertimbangkan Anda untuk peluang kerja lain jika diizinkan oleh hukum yang berlaku dan/atau selama diperlukan untuk mematuhi persyaratan penyimpanan catatan yang sah (ii) ketika dimulainya masa retensi sejak tanggal di mana Anda melakukan permintaan penghapusan akun dan Data Kandidat Anda; dan/atau (iii) sesuai dengan tujuan awal dari pengumpulan Data Kandidat tersebut.
Penghapusan Data Pribadi
Kami hanya akan menghapus Data Kandidat Anda, apabila:
Anda tidak lagi menggunakan platform perekrutan kami yang dibuktikan dengan adanya permohonan penghapusan Akun;
Anda mengajukan permohonan penghapusan Data Kandidat Anda baik sebagian maupun seluruhnya;
terdapat putusan pengadilan yang telah berkekuatan hukum tetap atau perintah dari pejabat yang berwenang untuk menghapus Data Kandidat Anda.
Penghapusan Data Kandidat Anda tidak menghilangkan kewajiban Kami untuk menyimpan Data Kandidat Anda untuk tujuan dan dalam waktu yang dipersyaratkan oleh peraturan perundangan-undangan yang berlaku.
Jika Anda tidak ingin kami menyimpan Data Kandidat Anda, silahkan hubungi talent.acquisition@ruangguru.com . Namun demikian, harap diperhatikan bahwa beberapa informasi mungkin disimpan karena diperlukan untuk mematuhi kewajiban hukum kami.
Pemusnahan Data Kandidat
Kami menyimpan Data Kandidat Anda hanya selama diperlukan untuk memenuhi tujuan pengumpulan informasi tersebut sebagaimana diatur dalam Kebijakan Privasi ini, atau sebagaimana diwajibkan oleh peraturan perundang-undangan yang berlaku. Apabila Data tersebut tidak lagi diperlukan untuk tujuan pengolahan atau penyimpanan yang sah, kami akan melakukan pemusnahan Data Kandidat sesuai dengan prosedur yang aman. Pemusnahan Data Kandidat akan dilakukan dalam situasi berikut:
Masa retensi telah berakhir: Data Kandidat yang telah mencapai batas waktu penyimpanan yang diatur oleh kebijakan internal atau peraturan perundang-undangan akan dimusnahkan dengan cara yang aman.
Permintaan dari subjek data: Anda sebagai subjek data berhak untuk meminta pemusnahan Data Kandidat yang telah selesai diproses, kecuali ada kewajiban hukum yang mengharuskan kami untuk menyimpan data tersebut.
Kewajiban hukum atau peraturan: Kami diwajibkan untuk memusnahkan Data Pribadi berdasarkan peraturan perundang-undangan yang berlaku atau keputusan hukum yang sah.
Proses pemusnahan akan dilakukan dengan cara yang memastikan bahwa Data Kandidat tidak dapat dipulihkan kembali dan sepenuhnya tidak dapat diakses oleh pihak manapun.
Pengungkapan Data Kandidat
Sejauh yang diperbolehkan oleh Hukum yang Berlaku Ruangguru dapat membagikan Data Kandidat Anda secara internal dan kepada penyedia layanan dan pihak ketiga lainnya yang telah dilibatkan untuk melaksanakan layanan perekrutan dan layanan lainnya sesuai dengan kebijakan Ruangguru. Pihak ketiga ini wajib menggunakan langkah yang sesuai untuk melindungi kerahasiaan dan keamanan Data Kandidat Anda.
Ruangguru juga dapat diwajibkan untuk mengungkapkan Data Kandidat tertentu kepada pihak ketiga sebagaimana diwajibkan oleh hukum atau peraturan (misalnya kepada otoritas pajak dan jaminan sosial) atau untuk menanggapi proses hukum atau permintaan yang sah dari otoritas publik, termasuk untuk memenuhi persyaratan keamanan nasional atau penegakan hukum.
Kami juga dapat membagikan Data Kandidat Anda kepada pihak ketiga jika (1) untuk mendeteksi, menyelidiki, dan membantu mencegah masalah penipuan, keamanan, atau teknis; (2) untuk melindungi hak, properti, atau keselamatan Ruangguru dan pengguna, pelamar, kandidat, karyawan, dan pihak lainnya; dan (3) sebagai bagian dari transaksi perusahaan, seperti pengalihan atau akuisisi aset oleh atau melalui merger dengan perusahaan lain.
Keamanan dan Kerahasiaan
Ruangguru berkomitmen untuk menggunakan langkah-langkah teknis dan organisasi yang sesuai, yang dirancang untuk melindungi keamanan dan kerahasiaan Data Kandidat Anda sesuai peraturan perundang-undangan yang berlaku.
Memperbarui Data Kandidat
Jika Anda terdaftar di situs pekerjaan atau platform perekrutan kami, Anda dapat secara langsung mengakses dan meninjau Data Kandidat Anda, serta membuat pembaruan saat log masuk kapan saja. Anda juga dapat memperbarui atau menutup akun Anda dengan menghubungi talent.acquisition@ruangguru.com .
Hak Anda
Berdasarkan undang-undang privasi dan perlindungan data tertentu, sebagaimana berlaku,Anda berhak diberikan informasi yang jelas, transparan, dan mudah dipahami tentang bagaimana Kami menggunakan Data Kandidat Anda dan hak-hak Anda. Karenanya, Kami memberikan Anda informasi dalam Kebijakan Privasi ini.
Anda dapat memohon untuk penghapusan dan atau pemusnahan Data Kandidat Anda atau menarik persetujuan Anda untuk setiap atau segala pengumpulan, penggunaan atau pengungkapan Data Kandidat Anda dengan memberikan kepada kami pemberitahuan yang wajar secara tertulis melalui detail kontak yang tercantum pada Kebijakan Privasi ini. Tergantung pada keadaan dan sifat permohonan yang Anda minta, Anda harus memahami dan mengakui bahwa setelah penarikan persetujuan atau permohonan penghapusan tersebut, Anda mungkin tidak lagi dapat ikut dalam proses lamaran pekerjaan dan perekrutan. Penarikan persetujuan Anda dapat mengakibatkan penghentian Akun Anda atau hubungan kontraktual Anda dengan kami, dengan semua hak dan kewajiban yang muncul sepenuhnya harus dipenuhi. Setelah menerima pemberitahuan untuk menarik persetujuan untuk pengumpulan, penggunaan atau pengungkapan Data Kandidat Anda, Kami akan menginformasikan Anda tentang konsekuensi yang mungkin terjadi dari penarikan tersebut sehingga Anda dapat memutuskan apakah Anda tetap ingin menarik persetujuan atau tidak.
Anda dapat meminta kepada Kami untuk mengakses dan/atau mengoreksi, melengkapi, memperbaiki atau membaharui Data Kandidat Anda yang berada dalam kepemilikan dan penguasaan kami, dengan menghubungi kami melalui detail kontak yang disediakan di bawah ini. Harap diperhatikan bahwa semua permohonan permintaan akan melalui proses penyaringan dan verifikasi yang cermat dan hanya akan diproses oleh kami apabila Anda telah menyerahkan bukti identitas yang memadai untuk melakukan akses, koreksi atau permintaan salinan terhadap Data Kandidat tersebut. Kami berhak menolak permohonan untuk mengakses, atau untuk memperbaiki, sebagian atau semua Data Kandidat Anda jika diizinkan atau diperlukan berdasarkan Peraturan Perundang-undangan yang Berlaku.
Anda memiliki hak untuk memperoleh salinan Data Kandidat anda dari database kami. Ini hanya berlaku untuk Data Kandidat yang Anda berikan, dimana pemrosesan didasarkan pada kontrak atau persetujuan Anda. Untuk detail lebih lanjut, silahkan hubungi kami di detail di bawah ini.
Anda dapat meminta untuk menerima atau mentransfer Data Kandidat Anda ke organisasi lain dalam bentuk yang sesuai dengan struktur dan/atau format yang lazim digunakan atau dapat dibaca oleh sistem elektronik, di mana Data Kandidat Anda diproses berdasarkan persetujuan Anda atau sebagai bagian dari kinerja kontrak, sepanjang sistem yang digunakan dapat saling berkomunikasi secara aman sesuai dengan prinsip Pelindungan Data Pribadi berdasarkan perundang-undangan yang berlaku.
Hak yang terkait dengan pengambilan keputusan otomatis. Kami tidak mengadopsi teknologi pengambilan keputusan otomatis yang memiliki dampak hukum atau signifikan lainnya terhadap Anda. Meskipun Kami saat ini tidak melaksanakan proses semacam ini, Anda tetap memiliki hak-hak berikut, seandainya situasi berubah di masa depan:
- Intervensi Manusia: Anda berhak untuk meminta intervensi manusia pada setiap proses keputusan, memastikan bahwa keputusan tidak sepenuhnya otomatis.
- Menyampaikan Pandangan: Anda memiliki hak untuk menyampaikan pandangan Anda dan untuk didengar dalam proses pengambilan keputusan.
- Penjelasan Keputusan: Anda berhak untuk meminta penjelasan mengenai logika di balik keputusan otomatis dan dampak yang mungkin timbul darinya.
- Mempertanyakan Keputusan: Anda berhak untuk mempertanyakan keputusan yang didasarkan pada pemrosesan otomatis dan meminta ulasan terhadap keputusan tersebut.
Serta dalam keadaan tertentu Anda berhak meminta pembatasan pemrosesan Data Kandidat Anda oleh kami atau mengajukan keberatan terhadap Pemrosesan Data Kandidat Anda.
Jika Anda merasa bahwa hak privasi Data Kandidat Anda dilanggar atau Anda mengalami kerugian akibat pengolahan Data Kandidat Anda yang melanggar hukum, Anda memiliki hak untuk mengajukan keluhan langsung kepada otoritas privasi data yang relevan sesuai dengan Peraturan Perundang-undangan yang Berlaku.
Jika Anda ingin melaksanakan hak-hak ini, hubungi talent.acquisition@ruangguru.com . yang menjadi tujuan pengiriman Data Kandidat. Kami akan menanggapi permintaan Anda sesuai dengan undang-undang yang berlaku. Namun demikian, harap diperhatikan bahwa data pribadi tertentu dapat dikecualikan dari permintaan tertentu karena pembatasan berdasarkan undang-undang yang berlaku.
Dasar Pemrosesan
Kami mengumpulkan dan menggunakan Data Kandidat dengan dasar-dasar yang sah berikut ini:
Apabila diperlukan untuk melakukan pekerjaan atau kontrak lain dengan Anda atau atas permintaan Anda sebelum menandatangani kontrak;
Jika diperlukan untuk mematuhi hukum ketenagakerjaan kami atau kewajiban hukum lainnya seperti persyaratan akuntansi dan pajak;
Apabila berlaku, dengan persetujuan Anda; dan/atau
Sebagaimana diperlukan untuk melaksanakan proses lamaran pekerjaan dan perekrutan, melindungi keamanan sistem dan kandidat kami, mendeteksi atau mencegah penipuan, memungkinkan kandidat mematuhi kewajiban hukum, atau memenuhi kepentingan sah kami lainnya sebagaimana dijelaskan di atas, kecuali jika kepentingan kami dikesampingkan oleh hak privasi Anda.
Apabila kami mengandalkan persetujuan Anda untuk memproses Data Kandidat, Anda berhak untuk menarik persetujuan Anda kapan saja tanpa mempengaruhi keabsahan pemrosesan berdasarkan persetujuan sebelum penarikannya, dan jika kami mengandalkan kepentingan yang sah, Anda berhak untuk mengajukan keberatan atas pemrosesan tersebut melalui talent.acquisition@ruangguru.com .
Pembatasan Tanggung Jawab
Sepanjang diizinkan oleh peraturan perundang-undangan yang berlaku, Anda dengan ini setuju untuk melepaskan, membebaskan, memberikan ganti rugi, dan membela Kami, termasuk setiap pejabat, direktur, karyawan, agen, Afiliasi dari dan terhadap setiap dan segala permintaan, gugatan, klaim, kerugian, tanggung jawab, kewajiban, biaya, kerusakan, dan ongkos (termasuk tetapi tidak terbatas pada biaya hukum dan pengeluaran biaya ganti rugi) yang timbul secara langsung maupun tidak langsung dari:
segala risiko akibat Data Kandidat yang dicegat, disadap, dicuri, diakses, dicuri, diungkapkan, diubah, atau dihancurkan oleh pihak lainnya yang tidak berwenang karena kesalahan Anda;
segala risiko akibat pemrosesan Data Kandidat yang tidak sesuai dengan Kebijakan Privasi ini dan/atau peraturan perundang-undangan yang berlaku namun bukan karena kesalahan Kami;
seluruh risiko yang timbul dari kelalaian dan/atau kesalahan pribadi Anda dalam menjaga keamanan dan kerahasiaan Data Kandidat Anda;
segala risiko yang timbul dari pemanfaatan media dan/atau aplikasi apapun yang digunakan Anda untuk mengungkapkan dan/atau menyimpan Data Kandidat Anda, seperti layanan penyimpanan.
Perubahan terhadap Kebijakan ini
Kami akan memperbarui Kebijakan ini dari waktu ke waktu. Kami akan memasang Kebijakan yang direvisi dengan tanggal revisi yang diperbarui di situs perusahaan Ruangguru dan menautkannya dari situs pekerjaan dan platform perekrutan kami. Apabila kami membuat perubahan penting apa pun, kami akan menyediakan pemberitahuan melalui situs ini atau dengan cara lain.
Kontak
Jika Anda memiliki pertanyaan, komentar, keluhan, atau permintaan terkait Kebijakan ini atau pemrosesan informasi Anda oleh kami, silakan hubungi: talent.acquisition@ruangguru.com
<!doctype html>
<html class="no-js" lang="id">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="author" content="Ruangguru Tech Team" />
    <meta name="publisher" content="PT Ruang Raya Indonesia" />
    <meta
      name="description"
      content="Kebijakan Privasi ini bertujuan membantu Anda memahami informasi yang kami kumpulkan serta cara memperbarui, mengelola, mengekspor &amp; menghapus informasi Anda"
    />
    <title>Privacy Policy PT. Ruang Raya Indonesia | Ruangguru</title>
    <link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      property="og:description"
      content="Kebijakan Privasi ini bertujuan membantu Anda memahami informasi yang kami kumpulkan serta cara memperbarui, mengelola, mengekspor &amp; menghapus informasi Anda"
    />
    <meta property="og:title" content="Privacy Policy PT. Ruang Raya Indonesia | Ruangguru" />
    <meta
      name="twitter:description"
      content="Kebijakan Privasi ini bertujuan membantu Anda memahami informasi yang kami kumpulkan serta cara memperbarui, mengelola, mengekspor &amp; menghapus informasi Anda"
    />
    <meta name="twitter:title" content="Privacy Policy PT. Ruang Raya Indonesia | Ruangguru" />

    <link rel="canonical" href="https://www.ruangguru.com/career/privacy-policy" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      (function (h, e, a, t, m, p) {
        m = e.createElement(a);
        m.async = !0;
        m.src = t;
        p = e.getElementsByTagName(a)[0];
        p.parentNode.insertBefore(m, p);
      })(window, document, 'script', 'https://u.heatmap.it/log.js');
    </script>
    <meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />

    <meta property="og:url" content="https://www.ruangguru.com/career/privacy-policy" />
    <meta name="twitter:card" content="summary" />
    <meta http-equiv="content-language" content="id" />
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&family=Nunito:wght@100;200;300;400;500;600;700&family=Source+Sans+Pro:wght@100;200;300;400;500;600;700&display=swap');
      /* Utility Classes for Layout */
      .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
      .block {
  display: block;
}
      .flex {
  display: flex;
}
      .row-reverse {
  flex-direction: row-reverse;
}
      .hidden {
  display: none;
}
      .stack {
  display: flex;
  flex-direction: column;
}
      .hstack {
  display: flex;
  flex-direction: row;
}
      .w-full {
  width: 100%;
}
      .w-auto {
  width: auto;
}
      .flex-1 {
  flex: 1;
}
      .flex-2 {
  flex: 2;
}
      .justify-center {
  justify-content: center;
}
      .justify-self-end {
  justify-self: flex-end;
}
      .align-center {
  align-items: center;
}
      .self-start {
  align-self: flex-start;
}
      .self-center {
  align-self: center;
}
      .grid {
  display: grid;
}
      .gap-half {
  gap: 0.25rem; /* 4px */
}
      .gap-1 {
  gap: 0.375rem; /* 6px */
}
      .gap-2 {
  gap: 0.625rem; /* 10px */
}
      .gap-3 {
  gap: 0.75rem; /* 12px */
}
      .gap-4 {
  gap: 1rem; /* 16px */
}
      .gap-5 {
  gap: 1.25rem; /* 20px */
}
      .gap-6 {
  gap: 1.5rem; /* 24px */
}
      .p-1 {
  padding: 0.375rem; /* 6px */
}
      .p-3 {
  padding: 0.75rem; /* 12px */
}
      .p-9 {
  padding: 2.25rem; /* 36px */
}
      .px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
      .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
      .py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
      .text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
      .text-center {
  text-align: center;
}
      .text-2xs {
  font-size: 8px;
}
      .text-xs {
  font-size: 10px;
}
      .text-sm {
  font-size: 12px;
}
      .text-md {
  font-size: 14px;
}
      .text-lg {
  font-size: 16px;
}
      .text-xl {
  font-size: 18px;
}
      .text-2xl {
  font-size: 20px;
}
      .text-3xl {
  font-size: 24px;
}
      .text-4xl {
  font-size: 26px;
}
      .text-5xl {
  font-size: 32px;
}
      .text-white {
  color: #ffffff;
}
      .text-gray-200 {
  color: #d9d9d9;
}
      .text-gray-300 {
  color: #959dac;
}
      .text-gray-900 {
  color: #2c313a;
}
      .font-sans {
  font-family: 'Space Grotesk', sans-serif;
}
      .font-inter {
  font-family: Inter, sans-serif;
}
      .font-normal {
  font-weight: 400;
}
      .font-bold {
  font-weight: 700;
}
      .rotate-180 {
  transform: rotate(180deg);
}
      .radius-8 {
  border-radius: 8px;
}
      .radius-full {
  border-radius: 9999px;
}
      .cursor-pointer {
  cursor: pointer;
}
      /* Responsiveness */
      /* Extra Small screens (min-width: 475px) */
      @media (min-width: 475px) {
  .xs\:flex {
    display: flex;
  }
}
      /* Medium screens (min-width: 768px) */
      @media (min-width: 768px) {
  .md\:w-auto {
    width: auto;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:stack {
    display: flex;
    flex-direction: column;
  }

  .md\:gap-3 {
    gap: 0.75rem; /* 12px */
  }

  .md\:gap-4 {
    gap: 1rem; /* 16px */
  }

  .md\:gap-5 {
    gap: 1.25rem; /* 20px */
  }

  .md\:p-9 {
    padding: 2.25rem;
  }

  .md\:hstack {
    display: flex;
    flex-direction: row;
  }

  .md\:hidden {
    display: none;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .md\:text-xs {
    font-size: 10px;
  }

  .md\:text-sm {
    font-size: 12px;
  }

  .md\:text-md {
    font-size: 14px;
  }

  .md\:text-lg {
    font-size: 16px;
  }

  .md\:text-2xl {
    font-size: 20px;
  }

  .md\:text-3xl {
    font-size: 24px;
  }

  .md\:text-4xl {
    font-size: 26px;
  }

  .md\:text-5xl {
    font-size: 32px;
  }
}
      /* Large screens (min-width: 1024px) */
      @media (min-width: 1024px) {
  .lg\:p-9 {
    padding: 2.25rem;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr); /* 3 columns for desktops */
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr); /* 3 columns for desktops */
  }
}
      body {
  margin: 0;
  background: #f2eae6;
  color: #fff;
  -ms-overflow-style: none;
  height: 100%;
}
      .page-center {
  float: none !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  width: 90% !important;
}
      html {
  scrollbar-width: none;
}
      .web {
  display: inherit !important;
}
      a,
a:hover,
a:visited {
  text-decoration: none !important;
  color: inherit;
}
      p,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  margin: 0;
}
      .display-none {
  display: none !important;
}
      .cta {
  border-radius: var(--size-radius-rad-full, 9999px);
  background: var(--prop-action-primary-primary-default, #f26d0f);
  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;
  border: 1px solid #f26d0f;
  padding: 0.75rem 2.5rem;
}
      .secondary-cta {
  display: flex;
  height: 44px;
  padding: 0.3rem 2.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid var(--prop-action-secondary-secondary-default-border, #cfd3db);
  background: var(--prop-action-secondary-secondary-default, #fff);
  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;
  cursor: pointer;
  color: var(--color-text-text-ink, #2c313a);
}
      @media (max-width: 768px) {
  .desktop {
    display: none !important;
  }
}
      .kebijakan p,
.kebijakan span,
.kebijakan li,
.kebijakan a,
.kebijakan h1,
.kebijakan h2 {
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
      .kebijakan h1,
.kebijakan p,
.kebijakan span,
.kebijakan li {
  font-family: Source Sans Pro !important;
  color: #000;
}
      .kebijakan a {
  color: #2eb5c0;
}
      .kebijakan li {
  padding: 0.4rem 0;
}
      .kebijakan h1 {
  font-weight: 600;
}
      .kebijakan-subtitle p {
  padding: 1rem 0;
}
      .kebijakan-title {
  text-align: center;
}
      .kebijakan p {
  padding: 0.5rem 0;
}
      .kebijakan-content {
  padding: 1.5rem;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
}
      .kebijakan {
  margin-top: 5rem;
}
      .kebijakan-desc,
.kebijakan-subtitle {
  text-align: justify;
}
      @media (max-width: 767px) {
  .kebijakan-content {
    padding: 1rem;
  }
  .kebijakan ol {
    padding: 0.5rem 1.15rem;
  }
}
    </style>
    <script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/career/privacy-policy/assets/index-Do7-vh8s.js"></script>
  </head>
  <body class="hs-content-id-40214576287 hs-landing-page">
    <style>/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: sans-serif;
  line-height: 1.15;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  background-color: #fff;
  color: #212529;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}
[tabindex='-1']:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
p {
  margin-top: 0;
}
address {
  font-style: normal;
  line-height: inherit;
}
address,
dl,
ol,
ul {
  margin-bottom: 1rem;
}
dl,
ol,
ul {
  margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  background-color: transparent;
  color: #007bff;
  text-decoration: none;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
code,
pre {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-size: 1em;
}
pre {
  -ms-overflow-style: scrollbar;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  border-style: none;
}
img,
svg {
  vertical-align: middle;
}
svg {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  caption-side: bottom;
  color: #6c757d;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role='button'] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
output {
  display: inline-block;
}
summary {
  cursor: pointer;
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.h1,
h1 {
  font-size: 2.5rem;
}
.h2,
h2 {
  font-size: 2rem;
}
.h3,
h3 {
  font-size: 1.75rem;
}
.h4,
h4 {
  font-size: 1.5rem;
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.small,
small {
  font-size: 80%;
  font-weight: 400;
}
.mark,
mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.list-inline,
.list-unstyled {
  list-style: none;
  padding-left: 0;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.img-fluid {
  height: auto;
  max-width: 100%;
}
.figure {
  display: inline-block;
}
code {
  word-wrap: break-word;
  color: #e83e8c;
  font-size: 87.5%;
}
a > code {
  color: inherit;
}
pre {
  color: #212529;
  display: block;
  font-size: 87.5%;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}
.col {
  -ms-flex-preferred-size: 0;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-width: 0;
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
  }

  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
  }

  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
  }

  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
  }

  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.table {
  color: #212529;
  margin-bottom: 1rem;
  width: 100%;
}
.table td,
.table th {
  border-top: 1px solid #dee2e6;
  padding: 0.75rem;
  vertical-align: top;
}
.table thead th {
  border-bottom: 2px solid #dee2e6;
  vertical-align: bottom;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm td,
.table-sm th {
  padding: 0.3rem;
}
.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}
.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px;
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
  color: #212529;
}
.table-primary,
.table-primary > td,
.table-primary > th {
  background-color: #b8daff;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #7abaff;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
  background-color: #d6d8db;
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover,
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success,
.table-success > td,
.table-success > th {
  background-color: #c3e6cb;
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e;
}
.table-hover .table-success:hover,
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info,
.table-info > td,
.table-info > th {
  background-color: #bee5eb;
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda;
}
.table-hover .table-info:hover,
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: #ffeeba;
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover,
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > td,
.table-danger > th {
  background-color: #f5c6cb;
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e;
}
.table-hover .table-danger:hover,
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > td,
.table-light > th {
  background-color: #fdfdfe;
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover,
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark,
.table-dark > td,
.table-dark > th {
  background-color: #c6c8ca;
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #95999c;
}
.table-hover .table-dark:hover,
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > td,
.table-active > th,
.table-hover .table-active:hover,
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  background-color: #343a40;
  border-color: #454d55;
  color: #fff;
}
.table .thead-light th {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.table-dark {
  background-color: #343a40;
  color: #fff;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  background-color: hsla(0, 0%, 100%, 0.075);
  color: #fff;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-x: auto;
  width: 100%;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  color: #495057;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: calc(1.5em + 0.75rem + 2px);
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  background-color: #fff;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: #495057;
  outline: 0;
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type='date'].form-control,
input[type='datetime-local'].form-control,
input[type='month'].form-control,
input[type='time'].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control:focus::-ms-value {
  background-color: #fff;
  color: #495057;
}

select.form-control[size],
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.form-row > .col,
.form-row > [class*='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}
.form-check {
  display: block;
  padding-left: 1.25rem;
  position: relative;
}
.form-check-input {
  margin-left: -1.25rem;
  margin-top: 0.3rem;
  position: absolute;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.valid-feedback {
  color: #28a745;
  display: none;
  font-size: 80%;
  margin-top: 0.25rem;
  width: 100%;
}

.was-validated :valid ~ .valid-feedback {
  display: block;
}

.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
}

.was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated textarea.form-control:valid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}

.was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback {
  display: block;
}
.invalid-feedback {
  color: #dc3545;
  display: none;
  font-size: 80%;
  margin-top: 0.25rem;
  width: 100%;
}

.was-validated :invalid ~ .invalid-feedback {
  display: block;
}

.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(0.375em + 0.1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
}

.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid {
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
  padding-right: calc(1.5em + 0.75rem);
}

.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback {
  display: block;
}
.btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #212529;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn.focus,
.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: 0;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #0069d9;
  border-color: #0062cc;
  color: #fff;
}
.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #0062cc;
  border-color: #005cbf;
  color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
  background-color: #5a6268;
  border-color: #545b62;
  color: #fff;
}
.btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem hsla(208, 6%, 54%, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #545b62;
  border-color: #4e555b;
  color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(208, 6%, 54%, 0.5);
}
.btn-success {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
  color: #fff;
}
.btn-success.focus,
.btn-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background-color: #1e7e34;
  border-color: #1c7430;
  color: #fff;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}
.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
  background-color: #138496;
  border-color: #117a8b;
  color: #fff;
}
.btn-info.focus,
.btn-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
  background-color: #117a8b;
  border-color: #10707f;
  color: #fff;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: #212529;
}
.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  background-color: #d39e00;
  border-color: #c69500;
  color: #212529;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
  background-color: #c82333;
  border-color: #bd2130;
  color: #fff;
}
.btn-danger.focus,
.btn-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  background-color: #bd2130;
  border-color: #b21f2d;
  color: #fff;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}
.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
  color: #212529;
}
.btn-light.focus,
.btn-light:focus {
  box-shadow: 0 0 0 0.2rem hsla(220, 4%, 85%, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  background-color: #dae0e5;
  border-color: #d3d9df;
  color: #212529;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(220, 4%, 85%, 0.5);
}
.btn-dark {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}
.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #23272b;
  border-color: #1d2124;
  color: #fff;
}
.btn-dark.focus,
.btn-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
  background-color: #1d2124;
  border-color: #171a1d;
  color: #fff;
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  border-color: #007bff;
  color: #007bff;
}
.btn-outline-primary:hover {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: transparent;
  color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  border-color: #6c757d;
  color: #6c757d;
}
.btn-outline-secondary:hover {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.2rem hsla(208, 7%, 46%, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: transparent;
  color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem hsla(208, 7%, 46%, 0.5);
}
.btn-outline-success {
  border-color: #28a745;
  color: #28a745;
}
.btn-outline-success:hover {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  background-color: transparent;
  color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  border-color: #17a2b8;
  color: #17a2b8;
}
.btn-outline-info:hover {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: transparent;
  color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
  background-color: #17a2b8;
  border-color: #17a2b8;
  color: #fff;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  border-color: #ffc107;
  color: #ffc107;
}
.btn-outline-warning:hover {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  background-color: transparent;
  color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  border-color: #dc3545;
  color: #dc3545;
}
.btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  background-color: transparent;
  color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  border-color: #f8f9fa;
  color: #f8f9fa;
}
.btn-outline-light:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}
.btn-outline-light.focus,
.btn-outline-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  background-color: transparent;
  color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #212529;
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  border-color: #343a40;
  color: #343a40;
}
.btn-outline-dark:hover {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  background-color: transparent;
  color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  color: #007bff;
  font-weight: 400;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
}
.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
  text-decoration: underline;
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
  border-radius: 0.3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.5rem 1rem;
}
.btn-group-sm > .btn,
.btn-sm {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.25rem 0.5rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type='button'].btn-block,
input[type='reset'].btn-block,
input[type='submit'].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.dropdown {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: '';
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  color: #212529;
  display: none;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: 0.125rem 0 0;
  min-width: 10rem;
  padding: 0.5rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}
.dropdown-item {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #212529;
  display: block;
  font-weight: 400;
  padding: 0.25rem 1.5rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #f8f9fa;
  color: #16181b;
  text-decoration: none;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  background-color: transparent;
  color: #6c757d;
  pointer-events: none;
}
.dropdown-menu.show {
  display: block;
}
.btn-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}

.btn-group > .btn {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}

.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  cursor: default;
  pointer-events: none;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #6c757d;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  color: #495057;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #007bff;
  color: #fff;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  padding: 0.5rem 1rem;
  position: relative;
}
.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  font-size: 1.25rem;
  line-height: inherit;
  margin-right: 1rem;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav .dropdown-menu {
  float: none;
  position: static;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  -ms-flex-positive: 1;
  -ms-flex-align: center;
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1;
}
.navbar-toggler {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.25rem 0.75rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler-icon {
  background: no-repeat 50%;
  background-size: 100% 100%;
  content: '';
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-pack: start;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-collapse {
    -ms-flex-preferred-size: auto;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.card {
  word-wrap: break-word;
  background-clip: border-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.card > hr {
  margin-left: 0;
  margin-right: 0;
}
.card > .list-group {
  border-bottom: inherit;
  border-top: inherit;
}
.card > .list-group:first-child {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-width: 0;
}
.card > .list-group:last-child {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-width: 0;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
}
.card-subtitle,
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -0.75rem;
}
.card-header-pills,
.card-header-tabs {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.card-img-overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}
.card-img,
.card-img-bottom,
.card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
}
.breadcrumb,
.breadcrumb-item {
  display: -ms-flexbox;
  display: flex;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item:before {
  color: #6c757d;
  content: '/';
  display: inline-block;
  padding-right: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  border-radius: 0.25rem;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
}
.page-link {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #007bff;
  display: block;
  line-height: 1.25;
  margin-left: -1px;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.page-link:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #0056b3;
  text-decoration: none;
  z-index: 2;
}
.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: 0;
  z-index: 3;
}
.page-item:first-child .page-link {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  margin-left: 0;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
  z-index: 3;
}
.page-item.disabled .page-link {
  background-color: #fff;
  border-color: #dee2e6;
  color: #6c757d;
  cursor: auto;
  pointer-events: none;
}
.badge {
  border-radius: 0.25rem;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: 0.25em 0.4em;
  text-align: center;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  vertical-align: baseline;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:focus,
a.badge:hover {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  border-radius: 10rem;
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.badge-primary {
  background-color: #007bff;
  color: #fff;
}
a.badge-primary:focus,
a.badge-primary:hover {
  background-color: #0062cc;
  color: #fff;
}
a.badge-primary.focus,
a.badge-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  outline: 0;
}
.badge-secondary {
  background-color: #6c757d;
  color: #fff;
}
a.badge-secondary:focus,
a.badge-secondary:hover {
  background-color: #545b62;
  color: #fff;
}
a.badge-secondary.focus,
a.badge-secondary:focus {
  box-shadow: 0 0 0 0.2rem hsla(208, 7%, 46%, 0.5);
  outline: 0;
}
.badge-success {
  background-color: #28a745;
  color: #fff;
}
a.badge-success:focus,
a.badge-success:hover {
  background-color: #1e7e34;
  color: #fff;
}
a.badge-success.focus,
a.badge-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  outline: 0;
}
.badge-info {
  background-color: #17a2b8;
  color: #fff;
}
a.badge-info:focus,
a.badge-info:hover {
  background-color: #117a8b;
  color: #fff;
}
a.badge-info.focus,
a.badge-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  outline: 0;
}
.badge-warning {
  background-color: #ffc107;
  color: #212529;
}
a.badge-warning:focus,
a.badge-warning:hover {
  background-color: #d39e00;
  color: #212529;
}
a.badge-warning.focus,
a.badge-warning:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  outline: 0;
}
.badge-danger {
  background-color: #dc3545;
  color: #fff;
}
a.badge-danger:focus,
a.badge-danger:hover {
  background-color: #bd2130;
  color: #fff;
}
a.badge-danger.focus,
a.badge-danger:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  outline: 0;
}
.badge-light {
  background-color: #f8f9fa;
  color: #212529;
}
a.badge-light:focus,
a.badge-light:hover {
  background-color: #dae0e5;
  color: #212529;
}
a.badge-light.focus,
a.badge-light:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  outline: 0;
}
.badge-dark {
  background-color: #343a40;
  color: #fff;
}
a.badge-dark:focus,
a.badge-dark:hover {
  background-color: #1d2124;
  color: #fff;
}
a.badge-dark.focus,
a.badge-dark:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  outline: 0;
}
.alert {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1.25rem;
  position: relative;
}
.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0;
  }

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

  to {
    background-position: 0 0;
  }
}
.progress {
  background-color: #e9ecef;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  height: 1rem;
  line-height: 0;
}
.progress,
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.progress-bar {
  -ms-flex-pack: center;
  background-color: #007bff;
  color: #fff;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: width 0.6s ease;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.media {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.list-group {
  border-radius: 0.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.close {
  color: #000;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  opacity: 0.5;
  text-shadow: 0 1px 0 #fff;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 0.75;
}
button.close {
  background-color: transparent;
  border: 0;
  padding: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
  max-width: 350px;
  opacity: 0;
  overflow: hidden;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  -ms-flex-align: center;
  align-items: center;
  background-clip: padding-box;
  background-color: hsla(0, 0%, 100%, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  color: #6c757d;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0.75rem;
}
.toast-body {
  padding: 0.75rem;
}
.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}
.modal-dialog {
  margin: 0.5rem;
  pointer-events: none;
  position: relative;
  width: auto;
}
.modal.fade .modal-dialog {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal-dialog-centered {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
  content: '';
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
}
.modal-header {
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  align-items: flex-start;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.modal-header .close {
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
}
.modal-title {
  line-height: 1.5;
  margin-bottom: 0;
}
.modal-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  position: relative;
}
.modal-footer {
  -ms-flex-align: center;
  -ms-flex-pack: end;
  align-items: center;
  border-bottom-left-radius: calc(0.3rem - 1px);
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-top: 1px solid #dee2e6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0.75rem;
}
.modal-footer > * {
  margin: 0.25rem;
}
@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 500px;
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered:before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
.tooltip {
  word-wrap: break-word;
  display: block;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: 1070;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  display: block;
  height: 0.4rem;
  position: absolute;
  width: 0.8rem;
}
.tooltip .arrow:before {
  border-color: transparent;
  border-style: solid;
  content: '';
  position: absolute;
}
.carousel {
  position: relative;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.spinner-border {
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
  border: 0.25em solid;
  border-radius: 50%;
  border-right: 0.25em solid transparent;
  display: inline-block;
  height: 2rem;
  vertical-align: text-bottom;
  width: 2rem;
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.align-middle {
  vertical-align: middle !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
}
.rounded-right,
.rounded-top {
  border-top-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-right {
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom,
.rounded-left {
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: hsla(0, 0%, 100%, 0.5) !important;
}
.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  :after,
  :before {
    box-shadow: none !important;
    text-shadow: none !important;
  }

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

  pre {
    white-space: pre-wrap !important;
  }

  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }

  .container,
  body {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark tbody + tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    border-color: #dee2e6;
    color: inherit;
  }
}
.col-1,
.col-10,
.col-11,
.col-12,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.desktop-app a {
  color: #212529 !important;
}
.navbar-light .navbar-toggler-icon {
  background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/ic_hamburger_black.svg) !important;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
  border: none !important;
  outline: none !important;
  text-decoration: none !important;
}
.header-shadow {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
.header-shadow .nav-item a.nav-link:hover {
  background: 0 !important;
  color: #3cc4e5 !important;
}
.header-shadow a.dropdown-item:active,
.header-shadow a.dropdown-item:focus {
  background-color: #eaf8f9 !important;
  color: #212529 !important;
}
.header-shadow .dropdown-item img {
  margin-bottom: 4px;
}
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px;
}
.dropdown-toggle:after {
  transition: 0.7s;
}
.dropdown-toggle[aria-expanded='true']:after {
  transform: scaleY(-1);
}
a.dropdown-item:hover {
  background-color: #eaf8f9 !important;
}
.dropdown-item {
  color: #0a2540 !important;
  white-space: normal !important;
  width: auto !important;
}
.navbar-light .navbar-nav .nav-link {
  color: #474747 !important;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 17px;
}
img.log-baca {
  height: 20px;
  object-fit: contain;
}
.cta {
  border-radius: 9999px;
  background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
  width: 100%;
  border: none;
  color: var(--k-12-base-light-theme-text-solid-invert, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
}
.cta.dark {
  color: #000;
  background-color: #fff;
}
.cta-nav {
  position: absolute;
  right: 0;
}

a.cta-download {
  background: #ff823c;
  border: 0;
  border-radius: 50px;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: normal;
  outline: none;
  padding: 1rem 1.2rem;
  text-align: center;
  text-decoration: none;
}
.btn-group:hover .dropdown-menu,
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.dropdown-menu {
  width: max-content;
}
@media (min-width: 1025px) {
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row !important;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0 !important;
  }

  .navbar-light .navbar-nav .nav-link {
    margin-left: 14px;
    margin-right: 14px;
  }

  .dropdown-menu__925 {
    width: 925px !important;
  }

  .dropdown-menu-custom {
    padding-left: 1rem !important;
    width: 23rem;
  }

  .desktop-app {
    margin: 1rem 0 !important;
  }

  .dropdown-menu.show:before {
    border-bottom: 15px solid #fff;
    border-left: 10px solid transparent;
    border-radius: 3px;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 9%;
    position: absolute;
    top: -14px;
    width: 0;
  }

  .dropdown-menu .row .product-name {
    width: 25%;
  }

  .cta_button {
    font-size: 14px !important;
  }
}
@media (max-width: 1024px) {
  .dropdown-menu {
    width: auto !important;
  }

  .navbar {
    padding: 0 !important;
  }

  .navbar-brand {
    margin-left: 12px;
  }

  .header-shadow__display {
    width: 100%;
  }

  .dropdown-menu-custom {
    padding: 1rem !important;
    width: auto !important;
  }

  .navbar-nav {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
  }

  .nav-item {
    padding: 12px 0;
  }

  .navbar-light .navbar-toggler {
    border-color: transparent !important;
  }

  .navbar-collapse {
    max-height: 500px !important;
    overflow-y: scroll !important;
  }

  .navbar-toggler {
    font-size: 16px !important;
    padding: 0.25rem 0 !important;
  }

  .dropdown-menu {
    height: 100% !important;
    overflow-y: scroll !important;
  }

  .dropdown-menu .row .product-name {
    width: auto;
  }

  .dropdown-item {
    font-size: 14px;
    margin-bottom: 18px;
  }

  .cta-nav {
    margin-top: 0.25rem;
    text-align: center !important;
  }

  .navbar-light .navbar-nav .nav-link {
    margin-left: 0;
    margin-right: 0;
  }

  .desktop-app a {
    font-size: 13px;
  }
}
.ribbon-new {
  background: red !important;
  border-radius: 1rem;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  margin-left: 10px;
  padding: 1px 0;
  text-align: center;
  z-index: 2;
}
.glow-new {
  -webkit-animation: flow 1.5s linear infinite;
  -moz-animation: flow 1.5s linear infinite;
  background: #fff;
  background: -moz-linear-gradient(
    left,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0) 1%,
    #fff 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, hsla(0, 0%, 100%, 0)),
    color-stop(1%, hsla(0, 0%, 100%, 0)),
    color-stop(100%, #fff)
  );
  background: -webkit-linear-gradient(
    left,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0) 1%,
    #fff
  );
  background: -o-linear-gradient(
    left,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0) 1%,
    #fff 100%
  );
  background: -ms-linear-gradient(
    left,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0) 1%,
    #fff 100%
  );
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0) 1%,
    #fff
  );
  border-left: 1px solid #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ffffff",GradientType=1);
  height: 100%;
  margin-left: -5rem;
  position: absolute;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  z-index: 999;
}
.ribbon-wrapper-new {
  position: relative;
  width: 86px;
  z-index: 998;
}
.navig-link a {
  background-color: transparent;
  color: #474747 !important;
  text-decoration: none !important;
}
.navig-link.dark a {
  color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
  background: 0 !important;
  color: #3cc4e5 !important;
  cursor: pointer;
  text-decoration: none !important;
}
.ruangguru-header {
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.ruangguru-header.dark {
  background: #000;
}
.ruangguru-header.hasBanner {
  top: 4.5rem;
}
.ruangguru-header .navig-link {
  color: #474747 !important;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.navigation__left {
  display: flex;
}
.logo-header {
  padding: 5px 0;
}
.navig-link:hover {
  background: 0 !important;
  color: #3cc4e5 !important;
  cursor: pointer;
}
.navig-link-dropdown {
  white-space: nowrap;
}
.navig-link-dropdown:after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: '';
  display: inline-block;
  margin-left: 0.255em;
  transition: 0.7s;
  vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
  transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
  transform: scaleY(1);
}
.logo-product {
  margin: 0 0 5px !important;
}
.logo-product img {
  min-height: 20px;
}
#lp_ea {
  display: flex;
}
.show-animation {
  animation: animate 0.5s ease-in-out forwards;
  opacity: 0;
  transform-origin: right top;
}
.item-services a,
.text-product {
  font-family: Inter;
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }

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

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

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

  .ruangguru-header {
    padding: 8px 0 8px 16px;
  }

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

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

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

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

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

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

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

  #services_item {
    left: 44rem;
  }

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

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

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

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

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

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

  .navigation__content {
    padding-bottom: 20px;
  }

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

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

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

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

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

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

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

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

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

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

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: 100%;
    flex-grow: 1;
    max-height: 500px;
    overflow-y: scroll;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .spacer-rg {
    height: 4rem !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .navigation__content {
    padding-bottom: 20px;
  }

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

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

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

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

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

  #produk_item {
    padding: 1rem 20px;
  }

  
  #services_item {
    padding: 10px 20px;
  }

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

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

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

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

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

  .navigation__content {
    align-items: center;
    display: none;
    flex-basis: 100%;
    flex-grow: 1;
    max-height: 500px;
    overflow-y: scroll;
    text-align: center;
  }
}
.secondary-cta {
  display: flex;
  height: 44px;
  padding: 0.3rem 2.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid
    var(--prop-action-secondary-secondary-default-border, #cfd3db);
  background: var(--prop-action-secondary-secondary-default, #fff);
  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;
  cursor: pointer;
  color: var(--color-text-text-ink, #2c313a);
}
.container-login_details {
  position: relative;
}
.container-user_profile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--size-radius-rad-full, 9999px);
  border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
  background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
}
.profile-picture {
  border-radius: 100%;
}
.display-none {
  display: none !important;
}
    </style>
    
    <nav class="ruangguru-header">
      <div class="page-center">
        <div class="container-ruangguru-header">
          <div class="navigation__left">
            <a
              data-tracking-event-type="landing_page__core__item_click"
              data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
              href="https://www.ruangguru.com/"
            >
              <div class="logo-header">
                <img
                  src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg"
                  alt="Logo ruangguru"
                  loading="lazy"
                />
              </div>
            </a>
          </div>
          <div class="navigation__content">
            <div class="navig-link">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru_career","cta_action": "redirection","cta_action_detail": "https://career.ruangguru.com/","item_type": "link","item_name": "Careers","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://career.ruangguru.com/"
                >Careers</a
              >
            </div>
            <div class="navig-link">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru_career","cta_action": "redirection","cta_action_detail": "https://career.ruangguru.com/technology","item_type": "link","item_name": "Technology","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://career.ruangguru.com/technology"
                >Technology</a
              >
            </div>
            <div class="navig-link">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru_career","cta_action": "redirection","cta_action_detail": "https://career.ruangguru.com/internship","item_type": "link","item_name": "Internship","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://career.ruangguru.com/internship"
                >Internship</a
              >
            </div>
            <div class="navig-link">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru_career","cta_action": "redirection","cta_action_detail": "https://career.ruangguru.com/our-values","item_type": "link","item_name": "Our Values","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://career.ruangguru.com/our-values"
                >Our Values</a
              >
            </div>
            <div class="navig-link">
              <a
                data-tracking-event-type="landing_page__core__item_click"
                data-tracking-context='{"product_name": "ruangguru_career","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/career/privacy-policy","item_type": "link","item_name": "Privacy Policy","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
                href="https://www.ruangguru.com/career/privacy-policy"
                >Privacy Policy</a
              >
            </div>
          </div>
          <div class="navigation__right">
            <div class="hamburger-icon">
              <svg
                width="2rem"
                height="2rem"
                fill="currentColor"
                data-id="rg-icon-generalMenu"
                viewBox="0 0 32 32"
              >
                <path
                  fill="#2DBDC7"
                  d="M0 16h24v-2.667H0V16zm0-6.667h24V6.667H0v2.666zM0 0v2.667h24V0H0z"
                ></path>
              </svg>
            </div>
          </div>
        </div>
      </div>
    </nav>
    

    <div class="body-container-wrapper">
      <div class="body-container container-fluid">
        <div class="kebijakan">
          <div class="page-center">
            <div class="kebijakan-content">
              <div class="kebijakan-title">
                <h1>KEBIJAKAN PRIVASI</h1>
                <p>Terakhir Diubah pada 31 Januari 2025</p>
              </div>
              <div class="kebijakan-subtitle">
                <p>
                  Kebijakan Privasi Kandidat (&ldquo;
                  <strong>Kebijakan</strong>
                  &rdquo;) ini menjelaskan jenis informasi pribadi yang dapat dikumpulkan PT Ruang Raya Indonesia dan Affiliasinya (&ldquo;
                  <strong>Ruangguru</strong>
                  &rdquo;) selama proses lamaran pekerjaan dan perekrutan, cara kami dapat menggunakan informasi ini, dengan siapa kami dapat membagikan informasi ini, dan cara mengakses serta
                  memperbarui informasi ini. Kebijakan ini mengatur landasan dasar mengenai bagaimana Kami memproses Data Pribadi Anda seperti mengumpulkan, menyimpan, menggunakan, mengolah,
                  menguasai, mentransfer, mengungkapkan dan/atau melindungi Data Pribadi. Kami Memproses Data Pribadi Anda selama Anda memberikan persetujuan dan diperlukan untuk memenuhi tujuan
                  perolehan dan pengumpulannya, atau sebagaimana diwajibkan oleh Peraturan Perundang-undangan yang Berlaku.
                </p>
                <p>
                  Kebijakan ini berlaku untuk informasi pribadi tentang Anda termasuk Data Pribadi yang dapat Anda atau orang lain berikan (atas nama Anda atau Ruangguru) kepada Ruangguru selama
                  proses lamaran pekerjaan dan perekrutan (&ldquo;
                  <strong>Data Kandidat</strong>
                  &rdquo;) termasuk melalui situs pekerjaan dan platform perekrutan kami. Penggunaan situs perusahaan Ruangguru
                  <a href="https://career.ruangguru.com/">https://career.ruangguru.com/</a>
                  .
                </p>
              </div>
              <div class="kebijakan-desc">
                <p>
                  <b>Jenis Data Kandidat dan Informasi yang Kami Kumpulkan</b>
                </p>
                <p>
                  Jenis Data Kandidat yang Anda bagikan kepada kami dan/atau yang mungkin kami peroleh dari pihak ketiga, seperti perusahaan Anda sebelumnya, referensi, agen penyaringan
                  ketenagakerjaan, perekrut, dan situs web perekrutan serta situs web lainnya, meliputi termasuk namun tidak terbatas pada:
                </p>
                <ul>
                  <li>Nama, alamat, alamat surel, nomor telepon, dan informasi kontak lainnya;</li>
                  <li>Resume, CV, surat lamaran, pengalaman kerja sebelumnya, lisensi dan sertifikasi profesional, keterampilan dan kualifikasi pekerjaan, serta informasi pendidikan;</li>
                  <li>Riwayat dan permintaan kompensasi, kesediaan untuk pindah, dan preferensi pekerjaan lainnya;</li>
                  <li>Informasi referensi, umpan balik perusahaan, dan informasi yang diterima dari pemeriksaan latar belakang;</li>
                  <li>Hasil dan informasi kuesioner daring dari wawancara; dan</li>
                  <li>Informasi tambahan yang disediakan atau diungkapkan selama proses lamaran pekerjaan dan perekrutan (misalnya preferensi bahasa).</li>
                </ul>
                <p>
                  Setiap informasi yang Anda kirimkan selama proses lamaran pekerjaan dan perekrutan harus benar dan tidak menyesatkan, dan Anda harus memiliki hak yang sah untuk memberikannya. Jika
                  tidak, hal ini dapat menyebabkan penolakan lamaran pekerjaan Anda atau tindakan pendisiplinan termasuk pemutusan hubungan kerja selanjutnya.
                </p>
                <p><b>Penggunaan Data Kandidat</b></p>
                <p>
                  Ruangguru dapat mengumpulkan, menggunakan, dan memproses Data Kandidat Anda untuk tujuan sumber daya manusia dan manajemen bisnis, termasuk: (i) mengevaluasi keterampilan dan
                  kualifikasi Anda untuk posisi di Ruangguru; (ii) berkomunikasi dengan Anda; (iii) menyimpan catatan yang tepat terkait praktik dan proses perekrutan dan penerimaan kerja; (iv)
                  menganalisis dan meningkatkan perekrutan dan proses perekrutan; dan (v) memverifikasi informasi Anda dan melakukan pemeriksaan referensi dan latar belakang, jika diizinkan.
                </p>
                <p>Ruangguru juga dapat mengumpulkan, menggunakan, dan mengolah Data Kandidat Anda untuk mematuhi undang-undang, peraturan, proses hukum, atau permintaan pemerintah yang berlaku.</p>
                <p><b>Penyimpanan Data Kandidat</b></p>
                <p>
                  Jika Anda direkrut, Data Kandidat Anda dapat dialihkan ke berkas personel karyawan dan digunakan serta disimpan selama diperlukan terkait hubungan kerja Anda untuk tujuan manajemen
                  sumber daya manusia dan bisnis sesuai dengan hukum yang berlaku dan Kebijakan Privasi tersedia di Ruangguru atau unit bisnis yang berlaku. Jika Anda tidak direkrut, Ruangguru dapat
                  menyimpan Data Kandidat Anda: (i) selama periode lebih lanjut yang ditetapkan sesuai dengan protokol penyimpanan catatan kami agar kami dapat mempertimbangkan Anda untuk peluang
                  kerja lain jika diizinkan oleh hukum yang berlaku dan/atau selama diperlukan untuk mematuhi persyaratan penyimpanan catatan yang sah (ii) ketika dimulainya masa retensi sejak tanggal
                  di mana Anda melakukan permintaan penghapusan akun dan Data Kandidat Anda; dan/atau (iii) sesuai dengan tujuan awal dari pengumpulan Data Kandidat tersebut.
                </p>
                <p><b>Penghapusan Data Pribadi</b></p>
                <p>Kami hanya akan menghapus Data Kandidat Anda, apabila:</p>
                <ol>
                  <li>Anda tidak lagi menggunakan platform perekrutan kami yang dibuktikan dengan adanya permohonan penghapusan Akun;&nbsp;</li>
                  <li>Anda mengajukan permohonan penghapusan Data Kandidat Anda baik sebagian maupun seluruhnya;&nbsp;</li>
                  <li>terdapat putusan pengadilan yang telah berkekuatan hukum tetap atau perintah dari pejabat yang berwenang untuk menghapus Data Kandidat Anda.</li>
                </ol>
                <p>
                  Penghapusan Data Kandidat Anda tidak menghilangkan kewajiban Kami untuk menyimpan Data Kandidat Anda untuk tujuan dan dalam waktu yang dipersyaratkan oleh peraturan
                  perundangan-undangan yang berlaku.
                </p>
                <p>
                  Jika Anda tidak ingin kami menyimpan Data Kandidat Anda, silahkan hubungi
                  <a href="mailto:talent.acquisition@ruangguru.com">talent.acquisition@ruangguru.com</a>
                  . Namun demikian, harap diperhatikan bahwa beberapa informasi mungkin disimpan karena diperlukan untuk mematuhi kewajiban hukum kami.
                </p>
                <p><b>Pemusnahan Data Kandidat</b></p>
                <p>
                  Kami menyimpan Data Kandidat Anda hanya selama diperlukan untuk memenuhi tujuan pengumpulan informasi tersebut sebagaimana diatur dalam Kebijakan Privasi ini, atau sebagaimana
                  diwajibkan oleh peraturan perundang-undangan yang berlaku. Apabila Data tersebut tidak lagi diperlukan untuk tujuan pengolahan atau penyimpanan yang sah, kami akan melakukan
                  pemusnahan Data Kandidat sesuai dengan prosedur yang aman. Pemusnahan Data Kandidat akan dilakukan dalam situasi berikut:
                </p>
                <ol>
                  <li>
                    Masa retensi telah berakhir: Data Kandidat yang telah mencapai batas waktu penyimpanan yang diatur oleh kebijakan internal atau peraturan perundang-undangan akan dimusnahkan dengan
                    cara yang aman.
                  </li>
                  <li>
                    Permintaan dari subjek data: Anda sebagai subjek data berhak untuk meminta pemusnahan Data Kandidat yang telah selesai diproses, kecuali ada kewajiban hukum yang mengharuskan kami
                    untuk menyimpan data tersebut.
                  </li>
                  <li>Kewajiban hukum atau peraturan: Kami diwajibkan untuk memusnahkan Data Pribadi berdasarkan peraturan perundang-undangan yang berlaku atau keputusan hukum yang sah.</li>
                </ol>
                <p>Proses pemusnahan akan dilakukan dengan cara yang memastikan bahwa Data Kandidat tidak dapat dipulihkan kembali dan sepenuhnya tidak dapat diakses oleh pihak manapun.</p>
                <p><b>Pengungkapan Data Kandidat</b></p>
                <p>
                  Sejauh yang diperbolehkan oleh Hukum yang Berlaku Ruangguru dapat membagikan Data Kandidat Anda secara internal dan kepada penyedia layanan dan pihak ketiga lainnya yang telah
                  dilibatkan
                  <strong>untuk melaksanakan layanan perekrutan</strong>
                  dan layanan lainnya sesuai dengan kebijakan Ruangguru. Pihak ketiga ini wajib menggunakan langkah yang sesuai untuk melindungi kerahasiaan dan keamanan Data Kandidat Anda.
                </p>
                <p>
                  Ruangguru juga dapat diwajibkan untuk mengungkapkan Data Kandidat tertentu kepada pihak ketiga sebagaimana diwajibkan oleh hukum atau peraturan (misalnya kepada otoritas pajak dan
                  jaminan sosial) atau untuk menanggapi proses hukum atau permintaan yang sah dari otoritas publik, termasuk untuk memenuhi persyaratan keamanan nasional atau penegakan hukum.
                </p>
                <p>
                  Kami juga dapat membagikan Data Kandidat Anda kepada pihak ketiga jika (1) untuk mendeteksi, menyelidiki, dan membantu mencegah masalah penipuan, keamanan, atau teknis; (2) untuk
                  melindungi hak, properti, atau keselamatan Ruangguru dan pengguna, pelamar, kandidat, karyawan, dan pihak lainnya; dan (3) sebagai bagian dari transaksi perusahaan, seperti
                  pengalihan atau akuisisi aset oleh atau melalui merger dengan perusahaan lain.
                </p>
                <p><b>Keamanan dan Kerahasiaan</b></p>
                <p>
                  Ruangguru berkomitmen untuk menggunakan langkah-langkah teknis dan organisasi yang sesuai, yang dirancang untuk melindungi keamanan dan kerahasiaan Data Kandidat Anda sesuai
                  peraturan perundang-undangan yang berlaku.
                </p>
                <p><b>Memperbarui Data Kandidat</b></p>
                <p>
                  Jika Anda terdaftar di situs pekerjaan atau platform perekrutan kami, Anda dapat secara langsung mengakses dan meninjau Data Kandidat Anda, serta membuat pembaruan saat log masuk
                  kapan saja. Anda juga dapat memperbarui atau menutup akun Anda dengan menghubungi
                  <a href="mailto:talent.acquisition@ruangguru.com">talent.acquisition@ruangguru.com</a>
                  .
                </p>
                <p><b>Hak Anda</b></p>
                <ol>
                  <li>
                    Berdasarkan undang-undang privasi dan perlindungan data tertentu, sebagaimana berlaku,Anda berhak diberikan informasi yang jelas, transparan, dan mudah dipahami tentang bagaimana
                    Kami menggunakan Data Kandidat Anda dan hak-hak Anda. Karenanya, Kami memberikan Anda informasi dalam Kebijakan Privasi ini.&nbsp;
                  </li>
                  <li>
                    Anda dapat memohon untuk penghapusan dan atau pemusnahan Data Kandidat Anda atau menarik persetujuan Anda untuk setiap atau segala pengumpulan, penggunaan atau pengungkapan Data
                    Kandidat Anda dengan memberikan kepada kami pemberitahuan yang wajar secara tertulis melalui detail kontak yang tercantum pada Kebijakan Privasi ini. Tergantung pada keadaan dan
                    sifat permohonan yang Anda minta, Anda harus memahami dan mengakui bahwa setelah penarikan persetujuan atau permohonan penghapusan tersebut, Anda mungkin tidak lagi dapat ikut
                    dalam proses lamaran pekerjaan dan perekrutan. Penarikan persetujuan Anda dapat mengakibatkan penghentian Akun Anda atau hubungan kontraktual Anda dengan kami, dengan semua hak dan
                    kewajiban yang muncul sepenuhnya harus dipenuhi. Setelah menerima pemberitahuan untuk menarik persetujuan untuk pengumpulan, penggunaan atau pengungkapan Data Kandidat Anda, Kami
                    akan menginformasikan Anda tentang konsekuensi yang mungkin terjadi dari penarikan tersebut sehingga Anda dapat memutuskan apakah Anda tetap ingin menarik persetujuan atau tidak.
                  </li>
                  <li>
                    Anda dapat meminta kepada Kami untuk mengakses dan/atau mengoreksi, melengkapi, memperbaiki atau membaharui Data Kandidat Anda yang berada dalam kepemilikan dan penguasaan kami,
                    dengan menghubungi kami melalui detail kontak yang disediakan di bawah ini. Harap diperhatikan bahwa semua permohonan permintaan akan melalui proses penyaringan dan verifikasi yang
                    cermat dan hanya akan diproses oleh kami apabila Anda telah menyerahkan bukti identitas yang memadai untuk melakukan akses, koreksi atau permintaan salinan terhadap Data Kandidat
                    tersebut. Kami berhak menolak permohonan untuk mengakses, atau untuk memperbaiki, sebagian atau semua Data Kandidat Anda jika diizinkan atau diperlukan berdasarkan Peraturan
                    Perundang-undangan yang Berlaku.
                  </li>
                  <li>
                    Anda memiliki hak untuk memperoleh salinan Data Kandidat anda dari database kami. Ini hanya berlaku untuk Data Kandidat yang Anda berikan, dimana pemrosesan didasarkan pada kontrak
                    atau persetujuan Anda. Untuk detail lebih lanjut, silahkan hubungi kami di detail di bawah ini.&nbsp;
                  </li>
                  <li>
                    Anda dapat meminta untuk menerima atau mentransfer Data Kandidat Anda ke organisasi lain dalam bentuk yang sesuai dengan struktur dan/atau format yang lazim digunakan atau dapat
                    dibaca oleh sistem elektronik, di mana Data Kandidat Anda diproses berdasarkan persetujuan Anda atau sebagai bagian dari kinerja kontrak, sepanjang sistem yang digunakan dapat
                    saling berkomunikasi secara aman sesuai dengan prinsip Pelindungan Data Pribadi berdasarkan perundang-undangan yang berlaku.&nbsp;
                  </li>
                  <li>
                    Hak yang terkait dengan pengambilan keputusan otomatis. Kami tidak mengadopsi teknologi pengambilan keputusan otomatis yang memiliki dampak hukum atau signifikan lainnya terhadap
                    Anda. Meskipun Kami saat ini tidak melaksanakan proses semacam ini, Anda tetap memiliki hak-hak berikut, seandainya situasi berubah di masa depan:
                    <ul>
                      <li>Intervensi Manusia: Anda berhak untuk meminta intervensi manusia pada setiap proses keputusan, memastikan bahwa keputusan tidak sepenuhnya otomatis.</li>
                      <li>Menyampaikan Pandangan: Anda memiliki hak untuk menyampaikan pandangan Anda dan untuk didengar dalam proses pengambilan keputusan.&nbsp;</li>
                      <li>Penjelasan Keputusan: Anda berhak untuk meminta penjelasan mengenai logika di balik keputusan otomatis dan dampak yang mungkin timbul darinya.&nbsp;</li>
                      <li>Mempertanyakan Keputusan: Anda berhak untuk mempertanyakan keputusan yang didasarkan pada pemrosesan otomatis dan meminta ulasan terhadap keputusan tersebut.</li>
                    </ul>
                  </li>
                  <li>Serta dalam keadaan tertentu Anda berhak meminta pembatasan pemrosesan Data Kandidat Anda oleh kami atau mengajukan keberatan terhadap Pemrosesan Data Kandidat Anda.</li>
                  <li>
                    Jika Anda merasa bahwa hak privasi Data Kandidat Anda dilanggar atau Anda mengalami kerugian akibat pengolahan Data Kandidat Anda yang melanggar hukum, Anda memiliki hak untuk
                    mengajukan keluhan langsung kepada otoritas privasi data yang relevan sesuai dengan Peraturan Perundang-undangan yang Berlaku.
                  </li>
                </ol>
                <p>
                  Jika Anda ingin melaksanakan hak-hak ini, hubungi
                  <a href="mailto:talent.acquisition@ruangguru.com">talent.acquisition@ruangguru.com</a>
                  . yang menjadi tujuan pengiriman Data Kandidat. Kami akan menanggapi permintaan Anda sesuai dengan undang-undang yang berlaku. Namun demikian, harap diperhatikan bahwa data pribadi
                  tertentu dapat dikecualikan dari permintaan tertentu karena pembatasan berdasarkan undang-undang yang berlaku.
                </p>
                <p><b>Dasar Pemrosesan</b></p>
                <p>Kami mengumpulkan dan menggunakan Data Kandidat dengan dasar-dasar yang sah berikut ini:</p>
                <ul>
                  <li>Apabila diperlukan untuk melakukan pekerjaan atau kontrak lain dengan Anda atau atas permintaan Anda sebelum menandatangani kontrak;</li>
                  <li>Jika diperlukan untuk mematuhi hukum ketenagakerjaan kami atau kewajiban hukum lainnya seperti persyaratan akuntansi dan pajak;</li>
                  <li>Apabila berlaku, dengan persetujuan Anda; dan/atau</li>
                  <li>
                    Sebagaimana diperlukan untuk melaksanakan proses lamaran pekerjaan dan perekrutan, melindungi keamanan sistem dan kandidat kami, mendeteksi atau mencegah penipuan, memungkinkan
                    kandidat mematuhi kewajiban hukum, atau memenuhi kepentingan sah kami lainnya sebagaimana dijelaskan di atas, kecuali jika kepentingan kami dikesampingkan oleh hak privasi Anda.
                  </li>
                </ul>
                <p>
                  Apabila kami mengandalkan persetujuan Anda untuk memproses Data Kandidat, Anda berhak untuk menarik persetujuan Anda kapan saja tanpa mempengaruhi keabsahan pemrosesan berdasarkan
                  persetujuan sebelum penarikannya, dan jika kami mengandalkan kepentingan yang sah, Anda berhak untuk mengajukan keberatan atas pemrosesan tersebut melalui
                  <a href="mailto:talent.acquisition@ruangguru.com">talent.acquisition@ruangguru.com</a>
                  .
                </p>
                <p><b>Pembatasan Tanggung Jawab</b></p>
                <p>
                  Sepanjang diizinkan oleh peraturan perundang-undangan yang berlaku, Anda dengan ini setuju untuk melepaskan, membebaskan, memberikan ganti rugi, dan membela Kami, termasuk setiap
                  pejabat, direktur, karyawan, agen, Afiliasi dari dan terhadap setiap dan segala permintaan, gugatan, klaim, kerugian, tanggung jawab, kewajiban, biaya, kerusakan, dan ongkos
                  (termasuk tetapi tidak terbatas pada biaya hukum dan pengeluaran biaya ganti rugi) yang timbul secara langsung maupun tidak langsung dari:
                </p>
                <ol>
                  <li>
                    segala risiko akibat Data Kandidat yang dicegat, disadap, dicuri, diakses, dicuri, diungkapkan, diubah, atau dihancurkan oleh pihak lainnya yang tidak berwenang karena kesalahan
                    Anda;&nbsp;
                  </li>
                  <li>
                    segala risiko akibat pemrosesan Data Kandidat yang tidak sesuai dengan Kebijakan Privasi ini dan/atau peraturan perundang-undangan yang berlaku namun bukan karena kesalahan
                    Kami;&nbsp;
                  </li>
                  <li>seluruh risiko yang timbul dari kelalaian dan/atau kesalahan pribadi Anda dalam menjaga keamanan dan kerahasiaan Data Kandidat Anda;</li>
                  <li>
                    segala risiko yang timbul dari pemanfaatan media dan/atau aplikasi apapun yang digunakan Anda untuk mengungkapkan dan/atau menyimpan Data Kandidat Anda, seperti layanan
                    penyimpanan.
                  </li>
                </ol>
                <p><b>Perubahan terhadap Kebijakan ini</b></p>
                <p>
                  Kami akan memperbarui Kebijakan ini dari waktu ke waktu. Kami akan memasang Kebijakan yang direvisi dengan tanggal revisi yang diperbarui di situs perusahaan Ruangguru dan
                  menautkannya dari situs pekerjaan dan platform perekrutan kami. Apabila kami membuat perubahan penting apa pun, kami akan menyediakan pemberitahuan melalui situs ini atau dengan cara
                  lain.
                </p>
                <p><b>Kontak</b></p>
                <p>
                  Jika Anda memiliki pertanyaan, komentar, keluhan, atau permintaan terkait Kebijakan ini atau pemrosesan informasi Anda oleh kami, silakan hubungi:
                  <a href="mailto:talent.acquisition@ruangguru.com">talent.acquisition@ruangguru.com</a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

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

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

    <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
    <!-- Tracker -->
    <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>
      var Analytics = _analytics.init({
        app: 'brainAcademyLandingPage',
        debug: false,
        plugins: [analyticsTrackable()],
      });
      Analytics.ready(function () {
        Analytics.page();
      });
    </script>
  </body>
</html>