<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="Pilih bimbel intensif UTBK-SNBT 2026 hanya di Ruangguru. Langganan sekarang dan saatnya wujudkan impian kuliah di universitas favorit." />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<title>Siap UTBK-SNBT 2026 & Lolos di Kampus Impian bersama Ruangguru</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<link rel="canonical" href="https://www.ruangguru.com/utbk-snbt" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:description" content="Pilih bimbel intensif UTBK-SNBT 2026 hanya di Ruangguru. Langganan sekarang dan saatnya wujudkan impian kuliah di universitas favorit." />
<meta property="og:title" content="Siap UTBK-SNBT 2026 & Lolos di Kampus Impian bersama Ruangguru" />
<meta name="twitter:description" content="Pilih bimbel intensif UTBK-SNBT 2026 hanya di Ruangguru. Langganan sekarang dan saatnya wujudkan impian kuliah di universitas favorit." />
<meta name="twitter:title" content="Siap UTBK-SNBT 2026 & Lolos di Kampus Impian bersama Ruangguru" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/104593577627/1678423003085/module_104593577627_Header_UTBK_SNBT_Ruangguru_2023.min.css"
/>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/104593577628/1678423031487/module_104593577628_Footer_UTBK_SNBT_Ruangguru_2023.min.css"
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&Nunito:ital,wght@0,700;0,800;1,700;1,800&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
a,
a:hover {
text-decoration: none !important;
}
.ul-checklist {
margin: 0;
padding: 10px 1px;
}
.white-checklist li {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/7cbe239a-f5d1-4c6b-b7f5-5c318cecaa75.svg);
color: #fff;
}
.blue-checklist li {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/a80f500f-0694-4a9b-a807-cbdcdff3ba45.svg);
color: #2c313a;
}
.red-checklist li {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d61c5459-3810-415e-934c-3a011c03a388.svg);
color: #2c313a;
}
.purple-checklist li {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/11dae5fa-4034-47d9-acbb-368c5850cbaa.svg);
color: #2c313a;
}
.teal-checklist li {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/234d3eb0-65c2-43c4-a515-e78579fca820.svg);
color: #2c313a;
}
.ul-checklist li {
align-items: flex-start;
background-position-x: left;
background-position-y: 10%;
background-repeat: no-repeat;
background-size: 1rem 1rem;
display: flex;
font-family: Inter;
padding-bottom: 0.75rem;
padding-left: 20px;
text-align: left;
word-break: break-word;
}
.button-basic-orange {
align-items: center;
border: none;
color: #fff;
display: flex;
float: none;
font-family: Inter;
font-size: 16px;
font-weight: 700;
justify-content: center;
line-height: 24px;
margin: auto;
max-width: 35%;
padding: 14px 0;
text-align: center;
width: 100%;
}
.hero {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/f175e598-c82c-4f1f-927a-27f756984bd5.svg),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(225deg, #2196f3 14.64%, #4844fa 85.36%);
background-position-x: left, right, center;
background-position-y: bottom, top, center;
background-repeat: no-repeat;
background-size: 20%, 20%, cover;
min-height: 24rem;
overflow: hidden;
padding: 40px 64px 0 40px;
}
.hero-content {
align-items: flex-end;
display: grid;
grid-template-columns: 1fr 1fr;
position: relative;
}
.font-title {
font-size: 36px;
font-weight: 700;
letter-spacing: -0.01em;
line-height: 54px;
}
.font-desc {
padding: 8px 0 24px;
}
.hero-right img {
padding-top: 1.5rem;
z-index: 1;
}
.hero-right img,
.illust-item,
.img-people,
.people {
position: absolute;
}
#five .img-people img,
#four .img-people img,
#one .img-people img,
#three .img-people img,
#two .img-people img,
.img-ic-arrow {
height: auto;
}
.people {
bottom: 0;
height: 100%;
transform-origin: bottom;
width: 100%;
}
.people-desc-box {
background: rgba(0, 49, 92, 0.6);
border-radius: 12px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
}
.people p {
color: #fff;
font-family: Inter;
}
.illust-item {
opacity: 0;
z-index: 1;
}
.img-people {
bottom: -5rem;
text-align: center;
}
.utbk-score-box {
background: rgba(0, 49, 92, 0.6);
border-radius: 0 12px 12px 12px;
bottom: 12rem;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
display: flex;
padding: 11px 15px 15px;
}
.utbk-score-box:before {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/99195fbc-1445-4bf6-b471-d6ba20333340.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
display: inline-block;
height: 40px;
left: -30%;
position: absolute;
top: -25%;
width: 40px;
}
.label-diterima {
margin-bottom: 4px !important;
}
.img-score img {
margin-top: -20px;
}
.img-people,
.modal-backdrop.fade,
.people-desc-box {
opacity: 0;
}
.img-univ {
margin-right: 8px;
}
.univ-box {
align-items: center;
background: rgba(0, 49, 92, 0.6);
border-radius: 12px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
display: flex;
width: fit-content;
}
.people-nama,
.univ-name,
.utbk-score {
font-weight: 700;
}
.container-anime {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
transform: translate(-2rem, -1rem);
}
.form-section {
position: relative;
z-index: 3;
}
.form-section input {
background-color: #fff;
border: none;
border-radius: 200px !important;
color: #0a2540 !important;
display: block;
font-family: Inter !important;
font-weight: 600 !important;
margin: 0 0 10px;
max-width: 100%;
outline: 0;
transition: all 0.2s;
}
.form-section button {
align-items: center;
background-color: #f26d0f !important;
border: none;
border-radius: 100px;
color: #fafbfc !important;
display: flex;
font-family: Inter;
font-style: normal;
font-weight: 600;
gap: 0.35rem;
position: absolute;
text-align: center;
}
.form-section label {
color: #fff;
display: block;
font-family: Inter;
font-weight: 600;
padding-bottom: 0.5rem;
}
@media (min-width: 1401px) {
.people {
right: -8rem;
transform: scale(1);
}
.people-desc-box {
bottom: 7rem;
height: 56px;
padding: 10px 15px 15px 10px;
right: 2rem;
width: 142px;
}
.people-nama {
font-size: 14px;
line-height: 22px;
}
.people-prod {
font-size: 11px;
line-height: 16px;
}
.utbk-score {
font-size: 12px;
line-height: 18px;
}
.label-score {
font-size: 10px;
line-height: 16px;
}
.utbk-score-box {
bottom: 9rem;
height: 56px;
left: 5rem;
width: 83px;
}
.univ-box {
bottom: 0;
left: 1rem;
padding: 8px 12px 8px 8px;
}
.label-diterima {
font-size: 11px;
line-height: 16px;
}
.univ-name {
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
#five .img-people img,
#four .img-people img,
#one .img-people img,
#three .img-people img,
#two .img-people img {
width: 63%;
}
}
@media (max-width: 1400px) {
.container-anime {
height: 7.5rem;
transform: translate(0);
}
.img-people {
bottom: -7rem;
transform: scale(0.6);
}
.people-desc-box {
bottom: 1rem;
height: 42px;
padding: 4px 8px;
right: 0;
width: 90px;
}
.people-nama {
font-size: 11px;
line-height: 16px;
}
.people-prod {
font-size: 9px;
line-height: 9px;
}
.utbk-score {
font-size: 11px;
line-height: 16px;
}
.label-score {
font-size: 9px;
line-height: 9px;
}
.utbk-score-box {
bottom: 5rem;
height: 33px;
left: 3.5rem;
padding: 0.15rem 0 0 0.65rem;
width: 63px;
}
.utbk-score-box:before {
height: 32px;
left: -32%;
top: -50%;
width: 32px;
}
.univ-box {
bottom: -0.5rem;
left: -0.5rem;
padding: 4px 8px 4px 4px;
}
.label-diterima {
font-size: 9px;
line-height: 9px;
}
.univ-name {
font-size: 10px;
font-weight: 700;
line-height: 16px;
}
#five .img-people img,
#four .img-people img,
#one .img-people img,
#three .img-people img,
#two .img-people img {
width: 100%;
}
}
@media (min-width: 1204px) and (max-width: 1400px) {
.hero-content {
grid-template-columns: 1.3fr 0.7fr;
}
.container-anime {
margin-bottom: 3rem;
margin-right: -2rem;
transform: scale(1.5);
}
.img-people,
.people {
transform: scale(0.8);
}
.utbk-score-box {
bottom: 8rem;
}
.univ-box {
bottom: 0;
left: 1rem;
}
}
@media (prefers-reduced-motion: reduce) {
.fade,
.modal.fade .modal-dialog {
transition: none;
}
}
@-webkit-keyframes fade-in-slogan {
0%,
to {
opacity: 0;
}
30%,
50%,
70% {
opacity: 1;
}
}
@-webkit-keyframes fade-in-menu {
0%,
to {
display: block;
opacity: 0;
}
30%,
80% {
display: block;
opacity: 0.6;
}
60% {
display: block;
opacity: 1;
}
}
@-webkit-keyframes fade-in-menu-two {
0%,
to {
display: block;
opacity: 0;
}
30%,
80% {
display: block;
opacity: 0.6;
}
60% {
display: block;
opacity: 1;
}
}
@-webkit-keyframes pop-in {
0%,
to {
opacity: 0;
-webkit-transform: scale(0.5);
}
20% {
opacity: 0.8;
-webkit-transform: scale(0.8);
}
40%,
50%,
60%,
80% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes pop-in {
0%,
to {
opacity: 0;
-moz-transform: scale(0.5);
}
20% {
opacity: 0.8;
-moz-transform: scale(0.8);
}
30%,
50%,
60%,
80% {
opacity: 1;
-moz-transform: scale(1);
}
}
@keyframes pop-in {
0%,
to {
opacity: 0;
transform: scale(0.5);
}
20% {
opacity: 0.8;
transform: scale(0.8);
}
40%,
50%,
60%,
80% {
opacity: 1;
transform: scale(1);
}
}
.one {
-webkit-animation: fade-in-slogan 4s ease-in forwards;
-moz-animation: fade-in-slogan 4s ease-in forwards;
animation: fade-in-slogan 4s ease-in forwards;
}
.one2 {
-webkit-animation: pop-in 3s linear 0.5s forwards;
-moz-animation: pop-in 3s linear 0.5s forwards;
animation: pop-in 3s linear 0.5s forwards;
}
.two {
-webkit-animation: fade-in-menu 4s ease-in 3.5s forwards;
-moz-animation: fade-in-menu 4s ease-in 3.5s forwards;
animation: fade-in-menu 4s ease-in 3.5s forwards;
}
.two2 {
-webkit-animation: pop-in 3s linear 4s forwards;
-moz-animation: pop-in 3s linear 4s forwards;
animation: pop-in 3s linear 4s forwards;
}
.three {
-webkit-animation: fade-in-menu-two 4s ease-in 7s forwards;
-moz-animation: fade-in-menu-two 4s ease-in 7s forwards;
animation: fade-in-menu-two 4s ease-in 7s forwards;
}
.three2 {
-webkit-animation: pop-in 3s linear 7.5s forwards;
-moz-animation: pop-in 3s linear 7.5s forwards;
animation: pop-in 3s linear 7.5s forwards;
}
.four {
-webkit-animation: fade-in-menu-two 4s ease-in 10.5s forwards;
-moz-animation: fade-in-menu-two 4s ease-in 10.5s forwards;
animation: fade-in-menu-two 4s ease-in 10.5s forwards;
}
.four2 {
-webkit-animation: pop-in 3s linear 11s forwards;
-moz-animation: pop-in 3s linear 11s forwards;
animation: pop-in 3s linear 11s forwards;
}
.five {
-webkit-animation: fade-in-menu-two 4s ease-in 13.5s forwards;
-moz-animation: fade-in-menu-two 4s ease-in 13.5s forwards;
animation: fade-in-menu-two 4s ease-in 13.5s forwards;
}
.five2 {
-webkit-animation: pop-in 3s linear 14s forwards;
-moz-animation: pop-in 3s linear 14s forwards;
animation: pop-in 3s linear 14s forwards;
}
.fade {
transition: opacity 0.15s linear;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
#LeadsGen form,
.card,
.container-anime,
.position-relative {
position: relative;
}
#LeadsGen form {
float: none;
}
#LeadsGen label {
align-items: center;
color: #fff;
display: flex;
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
#LeadsGen input#reward_form_submission_submission_data_phone_number {
background: #fff;
border-radius: 200px;
color: #2c313a;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 30px;
min-height: 50px;
padding: 2rem 1.5rem !important;
}
#LeadsGen form button.btn.btn-primary {
align-items: center;
background-color: #f26d0f !important;
border: none;
border-radius: 100px;
color: #fafbfc !important;
display: flex;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
gap: 0.35rem;
line-height: 22px;
padding: 11px 20px 11px 24px;
position: absolute;
right: 2%;
text-align: center;
top: 43%;
}
@media (min-width: 768px) {
div#LeadsGen {
max-width: 90%;
}
.hero .font-desc {
padding: 8px 0 24px;
}
}
@media (max-width: 767px) {
.hero {
background-size: 0, 0, cover;
min-height: 28.5rem;
padding: 1.5rem 0 1rem;
}
.hero-content {
display: block;
}
.font-title {
font-size: 20px;
letter-spacing: -0.005em;
line-height: 30px;
text-align: center;
}
.hero .font-desc {
float: none;
margin: auto !important;
max-width: 18rem;
padding: 6px 0 16px;
text-align: center;
}
.hero-content_text {
padding-bottom: 1rem;
}
#LeadsGen label {
font-size: 11px;
justify-content: center;
line-height: 16px;
text-align: center;
}
#LeadsGen input#reward_form_submission_submission_data_phone_number {
font-size: 14px;
line-height: 22px;
min-height: 45px;
padding: 0.75rem !important;
}
#LeadsGen form button.btn.btn-primary {
font-size: 12px;
line-height: 18px;
padding: 5px 5px 5px 15px;
right: 3%;
top: 46.5%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.hero {
padding: 1rem 0 5rem;
}
.hero-content {
grid-template-columns: 1.3fr 0.7fr;
}
.font-title {
font-size: 32px;
line-height: 48px;
}
.hero .font-desc {
padding: 4px 0 16px;
}
#LeadsGen label,
.hero .font-desc {
font-size: 14px;
line-height: 22px;
}
#LeadsGen form button.btn.btn-primary {
right: 3%;
top: 42%;
}
.container-anime {
transform: translate(-0.5rem);
}
.people {
bottom: 2rem;
transform: scale(1.2);
}
.img-people {
bottom: -5rem;
transform: scale(0.9);
}
.univ-box {
bottom: 8rem;
left: 0;
}
.utbk-score-box {
bottom: 4rem;
left: 75%;
}
.people-desc-box {
bottom: -3rem;
height: 38px;
left: 4rem;
width: 123px;
}
}
@media (max-width: 1024px) and (min-width: 821px) {
.hero {
min-height: 23rem;
}
}
@media (min-width: 370px) and (max-width: 767px) {
.img-people {
bottom: -7.5rem;
transform: scale(0.55);
}
}
@media (min-width: 768px) {
.form-section {
max-width: 94%;
}
.form-section label {
font-size: 16px;
line-height: 24px;
}
.form-section button {
font-size: 14px;
line-height: 20px;
padding: 0.75rem 20px 0.75rem 24px;
right: 6.75%;
top: 48%;
}
.form-section input {
font-size: 20px !important;
line-height: 24px !important;
padding: 1.25rem !important;
width: 95% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.form-section {
max-width: 94%;
}
.form-section label {
font-size: 14px;
line-height: 22px;
padding-bottom: 0.25rem;
}
.form-section button {
font-size: 14px;
line-height: 20px;
padding: 11px 20px 11px 24px;
right: 2.5%;
top: 47%;
z-index: 4;
}
.form-section input {
font-size: 20px !important;
line-height: 24px !important;
padding: 1.25rem !important;
width: 100% !important;
}
}
@media (max-width: 767px) {
#variant_otp {
text-align: center;
}
.form-section {
margin: auto;
max-width: 100%;
}
.form-section label {
font-size: 11px;
line-height: 16px;
padding: 0;
}
.form-section button {
font-size: 12px;
gap: 2px;
line-height: 18px;
padding: 5px 8px 5px 12px;
right: 2.5%;
top: 46.25%;
z-index: 4;
}
.form-section input {
font-size: 14px;
line-height: 22px;
padding: 0.75rem !important;
width: 100%;
}
}
.font-title-support {
font-weight: 700;
text-align: center;
}
.font-desc-support {
font-weight: 400;
text-align: center;
}
.value-support {
background: #cce4f9;
padding: 2rem 0;
}
.support-card {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/f175e598-c82c-4f1f-927a-27f756984bd5.svg), linear-gradient(225deg, #1480d8, #42a5f5);
background-position-y: 101%, center;
background-repeat: no-repeat;
background-size: 70%, cover;
border-radius: 16px;
box-shadow: 0 12px 16px hsla(217, 5%, 53%, 0.12);
display: flex !important;
flex-direction: column;
justify-content: space-between;
padding: 1rem 0 0;
text-align: center;
}
.support-card img {
align-self: flex-end;
display: flex;
}
.value-support .ul-checklist li {
font-size: 14px;
line-height: 22px;
padding-bottom: 4px;
padding-left: 25px;
}
.slick-disabled {
opacity: 0.2 !important;
}
.slick-arrow:before {
content: none !important;
}
.slick-arrow {
background-size: 100% 100% !important;
border-radius: 50% !important;
box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
cursor: pointer !important;
height: 2rem !important;
top: 109% !important;
width: 2rem !important;
z-index: 1 !important;
}
.slick-prev {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c99d671c-12a9-44ea-ae09-e8a4b233ac2d.svg) !important;
}
.slick-next {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c2f137c4-6388-43d0-b6c1-920585b36f3b.svg) !important;
right: 0 !important;
}
.slick-dots {
bottom: -12% !important;
left: 0 !important;
width: fit-content !important;
}
.slick-dots li button:before {
color: #cfd3db !important;
font-size: 12px !important;
opacity: 1 !important;
}
.slick-dots li.slick-active button:before {
color: #20a4b0 !important;
font-size: 16px !important;
}
@media (min-width: 1025px) {
.font-subhead {
font-size: 18px;
letter-spacing: 0.01em;
line-height: 28px;
padding: 1rem 0 1.25rem;
}
.value-support-slick {
grid-gap: 1rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.value-support_content--cards {
padding: 1rem 0;
}
.support-card_header {
padding-bottom: 10px;
}
.value-support .ul-checklist {
padding: 12px 1rem;
}
.value-support_content--cta {
padding: 1rem 0;
}
}
@media (max-width: 1024px) {
.font-subhead {
float: none;
font-size: 14px;
line-height: 22px;
margin: 0 auto !important;
max-width: 92%;
padding: 1rem 0 0.5rem;
}
.value-support_content--cards {
padding: 1rem 0.5rem 0;
}
.value-support-slick .slick-slide {
margin: 0 6px;
}
.value-support-slick .slick-list {
margin: 0 -6px;
padding: 0 10% 0 0 !important;
}
.value-support .ul-checklist {
padding: 8px 1rem;
}
.value-support_content--cta {
padding: 2.5rem 0 0;
}
.button-basic-orange {
font-size: 14px;
line-height: 22px;
max-width: 70%;
padding: 11px 0;
}
}
@media (min-width: 768px) {
.font-title-support {
font-size: 18px;
letter-spacing: -0.005em;
line-height: 28px;
}
.font-desc-support {
font-size: 14px;
line-height: 22px;
padding: 10px 0 32px;
}
}
@media (max-width: 767px) {
.value-support .font-subtitle {
float: none;
margin: 0 auto !important;
}
.font-title-support {
font-size: 16px;
line-height: 24px;
}
.font-desc-support {
font-size: 12px;
line-height: 18px;
}
.support-card {
height: 357px;
width: 278px !important;
}
.slick-prev {
left: 78% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.support-card {
height: 377px;
width: 276px !important;
}
.slick-prev {
left: 89% !important;
}
}
.font-desc {
font-weight: 400;
}
.subtest-card img,
.subtest-content_cards {
float: none;
margin: auto;
}
.subtest-slick {
display: grid;
grid-template-columns: 1fr 1fr;
}
.subtest-card {
text-align: center;
}
.subtest-card img {
max-width: 337px;
}
.subtest-card_body {
background: #cce4f9;
border-radius: 12px;
float: none;
margin: 1rem auto 0;
padding: 12px;
}
.font-card-subtest {
font-weight: 700;
text-align: left;
}
.subtest .ul-checklist {
padding: 8px 1px;
}
.subtest .ul-checklist li {
font-size: 14px;
line-height: 22px;
padding-bottom: 8px;
}
@media (min-width: 1025px) {
.subtest-content_cards {
max-width: 80%;
}
}
@media (max-width: 1024px) {
.subtest .font-desc,
.subtest .font-subtitle {
float: none;
margin: auto !important;
max-width: 90%;
}
}
@media (min-width: 768px) {
.subtest {
padding: 2rem 0 0;
}
.font-desc {
font-size: 18px;
letter-spacing: 0.01em;
line-height: 28px;
padding: 12px 0;
}
.subtest-content_cards {
padding: 2rem 0;
}
.subtest-slick {
display: grid;
grid-template-columns: 1fr 1fr;
}
.subtest-card_body {
height: 172px;
width: 328px;
}
.font-card-subtest {
font-size: 18px;
letter-spacing: -0.005em;
line-height: 28px;
}
.ul-checklist {
margin: 0;
padding: 10px 1px;
}
}
@media (max-width: 767px) {
.subtest {
padding: 1rem 0;
}
.font-desc {
font-size: 12px;
line-height: 18px;
padding: 12px 0;
}
.subtest-content_cards {
padding: 1rem 0 3rem;
}
.subtest-slick .slick-slide {
margin: 0 0.5rem;
}
.subtest-slick .slick-list {
margin: 0 -0.5rem;
}
.subtest .ul-checklist li {
font-size: 12px;
line-height: 18px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.subtest-slick {
grid-gap: 1rem;
}
.subtest-card_body {
width: auto;
}
}
.testimoni {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/f175e598-c82c-4f1f-927a-27f756984bd5.svg),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(225deg, #2196f3 14.64%, #4844fa 85.36%), linear-gradient(225deg, #1480d8, #42a5f5);
background-position-x: left, right, center;
background-position-y: 102%, top, center;
background-repeat: no-repeat;
background-size: 35%, 35%, cover;
overflow: hidden;
padding: 2rem 0;
}
.testimoni-card {
position: relative;
}
.testimoni-card_people {
float: none;
margin: auto;
max-width: 85%;
}
.testimoni-card_people img {
border-radius: 12px 12px 0 0;
}
.testimoni-card > div:not(.exception-testimoni) {
background: hsla(0, 0%, 100%, 0.9);
border: 1px solid #3cb6c1;
border-radius: 12px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
padding: 8px 12px;
}
.testimoni-card_univ {
grid-gap: 6px;
align-items: center;
display: grid;
grid-template-columns: auto 1fr;
left: -3%;
padding: 8px 12px 8px 8px !important;
position: absolute;
top: -5%;
width: 186px !important;
}
.testimoni-card_score {
position: absolute;
right: -5%;
text-align: center;
top: 30%;
width: fit-content;
z-index: 1;
}
.testimoni-card_score:after {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/99195fbc-1445-4bf6-b471-d6ba20333340.svg);
background-repeat: no-repeat;
background-size: cover;
content: '';
display: inline-block;
height: 40px;
position: absolute;
right: -20%;
top: -35%;
width: 40px;
}
.testimoni-card_desc {
bottom: 9.5rem;
left: 0.5rem;
padding: 12px 16px !important;
position: absolute;
width: 338px !important;
z-index: 1;
}
.testimoni-card_desc:before {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/189d6a29-9463-4a9b-991b-d58d57eefa40.svg);
background-repeat: no-repeat;
background-size: cover;
content: '';
display: inline-block;
height: 40px;
left: -6%;
position: absolute;
top: -12%;
width: 40px;
}
.font-subcard {
font-size: 11px;
font-weight: 400;
line-height: 16px;
}
.font-green.font-subcard {
font-size: 14px;
font-weight: 700;
line-height: 22px;
max-width: 90%;
padding-bottom: 0.25rem;
}
.font-headcard {
font-size: 11px;
font-weight: 700;
line-height: 16px;
max-width: 90%;
}
.font-desc-testimoni,
.testimoni-card_desc .font-headcard {
font-size: 12px;
line-height: 18px;
}
.font-desc-testimoni {
font-weight: 600;
}
.testimoni-card_score .font-headcard {
max-width: 100%;
}
.testimoni-card {
height: 442px;
width: 360px !important;
}
.testimoni-content_cards {
padding-bottom: 3rem;
}
.testimoni .button-basic-white {
align-items: center;
border: none;
color: #2c313a;
display: flex;
float: none;
font-family: Inter;
font-size: 14px;
font-weight: 700;
justify-content: center;
line-height: 22px;
margin: auto;
max-width: 100%;
padding: 7px 0;
width: 100%;
}
.package-bao {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), #f26d0f;
}
.package-bac {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(135deg, #20a4b0, #495ccb);
}
.package-rubel {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(135deg, #cd1924, #f69c5d);
}
.testimoni-card_package {
align-items: center;
background-position-x: right, center !important;
background-position-y: top, center !important;
background-repeat: no-repeat !important;
background-size: 30%, cover !important;
border: 2px solid #fff;
border-radius: 12px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
display: grid;
grid-template-columns: 1.2fr 0.8fr;
margin-top: -0.15rem;
padding: 1rem;
position: relative;
z-index: 3;
}
.testimoni-package-subtitle {
font-size: 12px;
font-weight: 600;
line-height: 18px;
padding-bottom: 0.5rem;
}
.testimoni-package-name {
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
@media (min-width: 1025px) {
.testimoni-slick .slick-prev {
left: 93% !important;
}
}
@media (min-width: 768px) {
.testimoni-slick .slick-slide {
margin: 3rem 2rem 0;
}
.testimoni-slick .slick-list {
margin: -3rem -2rem 0;
padding: 4rem 3rem 0 2rem;
}
}
@media (max-width: 767px) {
.testimoni-card {
height: 360px;
width: 340px !important;
}
.testimoni-card_people {
max-width: 80%;
}
.testimoni-card_univ {
left: 0;
max-width: 174px !important;
top: -7%;
}
.font-headcard,
.font-subcard {
font-size: 11px;
line-height: 16px;
}
.font-headcard {
max-width: 80%;
padding: 2px 0 0;
}
.testimoni-card_score {
padding: 8px 24px !important;
right: 0;
}
.testimoni-card_score .font-headcard {
max-width: 100%;
}
.testimoni-card_desc {
bottom: 6.5rem;
left: 1.5rem;
padding: 12px 16px !important;
width: 280px !important;
}
.font-green.font-subcard {
max-width: 92%;
}
.font-green.font-subcard,
.testimoni-card_desc .font-headcard {
font-size: 12px;
line-height: 18px;
}
.font-desc-testimoni {
font-size: 10px;
line-height: 16px;
}
.testimoni-slick .slick-slide {
margin: 1.5rem 3rem;
}
.testimoni-slick .slick-list {
margin: 1.5rem -3rem -1.5rem;
}
.testimoni .button-basic-white {
font-size: 14px;
line-height: 22px;
max-width: 95%;
padding: 0.5rem 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.testimoni .font-subtitle {
float: none;
margin: auto !important;
max-width: 90%;
}
.testimoni-card_people {
max-width: 88%;
}
.testimoni-slick .slick-prev {
left: 90% !important;
}
.testimoni-card {
height: 400px;
}
.testimoni-slick .slick-slide {
margin: 0 1.25rem;
}
.testimoni-slick .slick-list {
margin: 0 -1.25rem;
padding: 3rem 2rem 0 1.5rem;
}
.testimoni-card_people {
max-width: 82%;
}
.testimoni-card_desc {
bottom: 7.5rem;
left: 1.35rem;
width: 278px !important;
}
.testimoni-content_cards {
padding-bottom: 3rem;
}
}
.video-box-rg {
display: flex;
float: none;
}
.faq-rl {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/f175e598-c82c-4f1f-927a-27f756984bd5.svg),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(225deg, #1480d8, #42a5f5);
background-position-x: left, right, center;
background-position-y: bottom, top, center;
background-repeat: no-repeat;
background-size: auto, auto, cover;
padding: 3rem 0;
}
.faq__title {
margin-bottom: 1rem;
text-align: center;
}
.faq__title h2 {
margin: 0;
}
.faq-rl .text-subtitle {
color: #fff;
font-family: Inter;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 30px;
padding-bottom: 1rem;
text-align: center;
}
.accordion h3 {
color: #2c313a;
font-family: Inter;
font-size: 16px;
line-height: 24px;
max-width: 90%;
}
.accordion {
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 20px 4px rgba(113, 130, 164, 0.08);
cursor: pointer;
padding: 1rem 18px;
}
.accordion h3 {
margin: 0;
}
.accordion.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordion:after {
color: #1e496b;
margin-top: -1.125rem;
}
#readtext:after,
.accordion:after {
border: solid !important;
border-width: 0 2.2px 2.2px 0 !important;
content: '';
float: right;
font-weight: 700;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
vertical-align: 0.2em !important;
}
#readtext:after {
color: #fff;
margin-left: 1.5rem;
margin-top: 0.35rem;
}
.active:after {
transform: rotate(225deg) !important;
}
#readtext.active:after {
margin-top: 0.5rem !important;
}
#readmore {
align-items: center;
background: transparent;
border: 2px solid #fff;
border-radius: 9999px;
color: #fff;
display: flex;
float: none;
font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 22px;
margin: 2rem auto 0;
padding: 0.5rem 4rem;
text-align: center;
}
.panel {
background: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
margin-bottom: 16px;
margin-top: -5px;
max-height: 0;
overflow: hidden;
padding: 0 18px;
transition: max-height 0.2s ease-out;
}
.panel.expand {
padding: 0 18px 18px;
}
.accordion p {
margin: 0 !important;
}
.panel,
.panel p,
.panel > * {
color: #5e677b;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.panel p {
margin: 0;
}
.faq__content {
width: 100%;
}
.faq__title .font-subtitle {
color: #333842;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 34px;
margin: 0;
padding-bottom: 2rem;
text-align: center;
}
.rotate10 {
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.extra-wrapper {
display: none;
}
.terbuka {
display: block !important;
}
div#accordion {
margin: auto;
}
@media (min-width: 768px) {
div#accordion {
width: 75%;
}
.faq-rl .text-subtitle {
font-size: 28px;
letter-spacing: -0.01em;
line-height: 42px;
}
.accordion h3 {
font-size: 18px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.faq-rl {
background-size: 50%, 50%, cover;
padding: 1.5rem 0 2rem;
}
.accordion h3,
.panel p {
max-width: 90%;
}
}
.slick-white .slick-dots li button:before {
color: #fff !important;
opacity: 0.25 !important;
}
.slick-white .slick-dots li.slick-active button:before {
font-size: 16px !important;
opacity: 1 !important;
}
.packages {
background: #f2f5fa;
padding: 0.5rem 0 3rem;
}
.packages h2,
.packages h3,
.packages li,
.packages p,
.packages span {
font-family: Inter;
}
.font-strike {
text-decoration: line-through;
}
.button-basic-orange:disabled {
background: #f9cbab;
}
.loader {
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
border: 10px solid #f3f3f3;
border-bottom-color: #3498db;
border-radius: 50%;
height: 50px;
width: 50px;
}
.payment-section {
background: linear-gradient(180deg, #eef4fa, #eef4f4);
padding-bottom: 1.5rem;
padding-top: 4rem;
scroll-margin-top: 7.5rem;
}
.payment-main {
background: #faf7ee;
border-radius: 1.5rem;
box-shadow: 0 12px 16px hsla(217, 5%, 53%, 0.12);
}
.payment-title h2 {
margin-bottom: 0;
}
.payment-duration p {
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0;
}
.payment-duration button {
align-items: center;
background: #fff;
border: 1px solid #cfd3db;
border-radius: 12px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.payment-package-loading {
align-items: center;
display: none;
display: flex;
flex: 1;
justify-content: center;
padding: 1.25rem;
text-align: center;
text-align: -webkit-center;
width: 100%;
}
.payment-cards {
overflow: hidden;
}
.payment-cards-empty-container {
align-items: center;
display: none;
flex-direction: column;
justify-content: center;
}
.payment-cards-empty-container > p {
margin-bottom: 0;
}
.payment-cards-empty-container .title {
color: #2c313a;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 28px;
text-align: center;
}
.payment-cards-empty-container .description {
color: #5e677b;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: center;
}
.payment-cards-empty-container > button {
align-items: center;
background-color: #f26d0f !important;
border: none;
border-radius: 100px;
color: #fafbfc !important;
display: flex;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: 32px;
margin-top: 16px;
padding: 10px 24px;
}
.payment-cards-chat-consultan {
display: none;
}
.payment-cards-chat-consultan-modal {
align-items: center;
display: flex;
justify-content: space-between;
padding: 0 1rem;
width: 100%;
}
.payment-cards-chat-consultan-modal > * + * {
margin-left: 0.5rem;
}
.payment-cards-chat-consultan-modal p {
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin: 0;
}
.payment-cards-chat-consultan-modal a {
flex: 1 0 auto;
}
.payment-cards-chat-consultan-modal .button-basic-white {
border: 1px solid #cfd3db;
border-radius: 96px;
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 0.375rem 1rem;
}
.payment-duration button {
font-size: 1rem;
font-weight: 700;
line-height: 24px;
}
.payment-card__flashsale {
align-items: center;
border-radius: 32px 0 0 0;
display: flex;
left: -10px;
position: absolute;
top: 0;
z-index: 2;
}
.payment-card__flashsale:before {
border-color: transparent #cd1924 transparent transparent;
border-style: solid;
border-width: 0 10px 10px 0;
bottom: -10px;
content: '';
left: 0;
position: absolute;
}
.payment-card__flashsale-discount {
background: #e52a34;
border-top-left-radius: 10px;
display: flex;
padding: 0.25rem 0.5rem 0.25rem 1.8rem;
}
.payment-card__flashsale-discount img {
left: -5px;
position: absolute;
top: -10px;
}
.payment-card__flashsale-discount p {
font-size: 12px;
font-weight: 600;
line-height: 18px;
text-transform: uppercase;
}
.payment-card__flashsale-timer {
background: #e52a34;
border-bottom-right-radius: 10px;
display: inline-block;
margin-left: -0.1rem;
padding: 0.25rem 0.25rem 0.25rem 0;
position: relative;
}
.payment-card__flashsale-timer:before {
background: #e52a34;
border-bottom-right-radius: 10px;
border-top-right-radius: 4px;
content: '';
height: 100%;
left: 0;
min-width: 100%;
position: absolute;
top: 0;
transform: perspective(75px) rotateX(-38deg);
transform-origin: 0 100%;
z-index: -1;
}
.payment-card__flashsale-timer p {
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin: 0;
}
.modal-overlay {
background: rgba(28, 32, 57, 0.8);
display: none;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
transition: opacity 0.5s ease-out;
width: 100%;
z-index: 10001;
}
.modal-content {
background: #fff;
border-radius: 1rem;
margin: auto;
padding: 1rem;
position: relative;
}
.modal-duration .modal-content > * + * {
margin-top: 1rem;
}
.modal-content > * + * {
margin-top: 0.75rem;
}
.modal-package-title {
align-items: center;
display: flex;
justify-content: center;
}
.modal-package-title p {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0;
}
.payment-package-detail-card {
border-radius: 1rem;
}
.payment-package-detail-card__header {
border-radius: 1rem 1rem 0 0;
overflow: visible;
position: relative;
}
.payment-package-detail-card.ruanguji .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/2b883224-d0af-4289-8893-09ca2f9d98ff.png),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(230.74deg, #a9e4e9 0.81%, #def3f5 82.04%),
linear-gradient(230.74deg, #8ec8f8 0.81%, #e0eefa 82.04%);
background-position-x: center, right, center;
background-position-y: 92%, top, center;
background-repeat: no-repeat;
background-size: 164px, 40%, cover;
}
.payment-package-detail-card.rubel .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/791761e7-b5b4-4cc2-bef5-0d5f2c99ab7e.png),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(230.74deg, #8ec8f8 0.81%, #e0eefa 82.04%);
background-position-x: center, right, center;
background-position-y: 92%, top, center;
background-repeat: no-repeat;
background-size: 164px, 40%, cover;
}
.payment-package-detail-card.utbk .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/background-payment-card-ruangbelajar+utbk.png) #edf7f8;
background-repeat: no-repeat;
background-size: cover;
}
.payment-package-detail-card.roboguru .payment-package-detail-card__header {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/background-payment-card-ruangbelajar+roboguru.png), #f1f2f9;
background-repeat: no-repeat;
background-size: cover;
}
.payment-package-detail-card__header > * + * {
margin-top: 1rem;
}
.payment-package-detail-card__header p {
margin: 0;
}
.payment-package-detail-card__title {
color: #2c313a;
font-weight: 700;
}
.payment-package-detail-card__header .payment-package-detail-card__description {
font-weight: 400;
margin-top: 0.5rem;
}
.payment-package-detail-card__detail {
background: #fff;
border-radius: 1rem;
margin-top: -1rem;
padding: 0.75rem;
position: relative;
}
.payment-package-detail-card__usp--container {
display: none;
position: relative;
}
.payment-package-detail-card__usp {
height: 135px;
overflow: hidden;
padding-bottom: 1.5rem;
}
.payment-package-detail-card__price-actions {
padding-top: 0.5rem;
position: relative;
z-index: 2;
}
.payment-package-detail-card__usp::-webkit-scrollbar {
width: 4px;
}
.payment-package-detail-card__usp::-webkit-scrollbar-track {
background: #fff;
}
.payment-package-detail-card__usp::-webkit-scrollbar-thumb {
background: #cfd3db;
}
.payment-package-detail-card__usp::-webkit-scrollbar-hover {
background: #888;
}
.payment-package-detail-card__usp p {
margin: 0;
}
.payment-package-detail-card__usp--active-package {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/ic-calendar-blue.svg);
background-position-y: center;
background-repeat: no-repeat;
background-size: 24px 24px;
padding-left: 20px;
}
.payment-package-detail-card__usp--active-package p {
color: #1480d8;
font-weight: 600;
margin-left: 0.5rem;
}
p.font-value {
color: #2c313a;
font-family: Inter;
font-size: 14px;
font-weight: 600;
line-height: 22px;
padding-top: 0.75rem;
}
.font-modal-title {
font-size: 18px;
font-weight: 700;
line-height: 28px;
padding-bottom: 0.5rem;
}
.modal-package .payment-package-detail-card__usp {
border-top: 1px dashed #bec8d0;
height: 100%;
}
.btn-detail {
align-items: center;
background: transparent;
border: none;
border-radius: 96px;
color: #20a4b0;
display: flex;
float: none;
font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 22px;
margin: auto;
text-decoration: none;
}
.btn-detail:after {
align-self: center;
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/dbac9fea-37d9-462f-a0d3-1e6db38e4840.svg);
background-size: 100% 100%;
content: '';
display: inline-flex;
height: 1rem;
margin-left: 0.25rem;
width: 1rem;
}
.payment-package-detail-card__usp ul {
list-style: none;
margin-bottom: 0;
margin-top: 0.75rem;
overflow-y: auto;
padding: 0 0 0.25rem;
}
.payment-package-detail-card__usp li {
align-items: flex-start;
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ic-checklist.svg);
background-position-x: left;
background-position-y: 10%;
background-repeat: no-repeat;
background-size: 16px 16px;
display: flex;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding-left: 24px;
word-break: break-word;
}
.payment-package-detail-card__usp li + li {
margin-top: 0.75rem;
}
.payment-package-detail-card__usp li p {
line-height: 22px;
margin-left: 0.5rem;
}
.payment-package-detail-card__usp--box-shadow {
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.payment-package-detail-card__usp--box-shadow:after {
background: #fff;
bottom: 0;
content: '';
height: 1rem;
left: 0;
position: absolute;
width: 100%;
}
.payment-package-detail-card__action-usp {
align-items: center;
background: #fff;
border: none;
border-top: 1px dashed #bec8d0;
display: flex;
justify-content: center;
padding-top: 0.75rem;
width: 100%;
}
.payment-package-detail-card__action-usp > * + * {
margin-left: 0.5rem;
}
.payment-package-detail-card__action-usp p {
color: #13939e;
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin: 0;
}
.payment-package-detail-card__action-usp.btn-close-usp {
display: none;
}
.payment-package-detail-card__price--detail {
align-items: center;
display: flex;
min-height: 2.5rem;
padding-bottom: 0.25rem;
}
.payment-package-detail-card__price--detail > * + * {
margin-left: 8px;
}
.payment-package-detail-card__price--detail p {
margin-bottom: 0;
}
.payment-package-detail-card__price--detail a {
flex: 1;
}
.payment-package-detail-card__price--discount-label {
background: #f8e1e2;
border-radius: 4px;
padding: 0.25rem;
}
.payment-package-detail-card__price--discount-label p {
font-weight: 600;
margin: 0;
}
.payment-package-detail-card__price--buy-package .button-basic-orange {
border: none;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 22px;
max-width: 100%;
padding: 7px;
width: 100%;
}
.payment-package-detail-card__price--discount > * + * {
margin-top: 0.25rem;
}
.payment-package-detail-card__price--strike {
align-items: flex-start;
display: flex;
flex-direction: column;
}
.payment-package-detail-card__price--strike > * + * {
margin-left: 0.25rem;
}
.payment-package-detail-card__price--strike .font-strike {
color: #5e677b;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.payment-package-detail-card__price--strike .font-red {
color: #cd1924;
font-weight: 700;
}
.payment-card__price--detail-permonth p {
color: #1480d8;
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.modal-duration-body .button-basic-white {
border: 1px solid #cfd3db;
}
.modal-duration .modal-content {
background: #fff;
border-radius: 1rem;
margin: auto;
padding: 1rem;
}
.modal-duration-title {
align-items: center;
display: flex;
justify-content: space-between;
}
.modal-duration-title p {
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin: 0;
}
.modal-duration-body {
grid-gap: 0.75rem;
display: grid;
grid-template-columns: auto auto auto;
}
.modal-duration-body .button-basic-white {
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 0.75rem 2.5rem;
}
.modal-duration-body .button-basic-white:active {
background: #e0eefa;
border: 1px solid #2196f3;
color: #1480d8;
}
.modal-duration-submit .btn-submit-duration {
border: none;
font-size: 16px;
font-weight: 700;
line-height: 24px;
padding: 0.875rem 0;
width: 100%;
}
.btn-duration-option {
display: none;
}
.other-package {
background: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/27959118-f626-4a57-b553-e99446aab0fb.png),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(224.06deg, #8ec8f8 1.12%, #def3f5 98.65%);
background-position-x: left, right, center;
background-position-y: bottom, top, center;
background-repeat: no-repeat;
background-size: 200px, 60%, cover;
border-radius: 1rem;
display: flex;
flex-direction: column;
height: 512px;
justify-content: flex-start;
padding: 3.5rem 2.25rem 0;
}
.other-ruanguji {
height: 442px;
}
.other-rubel {
height: 548px;
}
.package-other-title {
color: #2c313a;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.005em;
line-height: 28px;
max-width: 90%;
padding-bottom: 1rem;
}
.package-other-arrow {
align-items: center;
background: #fff;
border-radius: 100px;
box-shadow: 0 12px 16px hsla(217, 5%, 53%, 0.12);
display: flex;
height: 2rem;
justify-content: center;
transform: rotate(-90deg);
width: 2rem;
}
.packages-content_tabs {
align-items: center;
background: #fff;
border-radius: 48px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
display: grid;
float: none;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
margin: 1rem auto 0;
max-width: 55%;
text-align: center;
}
.packages-tabs {
background: transparent;
border: none;
color: #959dac;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding: 16px 0;
text-align: center;
}
.chosen {
background: #2196f3;
border-radius: 80px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
color: #fff;
margin: 0.5rem;
width: 100%;
width: -webkit-fill-available;
}
.payment-card__flashsale-timer span {
display: inline-block;
height: 1rem;
width: 1rem;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(1turn);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.packages-content_cards {
padding: 1rem 0;
}
.ruangbelajar .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg), linear-gradient(230.74deg, #8ec8f8 0.81%, #e0eefa 82.04%);
}
.kitabUtbk .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg), linear-gradient(230.74deg, #85d7df 0.81%, #eaf5f8 82.04%);
}
.ruanguji-premium .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg), linear-gradient(230.74deg, #8ec8f8 0.81%, #e0eefa 82.04%);
}
.brainacademy .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg), linear-gradient(231.17deg, #f9cbab, #faf4e0 85.28%);
}
.brainacademy-offline .payment-package-detail-card__top {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/8def8cbe-9769-4f80-a646-aa3626625009.svg), linear-gradient(230.74deg, #b0d8f9 0.81%, #cbfff9 82.04%);
}
.payment-package-detail-card__top {
background-position-x: right, center;
background-position-y: top, center;
background-repeat: no-repeat;
background-size: 60%, cover;
border-radius: 12px;
padding: 12px;
position: relative;
}
.package-product-label {
grid-gap: 0.35rem;
align-items: center;
background: #4844fa;
border-radius: 9999px;
display: grid;
grid-template-columns: auto 1fr;
left: 0.75rem;
padding: 0.25rem 0.5rem;
position: absolute;
top: 0.75rem;
width: fit-content;
}
.package-product-label img {
height: 16px;
width: 16px;
}
.font-label,
.unit {
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.unit {
color: #5e677b;
}
.font-package-name {
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.font-price {
font-weight: 700;
}
@media (min-width: 1025px) {
.payment-cards-container .slick-prev {
left: 93% !important;
}
}
@media (min-width: 768px) {
.payment-main {
display: flex;
gap: 2rem;
}
.payment-duration p,
.payment-title h2 {
color: #fff;
}
.payment-navigation {
background: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/ornament-background-payment-dekstop.svg),
linear-gradient(212.41deg, #cd1924 16.52%, #e65058 58.79%, #f98f78 82.63%), linear-gradient(180.45deg, #fe1c31 32.62%, #f69c5d 98.52%), #d9d9d9;
background-position-x: left, center;
background-position-y: bottom, center;
background-repeat: no-repeat;
background-size: auto, cover;
border-radius: 1.5rem;
flex: 1 0 auto;
max-width: 258px;
padding: 1rem;
}
.payment-duration > * + *,
.payment-navigation > * + * {
margin-top: 0.75rem;
}
.payment-title img {
display: none;
}
.payment-duration button {
padding: 0.75rem;
width: 100%;
}
.payment-cards {
flex: 1;
}
.payment-cards-chat-consultan {
align-items: center;
display: grid !important;
float: none;
grid-template-columns: 1fr auto;
justify-content: center;
margin: auto;
max-width: 38rem;
padding: 1rem 3rem 1rem 1rem;
}
.payment-cards-chat-consultan > * + * {
margin-left: 1.5rem;
}
.payment-cards-chat-consultan p {
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0;
}
.payment-cards-chat-consultan a {
flex: 1 0 auto;
}
.payment-cards-chat-consultan .button-basic-white {
border: 1px solid #cfd3db;
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 0.625rem 1rem;
}
.modal-close {
background: #fff;
border: none;
border-radius: 50%;
filter: drop-shadow(0 8px 18px rgba(52, 143, 151, 0.1));
padding: 0.25rem;
position: absolute;
right: 1rem;
top: 1rem;
}
.modal-content,
.modal-duration .modal-content {
top: 50%;
transform: translateY(-50%);
width: 40%;
}
.payment-package-detail-card {
flex: 0 0 218px;
max-width: 218px;
}
.payment-package-detail-card__header {
min-height: 10rem;
padding: 1rem 1rem 4rem;
}
.payment-package-detail-card__title {
align-items: flex-end;
display: flex;
font-size: 10px;
font-weight: 600;
line-height: 16px;
min-height: 3.25rem;
}
.payment-package-detail-card__subtitle {
font-size: 14px;
font-weight: 700;
line-height: 22px;
padding-bottom: 1rem;
}
.payment-package-detail-card__description {
font-size: 14px;
line-height: 22px;
}
.payment-package-detail-card__price--discount-label p {
font-size: 14px;
line-height: 20px;
}
.payment-package-detail-card__usp li p,
.payment-package-detail-card__usp--active-package p {
font-size: 14px;
line-height: 22px;
}
.payment-package-detail-card__usp--box-shadow {
height: 60px;
}
.payment-package-detail-card__price--strike .font-red {
color: #2c313a;
font-size: 16px;
line-height: 24px;
}
.payment-cards-container .slick-slide {
margin: 0 0.5rem;
}
.payment-cards-container .slick-list {
margin: 0 -0.5rem;
padding: 0.5rem 1rem 0;
}
.font-price {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.payment-card__flashsale-timer span {
width: 0.8rem;
}
.packages-content_tabs {
max-width: 100%;
}
.packages-tabs {
font-size: 14px;
line-height: 22px;
margin: 4px;
padding: 0.75rem 0;
}
.button-basic-white {
background: #fff;
border: 1px solid #cfd3db;
border-radius: 9999px;
color: #2c313a;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
padding: 0.5rem;
text-align: center;
}
.btn-detail {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__price--buy-package {
margin-bottom: 0;
}
.payment-title {
align-items: center;
display: flex;
justify-content: center;
}
.payment-title > * + * {
margin-left: 0.75rem;
}
.payment-duration {
align-items: center;
display: flex;
justify-content: space-between;
}
.payment-duration button {
padding: 0.5rem 0.75rem;
}
.payment-duration button > * + * {
padding-left: 4rem;
}
.payment-card {
margin: auto;
}
.modal-wrapper {
height: fit-content;
padding: 1rem 1rem 2.5rem;
position: relative;
}
.modal-content {
border-radius: 1rem 1rem 0 0;
bottom: 0;
justify-content: center;
left: 0;
overflow-y: hidden;
padding: 1rem 0;
position: fixed;
width: 100%;
}
.modal-close {
background: #fff;
border: none;
border-radius: 50%;
padding: 0;
position: absolute;
right: 1rem;
top: 1rem;
}
.modal-package .modal-close {
position: static;
}
.modal-package .payment-duration {
padding: 0 1rem;
}
.modal-package-title {
align-items: flex-start;
justify-content: flex-end;
left: 0;
position: absolute;
right: 0.5rem;
top: 0;
}
.modal-package-title p {
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.payment-cards-modal {
margin-top: -4%;
}
.modal-detail-package .payment-package-detail-card__usp {
overflow-x: hidden;
overflow-y: auto;
padding: 0.5rem 0 0;
}
.font-modal-title {
color: #2c313a;
font-size: 14px;
font-weight: 700;
line-height: 22px;
max-width: 90%;
}
.modal-detail-package p.font-value {
font-size: 12px;
line-height: 18px;
padding: 0;
}
.modal-detail-package .payment-package-detail-card__price--buy-package {
border-top: 1px dashed #bec8d0;
padding-top: 0.75rem;
position: relative;
width: 100%;
}
.modal-detail-package button.button-basic-orange.text-white {
bottom: -40px;
padding: 0.5rem;
position: absolute;
width: 100%;
}
.payment-duration p {
font-size: 14px;
font-weight: 600;
line-height: 22px;
}
.payment-duration button {
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
.payment-cards-container {
margin-left: 0;
padding: 0;
}
.modal-detail-package .payment-package-detail-card__usp li {
display: block;
min-height: 0;
}
.modal-detail-package .payment-package-detail-card__usp ul {
padding: 0 0 0.75rem;
}
.packages-content_cards .slick-dots {
bottom: -11% !important;
}
.rubel .payment-package-detail-card__usp {
height: 250px !important;
}
.payment-cards-container .slick-list {
margin: 0 -8px 66px;
padding: 4% 25% 0 3% !important;
}
.payment-package-detail-card {
width: 170px !important;
}
.payment-cards-container .slick-slide {
box-sizing: border-box;
margin: 0 8px;
width: 170px !important;
}
.payment-package-detail-card__header {
min-height: 10rem;
padding: 1rem 0.75rem 1.5rem;
}
.payment-cards {
overflow: hidden;
}
.payment-cards-container-modal .payment-package-detail-card__header {
min-height: 168px;
}
.payment-cards-container-modal .payment-package-detail-card__usp--container {
display: block;
}
.payment-cards-container-modal .payment-package-detail-card__action-usp {
display: none;
}
.packages {
padding: 0 0 2rem;
}
.packages-content_cards {
padding: 0;
}
.payment-package-detail-card__usp {
height: 163px;
}
.payment-package-detail-card__title {
align-items: flex-end;
display: flex;
font-size: 10px;
font-weight: 600;
line-height: 16px;
min-height: 3.25rem;
}
.payment-package-detail-card__subtitle {
font-size: 14px;
font-weight: 700;
line-height: 22px;
min-height: 5.5rem;
padding-bottom: 18px;
}
.payment-package-detail-card__description {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__price--strike .font-strike {
font-size: 10px;
line-height: 16px;
}
.payment-package-detail-card__price--discount-label p {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__usp li p,
.payment-package-detail-card__usp--active-package p {
font-size: 12px;
line-height: 20px;
}
.payment-package-detail-card__usp--box-shadow {
height: 45px;
}
.payment-package-detail-card__price--strike .font-red {
font-size: 14px;
line-height: 22px;
}
.payment-card__price--detail-permonth p {
font-size: 12px;
line-height: 18px;
}
.payment-package-detail-card__price--buy-package .button-basic-orange {
border: 1px solid #f26d0f;
font-size: 12px;
line-height: 18px;
padding: 0.35rem;
}
.other-package {
background-size: 190px, 40%, cover;
height: 538px;
padding: 54px 24px 0;
}
.package-other-title {
font-size: 16px;
letter-spacing: normal;
line-height: 24px;
}
.payment-package-detail-card__action-usp.btn-close-usp-desktop,
.payment-package-detail-card__action-usp.btn-open-usp-desktop {
display: none;
}
.payment-package-detail-card__action-usp p {
font-size: 12px;
line-height: 16px;
}
.payment-card__flashsale-discount p,
.payment-card__flashsale-timer p {
font-size: 10px;
line-height: 16px;
}
.payment-card__flashsale-timer:before {
top: -0.5px;
}
.modal-duration .modal-content {
border-radius: 1rem 1rem 0 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
}
.modal-duration-body .button-basic-white {
font-size: 12px;
font-weight: 700;
line-height: 16px;
padding: 0.5rem 0;
}
.modal-duration-submit .btn-submit-duration {
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 0.625rem 0;
}
.payment-section {
padding-top: 0;
}
.payment-section .page-center {
width: 100% !important;
}
.payment-main {
display: block;
overflow: hidden;
padding: 1rem;
}
.payment-main > * + *,
.payment-navigation > * + * {
margin-top: 1rem;
}
.packages-content_cards.rubel-cards .slick-list {
margin: 0 -8px 55px !important;
}
.other-package.other-ruanguji {
height: 385px;
}
.font-label,
.unit {
font-size: 10px;
line-height: 16px;
}
.font-price {
font-size: 14px;
line-height: 22px;
}
.payment-package-detail-card__price--detail > * + * {
margin-left: 4px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.payment-cards-container .slick-slide {
box-sizing: border-box;
margin: 0 8px;
width: 218px !important;
}
.packages {
padding: 1rem 0 4rem;
}
.packages .font-subtitle {
font-size: 24px;
line-height: 36px;
text-align: left;
}
.packages-content_cards {
padding: 1rem 0;
}
}
.display-flex {
display: flex;
}
.section-product-selection {
background: #f2f5fa;
margin-top: 0;
overflow: visible;
padding: 3rem 0 1rem;
position: relative;
}
.container-ps {
background: #fff;
border-radius: 24px;
margin-top: -6rem;
padding: 1rem;
}
.ps-title {
font-weight: 700;
padding-bottom: 1rem;
}
.ps-card {
grid-gap: 0.75rem;
align-items: center;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.ps-item {
background: #fff;
padding: 0.75rem;
width: 14%;
}
.ps-icon-link,
.ps-item {
align-items: center;
border: 1px solid #cfd3db;
border-radius: 16px;
}
.ps-icon-link {
background: transparent;
display: flex;
gap: 0.75rem;
padding: 12px;
width: 100%;
}
.ps-desc {
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.ps-btn {
cursor: pointer;
gap: 0.7rem;
}
.modal-ps {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
display: none;
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 101;
}
.modal-content-ps {
background: #fff;
border-radius: 16px;
margin: auto;
}
.modal-body-ps {
padding: 1rem;
}
.close-ps {
color: gray;
cursor: pointer;
float: right;
font-size: 28px;
font-weight: 700;
}
.modal-ps-title {
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
.modal-ps-subtitle {
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-top: 0.75rem;
}
.modal-ps-grade {
justify-content: space-between;
padding-top: 0.75rem;
}
.ps-grade-container {
background: #fff;
border: 1px solid #cfd3db;
border-radius: 35px;
padding: 0.5rem 1.8rem;
}
.ps-grade-container-active {
background: #e0eefa;
border: 1px solid #2196f3;
border-radius: 35px;
color: #1480d8;
padding: 0.5rem 1.8rem;
}
.modal-ps-grade button {
background: transparent;
border: none;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.ps-product-container {
align-items: center;
gap: 0.5rem;
padding-top: 1rem;
}
.ps-product-info {
width: 85%;
}
.ps-product-title {
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.ps-product-subtitle {
color: #5e677b;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin: 0;
}
.mb-dashed {
border-bottom: 2px dashed #cfd3db;
padding-bottom: 1rem;
}
.utbk-icon-wrapper {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
}
.utbk-highlight {
background: linear-gradient(108.63deg, #e52a34 21.42%, #ea279c 52.79%, #f26d0f 111.32%);
border-radius: 200px;
bottom: -6px;
color: #fff;
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 16px;
padding: 0 4px;
position: absolute;
}
.utbk-snbt-title {
width: auto;
}
@media (min-width: 1025px) {
.ps-title {
font-size: 18px;
letter-spacing: -0.005em;
line-height: 28px;
}
}
@media (min-width: 768px) {
.utbk-icon-wrapper {
margin-top: -6px;
}
.utbk-highlight {
bottom: -4px;
}
.modal-content-ps {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-name: slideIn;
animation-name: slideIn;
height: 78vh;
overflow-y: scroll;
padding: 20px;
position: relative;
top: 3rem;
width: fit-content;
}
.utbk-snbt-title {
width: 100px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.ps-hide {
display: none !important;
}
.ps-item {
width: 100%;
}
.utbk-snbt-title {
width: 100px;
}
.ps-title {
font-size: 16px;
line-height: 24px;
}
.ps-desc {
font-size: 12px;
line-height: 18px;
text-align: left;
}
}
@media (max-width: 767px) {
.display-mobile {
display: block !important;
}
.container-ps {
border-radius: 16px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
margin-top: -7rem;
padding: 12px;
}
.ps-title {
font-size: 12px;
line-height: 18px;
text-align: center;
}
.ps-hide {
display: none !important;
}
.ps-item {
border: none;
border-radius: unset;
text-align: center;
width: 100%;
}
.ps-icon-link,
.ps-item {
flex-direction: column;
padding: 0;
}
.ps-icon-link {
border: none;
}
.ps-desc {
float: none;
font-size: 10px;
line-height: 16px;
margin: auto !important;
max-width: 3.85rem;
}
.modal-ps-grade p {
font-size: 12px;
line-height: 16px;
}
.modal-content-ps {
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-name: slideIn;
animation-name: slideIn;
border-radius: 16px 16px 0 0;
bottom: 0;
height: 70%;
overflow-y: scroll;
position: fixed;
width: 100%;
}
.modal-ps-grade {
flex-wrap: wrap;
justify-content: unset;
row-gap: 0.25rem;
}
.modal-ps-grade button {
font-size: 12px;
line-height: 16px;
}
.ps-product-container {
gap: 0;
}
.ps-product-container img {
margin-right: 0.5rem;
}
.ps-grade-container,
.ps-grade-container-active {
padding: 0.5rem 1rem;
}
.varian_b {
display: block;
position: relative;
width: 18rem !important;
}
}
.btn-navbar-product {
background: #fff;
border: 2px solid #e0eefa;
border-radius: 16px;
box-shadow: 0 8px 16px rgb(26 29 34/8%);
height: 78px;
margin: 0 5px;
padding: 4px 8px;
width: 172px;
}
.font-navbar {
color: #5e677b;
font-size: 14px;
font-weight: 600;
line-height: 22px;
padding-top: 6px;
}
.products-content_navbar .slick-track {
transform: translateZ(0) !important;
width: 100% !important;
}
.products-content_navbar .slick-slide.slick-current.slick-active button {
background: linear-gradient(235deg, #1480d8 -12.59%, #42a5f5 112.59%), linear-gradient(226.39deg, #2196f3 0.17%, #4844fa);
border: none;
box-shadow: none;
}
.products-content_navbar button svg {
color: #2196f3;
}
.products-content_navbar .slick-slide.slick-current.slick-active .font-navbar,
.products-content_navbar .slick-slide.slick-current.slick-active button svg {
color: #fff;
}
.products-content_navbar .slick-slide {
margin: 0 6px;
}
.products-content_navbar .slick-list {
margin: 0 -6px;
padding: 1rem 0;
}
.display_none {
display: none;
opacity: 0;
transition: opacity 0.5s ease-out;
}
.products-content_navbar .slick-track:after,
.products-content_navbar .slick-track:before {
content: none !important;
}
.products-content_navbar .slick-track {
display: grid !important;
}
@media (min-width: 1205px) {
.products-content_navbar .slick-track {
column-gap: 0.25rem;
grid-template-columns: 20% 20% 20% 20% 20%;
justify-content: center;
justify-items: center;
}
.btn-navbar-product {
margin: 0;
width: 100%;
}
}
@media (max-width: 1204px) {
.products-content_navbar .slick-track {
display: grid !important;
grid-template-columns: 33% 33% 33%;
row-gap: 1rem;
}
}
@media (min-width: 768px) {
.products {
padding: 40px 0 0;
}
.products-content_navbar {
padding: 0.5rem 0 1rem;
}
.products-content_box .slick-slide.slick-current.slick-active {
margin-bottom: 64px;
}
}
@media (max-width: 767px) {
.products {
padding: 2rem 0;
}
.products-content_navbar {
padding: 0 0 1rem;
}
.btn-navbar-product {
height: 64px;
padding: 4px;
}
.products-content_navbar button svg {
transform: scale(0.8);
}
.font-navbar {
font-size: 10px;
line-height: 16px;
padding-top: 2px;
}
}
@keyframes modal-video {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes modal-video-inner {
0% {
transform: translateY(100px);
}
to {
transform: translate(0);
}
}
.modal-video {
animation-duration: 0.3s;
animation-name: modal-video;
animation-timing-function: ease-out;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
height: 100%;
left: 0;
opacity: 1;
position: fixed;
top: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
width: 100%;
z-index: 1000000;
}
.modal-video-close {
opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
.modal-video-body {
display: table;
height: 100%;
margin: 0 auto;
max-width: 940px;
width: 100%;
}
.modal-video-inner {
display: table-cell;
height: 100%;
vertical-align: middle;
width: 100%;
}
.modal-video-movie-wrap {
animation-duration: 0.3s;
animation-name: modal-video-inner;
animation-timing-function: ease-out;
background-color: #333;
height: 0;
padding-bottom: 56.25%;
position: relative;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
width: 100%;
}
.modal-video-movie-wrap iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.modal-video-close-btn {
background: transparent;
border: 0;
display: inline-block;
height: 35px;
overflow: hidden;
position: absolute;
right: -35px;
top: -35px;
width: 35px;
z-index: 2;
}
.modal-video-close-btn:before {
transform: rotate(45deg);
}
.modal-video-close-btn:after {
transform: rotate(-45deg);
}
.modal-video-close-btn:after,
.modal-video-close-btn:before {
background: #fff;
border-radius: 5px;
content: '';
height: 2px;
left: 0;
margin-top: -6px;
position: absolute;
top: 50%;
width: 100%;
}
.modal-video {
background-color: rgba(0, 0, 0, 0.7) !important;
}
@media (min-width: 768px) {
.modal-video-close-btn {
background-color: #2eb5c0 !important;
border-radius: 20px !important;
cursor: pointer !important;
right: -25px !important;
top: -25px !important;
}
.modal-video-close-btn:after,
.modal-video-close-btn:before {
left: 7.5px !important;
top: 65% !important;
width: 60% !important;
}
}
.rubel-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(221.15deg, #f5b2b6 1.73%, #fffefd 76.11%),
radial-gradient(189.23% 733.29% at 0 54.77%, #ffe8e3 0, #fdfcfe 100%);
}
.kitab-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(230.74deg, #69b7f6 0.81%, #cce4f9 82.04%),
radial-gradient(189.23% 733.29% at 0 54.77%, #ffe8e3 0, #fdfcfe 100%);
}
.ruanguji-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(230.74deg, #c1e3ff 0.81%, #e0eefa 82.04%),
radial-gradient(189.23% 733.29% at 0 54.77%, #ffe8e3 0, #fdfcfe 100%);
}
.bao-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(231.17deg, #f9cbab, #faf4e0 85.28%),
linear-gradient(216.45deg, #b0d8f9 28.92%, #cbfff9 132.95%);
}
.privat-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(223.03deg, #b0d8f9 0.93%, #e5f6e5 78.79%);
}
.product-box {
background-position-x: right, center;
background-position-y: top, center;
background-repeat: no-repeat;
background-size: 30%, cover;
overflow: hidden;
position: relative;
width: fit-content !important;
}
.products button.button-basic-orange {
float: left;
font-size: 14px;
line-height: 22px;
max-width: 100%;
padding: 11px 20px 11px 24px;
position: relative;
width: fit-content;
z-index: 3;
}
.products button.button-basic-orange:after {
align-self: center;
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/fd8ea08f-69c6-4c4f-b23f-52ac88463a4f.svg);
background-position-y: center;
background-size: 100% 100%;
content: '';
display: inline-flex;
height: 1rem;
margin-left: 0.5rem;
width: 1rem;
}
.font-product-title {
font-weight: 700;
}
.font-product-logo {
font-weight: 700;
letter-spacing: -0.005em;
}
.list-product li {
background-position-y: top;
flex-direction: column;
}
.list-product li span {
font-weight: 700;
}
.kitab-box .product-box_asset img {
position: absolute;
}
.product-box.ruanguji-box {
align-items: flex-end;
grid-template-columns: 1.15fr 0.85fr;
}
.events-container {
padding-bottom: 1rem;
}
.event-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 16px hsla(217, 5%, 53%, 0.08);
height: 342px;
position: relative;
width: 360px;
z-index: 3;
}
.img-live-teaching {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
height: auto;
width: 100%;
}
.details {
padding: 12px 16px;
}
.details-content {
grid-gap: 0.5rem;
align-items: flex-start;
display: grid;
grid-template-columns: auto 1fr;
}
.details p {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
padding-bottom: 4px;
}
.product-box.bao-box {
align-items: flex-end;
}
.product-box.bao-box:after {
bottom: 0;
content: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/5bf4913c-b39c-43c1-99d4-3ec291fff41a.svg);
display: flex;
justify-content: flex-end;
position: absolute;
right: 4%;
width: 100%;
z-index: 0;
}
.button-basic-white {
align-items: center;
border: 1px solid #cfd3db;
display: flex;
float: none;
font-family: Inter;
font-size: 14px;
font-weight: 700;
justify-content: center;
line-height: 22px;
margin: 0.5rem auto 0 !important;
max-width: 70%;
padding: 11px 0;
text-align: center;
width: 100%;
}
.banner {
position: relative;
}
.status-live {
grid-gap: 5px;
align-items: center;
background: #e52a34;
border-radius: 9999px;
color: #fff;
display: grid;
font-family: Inter;
font-size: 14px;
font-weight: 600;
grid-template-columns: auto 1fr;
left: 0.5rem;
line-height: 22px;
padding: 3px 12px;
position: absolute;
top: 0.5rem;
}
.product-box.bac-box {
align-items: flex-start;
min-height: 25rem;
overflow: auto;
}
.bac-box .font-product-title {
max-width: 90%;
}
.font-product-desc {
font-size: 18px;
font-weight: 400;
letter-spacing: 0.01em;
line-height: 28px;
max-width: 90%;
padding: 0 0 24px;
}
.accordion2 {
background: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 6px 20px 4px rgb(113 130 164/8%);
cursor: pointer;
font-size: 15px;
margin: 0 auto;
outline: none;
padding: 8px 16px 8px 12px;
text-align: left;
transition: 0.4s;
}
.accordion2 p {
color: #2c313a;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 28px;
}
.accordion2:after {
content: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/43b98c7b-33e3-4014-a184-3139bf46a5a2.svg);
float: right;
font-size: 24px;
margin-left: 5px;
margin-top: -28px;
}
.expanded {
border-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0 10px 10px rgb(37 13 44/8%);
}
.expanded:after {
content: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/28011cda-4413-4162-8771-95948fbc6c24.svg);
}
.panel2 {
background-color: #fff;
border-radius: 0 0 8px 8px;
box-shadow: 0 20px 20px 4px rgb(113 130 164/8%);
margin: 0 auto 0.75rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.panel-bac {
padding: 0 12px 12px;
}
.font-panel-desc {
font-size: 14px;
line-height: 22px;
padding-bottom: 0.5rem;
text-align: left;
}
.panel-bac > img {
border-radius: 12px;
object-fit: cover;
}
.panel-bac_benefits {
grid-gap: 1rem;
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0.5rem 0 0;
}
.panel-benefit {
grid-gap: 4px;
align-items: center;
display: grid;
grid-template-columns: auto 1fr;
}
.font-benefit {
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.product-box.privat-box {
padding-bottom: 4rem;
}
.privat-box .font-product-title {
max-width: 90%;
}
.privat-box .product-box_asset img {
bottom: 0;
position: absolute;
right: 0;
width: 40%;
}
@media (min-width: 768px) {
.bac-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/b35e5952-5e52-43bc-b084-86f28442bcae.svg),
url(https://cdn-web-2.ruangguru.com/file-uploader/lp/1f629049-168e-4dd3-a59b-f0a9daf7e322.svg), url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg),
linear-gradient(216.45deg, #b0d8f9 28.92%, #cbfff9 132.95%), linear-gradient(231.17deg, #f9cbab, #faf4e0 85.28%), radial-gradient(189.23% 733.29% at 0 54.77%, #ffe8e3 0, #fdfcfe 100%);
background-position-x: left, center, right, center;
background-position-y: top, bottom, top, center;
background-repeat: no-repeat;
background-size: 40%, 100%, 30%, cover;
}
.product-box {
grid-gap: 1rem;
align-items: center;
border-radius: 24px;
display: grid !important;
grid-template-columns: 1.2fr 0.8fr;
overflow: hidden;
padding: 24px 40px 40px;
}
.font-product-title {
font-size: 28px;
letter-spacing: -0.005em;
line-height: 42px;
padding: 1.25rem 0 0.5rem;
}
.font-product-logo {
font-size: 24px;
line-height: 36px;
}
.list-product li {
background-size: 24px 24px;
font-size: 16px;
line-height: 24px;
max-width: 92%;
padding-bottom: 1rem;
padding-left: 2rem;
}
.product-box.kitab-box {
grid-template-columns: 1.1fr 0.9fr;
}
.kitab-box .product-box_asset img {
bottom: 0;
width: 38%;
}
.product-box.bao-box {
padding-bottom: 3rem;
}
.bac-box .product-box_asset {
padding-top: 6rem;
}
.panel-bac > img {
min-height: 200px;
}
}
@media (max-width: 767px) {
.bac-box {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/d97e415b-08bf-4f23-aa9b-d0ffdfdffdf4.svg), linear-gradient(216.45deg, #b0d8f9 28.92%, #cbfff9 132.95%),
linear-gradient(231.17deg, #f9cbab, #faf4e0 85.28%), radial-gradient(189.23% 733.29% at 0 54.77%, #ffe8e3 0, #fdfcfe 100%);
background-position-x: right, center;
background-position-y: top, center;
background-size: 40%, cover;
}
.product-box {
border-radius: 12px;
height: 720px;
overflow: hidden !important;
padding: 28px 12px 0 !important;
}
.ruanguji-box {
padding: 28px 12px 0;
}
.font-product-title {
font-size: 16px;
line-height: 24px;
padding: 28px 0 0;
}
.font-product-logo {
font-size: 18px;
line-height: 28px;
}
.list-product li {
background-size: 20px 20px;
font-size: 12px;
line-height: 20px;
padding-left: 1.75rem;
}
.products button.button-basic-orange {
float: none;
}
.products .invert-cta .button-basic-orange {
bottom: 1.5rem;
font-size: 14px !important;
left: 50%;
line-height: 22px !important;
max-width: 65% !important;
padding: 11px 20px 11px 24px !important;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100% !important;
z-index: 3;
}
.product-logo {
height: auto;
max-width: 125px;
}
.rubel-box.invert-cta .button-basic-orange {
bottom: 3rem;
max-width: 80% !important;
}
.kitab-box .product-box_detail {
margin-bottom: 5rem;
}
.kitab-box .product-box_asset img {
position: relative;
}
.details p {
font-size: 11px;
line-height: 16px;
padding-bottom: 8px;
}
.event-card {
float: none;
height: auto;
margin: auto;
max-width: 82%;
width: fit-content;
}
.status-live img {
height: 16px;
width: 16px;
}
.status-live {
font-size: 10px;
line-height: 16px;
}
.btn-sesi {
padding: 7px 0;
}
.privat-box .product-box_asset img {
width: 100%;
}
.font-product-desc {
font-size: 12px;
line-height: 18px;
}
.panel-bac > img {
min-height: 150px;
}
.list-product {
padding: 1rem 0 0.5rem;
}
.accordion2 p {
font-size: 14px;
line-height: 22px;
}
.font-panel-desc {
font-size: 12px;
line-height: 18px;
}
.font-benefit {
font-size: 11px;
line-height: 16px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.products-content_navbar .slick-track {
justify-content: center;
}
.products-content_navbar .slick-slide {
width: 90% !important;
}
.product-box {
display: inline-block !important;
padding: 24px 40px 0;
width: 100% !important;
}
.bac-box {
min-height: 60rem;
}
.bac-box .product-box_asset {
float: none;
margin: auto;
max-width: 70%;
}
.kitab-box .product-box_asset img {
position: relative;
width: 100%;
}
.ruanguji-box .product-box_asset,
.rubel-box .product-box_asset {
padding: 1rem 0 0;
}
.kitab-box .product-box_asset,
.ruanguji-box .product-box_asset {
float: none;
margin: auto !important;
width: 60%;
}
.product-box_asset.hero-video {
float: none;
margin: 3rem auto 0;
max-width: 60%;
padding: 2rem 0;
}
.product-box.privat-box {
padding-bottom: 0;
}
.privat-box .product-box_asset img {
position: relative;
width: 100%;
}
.product-box_asset {
padding-top: 5rem;
}
.events-container {
display: flex;
justify-content: center;
padding-bottom: 0;
}
}
@media (max-width: 379px) {
.hero {
padding: 1.5rem 0;
}
.hero .font-desc {
float: none;
margin: 0 auto !important;
max-width: 90%;
}
.bac-box,
.bao-box {
height: 776px;
}
.products-content_navbar .slick-slide {
margin: 0 2px;
}
.products-content_navbar .slick-track {
row-gap: 0.5rem;
}
}
@media (max-width: 348px) {
#LeadsGen label {
font-size: 10px;
}
}
@media (max-width: 359px) {
.hero {
min-height: 31rem;
}
}
:focus {
outline: none !important;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.page-center {
float: none !important;
width: 90% !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.page-center-detail,
.page-center-content {
float: none !important;
margin: 0 auto !important;
}
body,
html {
height: 100% !important;
margin: 0;
min-height: 100% !important;
scroll-behavior: smooth;
background: #f2f5fa;
}
img {
max-width: 100%;
}
button,
a {
cursor: pointer !important;
}
.fn-ma {
float: none;
margin: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0 !important;
}
a {
text-decoration: none;
}
/* Used on all text */
.font-title,
.font-subtitle {
font-weight: 700;
}
.font-inter {
font-family: 'Inter';
}
.font-source {
font-family: 'Source Sans Pro', sans-serif;
}
.font-nunito {
font-family: 'Nunito', sans-serif;
}
.font-center {
text-align: center;
}
/* Used on H1 tag */
.font-header-one,
.font-header-two,
.font-header-three {
font-weight: 700;
}
/* Black main color */
.font-black {
color: #000;
}
.font-dark {
color: #2c313a;
}
/* Black secondary color */
.font-black-secondary {
color: #333333;
}
.font-green {
color: #13939e;
}
.font-gray {
color: #424242;
}
.font-dark-gray {
color: #4f4f4f;
}
.font-light-gray {
color: #5e677b;
}
.font-bright-gray {
color: #828282;
}
/* White color */
.font-white {
color: #ffffff;
}
.font-washed-white {
color: #fffaed;
}
.font-red {
color: #e52a34;
}
.font-blue {
background: linear-gradient(299.69deg, #0a5ad1 7.23%, #3db6fa 105.51%), #ffffff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
/* Letter spacing */
.ls-1 {
letter-spacing: -0.01em;
}
.ls-5 {
letter-spacing: -0.005em;
}
/* Display */
.display-block {
display: block;
}
.display-none {
display: none;
}
.display-flex {
display: flex;
}
.display-grid {
display: grid;
}
/* Used on all button */
.button-basic-white {
background: #ffffff;
border-radius: 96px;
text-decoration: none;
}
.button-basic-white:hover {
filter: brightness(95%);
}
.button-basic-orange {
background: #f26d0f;
border-radius: 100px;
text-decoration: none;
border: none;
}
.button-basic-orange:hover {
filter: brightness(95%);
}
/* List */
.ul-basic {
list-style: none;
}
.ol-basic {
list-style: none;
}
iframe[title='Button to launch messaging window'] {
opacity: 0 !important;
display: none !important;
}
@media (min-width: 1025px) {
.font-subtitle {
font-size: 28px;
line-height: 42px;
letter-spacing: -0.005em;
}
.font-header-one {
font-size: 32px;
line-height: 48px;
}
.font-header-two {
font-size: 18px;
line-height: 28px;
}
.font-header-three {
font-size: 20px;
line-height: 30px;
}
.page-center-detail {
width: 90% !important;
max-width: 1200px !important;
}
}
@media (max-width: 1024px) {
.font-subtitle {
font-size: 18px;
line-height: 28px;
text-align: center;
letter-spacing: -0.005em;
}
.font-header-one {
font-size: 20px;
line-height: 22px;
}
.font-header-two,
.font-header-three {
font-size: 16px;
line-height: 24px;
}
.page-center-content {
width: 90% !important;
max-width: 1200px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.font-subtitle {
font-size: 28px;
line-height: 42px;
letter-spacing: -0.005em;
}
}
@media (min-width: 1025px) {
.breadcrumb-item > a,
.breadcrumb-item.active {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 1024px) {
.breadcrumb-item > a,
.breadcrumb-item.active {
font-size: 12px;
line-height: 20px;
}
}
.breadcrumb {
padding: 0 1rem;
margin: 0;
}
.breadcrumb-item > a,
.breadcrumb-item.active {
font-family: 'Inter';
color: #ffffff !important;
}
.breadcrumb-item > a {
font-weight: 400;
}
.breadcrumb-item.active {
font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #ffffff !important;
}
.panel2 {
width: 100%;
}
.list-product ul {
margin: 0.5rem 0 0;
padding: 0;
}
.list-product li li {
padding-bottom: 0.5rem;
max-width: 100%;
}
@media (min-width: 768px) {
.kitab-box .product-box_asset img {
padding-top: 5rem;
position: relative;
width: 100%;
}
}
@media (max-width: 767px) {
.product-box.kitab-box {
height: auto;
}
}
.payment-package-detail-card__img {
height: 78px;
width: 100%;
object-fit: contain;
object-position: center;
}
iframe[title='Button to launch messaging window'] {
opacity: 0 !important;
display: none !important;
}
iframe[title='Messaging window'] {
height: 440px !important;
bottom: 13rem !important;
}
iframe[title='Button to launch messaging window, conversation in progress'],
#launcher,
iframe[title='Number of unread messages'] {
height: 0 !important;
width: 0 !important;
opacity: 0 !important;
display: none !important;
}
@media (max-width: 767px) {
iframe[title='Messaging window'] {
height: 100vh !important;
bottom: inherit !important;
}
}
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
/*display:none;*/
position: fixed;
bottom: 9rem;
right: 1rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-promo {
position: fixed;
bottom: 1rem;
right: 1.75rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
@media (min-width: 768px) {
.bantuan img,
.bantuan-promo img {
width: auto;
transition: all 0.4s ease;
}
.bantuan img {
width: 140px;
}
.bantuan-promo img {
width: 120px;
}
.clicked {
bottom: 9rem;
right: 2.5rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-promo {
bottom: 2.5rem;
right: 1.5rem;
align-items: center;
}
.bantuan img,
.bantuan-promo img {
width: auto;
}
.bantuan img {
width: 96px;
}
.bantuan-promo img {
width: 80px;
}
dotlottie-player.floating-lottie {
width: 80px !important;
height: 80px !important;
}
}
.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0 !important;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540 !important;
overflow: hidden;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
margin: 0.25rem !important;
}
.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 !important;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem !important;
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 !important;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
margin-bottom: 1.25rem !important;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem !important;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
</style>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/utbk-snbt" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/utbk-snbt/assets/index-DVPXBL5s.js"></script>
</head>
<body>
<style>/*!
* Bootstrap v4.5.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
padding: 0 !important;
}
*,
:after,
:before {
box-sizing: border-box;
}
header,
nav {
display: block;
}
p {
margin-top: 0;
}
a {
background-color: transparent;
color: #007bff;
text-decoration: none;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]),
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
img {
border-style: none;
}
img,
svg {
vertical-align: middle;
}
svg {
overflow: hidden;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible;
text-transform: none;
}
[type='button'],
button {
-webkit-appearance: button;
}
[type='button']:not(:disabled),
button:not(:disabled) {
cursor: pointer;
}
[type='button']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.navbar {
padding: 0.5rem 1rem;
position: relative;
-ms-flex-align: center;
-ms-flex-pack: justify;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@media print {
*,
:after,
:before {
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
img {
page-break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
size: a3;
}
.navbar {
display: none;
}
}
.cta {
border-radius: 9999px;
background: var(--k-12-base-light-theme-action-primary-default, #f26d0f);
width: 100%;
border: none;
color: var(--k-12-base-light-theme-text-solid-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
}
.cta.dark,
.cta.dark-green,
.cta.blue-indigo,
.cta.violet,
.cta.roc {
color: #000;
background-color: #fff;
}
@media (max-width: 1024px) {
.navbar {
padding: 0 !important;
}
}
.navig-link a {
background-color: transparent;
color: #474747;
text-decoration: none !important;
}
.navig-link.dark a,
.navig-link.dark-green a,
.navig-link.roc a,
.navig-link.blue-indigo a,
.navig-link.violet a,
.navig-link.home a {
color: #fff !important;
}
.navig-dropdown-area a:hover,
.navig-link a:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
text-decoration: none !important;
}
.ruangguru-header {
background: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.13);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
padding: 0 !important;
}
.ruangguru-header.dark {
background: #000;
}
.ruangguru-header.dark-green {
background: #022527;
}
.ruangguru-header.roc {
background-color: #1d1110;
}
.ruangguru-header.blue-indigo {
background: #444fb7;
}
.ruangguru-header.home {
background: linear-gradient(257.67deg, #21a5b1 46.16%, #0e9bdf 95.13%);
}
.ruangguru-header .navig-link {
color: #474747 !important;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.ruangguru-header.dark .navig-link,
.ruangguru-header.dark-green .navig-link,
.ruangguru-header.blue-indigo .navig-link,
.ruangguru-header.roc .navig-link {
color: #fff !important;
}
.navigation__left {
display: flex;
}
.logo-header {
padding: 5px 0;
}
.navig-link:hover {
background: 0 !important;
color: #3cc4e5 !important;
cursor: pointer;
}
.navig-link-dropdown {
white-space: nowrap;
}
.navig-link-dropdown:after {
border-bottom: 0;
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.3em solid;
content: '';
display: inline-block;
margin-left: 0.255em;
transition: 0.7s;
vertical-align: 0.255em;
}
.navig-link-dropdown[aria-expanded='true']:after {
transform: scaleY(-1);
}
.navig-link-dropdown[aria-expanded='false']:after {
transform: scaleY(1);
}
.logo-product {
margin: 0 0 5px !important;
}
.logo-product img {
min-height: 3rem;
object-fit: scale-down;
object-position: left;
width: 100%;
}
#lp_ea {
display: flex;
}
.item-services a,
.item-center a,
.text-product {
font-family: Inter;
}
@keyframes animate {
0% {
opacity: 0;
transform: rotateX(-90deg);
}
50% {
transform: rotateX(20deg);
}
to {
opacity: 1;
transform: rotateX(0deg);
}
}
@media (min-width: 1025px) {
.spacer-rg {
height: 4.5rem;
}
.container-ruangguru-header {
align-items: center;
padding: 18px 10px;
position: relative;
}
.ruangguru-header.home .page-center {
width: 90% !important;
}
.logo-header {
margin-right: 16px;
}
.navigation__right {
position: absolute;
right: 0;
}
#produk_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
float: left;
font-size: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
list-style: none;
padding: 0.5rem 10px;
position: absolute;
text-align: left;
top: 70%;
width: 1050px;
z-index: 1000;
left: 7%;
}
.item-product,
.item-services,
.item-center {
padding: 12px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.item-product:hover,
.item-services:hover,
.item-center:hover {
background-color: #eaf8f9 !important;
cursor: pointer;
}
#services_item,
#center_item {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
flex-flow: column;
float: left;
font-size: 1rem;
list-style: none;
margin: 0;
min-width: 10rem;
padding: 0.5rem 0;
position: absolute;
text-align: left;
top: 70%;
z-index: 1000;
}
#services_item {
left: 44rem;
}
#center_item {
left: 14rem;
}
.container-ruangguru-header {
display: flex;
flex-direction: row;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
padding-bottom: 20px;
text-align: center;
}
}
@media (min-width: 1078px) {
.hamburger-icon {
display: none;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: auto;
flex-grow: 0;
max-height: unset;
overflow-y: auto;
padding-bottom: 0;
text-align: center;
}
.navigation__content .navig-link {
margin: 0 14px;
padding: 8px 8px 8px 0;
}
.navigation__content {
display: grid;
grid-auto-flow: column;
}
}
@media (min-width: 321px) and (max-width: 767px) {
.spacer-rg {
height: 4rem;
}
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 12px;
padding: 0.25rem 0.5rem 0.5rem;
}
.item-services,
.item-center {
margin-bottom: 0.35rem;
padding: 0.5rem 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container-ruangguru-header {
align-items: center;
padding: 10px;
position: relative;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 16px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 0 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk_item,
#services_item,
#center_item {
padding: 1rem 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 12px;
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
display: none;
}
}
@media (max-width: 320px) {
.spacer-rg {
height: 3rem;
}
.container-ruangguru-header {
align-items: center;
position: relative;
}
.navigation__content {
padding-bottom: 20px;
}
.item-services a,
.item-center a,
.text-product {
color: #0a2540 !important;
font-size: 14px;
font-weight: 400;
text-align: inherit;
text-decoration: none;
white-space: normal !important;
width: auto !important;
}
.hamburger-icon {
align-self: center;
transform: scale(0.8);
}
.logo-header {
margin-left: 10px;
transform: scale(0.8);
}
.navig-dropdown-area {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
color: #212529;
display: none;
font-size: 1rem;
left: 0;
list-style: none;
margin: 10px;
min-width: 10rem;
text-align: left;
top: 100%;
z-index: 1000;
}
#produk,
#program,
#services {
padding: 20px 0 0;
}
#produk_item {
padding: 1rem 20px;
}
#services_item,
#center_item {
padding: 10px 20px;
}
.text-product {
margin-bottom: 0;
}
.navigation__right {
position: absolute;
right: 0;
top: 5px;
transform: scale(0.8);
}
.navig-link {
padding: 28px 0 0;
text-align: center;
}
.item-product {
margin-bottom: 18px;
padding: 0.25rem 1.5rem;
}
.item-services,
.item-center {
margin-bottom: 18px;
padding: 2px 0;
}
.navigation__content {
align-items: center;
display: none;
flex-basis: 100%;
flex-grow: 1;
max-height: 500px;
overflow-y: scroll;
text-align: center;
}
}
.wrapper-profile-login {
position: relative;
}
.container-login_details {
position: relative;
}
.container-user_profile {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: var(--size-radius-rad-full, 9999px);
border: 1px solid var(--K12-Base-Theme-Border-Default, #cfd3db);
background: var(--K12-Base-Theme-Action-Secondary-Default, #fff);
padding: 4px 8px;
cursor: pointer;
position: relative;
}
.profile-picture {
border-radius: 100%;
}
.display-none {
display: none !important;
}
.display-1 {
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
}
.display-3 {
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
}
/* Text utility classes */
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-wrap {
white-space: normal !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
.text-secondary {
color: #6c757d !important;
}
/*FLOATING BANNER*/
.floating,
.floating > img {
width: 100%;
}
.hero-cta-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0.1rem 0 0.35rem;
position: relative;
}
.hero-timer-cta p {
color: #fff;
font-family: Inter;
font-size: 16px;
font-weight: 600;
line-height: 24px;
padding-right: 0.5rem;
margin: 0 !important;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.text-countdown-hero {
align-items: center;
display: flex;
flex-direction: row;
gap: 0.25rem;
justify-content: center;
}
.text-countdown-hero div,
.text-countdown-hero span {
color: #fff;
letter-spacing: 0.01em;
margin: 0;
}
.text-countdown-hero div {
grid-gap: 0.25rem;
align-items: center;
display: grid;
grid-template-columns: auto auto;
}
.text-countdown-hero span {
color: #fff;
background: linear-gradient(0deg, #cd1924 0%, #cd1924 100%), linear-gradient(133deg, #ea4952 1.52%, #cd1924 50%, #9a0912 98.48%), rgb(0 0 0 / 0.25);
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
}
/* Floating banner positioning for countdown */
.container-floating-banner,
.floating {
position: relative;
}
/* Override existing hero-timer-cta to position at bottom center of floating banner */
.hero-timer-cta {
position: absolute !important;
bottom: 6% !important;
left: 50% !important;
transform: translateX(-50%) !important;
background: transparent !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
text-align: center !important;
font-size: 14px !important;
z-index: 10 !important;
display: flex;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
}
.hero-timer-cta .countdown-hero {
margin-top: 0 !important;
}
.hero-timer-cta .text-countdown-hero {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 4px !important;
}
.hero-timer-cta .text-countdown-hero div {
display: flex !important;
align-items: center !important;
color: white !important;
}
.hero-cta {
background: #fff;
border: 8px solid #7ac9d0;
border-radius: 96px;
color: #2c313a;
display: inline-block;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
padding: 0.5rem 1.75rem;
text-align: center;
text-decoration: none;
}
@media (max-width: 767px) {
.hero-cta {
border: 8px solid #7ac9d0;
font-size: 12px;
line-height: 18px;
padding: 0.5rem 1.75rem;
}
.hero-timer-cta p {
font-size: 12px;
line-height: 18px;
}
.text-countdown-hero div,
.text-countdown-hero span {
font-size: 10px;
line-height: 12px;
}
.text-countdown-hero span {
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
}
.hero-timer-cta {
width: 100% !important;
bottom: 4% !important;
justify-content: flex-start !important;
}
}
</style>
<style>
.header-guest-mark-layout {
position: absolute;
width: 100%;
display: none;
justify-content: flex-end;
}
.header-guest-mark-triangle {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 30px solid #f1bb53;
margin-right: 2.25rem;
margin-bottom: -0.5rem;
}
.header-guest-mark-container {
display: flex;
background-color: #f1bb53;
width: fit-content;
border-radius: 12px;
padding: 0.5rem 0.75rem;
gap: 1rem;
justify-items: center;
}
.header-guest-mark-container p {
font-family: Space Grotesk;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding: 0;
}
@media (min-width: 1300px) {
.header-guest-mark-layout {
margin-top: 7rem;
}
}
@media (max-width: 1299px) {
.header-guest-mark-layout {
margin-top: 0;
}
}
@media (max-width: 767px) {
.header-guest-mark-triangle {
margin-right: 2.5rem;
}
}
</style>
<nav class="ruangguru-header ">
<div class="page-center">
<div class="container-ruangguru-header">
<div class="navigation__left">
<div class="hamburger-icon">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/eed92e13-500e-4cc5-b049-77c60bb3e857.svg"
alt="Dropdown Navigation Icon" loading="lazy" />
</div>
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/","item_type": "image","item_name": "Logo ruangguru","item_category": "cta","item_position": 0,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/">
<div class="logo-header">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg"
alt="Logo ruangguru" loading="lazy" />
</div>
</a>
</div>
<div class="navigation__content">
<div class="navig-link navig-link-dropdown " id="produk" aria-expanded="false">
<a href="#">Produk</a>
</div>
<div class="navig-dropdown-area closed" id="produk_item">
<!-- ruangbelajar -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar","item_type": "link","item_name": "ruangbelajar","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/rb.svg"
alt="Logo ruangbelajar" loading="lazy" />
</div>
<p class="text-product">Belajar seru dengan video dan latihan soal, anti remed!</p>
</div>
</a>
<!-- BA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id","item_type": "link","item_name": "brainacademy","item_category": "cta","item_position": 1,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.brainacademy.id">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/03%20-%20Homepage%20Brainacademy%202022/Header%20to%20Live%20Teaching/logo_BA.svg"
alt="Logo Brain Academy" loading="lazy" />
</div>
<p class="text-product">Bimbel Tatap Muka & Live Interaktif bersama STAR Master Teacher</p>
</div>
</a>
<!-- mathchamps -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps","item_type": "link","item_name": "mathchamps","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/723d8e19-b594-49cf-a098-07f5379d5d5f.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus matematika dan logika untuk anak 5-14 tahun dengan kurikulum Singapura</p>
</div>
</a>
<!-- mathchamps sempoa -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/sempoa","item_type": "link","item_name": "mathchamps_sempoa","item_category": "cta","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangguru.com/mathchamps/sempoa">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9aa7023e-2d40-4e19-9236-4907f5042a3e.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus hitung cepat aritmatika dengan sempoa untuk anak 4-12 tahun</p>
</div>
</a>
<!-- memory champs -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.memoryacademy.id/","item_type": "link","item_name": "memorychamps","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.memoryacademy.id/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/ac89298a-3fc9-4f35-862c-b027006929e0.png?convert=webp&h=70"
alt="Logo math champs" loading="lazy" width="104" height="40" />
</div>
<p class="text-product">Kursus latihan daya ingat, fokus, dan konsentrasi untuk mendukung prestasi
akademik</p>
</div>
</a>
<!-- EA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/","item_type": "link","item_name": "english-academy","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.english-academy.id/">
<div class="item-product">
<div class="logo-product" id="lp_ea">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/English%20Academy/logo-ea-riddle.svg?convert=webp"
alt="Logo English Academy" loading="lazy" />
</div>
<p class="text-product">Kursus Bahasa Inggris dengan Pengajar internasional dan kurikulum berstandar
internasional</p>
</div>
</a>
<!-- ruanguji -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruanguji","item_type": "link","item_name": "ruanguji","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruanguji">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruanguji.svg"
alt="Logo ruanguji" loading="lazy" />
</div>
<p class="text-product">Ikut tryout online dan lihat hasilnya di sini!</p>
</div>
</a>
<!-- schoters -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.schoters.com","item_type": "link","item_name": "schoters","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.schoters.com">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ecc92be-4ee0-475f-bd4c-d1f5e733f012.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="40" />
</div>
<p class="text-product">Bimbingan kuliah & kerja di luar negeri #1 di Indonesia, dengan kelas bahasa
terlengkap!</p>
</div>
</a>
<!-- rgprivat -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/privat","item_type": "link","item_name": "ruangles","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/privat">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png"
alt="Logo ruangles" width="112" loading="lazy" srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=56&name=logo-ruangguru-privat.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=112&name=logo-ruangguru-privat.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=168&name=logo-ruangguru-privat.png 168w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=224&name=logo-ruangguru-privat.png 224w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=280&name=logo-ruangguru-privat.png 280w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Ruangguru%20Private/Logo%20Ruangguru%20Privat/logo-ruangguru-privat.png?convert=webp&width=336&name=logo-ruangguru-privat.png 336w" sizes="(max-width: 112px) 100vw, 112px" />
</div>
<p class="text-product">Belajar privat dengan guru terbaik pilihan Ruangguru</p>
</div>
</a>
<!-- kalananti -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.kalananti.id/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 9,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.kalananti.id/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/kalananti%202022/Kalananti%20by%20Ruangguru.png"
alt="Logo kalananti" loading="lazy" height="40" />
</div>
<p class="text-product">Kursus coding dan robotic anak usia 5-15 tahun untuk mengasah logika dan
kreativitas</p>
</div>
</a>
<!-- ags -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.altaglobalschool.com/","item_type": "link","item_name": "kalananti","item_category": "cta","item_position": 10,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.altaglobalschool.com/">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d56be6bf-3717-4da1-9763-438f02340246.png?convert=webp&h=120"
alt="Logo Schoters" loading="lazy" height="30" />
</div>
<p class="text-product">Sekolah blended learning untuk PAUD-SMA, siapkan siswa kuliah di universitas
terbaik, dalam & luar negeri</p>
</div>
</a>
<!-- SA -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://skillacademy.com/","item_type": "link","item_name": "skillacademy","item_category": "cta","item_position": 11,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://skillacademy.com/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/skillacademy.svg"
alt="Logo Skill Academy" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk meningkatkan technical & soft skill kamu</p>
</div>
</a>
<!-- rg for kids -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/for-kids","item_type": "link","item_name": "ruangguru for kids","item_category": "cta","item_position": 12,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/for-kids">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/Produk/logo_rgfk.svg?convert=webp"
alt="Logo For Kids" width="100" loading="lazy" />
</div>
<p class="text-product">Kursus online untuk anak 4-7 tahun dengan program calistung, bahasa Inggris, dan
sains</p>
</div>
</a>
<!-- dafalulu -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/dafa-lulu","item_type": "link","item_name": "dafalulu","item_category": "cta","item_position": 13,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/dafa-lulu">
<div class="item-product">
<div class="logo-product">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/00%20-%20Homepage%20Ruangguru%202022/logo-dafa-lulu.png?convert=webp&height=44&name=logo-dafa-lulu.png"
height="44" alt="Logo dafa lulu" loading="lazy" />
</div>
<p class="text-product">Belajar bersama Dafa, Lulu, dan teman petualang untuk siswa SD kelas 1 - 6</p>
</div>
</a>
<!-- roboguru -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://roboguru.ruangguru.com/","item_type": "link","item_name": "roboguru","item_category": "cta","item_position": 14,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://roboguru.ruangguru.com/">
<div class="item-product">
<div class="logo-product">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/20b7b17a-62ba-43ee-bea8-b71c10f5fb0c.png?convert=webp"
alt="Logo roboguru" width="125" loading="lazy" />
</div>
<p class="text-product">Foto dan upload soal susahmu dan dapatkan semua jawabannya di sini!</p>
</div>
</a>
<!-- roboguru plus -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/roboguruplus","item_type": "link","item_name": "roboguruplus","item_category": "cta","item_position": 16,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/roboguruplus">
<div class="item-product">
<div class="logo-product">
<img
src="https://roboguru-forum-cdn.ruangguru.com/image/ea267d76-9d20-45b0-9c2c-88e78c199f5d.png?convert=webp"
width="155" alt="Logo roboguru plus" loading="lazy" />
</div>
<p class="text-product">Konsultasikan soal tersulit kamu sebanyak-banyaknya dengan tutor online terbaik
</p>
</div>
</a>
<!-- ruangkerja -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangkerja.id/","item_type": "link","item_name": "ruangkerja","item_category": "cta","item_position": 17,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
target="_blank" href="https://www.ruangkerja.id/">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkerja.svg"
alt="Logo ruangkerja" loading="lazy" />
</div>
<p class="text-product">Aplikasi Pelatihan Online #1 untuk Perusahaan & Lembaga</p>
</div>
</a>
<!-- ruangkelas -->
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangkelas","item_type": "link","item_name": "ruangkelas","item_category": "cta","item_position": 18,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangkelas">
<div class="item-product">
<div class="logo-product">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/ruangkelas.svg"
alt="Logo ruangkelas" loading="lazy" />
</div>
<p class="text-product">Sistem Kelola Pembelajaran Jarak Jauh GRATIS!</p>
</div>
</a>
</div>
<div class="navig-link navig-link-dropdown " id="center" aria-expanded="false">
<a href="#">Offline Centers</a>
</div>
<div class="navig-dropdown-area closed" id="center_item" aria-expanded="false">
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/mathchamps/branch","item_type": "link","item_name": "mathchamps branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/mathchamps/branch">
Mathchamps
</a>
</div>
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.brainacademy.id/branch","item_type": "link","item_name": "brain academy branch","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.brainacademy.id/branch/">
Brain Academy
</a>
</div>
<div class="item-center">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.english-academy.id/center","item_type": "link","item_name": "EA center","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.english-academy.id/center/">
English Academy
</a>
</div>
</div>
<div class="navig-link " id="program">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/program","item_type": "link","item_name": "Program","item_category": "cta","item_position": 2,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/program">
Program
</a>
</div>
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/promo","item_type": "link","item_name": "Promo","item_category": "promotion","item_position": 3,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/promo">
Promo
</a>
</div>
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/event","item_type": "link","item_name": "Event","item_category": "cta","item_position": 4,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/event">
Event
</a>
</div>
<!-- <div class="navig-link ">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/beasiswa","item_type": "link","item_name": "Beasiswa","item_category": "cta","item_position": 5,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/beasiswa"
>
Beasiswa
</a>
</div> -->
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/testimoni","item_type": "link","item_name": "Testimoni","item_category": "cta","item_position": 6,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/testimoni">
Testimoni
</a>
</div>
<!-- <div class="navig-link navig-link-dropdown " id="services" aria-expanded="false">
<a href="#">Layanan</a>
</div>
<div class="navig-dropdown-area closed" id="services_item" aria-expanded="false">
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/ruangbelajar/perpanjang-paket","item_type": "link","item_name": "Cara Perpanjang Paket","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/ruangbelajar/perpanjang-paket"
>
Cara Perpanjang Paket
</a>
</div>
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cara-bayar","item_type": "link","item_name": "Cara Bayar","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cara-bayar"
>
Cara Bayar
</a>
</div>
<div class="item-services">
<a
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/cicilan","item_type": "link","item_name": "Cicilan","item_category": "cta","item_position": 7,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/cicilan"
>
Cicilan
</a>
</div>
</div> -->
<div class="navig-link ">
<a data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name": "ruangguru","cta_action": "redirection","cta_action_detail": "https://www.ruangguru.com/blog","item_type": "link","item_name": "Ruangbaca","item_category": "cta","item_position": 8,"item_serial": null,"section_type": "navbar","section_position": "header","section_name": "header_navbar"}'
href="https://www.ruangguru.com/blog/">
Ruangbaca
</a>
</div>
</div>
<div class="navigation__right">
<div class="button-langganan-cta" id="btn-header">
<a href="https://cta.ruangguru.com/98f09c6e-5ed3-4c65-b943-9a7ff510d8e8" target="_blank">
<button class="cta ">Langganan Sekarang</button>
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="spacer-rg"></div>
<!-- section hero -->
<section class="hero">
<div class="page-center">
<div class="hero-content">
<div class="hero-content_text">
<h1 class="font-inter font-white font-title">Hadapi UTBK SNBT 2026 dengan Bimbel Intensif Ruangguru</h1>
<p class="font-inter font-white font-desc">Tingkatkan peluang lolos masuk PTN impian hingga 3x lebih besar</p>
<div class="box-form-leadsgen">
<!-- <div id="LeadsGen"></div> -->
<div id="variant_otp">
<form class="form-section">
<label>Isi nomor WhatsApp kamu dan Dapatkan Diskon eksklusif!</label>
<input type="tel" name="phone" id="phone" minlength="9" maxlength="16" pattern="[+][6][2][0-9]{9,16}" placeholder="Contoh: +628x xxxx xxxx" required value="+62" />
<button type="submit" id="btnVariantOTP" class="hero-button-submit" onclick="getDiscountClick(this, event)" data-tracking-name="btnVariantOTP">
Dapatkan Diskon
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Pensi%20Ruangguru/Homepage/ic-arrow-right-white.svg" alt="" />
</button>
</form>
</div>
</div>
</div>
<div class="hero-content_img">
<div class="container-anime">
<div class="people" id="two">
<div class="img-people two">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/83061b40-4b78-4870-b602-16f50db72ea4.png?convert=webp" alt="Azza M." class="desktop h-auto" width="461" height="418" />
</div>
<div class="illust-item people-desc-box two">
<p class="people-nama">Azza M.</p>
<p class="people-prod">Brain Academy Online</p>
</div>
<div class="illust-item utbk-score-box two2">
<div class="text-score">
<p class="utbk-score">799</p>
<p class="label-score">skor UTBK</p>
</div>
</div>
<div class="illust-item univ-box two2">
<img class="img-univ" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4bc70b36-114b-4e32-86f2-333e9e49aa64.svg" loading="lazy" width="40" height="40" />
<div class="text-univ">
<p class="label-diterima">Diterima di</p>
<p class="univ-name">Universitas Gadjah Mada</p>
</div>
</div>
</div>
<div class="people" id="one">
<div class="img-people one">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/89ee4eb4-7525-4344-9c9f-e5413040bd34.png?convert=webp" alt="Laksmi" class="desktop h-auto" width="461" height="418" />
</div>
<div class="illust-item people-desc-box one">
<p class="people-nama">Laksmi</p>
<p class="people-prod">Brain Academy Online</p>
</div>
<div class="illust-item utbk-score-box one2">
<div class="text-score">
<p class="utbk-score">719</p>
<p class="label-score">skor UTBK</p>
</div>
</div>
<div class="illust-item univ-box one2">
<img class="img-univ" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4bc70b36-114b-4e32-86f2-333e9e49aa64.svg" loading="lazy" width="40" height="40" />
<div class="text-univ">
<p class="label-diterima">Diterima di</p>
<p class="univ-name">Universitas Indonesia</p>
</div>
</div>
</div>
<div class="people" id="three">
<div class="img-people three">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/d6d1bdd5-bdbe-4e2d-969e-1534b1bf3182.png?convert=webp" alt="Simbolon P." class="desktop h-auto" width="461" height="418" />
</div>
<div class="illust-item people-desc-box three">
<p class="people-nama">Simbolon P.</p>
<p class="people-prod">Brain Academy Online</p>
</div>
<div class="illust-item utbk-score-box three2">
<div class="text-score">
<p class="utbk-score">684</p>
<p class="label-score">skor UTBK</p>
</div>
</div>
<div class="illust-item univ-box three2">
<img class="img-univ" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4bc70b36-114b-4e32-86f2-333e9e49aa64.svg" loading="lazy" width="40" height="40" />
<div class="text-univ">
<p class="label-diterima">Diterima di</p>
<p class="univ-name">Institut Teknologi Bandung</p>
</div>
</div>
</div>
<div class="people" id="four">
<div class="img-people four">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/c90c13a0-d5f2-4cce-8895-5c8230d99515.png?convert=webp" alt="Radja K." class="desktop h-auto" width="461" height="418" />
</div>
<div class="illust-item people-desc-box four">
<p class="people-nama">Radja K.</p>
<p class="people-prod">Brain Academy Online</p>
</div>
<div class="illust-item utbk-score-box four2">
<div class="text-score">
<p class="utbk-score">714</p>
<p class="label-score">skor UTBK</p>
</div>
</div>
<div class="illust-item univ-box four2">
<img class="img-univ" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4bc70b36-114b-4e32-86f2-333e9e49aa64.svg" loading="lazy" width="40" height="40" />
<div class="text-univ">
<p class="label-diterima">Diterima di</p>
<p class="univ-name">Universitas Padjajaran</p>
</div>
</div>
</div>
<div class="people" id="five">
<div class="img-people five">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/466e763f-832e-4b3e-9b38-9a0b1160171b.png?convert=webp" alt="Akmal" class="desktop h-auto" width="461" height="418" />
</div>
<div class="illust-item people-desc-box five">
<p class="people-nama">Akmal</p>
<p class="people-prod">ruangbelajar</p>
</div>
<div class="illust-item utbk-score-box five2">
<div class="text-score">
<p class="utbk-score">708</p>
<p class="label-score">skor UTBK</p>
</div>
</div>
<div class="illust-item univ-box five2">
<img class="img-univ" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4bc70b36-114b-4e32-86f2-333e9e49aa64.svg" loading="lazy" width="40" height="40" />
<div class="text-univ">
<p class="label-diterima">Diterima di</p>
<p class="univ-name">Universitas Gajah Mada</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section hero -->
<!--START SECTION PRODUCT SELECTION-->
<section class="section-product-selection">
<div class="page-center">
<div class="container-ps">
<h2 class="ps-title font-inter">Paling sering diakses untuk persiapan masuk PTN</h2>
<div class="ps-card">
<a
href="https://cta.ruangguru.com/sn-rg-web-lp-utbksnbt-chat-konsultan"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://cta.ruangguru.com/sn-rg-web-lp-utbksnbt-chat-konsultan","item_type":"button","item_name":"Chat Konsultan","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"ruangguru_product_recommendation"}'
>
<button class="ps-icon-link">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d890ea9e-016e-4046-a15a-1a9b3408df2c.png?convert=webp" width="44" height="44" loading="lazy" />
<p class="ps-desc font-inter font-black">Chat Konsultan</p>
</button>
</a>
<a
href="https://app.ruangguru.com/ruanguji"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://app.ruangguru.com/ruanguji","item_type":"button","item_name":"Tryout UTBK-SNBT","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"ruangguru_product_recommendation"}'
target="_blank"
>
<button class="ps-icon-link">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/89056ba8-5989-4157-84ea-44c5592c6444.png?convert=webp" width="44" height="44" loading="lazy" />
<p class="ps-desc font-inter font-black">Tryout UTBK-SNBT</p>
</button>
</a>
<a
href="https://app.ruangguru.com/utbk-center"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://app.ruangguru.com/utbk-center","item_type":"button","item_name":"UTBK Center","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"ruangguru_product_recommendation"}'
target="_blank"
>
<button class="ps-icon-link">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/45fba087-6378-4f77-8c40-5e21b1f639c0.png?convert=webp" width="44" height="44" loading="lazy" />
<p class="ps-desc font-inter font-black">UTBK Center</p>
</button>
</a>
<a
href="https://kampus.ruangguru.com/kampus"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://kampus.ruangguru.com/kampus","item_type":"button","item_name":"Info Kampus Impian","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"ruangguru_product_recommendation"}'
target="_blank"
>
<button class="ps-icon-link">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/58bcca14-398e-4557-a2ad-7b76928ece32.png?convert=webp" width="44" height="44" loading="lazy" />
<p class="ps-desc font-inter font-black">Info Kampus Impian</p>
</button>
</a>
</div>
</div>
</div>
</section>
<!--END SECTION PRODUCT SELECTION-->
<!--START SECTION PACKAGES-->
<section class="packages" id="packages" name="package_list">
<div class="page-center">
<div class="packages-content">
<h2 class="font-inter font-dark font-subtitle">Langganan sekarang & Taklukkan UTBK SNBT 2026!</h2>
<div class="payment-package-loading">
<div class="loader"></div>
</div>
<div class="packages-content_cards rubel-cards">
<div class="payment-cards-container payment-cards-container-section" id="payment-cards-package"></div>
</div>
<div class="payment-cards-empty-container" id="empty-packages">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/6d7bda8d-8200-4b5f-84c7-16b6925f379e.png?convert=webp&h=170" alt="empty-illustration" />
<p class="title">Paket yang kamu pilih tidak tersedia</p>
</div>
</div>
</div>
</section>
<!--END SECTION PACKAGE-->
<!--START SECTION VALUE SUPPORT / AMUNISI-->
<section class="value-support">
<div class="page-center">
<div class="value-support_content">
<h2 class="font-inter font-subtitle font-dark font-center">Dapatkan amunisi belajar intensif langsung dari UTBK Center</h2>
<p class="font-inter font-subhead font-dark font-center">Temukan amunisi persiapan UTBK paling lengkap mulai dari fitur strategi belajar, belajar materi, latihan soal, hingga tes dan evaluasi.</p>
<div class="value-support_content--cards">
<div class="value-support-slick">
<div class="support-card">
<div class="support-card_header">
<p class="font-inter font-white font-title-support">Strategi Dasar</p>
<ul class="ul-checklist white-checklist">
<li>Strategi belajar umum dan mata pelajaran</li>
<li>Info Materi UBTK terupdate</li>
<li>Info Kampus dan Prodi dengan target nilai penerimaan UTBK</li>
</ul>
</div>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/25485992-3c0b-4499-a584-3a33776396ca.png?convert=webp" loading="lazy" />
</div>
<div class="support-card">
<div class="support-card_header">
<p class="font-inter font-white font-title-support">Tryout</p>
<ul class="ul-checklist white-checklist">
<li>Tryout setiap minggu</li>
<li>Analisis peluang lolos UTBK</li>
<li>Analisis pemahaman materi</li>
</ul>
</div>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/8bcf06d2-00a9-40a2-ba14-d5a0fff6fa6a.png?convert=webp" loading="lazy" />
</div>
<div class="support-card">
<div class="support-card_header">
<p class="font-inter font-white font-title-support">Belajar Materi</p>
<ul class="ul-checklist white-checklist">
<li>Pendalaman materi</li>
<li>Video bedah tipe soal UTBK</li>
<li>Live Teaching</li>
</ul>
</div>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/1d78bf1d-4d3d-497c-8c17-baa392d0f7b2.png?convert=webp" loading="lazy" />
</div>
<div class="support-card">
<div class="support-card_header">
<p class="font-inter font-white font-title-support">Latihan Soal</p>
<ul class="ul-checklist white-checklist">
<li>Ratusan ribu soal di Banksoal</li>
<li>Latihan dengan bab dan jumlah soal sesuai keinginan di Drill soal</li>
</ul>
</div>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/9d4872e3-c115-4b93-bcc4-c2621130a8ab.png?convert=webp" loading="lazy" />
</div>
</div>
</div>
<div class="value-support_content--cta">
<a
href="https://app.ruangguru.com/utbk-center"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://app.ruangguru.com/utbk-center ","item_type":"button","item_name":"Mulai Belajar","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Dapatkan amunisi belajar intensif langsung dari UTBK Center"}'
target="_blank"
>
<button class="button-basic-orange">Mulai Belajar</button>
</a>
</div>
</div>
</div>
</section>
<!--END SECTION VALUE SUPPORT-->
<!--START SECTION SUBTEST-->
<section class="subtest">
<div class="page-center">
<div class="subtest-content">
<h2 class="font-inter font-subtitle font-dark font-center">Siapkan dirimu dengan soal UTBK-SNBT sesuai standar BP3 Kemdikbud</h2>
<p class="font-inter font-dark font-center font-desc">Tersedia 7 tipe subtes (4 Tes Potensi Skolastik & 3 Tes Literasi) dengan beragam format soal</p>
<div class="subtest-content_cards">
<div class="subtest-slick">
<div class="subtest-card">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/d0848e2e-6149-4687-9e3a-c133b1de16b1.png?convert=webp" loading="lazy" />
<div class="subtest-card_body">
<p class="font-inter font-dark font-card-subtest">Tes Potensi Skolastik</p>
<ul class="ul-checklist blue-checklist">
<li>Penalaran Umum</li>
<li>Pemahaman Bacaan dan Menulis</li>
<li>Pengetahuan dan Pemahaman Umum</li>
<li>Pengetahuan Kuantitatif</li>
</ul>
</div>
</div>
<div class="subtest-card">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/54a76994-ffc2-457e-9c8d-23c89372f578.png?convert=webp" loading="lazy" />
<div class="subtest-card_body">
<p class="font-inter font-dark font-card-subtest">Tes Literasi</p>
<ul class="ul-checklist blue-checklist">
<li>Literasi B. Indonesia</li>
<li>Literasi dalam B. Inggris</li>
<li>Penalaran Matematika</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--END SECTION SUBTEST-->
<!--START SECTION TESTIMONI-->
<section class="testimoni" name="testimoni">
<div class="page-center">
<div class="testimoni-content">
<h2 class="font-inter font-white font-center font-subtitle">Kata mereka yang berhasil di UTBK setelah berlangganan Ruangguru</h2>
<div class="testimoni-content_cards">
<div class="testimoni-slick slick-white">
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5d17eb0e-8b6e-49c4-8bbe-d30d97a2998a.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di UNPAD</p>
<p class="font-inter font-dark font-headcard">Agroteknologi</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Di Ruangguru bisa tau tipe soal yang seperti apa yang sering keluar di UTBK</p>
<p class="font-inter font-dark font-headcard">Ola Deswita</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Brain Academy Online</p>
</div>
<div class="testimoni-card_package exception-testimoni package-bao">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">Brain Academy Online Premium SNBT Master</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-online&grade=kelas-utbk&filter=brainacademy_online_type.brainacademy-premium&package_serial=PKG-PLKRQ1MX"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-online&grade=kelas-utbk&filter=brainacademy_online_type.brainacademy-premium&package_serial=PKG-PLKRQ1MX","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":0,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/d2e9335d-4a0c-4166-9e1a-20edcdf7de39.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di ITB</p>
<p class="font-inter font-dark font-headcard">Fakultas Teknik Mesin & Dirgantara</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Kesulitan TO-nya sudah level dewa, kalo bisa ngerjain berarti UTBK pasti bisa. Overrall 9/10</p>
<p class="font-inter font-dark font-headcard">Juan Aaron</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Brain Academy Center</p>
</div>
<div class="testimoni-card_package exception-testimoni package-bac">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">Brain Academy Center Premium UTBK-SNBT</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":1,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/cc7f4784-f400-43e3-9045-2c6b25a3d64f.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di UNBRAW</p>
<p class="font-inter font-dark font-headcard">Ilmu Hukum</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Worth it banget, hampir semua materi di ruangbelajar keluar di soal UTBK yang aku kerjain.</p>
<p class="font-inter font-dark font-headcard">Ni Made Ana Maharani</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna ruangbelajar</p>
</div>
<div class="testimoni-card_package exception-testimoni package-rubel">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">ruangbelajar SMA/SMK + UTBK-SNBT Master</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk&package_serial=PKG-JLNTI0QW"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk&package_serial=PKG-JLNTI0QW","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":2,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/51a7cb99-b5d8-4f45-934e-821b28fd676f.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di UNDAYA</p>
<p class="font-inter font-dark font-headcard">Kedokteran</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Brain Academy sangat membantu menyiapkan aku dalam menghadapi UTBK.</p>
<p class="font-inter font-dark font-headcard">I Gusti Ayu Pt. Diah Sri D.</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Brain Academy Center</p>
</div>
<div class="testimoni-card_package exception-testimoni package-bac">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">Brain Academy Center Premium UTBK-SNBT</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":3,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/501c71d6-327a-413d-b44c-cfabb750ec76.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di UNAND</p>
<p class="font-inter font-dark font-headcard">Keperawatan</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Soal di Ruangguru bervariasi, ada beberapa yang mirip dengan soal UTBK ku</p>
<p class="font-inter font-dark font-headcard">Ega Nur Amanah</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna ruangbelajar</p>
</div>
<div class="testimoni-card_package exception-testimoni package-rubel">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">ruangbelajar SMA/SMK + UTBK-SNBT Master</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk&package_serial=PKG-JLNTI0QW"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk&package_serial=PKG-JLNTI0QW","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":4,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/48ce5eca-cd6c-4885-a3e4-c08df416d205.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di UNSRI</p>
<p class="font-inter font-dark font-headcard">Teknik Mesin</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Terima kasih Master Teacher Brain Academy yang membantu saya siap menghadapi UTBK.</p>
<p class="font-inter font-dark font-headcard">Evandary</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Brain Academy Center</p>
</div>
<div class="testimoni-card_package exception-testimoni package-bac">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">Brain Academy Center Premium UTBK-SNBT</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":5,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/9cc4a3cd-8b35-4ffb-87c8-b890d9424a3f.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di UNESA</p>
<p class="font-inter font-dark font-headcard">Biologi</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Mantap parah sih, jadi terbiasa waktu ngerjain UTBK karena udah sering latihan soal tryout di Ruangguru.</p>
<p class="font-inter font-dark font-headcard">Melani Kusuma</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna ruangbelajar</p>
</div>
<div class="testimoni-card_package exception-testimoni package-rubel">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">ruangbelajar SMA/SMK + UTBK-SNBT Master</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk&package_serial=PKG-JLNTI0QW"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=rubel-utbk&grade=kelas-utbk&package_serial=PKG-JLNTI0QW","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":6,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
<div class="testimoni-card">
<div class="testimoni-card_people exception-testimoni">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/88ee52e2-184d-49a9-8a4b-8271b9f9a647.png?convert=webp" loading="lazy" />
</div>
<div class="testimoni-card_univ">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/415012b9-daf1-4b07-a3b1-ef447e4dd8e0.svg" width="40" height="40" loading="lazy" />
<div class="testimoni-card_univ--desc">
<p class="font-inter font-light-gray font-subcard">Diterima di IPB</p>
<p class="font-inter font-dark font-headcard">Teknologi dan Manajemen Perikanan Budidaya</p>
</div>
</div>
<div class="testimoni-card_desc">
<p class="font-inter font-green font-subcard">Brain Academy tu keren banget sih. Latihan soal UTBK sangat membantu, dan akhirnya aku lolos SNMPTN. </p>
<p class="font-inter font-dark font-headcard">Fiera Dwi Sevila</p>
<p class="font-inter font-light-gray font-desc-testimoni">Pengguna Brain Academy Center</p>
</div>
<div class="testimoni-card_package exception-testimoni package-bac">
<div class="testimoni-card_package--text">
<p class="font-inter font-white testimoni-package-subtitle">Paket belajar yang digunakan:</p>
<p class="font-inter font-white testimoni-package-name">Brain Academy Center Premium UTBK-SNBT</p>
</div>
<div class="testimoni-card_package--cta">
<a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk","item_type":"button","item_name":"Lihat Detail","item_category":"payment","item_position":7,"item_serial":"","section_type":"testimonial","section_position":"body","section_name":"testimonial"}'
target="_blank"
>
<button class="button-basic-white btn-detail-testimoni">Lihat Detail</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--END SECTION TESTIMONI-->
<!--START SECTION PRODUCTS-->
<section class="products" name="product_list_recommended">
<div class="page-center">
<div class="products-content">
<h2 class="font-inter font-subtitle font-dark font-center">Pilih program belajar yang cocok untuk lolos UTBK SNBT 2026</h2>
<div class="products-content_navbar">
<button
class="btn-navbar-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Video Belajar","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"product_list_recommended"}'
id="navbar-1"
data-target="0"
>
<svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M5.99935 0.666992C3.05383 0.666992 0.666016 3.05481 0.666016 6.00033V22.0003C0.666016 24.9458 3.05383 27.3337 5.99935 27.3337H21.9993C24.9449 27.3337 27.3327 24.9458 27.3327 22.0003V6.00033C27.3327 3.05481 24.9449 0.666992 21.9993 0.666992H5.99935ZM4.66602 6.00033C4.66602 5.26395 5.26297 4.66699 5.99935 4.66699H7.33268C8.06906 4.66699 8.66602 5.26395 8.66602 6.00033C8.66602 6.73671 8.06906 7.33366 7.33268 7.33366H5.99935C5.26297 7.33366 4.66602 6.73671 4.66602 6.00033ZM9.99935 17.0154V11.0378C9.99935 10.5524 10.5015 10.2297 10.943 10.4314L17.9168 13.6173C18.4501 13.8609 18.4319 14.6247 17.8876 14.8426L10.9138 17.6343C10.4758 17.8096 9.99935 17.4871 9.99935 17.0154ZM5.99935 22.0003C5.26297 22.0003 4.66602 22.5973 4.66602 23.3337C4.66602 24.07 5.26297 24.667 5.99935 24.667H7.33268C8.06906 24.667 8.66602 24.07 8.66602 23.3337C8.66602 22.5973 8.06906 22.0003 7.33268 22.0003H5.99935ZM12.666 22.0003C11.9296 22.0003 11.3327 22.5973 11.3327 23.3337C11.3327 24.07 11.9296 24.667 12.666 24.667H15.3327C16.0691 24.667 16.666 24.07 16.666 23.3337C16.666 22.5973 16.0691 22.0003 15.3327 22.0003H12.666ZM23.3327 23.3337C23.3327 24.07 22.7357 24.667 21.9993 24.667H20.666C19.9296 24.667 19.3327 24.07 19.3327 23.3337C19.3327 22.5973 19.9296 22.0003 20.666 22.0003H21.9993C22.7357 22.0003 23.3327 22.5973 23.3327 23.3337ZM12.666 4.66699C11.9296 4.66699 11.3327 5.26395 11.3327 6.00033C11.3327 6.73671 11.9296 7.33366 12.666 7.33366H15.3327C16.0691 7.33366 16.666 6.73671 16.666 6.00033C16.666 5.26395 16.0691 4.66699 15.3327 4.66699H12.666ZM23.3327 6.00033C23.3327 6.73671 22.7357 7.33366 21.9993 7.33366H20.666C19.9296 7.33366 19.3327 6.73671 19.3327 6.00033C19.3327 5.26395 19.9296 4.66699 20.666 4.66699H21.9993C22.7357 4.66699 23.3327 5.26395 23.3327 6.00033Z"
fill="currentColor"
/>
</svg>
<p class="font-inter font-navbar">Video Belajar</p>
</button>
<button
class="btn-navbar-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Tryout UTBK","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"product_list_recommended"}'
id="navbar-3"
data-target="2"
>
<svg width="26" height="28" viewbox="0 0 26 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.37691 2.66699C7.4075 2.63464 7.43846 2.60257 7.46977 2.5708C8.67109 1.35181 10.3004 0.666992 11.9993 0.666992C13.6983 0.666992 15.3276 1.35181 16.5289 2.5708C16.5602 2.60257 16.5912 2.63464 16.6218 2.66699H20.8689C21.5223 2.66699 22.149 2.93038 22.6111 3.39923C23.0731 3.86807 23.3327 4.50395 23.3327 5.16699V9.37532L13.7268 18.9812C13.4771 19.2309 13.3367 19.5694 13.3363 19.9225L13.3334 22.6691C13.333 23.0364 13.6299 23.3349 13.9973 23.3364L16.7605 23.3479C17.1161 23.3494 17.4575 23.2088 17.7089 22.9574L23.3327 17.3337V24.8337C23.3327 25.4967 23.0731 26.1326 22.6111 26.6014C22.149 27.0703 21.5223 27.3337 20.8689 27.3337H3.12978C2.47635 27.3337 1.84968 27.0703 1.38764 26.6014C0.92559 26.1326 0.666016 25.4967 0.666016 24.8337V5.16699C0.666016 4.50395 0.925591 3.86807 1.38764 3.39923C1.84968 2.93039 2.47635 2.66699 3.12978 2.66699H7.37691ZM9.56034 4.69212C10.2072 4.03574 11.0845 3.66699 11.9993 3.66699C12.9142 3.66699 13.7915 4.03574 14.4384 4.69212C14.5508 4.80623 14.6547 4.92741 14.7496 5.05462L14.767 5.07812C15.1091 5.54487 15.3314 6.09115 15.4133 6.66699H8.58544C8.66734 6.09114 8.88957 5.54486 9.23174 5.0781L9.24909 5.05464C9.34399 4.92742 9.44788 4.80623 9.56034 4.69212ZM6.66602 11.3337C5.92964 11.3337 5.33268 11.9306 5.33268 12.667C5.33268 13.4034 5.92964 14.0003 6.66602 14.0003H17.3327C18.0691 14.0003 18.666 13.4034 18.666 12.667C18.666 11.9306 18.0691 11.3337 17.3327 11.3337H6.66602ZM6.66602 16.667C5.92964 16.667 5.33268 17.2639 5.33268 18.0003C5.33268 18.7367 5.92964 19.3337 6.66602 19.3337H11.9993C12.7357 19.3337 13.3327 18.7367 13.3327 18.0003C13.3327 17.2639 12.7357 16.667 11.9993 16.667H6.66602ZM16.9421 21.6098L24.9421 13.6098C25.4628 13.0891 25.4628 12.2449 24.9421 11.7242C24.4214 11.2035 23.5772 11.2035 23.0565 11.7242L15.0565 19.7242L14.7298 21.6286C14.6987 21.81 14.8563 21.9677 15.0377 21.9366L16.9421 21.6098Z"
fill="currentColor"
/>
</svg>
<p class="font-inter font-navbar">Tryout UTBK</p>
</button>
<button
class="btn-navbar-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Live Teaching","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"product_list_recommended"}'
id="navbar-4"
data-target="3"
>
<svg width="28" height="20" viewbox="0 0 28 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.45724 1.0386C6.58117 1.15627 6.67949 1.29601 6.74658 1.44983C6.81366 1.60364 6.84819 1.76852 6.84819 1.93503C6.84819 2.10154 6.81366 2.26641 6.74658 2.42023C6.67949 2.57405 6.58117 2.71379 6.45724 2.83146C4.45698 4.73306 3.33328 7.31198 3.33328 10.001C3.33328 12.69 4.45698 15.269 6.45724 17.1706C6.581 17.2883 6.67915 17.428 6.7461 17.5818C6.81304 17.7356 6.84747 17.9004 6.84741 18.0668C6.84735 18.2332 6.8128 18.398 6.74574 18.5518C6.67868 18.7055 6.58042 18.8452 6.45657 18.9628C6.33272 19.0804 6.18571 19.1737 6.02392 19.2374C5.86214 19.301 5.68875 19.3337 5.51367 19.3337C5.33858 19.3336 5.16522 19.3008 5.00348 19.237C4.84175 19.1733 4.6948 19.0799 4.57104 18.9622C-0.635659 14.0131 -0.635659 5.98766 4.57104 1.0386C4.69484 0.920794 4.84185 0.827337 5.00368 0.763575C5.1655 0.699812 5.33896 0.666992 5.51414 0.666992C5.68931 0.666992 5.86277 0.699812 6.0246 0.763575C6.18642 0.827337 6.33344 0.920794 6.45724 1.0386V1.0386ZM23.4277 1.0386C28.6344 5.98893 28.6344 14.0131 23.4277 18.9622C23.1763 19.193 22.8395 19.3207 22.49 19.3178C22.1405 19.3149 21.8062 19.1816 21.559 18.9467C21.3119 18.7118 21.1717 18.394 21.1687 18.0618C21.1656 17.7296 21.3 17.4095 21.5428 17.1706C23.543 15.269 24.6667 12.69 24.6667 10.001C24.6667 7.31198 23.543 4.73306 21.5428 2.83146C21.2927 2.59388 21.1521 2.27159 21.152 1.93548C21.1518 1.59937 21.2922 1.27698 21.5421 1.03923C21.7921 0.801483 22.1312 0.667851 22.4848 0.667732C22.8384 0.667613 23.1775 0.801018 23.4277 1.0386V1.0386ZM10.4122 4.68007C10.6621 4.91768 10.8025 5.2399 10.8025 5.57587C10.8025 5.91185 10.6621 6.23406 10.4122 6.47167C9.92697 6.93289 9.54203 7.48044 9.27939 8.08308C9.01676 8.68571 8.88159 9.33162 8.88159 9.98391C8.88159 10.6362 9.01676 11.2821 9.27939 11.8847C9.54203 12.4874 9.92697 13.0349 10.4122 13.4961C10.5396 13.613 10.6411 13.7528 10.711 13.9074C10.7808 14.062 10.8176 14.2283 10.8191 14.3965C10.8207 14.5647 10.787 14.7316 10.7199 14.8873C10.6529 15.043 10.5539 15.1845 10.4288 15.3034C10.3036 15.4224 10.1548 15.5165 9.99096 15.5802C9.82714 15.6439 9.65161 15.676 9.47461 15.6745C9.29762 15.673 9.1227 15.6381 8.96007 15.5717C8.79744 15.5053 8.65035 15.4088 8.52738 15.2877C7.04753 13.8811 6.21615 11.9732 6.21615 9.98391C6.21615 7.99459 7.04753 6.08675 8.52738 4.68007C8.77736 4.44254 9.11635 4.3091 9.46982 4.3091C9.82328 4.3091 10.1623 4.44254 10.4122 4.68007V4.68007ZM19.6886 4.68007C21.1685 6.08675 21.9998 7.99459 21.9998 9.98391C21.9998 11.9732 21.1685 13.8811 19.6886 15.2877C19.5648 15.4055 19.4179 15.4989 19.2562 15.5626C19.0944 15.6263 18.9211 15.6592 18.746 15.6592C18.5709 15.6593 18.3975 15.6266 18.2357 15.5629C18.0739 15.4993 17.9269 15.406 17.8031 15.2884C17.6792 15.1707 17.581 15.0311 17.5139 14.8773C17.4468 14.7236 17.4123 14.5588 17.4122 14.3924C17.4122 14.226 17.4466 14.0612 17.5135 13.9074C17.5805 13.7536 17.6786 13.6139 17.8024 13.4961C18.2877 13.0349 18.6726 12.4874 18.9353 11.8847C19.1979 11.2821 19.3331 10.6362 19.3331 9.98391C19.3331 9.33162 19.1979 8.68571 18.9353 8.08308C18.6726 7.48044 18.2877 6.93289 17.8024 6.47167C17.5525 6.23392 17.4121 5.91153 17.4122 5.57542C17.4124 5.23932 17.5529 4.91702 17.8031 4.67944C18.0532 4.44186 18.3924 4.30846 18.746 4.30857C19.0996 4.30869 19.4386 4.44233 19.6886 4.68007V4.68007ZM14.1073 8.18978C14.3699 8.18978 14.6299 8.23894 14.8725 8.33445C15.1151 8.42996 15.3355 8.56996 15.5212 8.74644C15.7069 8.92292 15.8541 9.13244 15.9546 9.36303C16.0551 9.59361 16.1068 9.84075 16.1068 10.0903C16.1068 10.3399 16.0551 10.5871 15.9546 10.8177C15.8541 11.0482 15.7069 11.2578 15.5212 11.4342C15.3355 11.6107 15.1151 11.7507 14.8725 11.8462C14.6299 11.9417 14.3699 11.9909 14.1073 11.9909C13.577 11.9909 13.0684 11.7907 12.6935 11.4342C12.3185 11.0778 12.1078 10.5944 12.1078 10.0903C12.1078 9.58628 12.3185 9.10286 12.6935 8.74644C13.0684 8.39001 13.577 8.18978 14.1073 8.18978V8.18978Z"
fill="currentColor"
/>
</svg>
<p class="font-inter font-navbar">Live Teaching</p>
</button>
<button
class="btn-navbar-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Bimbel Tatap Muka","item_category":"cta","item_position":4,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"product_list_recommended"}'
id="navbar-5"
data-target="4"
>
<svg width="28" height="25" viewbox="0 0 28 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M3.33268 4.33301C3.33268 3.59663 3.92964 2.99967 4.66602 2.99967H23.3327C24.0691 2.99967 24.666 3.59663 24.666 4.33301V13.6663C24.666 14.4027 24.0691 14.9997 23.3327 14.9997H21.9993C21.263 14.9997 20.666 15.5966 20.666 16.333C20.666 17.0694 21.263 17.6663 21.9993 17.6663H23.3327C25.5418 17.6663 27.3327 15.8755 27.3327 13.6663V4.33301C27.3327 2.12387 25.5418 0.333008 23.3327 0.333008H4.66602C2.45688 0.333008 0.666016 2.12387 0.666016 4.33301V13.6663C0.666016 14.4027 1.26297 14.9997 1.99935 14.9997C2.73573 14.9997 3.33268 14.4027 3.33268 13.6663V4.33301Z"
fill="currentColor"
/>
<path
d="M12.666 10.333C12.666 12.174 11.1736 13.6663 9.33268 13.6663C7.49173 13.6663 5.99935 12.174 5.99935 10.333C5.99935 8.49206 7.49173 6.99967 9.33268 6.99967C11.1736 6.99967 12.666 8.49206 12.666 10.333Z"
fill="currentColor"
/>
<path
d="M7.6403 15.3297C7.31782 15.0661 6.87983 14.9399 6.43813 15.0271C3.73094 15.5616 1.99935 18.3344 1.99935 21.2618C1.99935 22.7329 3.00011 24.333 4.68855 24.333H13.9768C15.6653 24.333 16.666 22.7329 16.666 21.2618C16.666 19.7493 16.2038 18.2781 15.3836 17.1356L16.8918 15.0327C17.321 14.4343 17.1838 13.6013 16.5854 13.1722C15.987 12.743 15.154 12.8802 14.7249 13.4785L13.3483 15.3979C12.997 15.2309 12.6225 15.1051 12.2272 15.0271C11.7663 14.9361 11.3132 15.0815 10.9937 15.3693C10.3829 15.9193 9.85161 16.1059 9.38823 16.103C8.91247 16.1001 8.33323 15.8963 7.6403 15.3297Z"
fill="currentColor"
/>
<path
d="M21.4056 5.89042C22.0183 6.29889 22.1839 7.12671 21.7754 7.73942L19.1087 11.7394C18.7003 12.3521 17.8724 12.5177 17.2597 12.1092C16.647 11.7007 16.4815 10.8729 16.8899 10.2602L19.5566 6.26022C19.9651 5.64751 20.7929 5.48195 21.4056 5.89042Z"
fill="currentColor"
/>
</svg>
<p class="font-inter font-navbar">Bimbel Tatap Muka</p>
</button>
<button
class="btn-navbar-product"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"selection","cta_action_detail":"product_selection","item_type":"button","item_name":"Les Privat","item_category":"cta","item_position":5,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"product_list_recommended"}'
id="navbar-6"
data-target="5"
>
<svg width="28" height="24" viewbox="0 0 28 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.5283 11.3231C16.5647 11.3231 19.0261 8.94858 19.0261 6.01946C19.0261 3.09034 16.5647 0.71582 13.5283 0.71582C10.492 0.71582 8.03054 3.09034 8.03054 6.01946C8.03054 8.94858 10.492 11.3231 13.5283 11.3231Z"
fill="currentColor"
/>
<path
d="M9.44357 12.8866C6.19753 13.4352 3.80904 16.4003 3.80904 19.8814C3.80904 20.1909 3.85779 20.4884 3.9476 20.7657C3.58484 20.6821 3.44098 20.5548 3.37817 20.4806C3.23962 20.3168 3.10371 19.9619 3.10371 19.1223V9.19812L3.10308 9.17852C3.09312 8.86906 3.18362 8.38208 3.44929 8.00842C3.66796 7.70086 4.06728 7.37161 4.94983 7.37161C5.62262 7.37161 6.16803 6.8262 6.16803 6.15341C6.16803 5.48061 5.62262 4.93521 4.94983 4.93521C3.30201 4.93521 2.15273 5.62739 1.46362 6.59663C0.827956 7.49068 0.648621 8.52393 0.667313 9.23533V19.1223C0.667313 20.0777 0.790974 21.1947 1.5182 22.0543C2.28465 22.9601 3.4546 23.2845 4.8295 23.2845H22.6342C24.2507 23.2845 25.4715 22.6363 26.2642 21.6636C27.0249 20.7304 27.3327 19.5747 27.3327 18.5861V9.63366C27.3327 8.09556 26.8462 6.92301 26.0436 6.11903C25.2631 5.33714 24.2903 5.01078 23.4853 4.9399L23.432 4.93521H21.9121C21.2393 4.93521 20.6939 5.48061 20.6939 6.15341C20.6939 6.8262 21.2393 7.37161 21.9121 7.37161H23.3179C23.6608 7.41095 24.0348 7.55531 24.3194 7.84036C24.5948 8.11622 24.8963 8.63271 24.8963 9.63366V18.5861C24.8963 19.1116 24.7248 19.696 24.3757 20.1244C24.1575 20.3921 23.8434 20.6342 23.3736 20.7591C23.462 20.4837 23.51 20.1885 23.51 19.8814C23.51 16.4003 21.1215 13.4352 17.8755 12.8866C17.6898 12.8552 17.5005 12.9069 17.3516 13.0212C15.0015 14.8251 12.5165 14.7822 9.97627 13.0099C9.82136 12.9018 9.63028 12.855 9.44357 12.8866Z"
fill="currentColor"
/>
</svg>
<p class="font-inter font-navbar">Les Privat</p>
</button>
</div>
<div class="products-content_box">
<div class="product-box rubel-box invert-cta">
<div class="product-box_detail">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/0426b5f3-8a02-4fda-a5b3-4b583023eab4.svg" loading="lazy" class="product-logo" />
<h3 class="font-inter font-dark font-product-title">Materi belajar UTBK-SNBT paling lengkap di ruangbelajar!</h3>
<ul class="ul-checklist red-checklist list-product">
<li>400ribu latihan soal serta pembahasan</li>
<li>78ribu video belajar premium dengan ADAPTO</li>
<li>Tryout ruanguji simulasi UTBK</li>
<li>Fitur UTBK Center & Komunitas PELATNASUTBK</li>
<li>Cek Peluang Lolos PTN 2024 (Rasionalisasi)</li>
<li>Playlist Belajar (Rekomendasi rencana belajar dari Master Teacher)</li>
</ul>
<a
href="https://app.ruangguru.com/ruangbelajar/utbk-ujian-mandiri-tps"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://app.ruangguru.com/ruangbelajar/utbk-ujian-mandiri-tps","item_type":"button","item_name":"Tonton Video Belajar Lainnya","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Materi belajar UTBK-SNBT paling lengkap di ruangbelajar!"}'
>
<button class="button-basic-orange">Tonton Video Belajar Lainnya</button>
</a>
</div>
<div class="product-box_asset hero-video">
<a
href="#"
class="js-video-button"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"play_video","cta_action_detail":"https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/UTBK%20Center%202022/Video%20Belajar/ruangbelajar/SBTPB0401VLP1_S3%20Mengenal%20Pola%20Kalimat.mp4","item_type":"button","item_name":"Play Video Ruangbelajar","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Materi belajar UTBK-SNBT paling lengkap di ruangbelajar!"}'
data-channel="video"
data-video-url="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/UTBK%20Center%202022/Video%20Belajar/ruangbelajar/SBTPB0401VLP1_S3%20Mengenal%20Pola%20Kalimat.mp4"
rel=" noopener"
>
<div class="video-box">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/file-uploader/lp/12efe880-e5bf-47c6-8259-757d1637064b.png?convert=webp " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/file-uploader/lp/12efe880-e5bf-47c6-8259-757d1637064b.png " type="image/png" />
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/12efe880-e5bf-47c6-8259-757d1637064b.png" class="img-hero" alt="Video BAO Illust" loading="lazy" />
</picture>
</div>
</a>
</div>
</div>
<div class="product-box ruanguji-box">
<div class="product-box_detail">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/7df6b46f-f2d3-4afe-99b2-c2c09f47264a.svg" loading="lazy" class="product-logo" />
<h3 class="font-inter font-dark font-product-title">Simulasi Tryout UTBK asli setiap minggu di ruanguji</h3>
<ul class="ul-checklist blue-checklist list-product">
<li>
<span>Penilaian yang akurat dan mendetail</span>
Bandingkan nilai dan peringkatmu dengan seluruh peserta tryout atau peminat prodi kamu
</li>
<li>
<span>Analisis Materi</span>
Ketahui prediksi peluang lolos untuk masuk ke universitas dan prodi impianmu
</li>
<li>
<span>Analisis Peluang masuk kampus</span>
Ketahui prediksi peluang lolos untuk masuk ke universitas dan prodi impianmu
</li>
<li>
<span>Statistik soal</span>
Ketahui persentase siswa yang menjawab benar dan salah di setiap soal
</li>
</ul>
<a
href="https://app.ruangguru.com/ruanguji"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://app.ruangguru.com/ruanguji","item_type":"button","item_name":"Mulai Tryout","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Simulasi Tryout UTBK asli setiap minggu di ruanguji"}'
>
<button class="button-basic-orange">Mulai Tryout</button>
</a>
</div>
<div class="product-box_asset">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4f505907-51c2-4aac-a874-111369af1678.png" loading="lazy" />
</div>
</div>
<div class="product-box bao-box invert-cta">
<div class="product-box_detail">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/d714ed81-0616-408f-abe0-f806b8771d3a.svg" loading="lazy" class="product-logo" />
<h3 class="font-inter font-dark font-product-title">Persiapan UTBK-SNBT Intensif di kelas Brain Academy Online</h3>
<ul class="ul-checklist teal-checklist list-product">
<li>100+ jam Live Teaching persiapan UTBK</li>
<li>25ribu+ video belajar SMA dan persiapan UTBK</li>
<li>9000+ latihan soal dan pembahasan UTBK</li>
<li>10+ Tryout UTBK dengan prediksi peluang kelulusan</li>
<li>Tes Minat dan Bakat serta layanan konseling</li>
</ul>
<a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-online&grade=kelas-utbk&filter=brainacademy_online_type.brainacademy-premium&package_serial=PKG-PLKRQ1MX"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://bayar.ruangguru.com/packages-list?tag=brainacademy-online&grade=kelas-utbk&filter=brainacademy_online_type.brainacademy-premium&package_serial=PKG-PLKRQ1MX","item_type":"button","item_name":"Langganan Sekarang","item_category":"payment","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Persiapan UTBK-SNBT Intensif di kelas Brain Academy Online"}'
>
<button class="button-basic-orange">Langganan Sekarang</button>
</a>
</div>
<div class="product-box_asset">
<div class="events-container" id="eventsContainer"></div>
</div>
</div>
<div class="product-box bac-box invert-cta">
<div class="product-box_detail">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/ec57051b-2ed5-4ef7-a3c0-a4dd10681524.svg" loading="lazy" class="product-logo" />
<h3 class="font-inter font-dark font-product-title">Persiapan UTBK-SNBT secara tatap muka dan online di Brain Academy Center</h3>
<p class="font-inter font-dark font-product-desc">
Lengkap dengan fasilitas modern dan terintegrasi, yang tersebar di lebih dari
<b>90 cabang</b>
di Indonesia
</p>
<a
href="https://www.brainacademy.id/#section-bimbel-cabang"
target="_blank"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://www.brainacademy.id/#section-bimbel-cabang","item_type":"button","item_name":"Cari Cabang Terdekat","item_category":"cta","item_position":3,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Persiapan UTBK-SNBT secara tatap muka dan online di Brain Academy Center"}'
>
<button class="button-basic-orange">Cari Cabang Terdekat</button>
</a>
</div>
<div class="product-box_asset">
<div class="accordion-bac">
<!-- accordion 1 -->
<div class="accordion2">
<p>Classroom</p>
</div>
<div class="panel2">
<div class="panel-bac">
<p class="font-inter font-light-gray font-panel-desc">Ruang kelas dilengkapi fasilitas modern dengan kapasitas maksimum 25 siswa</p>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/ce75862d-4e7e-41b3-8d43-c3d212d06665.png" loading="lazy" />
<div class="panel-bac_benefits">
<div class="panel-benefit">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/208c173a-3560-4c94-bbfe-bf1fd5aee9a2.svg" width="24" height="24" loading="lazy" />
<p class="font-inter font-dark font-benefit">Didukung Platform Ruangguru</p>
</div>
<div class="panel-benefit">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/aac2107b-65ab-4ed1-92a9-812008d7c32a.svg" width="24" height="24" loading="lazy" />
<p class="font-inter font-dark font-benefit">Wifi Tersedia</p>
</div>
</div>
</div>
</div>
<!-- accordion 2 -->
<div
class="accordion2"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_facility","item_type":"card","item_name":"Cozy Longue","item_description":"Area lobi yang luas dan penerangan yang cukup","item_category":"cta","item_position":1,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Persiapan UTBK-SNBT secara tatap muka dan online di Brain Academy Center"}'
>
<p>Cozy Longue</p>
</div>
<div class="panel2">
<div class="panel-bac">
<p class="font-inter font-light-gray font-panel-desc">Area lobi yang luas dan penerangan yang cukup</p>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/0754a2b8-e167-4925-84bd-ee29af78841f.png" loading="lazy" />
<div class="panel-bac_benefits">
<div class="panel-benefit">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/ff7a0c15-0c23-4b64-9c1d-011e9673f63b.svg" width="24" height="24" loading="lazy" />
<p class="font-inter font-dark font-benefit">Area Duduk Santai</p>
</div>
<div class="panel-benefit">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/775f3616-b651-4f80-9e8a-7706e3b5e3ff.svg" width="24" height="24" loading="lazy" />
<p class="font-inter font-dark font-benefit">Spot Pengisian Daya</p>
</div>
</div>
</div>
</div>
<!-- accordion 3 -->
<div
class="accordion2"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_facility","item_type":"card","item_name":"Klinik PR","item_description":"Tambahan kelas untuk membantu pemahaman dan kesulitan materi ","item_category":"cta","item_position":2,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Persiapan UTBK-SNBT secara tatap muka dan online di Brain Academy Center"}'
>
<p>Klinik PR</p>
</div>
<div class="panel2">
<div class="panel-bac">
<p class="font-inter font-light-gray font-panel-desc">Tambahan kelas untuk membantu pemahaman dan kesulitan materi </p>
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/92616aa1-14ba-4180-b9f2-ca3df59529b5.png" loading="lazy" />
<div class="panel-bac_benefits">
<div class="panel-benefit">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/405874b3-7b31-4d53-976b-089089b434a9.svg" width="24" height="24" loading="lazy" />
<p class="font-inter font-dark font-benefit">Spot Ekslusif</p>
</div>
<div class="panel-benefit">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/808d77fd-261c-4232-8171-8d37f65eb848.svg" width="24" height="24" loading="lazy" />
<p class="font-inter font-dark font-benefit">Desinfeksi Rutin Setiap Hari</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="product-box privat-box">
<div class="product-box_detail">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/2df2b82c-3b92-4db6-bd3c-9392d0700c7a.svg" loading="lazy" class="product-logo" />
<h3 class="font-inter font-dark font-product-title">Belajar UTBK-SNBT dengan Pengajar Privat di Ruangguru Privat</h3>
<ul class="ul-checklist blue-checklist list-product">
<li>Les privat eksklusif dengan pengajar terbaik lulusan universitas terkemuka</li>
<li>Bebas atur sesi, jadwal, dan kriteria pengajar yang kamu mau</li>
<li>Tersedia les privat untuk segala jenis mata pelajaran yang diujikan di UTBK</li>
</ul>
<a
href="https://www.ruangguru.com/privat/utbk-snbt"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"redirection","cta_action_detail":"https://www.ruangguru.com/privat/utbk-snbt","item_type":"button","item_name":"Mulai Les Privat","item_category":"cta","item_position":0,"item_serial":"","section_type":"product_list","section_position":"body","section_name":"Belajar UTBK-SNBT dengan Pengajar Privat di Ruangguru Privat"}'
>
<button class="button-basic-orange">Mulai Les Privat</button>
</a>
</div>
<div class="product-box_asset">
<img src="https://cdn-web-2.ruangguru.com/file-uploader/lp/d5854629-e660-4c8c-a072-6d8f5f61257e.png" loading="lazy" />
</div>
</div>
</div>
</div>
</div>
</section>
<!--END SECTION PRODUCTS-->
<!-- START SECTION FAQ-->
<section id="section-faq" name="faq_ruanguji">
<div class="faq-rl">
<div class="page-center">
<div class="container-faq">
<div class="faq__title">
<h2 class="text-subtitle">Hal yang sering ditanyakan seputar UTBK-SNBT</h2>
</div>
<div class="faq__content">
<div class="faq-wrap" id="accordion">
<div
class="accordion"
data-readmore="0"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa yang dimaksud dengan tes UTBK-SNBT?</p>","item_description":"UTBK-SNBT adalah salah satu jalur masuk perguruan tinggi negeri berbasis tes yang diselenggarakan oleh Kemdikbud dan Balai Pengelolaan Pengujian Pendidikan (BP3).","item_category":"cta","item_position":0,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa yang dimaksud dengan tes UTBK-SNBT?</p></strong>
</h3>
</div>
<div class="panel">
<p>
<span>UTBK-SNBT adalah salah satu jalur masuk perguruan tinggi negeri berbasis tes yang diselenggarakan oleh Kemdikbud dan Balai Pengelolaan Pengujian Pendidikan (BP3).</span>
</p>
</div>
<div
class="accordion"
data-readmore="0"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa perbedaan UTBK-SNBT dengan SBMPTN?</p>","item_description":"Perbedaan UTBK-SNBT dengan SBMPTN terletak pada materi ujian dan mekanisme pelaksanaan. Pada SBMPTN sebelumnya, materi yang diujikan terdiri dari TKA, TPS, dan Bahasa Inggris. Sedangkan pada UTBK-SNBT, materi yang diujikan berupa Tes Potensi Skolastik (TPS) dan Tes Literasi.","item_category":"cta","item_position":1,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa perbedaan UTBK-SNBT dengan SBMPTN?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Perbedaan UTBK-SNBT dengan SBMPTN terletak pada materi ujian dan mekanisme pelaksanaan. Pada SBMPTN sebelumnya, materi yang diujikan terdiri dari TKA, TPS, dan Bahasa Inggris. Sedangkan pada
UTBK-SNBT, materi yang diujikan berupa Tes Potensi Skolastik (TPS) dan Tes Literasi.
</p>
</div>
<div
class="accordion"
data-readmore="0"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa saja jenis tes dalam UTBK-SNBT?</p>","item_description":"Kemendikbud Ristek sudah resmi mengganti nama SBMPTN menjadi UTBK-SNBT mulai tahun 2024. Perbedaan terbesar dari SNBT dibandingkan dengan UTBK tahun sebelumnya adalah jenis tes yang diujikan. Ada dua jenis tipe tes yang akan diujikan pada UTBK-SNBT, yaitu Tes Potensi Skolastik dan Tes Literasi.","item_category":"cta","item_position":2,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa saja jenis tes dalam UTBK-SNBT?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Kemendikbud Ristek sudah resmi mengganti nama SBMPTN menjadi UTBK-SNBT mulai tahun 2024. Perbedaan terbesar dari SNBT dibandingkan dengan UTBK tahun sebelumnya adalah jenis tes yang diujikan. Ada dua
jenis tipe tes yang akan diujikan pada UTBK-SNBT, yaitu Tes Potensi Skolastik dan Tes Literasi.
</p>
</div>
<div
class="accordion"
data-readmore="0"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa itu Tes Skolastik dalam UTBK-SNBT?</p>","item_description":"Tes Skolastik adalah alat untuk mengukur kemampuan penalaran dan pemecahan masalah calon mahasiswa. Ada empat materi yang akan diujikan, yaitu potensi kognitif, penalaran matematika, literasi Bahasa Indonesia, dan literasi Bahasa Inggris. Tes Skolastik dianggap penting untuk mengukur kemampuan kognitif untuk keberhasilan calon mahasiswa menyelesaikan studinya di perguruan tinggi.","item_category":"cta","item_position":3,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa itu Tes Potensi Skolastik dalam UTBK-SNBT?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Tes Potensi Skolastik adalah alat untuk mengukur kemampuan penalaran dan pemecahan masalah calon mahasiswa. Ada empat materi yang akan diujikan, yaitu Penalaran Umum, Pengetahuan dan Pemahaman Umum,
Pemahaman Bacaan dan Menulis, serta Pengetahuan Kuantitatif. Tes Potensi Skolastik dianggap penting untuk mengukur kemampuan kognitif untuk keberhasilan calon mahasiswa menyelesaikan studinya di
perguruan tinggi.
</p>
</div>
<div
class="accordion"
data-readmore="0"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apakah materi yang diujikan di UTBK-SNBT setiap tahunnya sama?</p>","item_description":"Mata pelajaran yang diujikan di UTBK setiap tahunnya tidak sama. Pada tahun 2022 lalu, UTBK terdiri dari tiga subtes, yaitu TPS, TKA, dan Bahasa Inggris. Sementara itu, untuk tahun 2024 terdapat perubahan. Materi yang diujikan pada UTBK-SNBT 2024 yaitu TPS dan Tes Literasi.","item_category":"cta","item_position":4,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apakah materi yang diujikan di UTBK-SNBT setiap tahunnya sama?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Mata pelajaran yang diujikan di UTBK setiap tahunnya tidak selalu sama. Pada tahun 2022, UTBK terdiri dari tiga subtes, yaitu TPS, TKA, dan Bahasa Inggris. Sementara itu, mulai pada tahun 2024
terdapat perubahan. Materi yang diujikan menjadi 2 komponen, yaitu Tes Potensi Skolastik dan Tes Literasi.
</p>
</div>
<div
class="accordion"
data-readmore="0"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa saja materi yang diujikan di UTBK-SNBT?</p>","item_description":"Pada UTBK-SNBT 2024, materi ujian yang diberikan adalah TPS dan Tes Literasi. Berikut detailnya untuk tiap subtes: 1. Tes Potensi Skolastik (TPS) - Kemampuan Penalaran Umum - Pengetahuan dan Pemahaman Umum - Kemampuan Memahami Bacaan dan Menulis - Pengetahuan Kuantitatif 2. Tes Literasi - Literasi Bahasa Indonesia - Literasi Bahasa Inggris - Penalaran Matematika","item_category":"cta","item_position":5,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa saja materi yang diujikan di UTBK-SNBT?</p></strong>
</h3>
</div>
<div class="panel">
<p>Pada UTBK-SNBT 2024, materi ujian yang diberikan adalah TPS dan Tes Literasi. Berikut detailnya untuk tiap subtes:</p>
<ol>
<li>
Tes Potensi Skolastik (TPS)
<ul>
<li>Kemampuan Penalaran Umum</li>
<li>Pengetahuan dan Pemahaman Umum</li>
<li>Kemampuan Memahami Bacaan dan Menulis</li>
<li>Pengetahuan Kuantitatif</li>
</ul>
</li>
<li>
Tes Literasi
<ul>
<li>Literasi Bahasa Indonesia</li>
<li>Literasi Bahasa Inggris</li>
<li>Penalaran Matematika</li>
</ul>
</li>
</ol>
</div>
<div class="extra-wrapper">
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Bagaimana tips belajar menghadapi tes Penalaran Matematika?</p>","item_description":"Penalaran Matematika adalah tes yang mengukur kemampuan calon mahasiswa dalam menerapkan matematika dasar di kehidupan sehari-hari. Untuk bisa memecahkan soal-soal di tes ini, kamu perlu menggunakan penalaran, konsep, fakta, dan alat matematika yang tepat.","item_category":"cta","item_position":6,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Bagaimana tips belajar menghadapi tes Penalaran Matematika?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Penalaran Matematika adalah tes yang mengukur kemampuan calon mahasiswa dalam menerapkan matematika dasar di kehidupan sehari-hari. Untuk bisa memecahkan soal-soal di tes ini, kamu perlu menggunakan
penalaran, konsep, fakta, dan alat matematika yang tepat.
</p>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Bagaimana tips belajar menghadapi tes Literasi Bahasa Indonesia?</p>","item_description":"Literasi Bahasa Indonesia adalah tes yang digunakan untuk menguji kemampuan calon mahasiswa dalam memahami esensi suatu bacaan serta menganalisis argumen yang ada di dalamnya. Untuk mengerjakan tes ini diperlukan kemampuan membaca dan bernalar yang baik.","item_category":"cta","item_position":7,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Bagaimana tips belajar menghadapi tes Literasi Bahasa Indonesia?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Literasi Bahasa Indonesia adalah tes yang digunakan untuk menguji kemampuan calon mahasiswa dalam memahami esensi suatu bacaan serta menganalisis argumen yang ada di dalamnya. Untuk mengerjakan tes
ini diperlukan kemampuan membaca dan bernalar yang baik.
</p>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Bagaimana tips belajar menghadapi tes Literasi Bahasa Inggris?</p>","item_description":"Literasi Bahasa Inggris adalah tes yang diujikan untuk melihat kemampuan calon mahasiswa dalam memahami bahasa Inggris. Sebagaimana yang kita ketahui, kemampuan bahasa Inggris dibutuhkan untuk mendukung pembelajaran di jenjang perguruan tinggi. Agar mampu menjawab soal Literasi Bahasa Inggris, peserta didik perlu menguasai kosakata (vocabulary), kemampuan membaca (reading), dan bernalar yang baik.","item_category":"cta","item_position":8,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Bagaimana tips belajar menghadapi tes Literasi Bahasa Inggris?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Literasi Bahasa Inggris adalah tes yang diujikan untuk melihat kemampuan calon mahasiswa dalam memahami bahasa Inggris. Sebagaimana yang kita ketahui, kemampuan bahasa Inggris dibutuhkan
untuk mendukung pembelajaran di jenjang perguruan tinggi. Agar mampu menjawab soal Literasi Bahasa Inggris, peserta didik perlu menguasai kosakata (
<em>vocabulary</em>
), kemampuan membaca (
<em>reading)</em>
, dan bernalar yang baik.
</p>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apakah perlu mengikuti program bimbingan belajar UTBK-SNBT?</p>","item_description":"Sebagian besar materi Tes Skolastik belum/tidak pernah diajarkan di sekolah. Materi ini juga berbeda dengan materi SBMPTN sebelumnya yang lebih menekankan hafalan dibanding penalaran. Bimbingan belajar diperlukan agar siswa menguasai konsep dasar, rumus, serta teknik penyelesaian dari setiap soal. Siswa juga diarahkan untuk memilih perguruan tinggi dan program studi yang sesuai dengan kemampuan akademik, minat, dan bakat.","item_category":"cta","item_position":9,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apakah perlu mengikuti program bimbingan belajar UTBK-SNBT?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Sebagian besar materi Tes Potensi Skolastik belum/tidak pernah diajarkan di sekolah. Materi ini juga berbeda dengan materi SBMPTN sebelumnya yang lebih menekankan hafalan dibanding penalaran.
Bimbingan belajar diperlukan agar siswa menguasai konsep dasar, rumus, serta teknik penyelesaian dari setiap soal. Siswa juga diarahkan untuk memilih perguruan tinggi dan program studi yang sesuai
dengan kemampuan akademik, minat, dan bakat.
</p>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Di mana tempat bimbel atau les khusus UTBK-SNBT?</p>","item_description":"Agar kamu bisa mendapatkan hasil UTBK yang paling maksimal, kamu dapat mengikuti bimbel khusus persiapan ujian UTBK-SNBT. Apabila kamu ingin belajar mandiri secara online di mana dan kapan saja, kamu bisa memilih untuk berlangganan ruangbelajar paket khusus UTBK-SNBT. Namun, jika kamu ingin belajar lebih intensif secara tatap muka, kamu juga bisa mendaftarkan diri ke Brain Academy yang ada di daerah tempat tinggal kamu.","item_category":"cta","item_position":10,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Di mana tempat bimbel atau les khusus UTBK-SNBT?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Agar kamu bisa mendapatkan hasil UTBK yang paling maksimal, kamu dapat mengikuti bimbel khusus persiapan ujian UTBK-SNBT. Apabila kamu ingin belajar mandiri secara
<em>online</em>
di mana dan kapan saja, kamu bisa memilih untuk berlangganan ruangbelajar paket khusus UTBK-SNBT. Namun, jika kamu ingin belajar lebih intensif secara tatap muka, kamu juga bisa mendaftarkan diri ke
Brain Academy Center yang ada di daerah tempat tinggal kamu.
</p>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa saja keunggulan bimbingan belajar persiapan UTBK-SNBT di Ruangguru?</p>","item_description":"Ruangguru memiliki berbagai macam fitur seru dan interaktif untuk membantu kamu menghadapi UTBK-SNBT, lho. Terdapat Try Out dengan soal Tes Skolastik, Live Teaching Pembahasan Soal setelah Try Out, gabung di grup Pelatnas UTBK-SNBT, dan latihan melalui bank soal Tes Skolastik terbaru.","item_category":"cta","item_position":11,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa saja keunggulan bimbingan belajar persiapan UTBK-SNBT di Ruangguru?</p></strong>
</h3>
</div>
<div class="panel">
<p>
Ruangguru memiliki berbagai macam fitur seru dan interaktif untuk membantu kamu menghadapi UTBK-SNBT,
<em>lho</em>
. Terdapat
<strong>Tryout dengan soal Tes Potensi Skolastik & Tes Literasi, Live Teaching Pembahasan Soal setelah Tryout,</strong>
dapat bergabung di
<strong>grup Pelatnas UTBK-SNBT</strong>
, dan latihan melalui
<strong>Banksoal</strong>
.
</p>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Apa saja syarat pendaftaran untuk mengikuti UTBK-SNBT 2024?</p>","item_description":"Berikut adalah persyaratan UTBK-SNBT 2024 yang harus kamu lengkapi: 1. Memiliki Akun SNPMB. 2. Warga Negara Indonesia (WNI) yang memiliki Nomor Induk Kependudukan (NIK). 3. Siswa SMA/MA/SMK/sederajat calon lulusan tahun 2024 harus memiliki Surat Keterangan Siswa SMA/MA/SMK Kelas 12 atau peserta didik Paket C tahun 2024 dengan umur maksimal 25 tahun. Catatan: Surat Keterangan Siswa Kelas 12 harus disertai dengan foto terbaru (berwarna), stempel atau cap sekolah, tanda tangan Kepala Sekolah. 4. Siswa lulusan SMA/MA/SMK/sederajat tahun 2021 dan 2022 atau lulusan Paket C tahun 2021 dan 2022 harus memiliki ijazah dengan umur maksimal 25 tahun (per 1 Juli 2024). Bagi lulusan SMA sederajat dari luar negeri harus memiliki ijazah yang sudah disetarakan. 5. Persyaratan Peserta: Setiap peserta dari jurusan IPA, IPS, atau Bahasa diizinkan memilih prodi apapun di PTN (Merdeka Bertanggung Jawab). 6. Tidak lulus jalur SNBP 2024 atau SNMPTN pada tahun 2021, atau 2022. 7. Memiliki kesehatan yang memadai sehingga tidak mengganggu kelancaran proses studi. 8. Bagi peserta yang memilih program studi bidang Seni dan Olahraga wajib mengunggah portofolio. 9. Bagi peserta tuna netra wajib mengunggah Surat Pernyataan Tuna Netra. 10. Hasil UTBK 2024 hanya berlaku untuk mengikuti SNBT dan penerimaan PTN 2024. 11. Membayar biaya UTBK.","item_category":"cta","item_position":12,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Apa saja syarat pendaftaran untuk mengikuti UTBK-SNBT 2026?</p></strong>
</h3>
</div>
<div class="panel">
Berikut adalah persyaratan UTBK-SNBT 2026 yang harus kamu lengkapi:
<br />
<ol>
<li>Memiliki Akun SNPMB.</li>
<li>Warga Negara Indonesia (WNI) yang memiliki Nomor Induk Kependudukan (NIK).</li>
<li>
Siswa SMA/MA/SMK/sederajat pada kelas terakhir tahun 2026 atau peserta didik paket C tahun 2026 dengan umur maksimal 25 tahun (per 1 Juli 2026).
<br />
<em>Catatan: Surat Keterangan harus disertai dengan foto terbaru (berwarna), stempel atau cap sekolah, dan tanda tangan Kepala Sekolah.</em>
</li>
<li>Siswa lulusan SMA/MA/SMK/sederajat tahun 2024 dan 2025 atau lulusan Paket C tahun 2024 dan 2025 dengan umur maksimal 25 tahun (per 1 Juli 2026).</li>
<li>Bagi lulusan SMA sederajat dari luar negeri harus memiliki ijazah yang sudah disetarakan.</li>
<li>Persyaratan Peserta: Setiap peserta diperbolehkan memilih prodi apapun di PTN (Merdeka Bertanggung Jawab).</li>
<li>Tidak lulus jalur SNBP tahun 2024, 2025, dan 2026.</li>
<li>Memiliki kesehatan yang memadai sehingga tidak mengganggu kelancaran proses studi.</li>
<li>Bagi peserta yang memilih program studi bidang Seni dan/ atau Olahraga wajib mengunggah portofolio.</li>
<li>Bagi peserta tunanetra wajib mengunggah Surat Pernyataan Tunanetra.</li>
<li>Hasil UTBK 2026 hanya berlaku untuk mengikuti SNBT dan penerimaan PTN tahun 2026.</li>
<li>Membayar biaya UTBK (kecuali peserta KIP Kuliah).</li>
</ol>
</div>
<div
class="accordion"
data-readmore="1"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_faq_answer","item_type":"card","item_name":"<p>Kapan pengumuman UTBK-SNBT 2024 dilakukan?</p>","item_description":"Hasil UTBK SNBT 2024 akan diumumkan pada 20 Juni 2024.","item_category":"cta","item_position":13,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<h3>
<strong><p>Kapan pengumuman UTBK-SNBT 2026 dilakukan?</p></strong>
</h3>
</div>
<div class="panel">
<p>Hasil UTBK-SNBT 2026 akan diumumkan pada 25 Mei 2026.</p>
</div>
</div>
<button
type="button"
id="readmore"
data-tracking-event-type="landing_page__core__item_click"
data-tracking-context='{"product_name":"ruangguru_utbk","cta_action":"dropdown","cta_action_detail":"dropdown_other_faq_card","item_type":"button","item_name":"Lihat Selengkapnya","item_description":"","item_category":"cta","item_position":0,"item_serial":"","section_type":"faq","section_position":"body","section_name":"faq_ruanguji"}'
>
<span id="readtext">Lihat Selengkapnya</span>
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!--END SECTION FAQ-->
<style>.footer__year {
padding-top: 5rem;
}
.ic-new__img {
margin: auto 0;
display: flex;
}
.ic-new__img img {
width: fit-content;
}
.font-base-footer {
font-family: Inter, 'sans-serif';
font-weight: 400;
font-size: 14px !important;
font-style: normal;
letter-spacing: 0;
color: #0a2540;
margin-bottom: 0;
}
.font-bold {
font-weight: 700;
}
.font-white {
color: #fff !important;
}
.font-semi-bold {
font-weight: 600;
}
.center {
text-align: center;
}
.footer {
background: #0a2540;
overflow: hidden;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
Noto Sans,
sans-serif,
Apple Color Emoji,
Segoe UI Emoji,
Segoe UI Symbol,
Noto Color Emoji;
}
.footer.roc {
background-color: #1d1110;
color: white;
}
.contact__container {
display: grid;
grid-template-columns: 2fr 11fr;
gap: 0.625rem;
word-break: break-all;
}
.contact__container--text {
margin: auto 0;
}
.group-contact {
display: grid;
row-gap: 0.5rem;
}
.sec-follow__content--socmed {
display: inline-flex;
}
.sec-follow__content--socmed a {
padding-right: 0.25rem;
}
.ic-new {
display: inline-flex;
width: max-content;
gap: 0.25rem;
}
@media (min-width: 1025px) {
.sec-address__detail {
margin: 1rem 0 2rem;
padding-right: 2rem;
}
.sec-follow {
margin-top: -10rem;
}
.title {
font-size: 48px;
line-height: 64px;
}
.subtitle {
font-size: 32px;
line-height: 48px;
text-align: center;
}
.desc-hero {
font-size: 24px;
line-height: 36px;
margin-top: 20px;
}
.desc {
font-size: 16px;
line-height: 24px;
}
.footer {
padding: 5rem 0 1.5rem;
}
.footer__title {
font-size: 1rem;
margin-bottom: 1rem;
min-height: 1.25rem;
}
.footer__title--hq {
font-size: 1rem;
}
.footer__content--top {
display: grid;
grid-template-columns: 3fr 9fr;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sec-app__content {
display: grid;
gap: 0.75rem;
}
.footer__content--bottom {
display: grid;
grid-template-columns: 9.75fr 2.25fr;
}
}
@media (max-width: 1024px) {
.sec-address__detail {
margin: 1rem 0 2rem;
}
.sec-app {
margin-bottom: 2.625rem;
text-align: center;
}
.title {
font-size: 24px;
line-height: 36px;
}
.subtitle {
font-size: 20px;
line-height: 30px;
text-align: center;
}
.desc-hero {
font-size: 16px;
line-height: 24px;
margin-top: 1rem;
}
.desc {
font-size: 14px;
line-height: 27px;
}
.footer {
padding: 2rem 0;
}
.sec-app__content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0.5rem;
margin-top: 1rem;
}
.sec-menu {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.sec-follow {
text-align: center;
}
.footer__title {
padding-bottom: 0.75rem;
}
}
ul.no-space {
padding: 0;
}
ul.no-space li {
margin-bottom: 0.25rem;
}
.contact__container--text a,
ul.no-space a {
text-decoration: none;
}
.contact__container--text a:hover,
ul.no-space a:hover {
color: #2eb5c0 !important;
}
div.sec-address__logo img,
div.ic-new__img img {
display: inline-block;
}
.sec-app__content img {
max-width: 100%;
}
</style>
<section class="footer " id="footer">
<div class="page-center">
<div class="footer__content">
<div class="footer__content--top">
<div class="sec-app">
<div class="sec-address">
<div class="sec-address__logo">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/OPTIMIZE/logo%20rg.svg" alt="Logo Ruangguru" loading="lazy" />
</a>
</div>
<div class="sec-address__detail">
<p class="font-base-footer font-white font-bold footer__title--hq">RUANGGURU HQ</p>
<p class="font-base-footer font-white footer-address">Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920</p>
</div>
</div>
<p class="font-base-footer font-white font-bold footer__title">Coba GRATIS Aplikasi Ruangguru</p>
<div class="sec-app__content">
<div class="sec-app__content--gplay">
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_googleplay%20(1).svg"
loading="lazy"
alt="Button Google Play Footer "
/>
</a>
</div>
<div class="sec-app__content--appstore">
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img
class="footer-socmed"
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/btn_appstore%20(1).svg"
loading="lazy"
alt="Button App Store Footer "
/>
</a>
</div>
<div class="sec-app__content--huawei">
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<picture>
<source type="image/webp" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png?convert=webp " />
<source type="image/png" srcset="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png " />
<img class="footer-socmed" src="https://roboguru-forum-cdn.ruangguru.com/image/e5df282a-3b96-4af4-8b3c-a4634b511680.png" alt="Button AppGallery Footer" loading="lazy" width="156" />
</picture>
</a>
</div>
</div>
</div>
<div class="sec-menu">
<div class="sec-menu__rg">
<p class="font-base-footer font-white font-bold footer__title">Produk Ruangguru</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruanguji">Ruanguji</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/blog/">Ruangbaca</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://pengajar.ruangguru.com/">Ruangpengajar</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privat">Ruangguru Privat</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/airis">Airis</a>
</li>
</ul>
</div>
<div class="sec-menu__lainnya">
<p class="font-base-footer font-white font-bold footer__title">Produk Lainnya</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.brainacademy.id/" target="_blank">Brain Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.english-academy.id/" target="_blank">English Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://skillacademy.com/" target="_blank">Skill Academy</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.schoters.com/id/" target="_blank">Schoters</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.kalananti.id/" target="_blank">Kalananti</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/mathchamps" target="_blank">Math Champs</a>
</li>
</ul>
</div>
<div class="sec-menu__bantuan">
<p class="font-base-footer font-white font-bold footer__title">Bantuan & Panduan</p>
<ul type="none" class="no-space">
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/company-credentials">Company Credentials</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/promo">Promo Ruangguru</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/about-us">Tentang Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/contact-us">Kontak Kami</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/press">Press Kit</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://www.ruangguru.com/bantuan">Bantuan</a>
</li>
<li>
<a class="font-base-footer font-white" href="https://career.ruangguru.com/">Karier</a>
</li>
</ul>
</div>
<div class="sec-menu__contact">
<p class="font-base-footer font-white font-bold footer__title">Hubungi Kami</p>
<div class="group-contact">
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-mail.svg" loading="lazy" alt="Logo Email Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="mailto:info@ruangguru.com">info@ruangguru.com</a>
</div>
</div>
<div class="contact__container">
<div class="contact__container--img">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-phone.svg" loading="lazy" alt="Logo Phone Footer" />
</div>
<div class="contact__container--text">
<a class="font-base-footer font-white" href="tel:02130930000">02130930000</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__content--bottom">
<div></div>
<div class="sec-follow">
<p class="font-base-footer font-white font-bold footer__title">Ikuti Kami</p>
<div class="sec-follow__content">
<div class="sec-follow__content--socmed">
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-ig.svg?convert=webp" loading="lazy" alt="Logo Instagram Footer" />
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-fb.svg?convert=webp" loading="lazy" alt="Logo Facebook Footer" />
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-twitter.svg?convert=webp" loading="lazy" alt="Logo Twitter Footer" />
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-youtube.svg?convert=webp" loading="lazy" alt="Logo Youtube Footer" />
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/ic-linkedin.svg?convert=webp" loading="lazy" alt="Logo LinkedIn Footer" />
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20Homepage%20RG/Optimize%20V2/tiktok-ic-white-40.svg?convert=webp" loading="lazy" alt="Logo TikTok Footer" />
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__year">
<p class="font-base-footer font-white font-bold center">
©
<span id="full-year"></span>
Ruangguru. All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
</div>
</section>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'leads_gathering',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- 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>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<script src="https://form.ruangguru.com/form/embed.min.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457848/1615619794843/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457994/1615619961343/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/jquery-modal-video-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
function getDiscountClick(clicked_obj, event) {
event.preventDefault();
const phone = document.getElementById('phone');
if (phone.validity.valueMissing) {
phone.setCustomValidity('Nomor harus diawali “+62” dan terdiri dari 9-15 digit');
} else if (phone.validity.tooShort) {
phone.setCustomValidity('Nomor harus diawali “+62” dan terdiri dari 9-15 digit');
} else if (phone.validity.patternMismatch) {
phone.setCustomValidity('Nomor harus diawali “+62” dan terdiri dari 9-15 digit');
} else {
phone.setCustomValidity('');
let newRedirectUrl = `https://cta.ruangguru.com/sn-rg-web-lp-utbksnbt-input-phonenumber`;
setTimeout(function () {
Analytics.track('getDiscountClick', {
experiment_variant_name: 'btnVariantOTP',
phone_number: phone.value,
redirection_url: `https://cta.ruangguru.com/sn-rg-web-lp-utbksnbt-input-phonenumber`,
});
Analytics.track('landing_page__core__item_click', {
product_name: 'ruangguru_utbk',
cta_action: 'redirection',
cta_action_detail: newRedirectUrl,
item_type: 'button',
item_name: 'Dapatkan Diskon',
item_category: 'leads_gathering',
item_position: 0,
item_serial: null,
section_type: 'hero_section',
section_position: 'body',
section_name: 'hero_section',
cta_data: { phone_number: phone.value },
});
}, 10);
window.location.href = 'https://cta.ruangguru.com/sn-rg-web-lp-utbksnbt-input-phonenumber';
}
phone.reportValidity();
}
</script>
</body>
</html>