section#live-baon-section{background:#f2f5fa}section#live-baon-section.section-disabled{display:none}.live-baon{align-items:center;background:url(https://cdn-web-2.ruangguru.com/landing-pages/assets/fd7aa0e4-94cd-4acb-910c-46504ecdcdbd.png),url(https://cdn-web-2.ruangguru.com/landing-pages/assets/487b32a0-d0f6-44de-9f65-a50d6363f9cd.png),url(https://cdn-web-2.ruangguru.com/landing-pages/assets/746ff587-022e-43e3-bd3c-0bf77d082f63.png),url(https://cdn-web-2.ruangguru.com/landing-pages/assets/a13f821a-0deb-4cf1-bdd3-02abde86a54d.png),#fff;background-position:4rem 100%,54rem 100%,0 100%,100% 100%,100%;background-repeat:no-repeat;background-size:265px,296px,340px,340px,0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:26px 0 36px}video#video_on_hero{width:324px}.live-baon iframe,video#video_on_hero{background:#faeadf;border:none;border-radius:12px;padding:6px;z-index:3}.live-baon iframe{height:318px;width:544px}.live-baon h2{font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:36px;padding-bottom:16px}.join-class{align-items:center;background:linear-gradient(45deg,#ea4952,#f26d0f);border-radius:0 0 16px 16px;display:flex;justify-content:space-between;margin-top:-1rem;padding:28px 14px 14px;width:528px;z-index:1}.join-class p{color:#fff;font-size:18px;line-height:28px}.join-class button,.join-class p{font-family:Inter;font-style:normal;font-weight:700}.join-class button{background:#fff;border:none;border-radius:96px;color:#2c313a;display:inline-block;font-size:14px;line-height:24px;margin:0 8px 0 0;padding:.5rem 1.75rem;text-align:center;text-decoration:none}div#live-baon-wrapper{position:relative;z-index:3}.live-baon-border{border:8px solid #faeadf;border-radius:24px;height:300px;left:4px;position:absolute;top:4px;width:100%;width:530px}img.live-icon-section{height:28px;left:24px;position:absolute;top:24px}@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.5)}20%{opacity:.8;-webkit-transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1)}60%{opacity:1;-webkit-transform:scale(1)}80%{opacity:1;-webkit-transform:scale(1)}to{opacity:0;-webkit-transform:scale(.5)}}@-moz-keyframes pop-in{0%{opacity:0;-moz-transform:scale(.5)}20%{opacity:.8;-moz-transform:scale(.8)}30%{opacity:1;-moz-transform:scale(1)}50%{opacity:1;-moz-transform:scale(1)}60%{opacity:1;-moz-transform:scale(1)}80%{opacity:1;-moz-transform:scale(1)}to{opacity:0;-moz-transform:scale(.5)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}20%{opacity:.8;transform:scale(.8)}40%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes border-move{0%{border:none;margin-right:8px}30%{border:2px solid #ecb09b;margin-right:6px}60%{border:6px solid #ecb09b;margin-right:2px}to{border:8px solid #ecb09b;margin-right:0}}.live-icon-child{-webkit-animation:pop-in 3s linear 1.5s infinite;-moz-animation:pop-in 3s linear 1.5s infinite;animation:pop-in 3s linear 1.5s infinite;left:2rem;position:absolute;top:2rem;z-index:5}video#video_on_section{background:#faeadf;border:none;border-radius:12px;padding:8px;width:540px}#live-baon-section .join-class{height:50px}@keyframes borderAnimation{0%{box-shadow:0 0 0 4px #ffffff80}25%{box-shadow:0 0 0 6px #ffffff80}50%{box-shadow:0 0 0 10px #ffffff80}75%{box-shadow:0 0 0 6px #ffffff80}to{box-shadow:0 0 0 4px #ffffff80}}@media (max-width:767px){.live-baon{background:#fff}.live-baon h2{font-size:14px;line-height:22px;padding:0 3rem;text-align:center}div#live-baon-wrapper{margin-top:1rem;width:320px}video#video_on_section{width:303px}.live-baon iframe{height:190px;width:310px}.join-class{flex-direction:column;width:290px}.join-class button,.join-class p{font-size:14px;line-height:22px}.join-class button{font-size:12px;line-height:18px;margin-top:0}#live-baon-section .join-class{height:80px;padding-bottom:20px}#hero-right .join-class{padding-bottom:20px}#live-baon-section .page-center{background:none;padding:20px 0 0;width:100%!important}.live-baon{border-radius:0}video#video_on_section{width:90%}div#live-baon-wrapper{display:flex;justify-content:center;width:100%}#live-baon-section .join-class{display:flex;flex-direction:row;height:60px;padding:20px 8px 8px;width:90%}.join-class button{padding:4px 8px}img.live-icon-section{height:24px;top:16px}img.live-icon-child{left:1.8rem;top:1.4rem}video#video_on_hero{width:300px}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}.live-baon{padding:16px 0}}@media (min-width:768px) and (max-width:1024px){.live-baon{background:url(https://cdn-web-2.ruangguru.com/landing-pages/assets/746ff587-022e-43e3-bd3c-0bf77d082f63.png),url(https://cdn-web-2.ruangguru.com/landing-pages/assets/a13f821a-0deb-4cf1-bdd3-02abde86a54d.png),#fff;background-position:0 100%,100% 100%,100%;background-repeat:no-repeat;background-size:240px,240px,0}section#live-baon-section{padding-top:2rem}video#video_on_hero{width:360px}video#video_on_section{width:508px}.live-baon iframe{height:300px;width:512px}.join-class{width:496px}}.join-class button{-webkit-animation:borderAnimation 3s linear infinite;-moz-animation:borderAnimation 3s linear infinite;animation:borderAnimation 3s linear infinite}