@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.cap{text-transform:capitalize!important}.frama__app{position:relative;display:flex;align-items:center;flex-direction:column;height:100%}@media screen and (max-width:991px){.frama__app{height:100%}}.header__page{border-top:1.5px solid hsla(0,0%,85%,.29);border-bottom:1.5px solid hsla(0,0%,85%,.29);border-left:1.5px solid hsla(0,0%,85%,.29);background:#fff;display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 20px}.header__page .left__content{display:flex;text-decoration:none}.header__page .left__content .logo{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center}.header__page .left__content .logo img{width:4rem;height:4rem;-o-object-fit:contain;object-fit:contain}.header__page .left__content .title__web{display:flex;gap:5px;flex-direction:column;justify-content:center}.header__page .left__content .title__web h1{color:#373131;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;margin:0}.header__page .left__content .title__web span{color:#acacac;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:normal}.header__page .right__content{width:40%;padding:0 20px;display:flex;justify-content:flex-end}.header__page .right__content .btn__regis{border-radius:5.1875rem;background:#dfebff;text-decoration:none;padding:10px 20px}.header__page .right__content .btn__regis img{height:35px;width:35px}.header__page .right__content .btn__regis span{color:#0060ff;font-family:Inter;font-size:1.04281rem;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}.header__page .right__content .btn__regis:hover{background:rgba(99,155,215,.553)}.header__page .right__content .btn__pink{margin-left:5px;border-radius:5.1875rem;background:#ffc8c8;text-decoration:none;padding:10px 20px}.header__page .right__content .btn__pink img{height:35px;width:35px}.header__page .right__content .btn__pink span{color:red;font-family:Inter;font-size:1.04281rem;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}.header__page .right__content .btn__pink:hover{background:rgba(255,0,0,.247)}@media screen and (max-width:991px){.header__page{flex-direction:column;padding:5px;padding-bottom:20px}.header__page .left__content{margin-bottom:20px;width:100%}.header__page .left__content .logo{width:4rem;height:4rem}.header__page .left__content .logo img{width:3rem;height:3rem}.header__page .left__content .title__web h1{font-size:1.2rem}.header__page .left__content .title__web span{font-size:.8rem}.header__page .right__content{width:100%;justify-content:flex-start;flex-direction:column;gap:10px}.header__page .right__content .btn__regis{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:5px}.header__page .right__content .btn__regis span{font-size:1.2rem;text-transform:uppercase}.header__page .right__content .btn__pink{margin:0;width:100%;display:flex;justify-content:flex-start;align-items:center;gap:5px}.header__page .right__content .btn__pink span{font-size:1.2rem;text-transform:uppercase}}.body__page{display:flex;width:100%;height:100%;padding:0 40px;gap:10px}.body__page .left__body{width:80%;height:100%;background:#fff;border-right:1.5px solid hsla(0,0%,85%,.29);position:relative}.body__page .left__body .header__body{padding:20px 40px;position:relative;display:flex;align-items:center;justify-content:center;width:100%}.body__page .left__body .header__body .logo{position:absolute;top:0;right:0;margin:20px;display:flex;justify-content:center;gap:10px}.body__page .left__body .header__body .logo img{width:7rem;height:7rem;-o-object-fit:contain;object-fit:contain}.body__page .left__body .header__body .logo .title{display:flex;gap:5px;flex-direction:column;justify-content:center}.body__page .left__body .header__body .logo .title h1{color:#373131;font-family:Inter;font-size:1rem;font-style:normal;font-weight:700;line-height:normal;margin:0}.body__page .left__body .header__body .logo .title span{color:#acacac;font-family:Inter;font-size:.8rem;font-style:normal;font-weight:500;line-height:normal}@media screen and (max-width:991px){.body__page .left__body .header__body .logo{display:none}}.body__page .left__body .header__body .page__image{background:url(/img/1.849f799a.svg);background-repeat:no-repeat;background-size:cover;background-position:50%;width:80%;height:600px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:991px){.body__page .left__body .header__body .page__image{width:100%;height:200px}}.body__page .left__body .content__body{display:flex;align-items:center;margin-top:20px;padding:20px}.body__page .left__body .content__body .text__content{width:70%;display:flex;flex-direction:column;gap:10px}.body__page .left__body .content__body .text__content h4{color:#25293b;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;margin:0}.body__page .left__body .content__body .text__content p{color:#acacac;font-family:Inter;font-size:1rem;font-style:normal;font-weight:500;line-height:normal}.body__page .left__body .content__body .button__content{width:30%;display:flex;justify-content:flex-end}.body__page .left__body .content__body .button__content .btn__regis{border-radius:5.1875rem;background:#dfebff;text-decoration:none;padding:10px 20px}.body__page .left__body .content__body .button__content .btn__regis span{color:#0060ff;font-family:Inter;font-size:1.04281rem;font-style:normal;font-weight:500;line-height:normal}.body__page .left__body .content__body .button__content .btn__regis:hover{background:rgba(99,155,215,.553)}.body__page .left__body .content__body .button__content .btn__orange{border-radius:5.1875rem;background:#ffd9b3;text-decoration:none;padding:10px 20px}.body__page .left__body .content__body .button__content .btn__orange span{color:#ff8c00;font-family:Inter;font-size:1.04281rem;font-style:normal;font-weight:500;line-height:normal}.body__page .left__body .content__body .button__content .btn__orange:hover{background:rgba(99,155,215,.553)}.body__page .left__body .content__body .button__content .btn__orange:hover span{color:#000}.body__page .left__body .form__frame{display:flex;gap:10px;padding:20px}.body__page .left__body .form__frame .form__register,.body__page .left__body .form__frame .room_joined{width:100%;padding:20px}.body__page .right__body{width:20%;height:88vh;padding:40px 20px;display:flex;flex-direction:column;gap:20px;overflow-x:auto}.body__page .right__body::-webkit-scrollbar{display:none}.body__page .right__body .list__pelayanan{display:flex;flex-direction:column;justify-content:center;width:100%;gap:10px}.body__page .right__body .list__pelayanan .item__pelayanan{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.body__page .right__body .list__pelayanan .item__pelayanan .title__pelayanan{color:#25293b;font-family:Inter;font-size:.95631rem;font-style:normal;font-weight:500;line-height:1.83756rem}.body__page .right__body .list__pelayanan .item__pelayanan .kuota__pelayanan{background:#dfebff;text-decoration:none;padding:10px 20px;border-radius:12px}.body__page .right__body .list__pelayanan .item__pelayanan .kuota__pelayanan span{color:#0060ff;font-family:Inter;font-size:1.04281rem;font-style:normal;font-weight:500;line-height:normal}.body__page .right__body .list__pelayanan .item__pelayanan .kuota__pelayanan:hover{background:rgba(99,155,215,.553)}.body__page .right__body .credits__body{margin-top:50px}.body__page .right__body .credits__body .detail__credits{display:flex;flex-direction:column;justify-content:center;gap:5px}.body__page .right__body .credits__body .detail__credits h5{color:#25293b;font-family:Inter;font-size:1.04281rem;font-style:normal;font-weight:700;line-height:25px;margin:0;letter-spacing:.05em}.body__page .right__body .credits__body .detail__credits span{color:#acacac;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:500;line-height:normal}.body__page .right__body .credits__body .detail__credits .copyright span{color:#acacac;font-family:Inter;font-size:.575rem;font-style:normal;font-weight:500;line-height:normal}.body__page .header__pelayanan{display:flex;align-items:center;gap:5px;padding-bottom:10px;margin-bottom:10px;border-bottom:1.5px solid hsla(0,0%,85%,.29)}.body__page .header__pelayanan .mic__area{background-color:#0060ff;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center;height:50px;width:50px}.body__page .header__pelayanan .mic__area img{width:100%;height:100%}.body__page .header__pelayanan .site__area{background-color:#ffc8c8;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center;height:50px;width:50px}.body__page .header__pelayanan .site__area img{width:100%;height:100%}.body__page .header__pelayanan h3{color:#373131;font-family:Inter;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;margin:0}.body__page .centerd--header__pelayanan{justify-content:center;border-bottom:1.5px solid hsla(0,0%,85%,.29);padding-bottom:20px;margin-bottom:20px}.body__page .centerd--header__pelayanan h4{font-weight:1.8rem;font-weight:700;text-transform:uppercase}@media screen and (max-width:991px){.body__page{margin-top:20px;flex-direction:column}.body__page .left__body{width:100%;height:100%;border-right:none;position:relative;border-bottom:1.5px solid hsla(0,0%,85%,.29);padding:20px 0}.body__page .left__body .header__body{padding:20px 0}.body__page .left__body .content__body{flex-direction:column;padding:0}.body__page .left__body .content__body .text__content{width:100%}.body__page .left__body .content__body .text__content h4{font-size:1.2rem}.body__page .left__body .content__body .text__content p{font-size:.8rem}.body__page .left__body .content__body .button__content{width:100%;display:flex}.body__page .left__body .content__body .button__content .btn__orange{width:100%}.body__page .left__body .form__frame{flex-direction:column-reverse;gap:20px;padding:0}.body__page .left__body .form__frame .form__register{width:100%;padding:0}.body__page .left__body .form__frame .room_joined{width:100%;padding:0;border-bottom:1.5px solid hsla(0,0%,85%,.29);padding-bottom:20px}.body__page .right__body{width:100%;height:100%;padding:20px 0;overflow:auto}.body__page .right__body .list__pelayanan{gap:20px}.body__page .right__body .list__pelayanan .item__pelayanan{flex-direction:column;align-items:flex-start}.body__page .right__body .list__pelayanan .item__pelayanan .title__pelayanan{font-size:1.2rem;font-weight:700}.body__page .right__body .list__pelayanan .item__pelayanan .kuota__pelayanan{width:100%;display:flex;justify-content:center;align-items:center}.body__page .right__body .list__pelayanan .item__pelayanan .kuota__pelayanan span{font-size:1rem}.body__page .right__body .credits__body{margin-top:20px}.body__page .right__body .credits__body .detail__credits h5{font-size:1rem}.body__page .right__body .credits__body .detail__credits span{font-size:.8rem}}.video__frame{position:relative;height:87vh!important}.video__frame .video-list{height:100%!important;width:100%!important;background:transparent!important}.video__frame .video-list .video-item{position:relative;height:100%!important;flex:1}.video__frame .video-list .video-item video{height:100%!important;width:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.video__frame .video-list .video-item .title-video{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.651);height:4em;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:0 1em}.video__frame .video-list .video-item .title-video h1{font-size:1.2rem;font-weight:700;margin:0;text-transform:capitalize}@media screen and (max-width:991px){.video__frame{width:100%!important;height:100%!important}.video__frame .video-list{gap:0;flex-direction:column!important}.video__frame .video-list .video-item{width:100%!important}.video__frame .video-list .video-item video{height:400px!important;width:100%!important;-o-object-fit:cover!important;object-fit:cover!important}}.waiting__petugas{position:absolute;z-index:999;top:0;left:0;right:0;bottom:0}.waiting__petugas,.waiting__petugas .container-petugas{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.waiting__petugas .container-petugas{background-color:rgba(37,41,59,.906);flex-direction:column;color:#fff}.pelayanan__detail{font-size:1.5em!important;text-transform:capitalize}.pelayanan__detail--user{font-size:1.2em!important;text-transform:capitalize}.border__petugas{padding-bottom:20px;margin-bottom:20px;border-bottom:1.5px solid hsla(0,1%,40%,.833)}.text__waktu{color:#2e2e2e;font-family:Inter;font-size:2.375rem;font-style:normal;font-weight:700;line-height:normal}.button__action--button{position:absolute;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;width:80%;height:80px;background-color:#fff;z-index:999}.button__action--button .btn{height:50px;padding-left:20px;padding-right:20px}@media screen and (max-width:991px){.button__action--button{position:relative;width:100%;height:100%;padding-top:20px;flex-direction:column}.button__action--button .btn{margin:0;width:100%;border-radius:0;height:50px}.padding-on-mobile{padding:0 20px!important;padding-bottom:50px!important}.flex--mobile{padding:0;flex-direction:row!important;justify-content:space-between;height:100%}.flex--mobile .left__content{width:55%;height:100%;margin-top:20px}.flex--mobile .right__content{width:45%;height:100%;display:flex;align-items:flex-start;justify-content:flex-end}.flex--mobile .right__content .text__waktu{height:100%;font-size:1.7rem}}.image__full--screen{padding:20px}.image__full--screen img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:991px){.image__full--screen{padding:0}}.loading__container{height:100%;min-height:90vh;width:100%;display:flex;align-items:center;justify-content:center}.progress_upload{position:fixed;top:0;left:0;width:100%;height:5px;background-color:#f5f5f5;z-index:999999}.progress_upload .progress-bar{padding-top:10px;padding-bottom:10px;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.btn{margin-right:8px}