.spacer-rg{height:4.3rem!important}.hero{background:url(https://roboguru-forum-cdn.ruangguru.com/image/c24471b0-e4b2-48ff-b48d-f9c63c25812e.png),linear-gradient(202.03deg,#20a4b0 35.27%,#0094ff 66.9%,#4945ff 90.13%);background-repeat:no-repeat;background-size:cover;height:295px;overflow:hidden;padding:0 0 2.7rem;position:relative}.hero-center{width:90%!important}.hero-wrap{grid-gap:0;align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.hero-left{padding-left:5rem}.hero-left,.hero-right{display:block}.hero-title{font-size:28px;font-weight:700;letter-spacing:-.005em;line-height:42px;padding-bottom:1rem}.hero-desc,.hero-title{color:#fff;font-family:Inter;font-style:normal;margin:0}.hero-desc{font-size:16px;font-weight:600;line-height:24px;padding-bottom:1.25rem}.hero-img{height:auto;width:474px}.hero-img-mobile{display:none}.form-section{margin:auto;position:relative}.form-section label{font-weight:500}.form-section input{background-color:#fff;border-radius:200px!important;color:#0a2540!important;display:block;font-family:Inter!important;font-size:20px!important;font-weight:600!important;line-height:24px!important;margin:0 0 10px;max-width:100%;outline:0;padding:1.25rem!important;transition:all .2s;width:92%!important}.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:.35rem;position:absolute;text-align:center}#variant_b .form-section button{font-size:14px;line-height:20px;padding:.8rem 1rem .8rem 1.5rem;right:2.25%;top:45%}.form-section label{color:#fff;display:block;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px;padding-bottom:.75rem}@media (min-width:768px) and (max-width:1024px){.spacer-rg{height:3.9rem!important}.hero-left{padding-left:1.2rem;padding-top:1rem}.hero-button-submit{top:2.75rem!important}.form-section{max-width:100%}.form-section label{font-size:12px}#variant_b .form-section input{font-size:16px!important;line-height:24px!important;padding:.8rem 1rem!important}#variant_b .form-section button{font-size:11px;gap:.25rem;line-height:16px;padding:.5rem .5rem .6rem 1rem;right:2.5%;top:48%}.hero-img{bottom:3rem;height:212px;position:absolute;right:0;width:auto}.hero-title{font-size:28px;line-height:42px}.form-section label{font-size:16px}.hero-left{padding-left:0;width:444px}}@media (max-width:767px){.spacer-rg{height:3rem!important}.hero{background:url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Header%20dan%20Hero/pattern-hero-mobile.svg),linear-gradient(192.07deg,#20a4b0 24.41%,#0094ff 57.43%,#4945ff 81.66%);background-repeat:no-repeat;background-size:100% 100%;height:170px;padding:2rem 0 4.5rem}.hero-wrap{grid-template-columns:1fr}.hero-title{font-size:16px;line-height:24px;padding-bottom:.5rem;padding-right:6rem}.hero-desc{font-size:11px;line-height:20px}.hero-left{padding-left:0}.hero-img{display:none}.hero-img-mobile{bottom:0;display:block;height:auto;max-height:200px;position:absolute;right:0;width:auto}.form-section{max-width:100%;z-index:1}.form-section label{font-size:12px;line-height:20px;padding-right:6rem}#variant_b .form-section input{font-size:14px!important;line-height:24px!important;padding:.8rem 1rem!important;width:76%!important}#variant_b .form-section button{font-size:11px;gap:.25rem;line-height:16px;padding:.5rem .5rem .6rem 1rem;right:16%;top:58%}}div#hero-right.active-baon{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2.3rem}#hero-right .join-class{height:50px;padding:20px 8px 8px;width:320px}#hero-right .join-class p{font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:22px}#hero-right .join-class button{font-family:Inter;font-size:12px;font-style:normal;font-weight:700;line-height:18px;padding:8px 12px}.live-baon-hero-wrapper{position:relative;z-index:3}#hero-right iframe{background:#faeadf;border:none;border-radius:12px;height:200px;width:336px}#hero-right img.live-icon-section{left:16px;top:16px}.user-icon-left{left:-4.2rem;top:-2.3rem;z-index:5}.user-icon-left,.user-icon-right{animation:rotate-left-right 3s infinite alternate;position:absolute;width:100px}.user-icon-right{left:19rem;top:11rem;z-index:1}#hero-live-baon.active-baon{height:328px}@keyframes rotate-left-right{0%{transform:rotate(0)}50%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes rotate-left-off{0%{opacity:0;transform:rotate(-10deg)}50%{opacity:1;transform:rotate(10deg)}to{opacity:0;transform:rotate(0)}}@keyframes opacity-one{0%{opacity:0}60%{opacity:1}to{opacity:0}}@keyframes opacity-two{0%{opacity:0}70%{opacity:1}to{opacity:0}}@keyframes move-right{0%{opacity:1;right:0;top:-1.2rem}50%{opacity:1;right:-1.5rem;top:-.5rem}to{opacity:0}}img.star-left-one{animation:rotate-left-off 3s 9s infinite alternate;bottom:1rem;height:116px;left:-2rem;position:absolute}img.star-left-two{animation:opacity-one 4s 6s infinite alternate;bottom:6rem;height:17px;left:-2rem;position:absolute}img.star-left-three{animation:opacity-two 5s 6s infinite alternate;bottom:4.5rem;height:13px;left:-1rem;position:absolute}img.star-right-one{animation:opacity-one 4s 6s infinite;height:15px;position:absolute;right:0;top:-1.2rem}img.star-right-two{animation:move-right 5s 6s infinite alternate;height:22px;position:absolute;right:-1.5rem;top:-.5rem}img.star-right-three{animation:opacity-two 5s 6s infinite alternate;height:12px;position:absolute;right:-.2rem;top:2rem}@media (max-width:767px){#hero-live-baon.active-baon #variant_b .form-section button{right:2rem}#hero-live-baon.active-baon h1.hero-title{margin:auto;padding:0 0 12px;text-align:center;width:90%}#hero-live-baon.active-baon .form-section label{margin:auto;padding:0 0 12px;text-align:center;width:100%}#hero-live-baon.active-baon #variant_b .form-section input{margin:auto;position:relative}#hero-live-baon.active-baon button#btnVariantB{right:2rem!important;top:2.5rem!important}#hero-live-baon.active-baon{height:440px}#hero-right iframe{height:158px;width:260px}#hero-right .join-class{display:flex;flex-direction:column;padding:20px 8px 12px;width:246px}#hero-right .join-class p{padding-bottom:12px}img.user-icon-right{left:14rem;top:9rem}#hero-right .join-class{height:80px}img.user-icon-left,img.user-icon-right{width:84px}img.user-icon-left{left:-2rem}img.user-icon-right{left:16rem;top:11rem}#hero-right .join-class{height:70px;width:296px}#hero-live-baon.active-baon{height:450px}video#video_on_hero{width:300px}}@media (min-width:768px) and (max-width:1024px){#variant_b .form-section input{width:444px!important}#variant_b .form-section button{right:17rem}#hero-live-baon.active-baon{height:562px}.hero-wrap{gap:1rem;grid-template-columns:1fr}.hero-left{padding-left:0;width:100%}#hero-live-baon.active-baon h1.hero-title{margin:auto;padding:0 0 12px;text-align:center;width:90%}#hero-right .join-class{display:flex;flex-direction:column;padding:20px 8px 12px;width:354px}#hero-live-baon.active-baon .form-section label{text-align:center}#hero-live-baon.active-baon #variant_b .form-section input{margin:auto;width:411px!important}#hero-live-baon.active-baon #variant_b .form-section button{right:10rem}#hero-right .join-class{flex-direction:row}.user-icon-right{left:20rem}}