.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%,.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:-.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:.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:.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:-15px;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:.25rem .5rem .25rem 1.8rem}.payment-card__flashsale-discount img{left:-5px;position:absolute;top:-10px}.payment-card__flashsale-discount p{font-size:12px;font-weight:800;line-height:150%;text-transform:uppercase}.payment-card__flashsale-timer{background:#cd151e;border-bottom-right-radius:10px;display:inline-block;padding:.25rem .25rem .25rem .5rem;position:relative}.payment-card__flashsale-timer:before{background:#cd151e;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:700;line-height:18px;margin:0}.modal-overlay{background:rgba(28,32,57,.8);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:101}.modal-package .modal-content{background:#fff;border-radius:1rem;margin:auto;padding:1rem}.modal-duration .modal-content>*+*{margin-top:1rem}.modal-package .modal-content>*+*{margin-top:.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 .payment-package-detail-card__header{background:url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Rubel2022/background-payment-card-ruangbelajar.png),#f9eeef;background-repeat:no-repeat;background-size: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{font-weight:700}.payment-package-detail-card__header .payment-package-detail-card__description{font-weight:400;margin-top:.5rem}.payment-package-detail-card__detail{background:#fff;border-radius:1rem;margin-bottom:-1rem;padding:.75rem;position:relative;top:-1rem}.payment-package-detail-card__detail:after{background-image:linear-gradient(0deg,#fff 18.29%,hsla(0,0%,100%,0));bottom:37%;content:"";height:3rem;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.payment-package-detail-card__usp--container{display:none;position:relative}.payment-package-detail-card__usp{height:200px;overflow-y:auto;padding-bottom:1.5rem}.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:.5rem}p.font-value{color:#2c313a;font-family:Inter;font-size:14px;font-weight:600;line-height:22px;padding-top:.75rem}.payment-package-detail-card__usp ul{list-style:none;margin-bottom:0;margin-top:.75rem;overflow-y:auto;padding: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:50%;background-repeat:no-repeat;background-size:16px 16px;display:flex;font-size:16px;font-weight:400;line-height:24px;padding-left:16px;word-break:break-word}.payment-package-detail-card__usp li+li{margin-top:.75rem}.payment-package-detail-card__usp li p{line-height:22px;margin-left:.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:.75rem;width:100%}.payment-package-detail-card__action-usp>*+*{margin-left:.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;margin-bottom:.75rem}.payment-package-detail-card__price--detail>*+*{margin-left:.75rem}.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:.25rem}.payment-package-detail-card__price--discount-label p{margin:0}.payment-package-detail-card__price--buy-package{margin-bottom:.75rem}.payment-package-detail-card__price--buy-package .button-basic-orange{border:none;font-size:14px;font-weight:700;line-height:24px;padding:.5rem;width:100%}.payment-package-detail-card__price--discount>*+*{margin-top:.25rem}.payment-package-detail-card__price--strike{align-items:center;display:flex}.payment-package-detail-card__price--strike>*+*{margin-left:.25rem}.payment-package-detail-card__price--strike .font-strike{color:#5e677b;font-weight:600;line-height:20px}.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:.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:.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:.875rem 0;width:100%}.btn-duration-option{display:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:768px){.btn-detail{display:none}.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:.75rem}.payment-title img{display:none}.payment-duration button{padding:.75rem;width:100%}.payment-cards{flex:1}.payment-cards-container{display:flex;gap:1rem;overflow:auto;padding:2rem 1rem 1rem}.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:.625rem 1rem}.modal-close{background:#fff;border:none;border-radius:50%;filter:drop-shadow(0 8px 18px rgba(52,143,151,.1));padding:.25rem}.modal-package .modal-close{position:absolute;right:1rem;top:1rem}.modal-duration .modal-content,.modal-package .modal-content{top:50%;transform:translateY(-50%);width:fit-content}.modal-package-title{margin-top:2.5rem!important}.payment-package-detail-card{flex:0 0 362px;max-width:362px}.payment-package-detail-card__header{min-height:11.5rem;padding:1rem 1rem 2rem}.payment-package-detail-card__title{font-size:18px;line-height:28px}.payment-package-detail-card__description{font-size:14px;line-height:22px}.payment-package-detail-card__price--discount-label p{font-size:14px;font-weight:600;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-strike{font-size:14px}.payment-package-detail-card__price--strike .font-red{font-size:18px;line-height:28px}.payment-package-detail-card__action-usp.btn-open-usp-mobile{display:none}}@media (max-width:767px){.btn-detail{display:block}.payment-package-detail-card__price-actions{grid-gap:.5rem;align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.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:.5rem;text-align:center}.payment-package-detail-card__price--buy-package{margin-bottom:0}.payment-title{align-items:center;display:flex;justify-content:center}.payment-title>*+*{margin-left:.75rem}.payment-duration{align-items:center;display:flex;justify-content:space-between}.payment-duration button{padding:.5rem .75rem}.payment-duration button>*+*{padding-left:4rem}.payment-card{margin:auto}.modal-wrapper{height:645px;padding:1rem;position:relative}.modal-package .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:.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{height:500px;overflow-x:hidden;overflow-y:auto}.font-modal-title{color:#2c313a;font-size:14px;font-weight:700;line-height:22px;max-width:90%;padding:0}.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:1rem;position:relative;width:100%}.modal-detail-package button.button-basic-orange.text-white{bottom:-40px;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 1rem}.payment-cards-container>*+*{margin-top:1rem}.payment-package-detail-card__usp li{-webkit-box-orient:vertical;-webkit-line-clamp:2!important;display:-webkit-box;min-height:2rem;overflow:hidden;text-overflow:ellipsis}.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 .75rem}.payment-package-detail-card__usp{height:170px;overflow:hidden}.payment-cards-container .slick-list{margin:0 -18px 66px;padding:1rem 15% 0 .8rem!important}.payment-cards-container .slick-slide{box-sizing:border-box;margin:0 8px;width:300px}.payment-cards-container .slick-arrow{background-size:100% 100%!important;border-radius:50%!important;box-shadow:4px 2px 20px 1px rgb(0 0 0/8%);cursor:pointer!important;height:2rem!important;margin-top:0!important;top:109%!important;width:2rem!important;z-index:1!important}.slick-disabled{opacity:.2!important}.payment-cards-container .slick-arrow:before{content:none!important}.payment-cards-container .slick-next{background-image:url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/ic-white-next.svg)!important;right:5%!important}.payment-cards-container .slick-prev{background-image:url(https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20ruangbelajar/ic-white-prev.svg)!important;left:75%!important}.payment-cards-container ul.slick-dots{bottom:-3.25rem!important;display:flex!important;left:0}.payment-cards-container .slick-dots li{margin:0 2px!important}.payment-cards-container .slick-dots li button:before{color:#cfd3db!important;font-size:10px!important;opacity:1!important}.payment-cards-container .slick-dots li.slick-active button:before{color:#e52a34!important;font-size:14px!important}.payment-package-detail-card__header{min-height:9.5rem;padding:1rem .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}.payment-package-detail-card__title{font-size:14px;line-height:22px}.payment-package-detail-card__description{font-size:12px;line-height:18px}.payment-package-detail-card__price--discount-label p{font-size:12px;font-weight:600;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-strike{font-size:11px}.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:14px;line-height:22px}.payment-package-detail-card__detail:after{content:none}.modal-detail-package .payment-package-detail-card__detail:after{bottom:32%;content:"";height:2.5rem}.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}.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:.5rem 0}.modal-duration-submit .btn-submit-duration{font-size:14px;font-weight:700;line-height:24px;padding:.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}}@media (max-height:667px){.modal-package .payment-duration{margin-top:2.5rem}}.display_none{display:none;opacity:0;transition:opacity .5s ease-out}