@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.jquerycssmenu ul{list-style:none;padding:0;margin:0;font-size:12px;font-family:Poppins;color:#fff}.jquerycssmenu li{position:relative;display:inline-block;margin-right:5px}.jquerycssmenu a{text-decoration:none;padding:5px 15px;display:block;border-radius:3px}.jquerycssmenu a,.jquerycssmenu a:hover{background-color:#2e649d;color:#fff}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:150px;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dropdown-menu li{display:flex;width:100%;border-bottom:1px solid #fff}.dropdown-menu a{width:100%;padding:5px 15px;background-color:#2e649d;color:#fff}.dropdown-menu a:hover{background-color:#2e649d;color:#c5c1ff}.dropdown:hover>.dropdown-menu{display:block}.dropdown>.dropdown-menu .dropdown-menu{top:0;left:100%;display:none;position:absolute}.dropdown-menu .dropdown:hover>.dropdown-menu{display:block}.check-btn{opacity:0;position:relative;top:2px}.label-custom{margin:0 2px;border-radius:10px;font-family:Inter;font-style:normal;font-weight:600;font-size:15px;line-height:40px;text-align:center;width:100%;transition:.3s ease;background:#f5f7fb;border:.794239px solid #838383;box-sizing:border-box;border-radius:7.94239px;padding-right:20px}.label-custom:hover{background-color:#d6dbf5;cursor:pointer}.hero-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.top-content{padding:20px;background-color:#3272b3;color:#fff;display:flex;justify-content:space-between;align-items:center}.top-content h4{margin:0;font-size:1.5rem}.top-content p{margin:0;font-size:.9rem}.logo-kanan img{max-height:50px}.bottom-content{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;padding:20px}.left-content,.right-content{flex:1 1;min-width:300px}.judul2 h3,.judul h3{margin:0;font-size:1.2rem;color:#333;display:flex;align-items:center}.judul2 img{margin-left:10px;height:20px}.notification-nothing{text-align:center;color:#777}.nothing-row img.nothing-image{max-width:150px}.card{background-color:#007bff;color:#fff;padding:20px;text-align:center;border-radius:10px}.card-hr{border-radius:10px;border:1px solid #d8d8d8;box-shadow:1px 2px 10px #d6d6d6}.card-hr,.card-pribadi{background-color:#fff;color:#535353;padding:20px;text-align:center}.card-pribadi{border-radius:10px}.card h2{font-size:2rem;margin:10px 0}.card p{font-size:.9rem}.recent-activity{margin-top:20px}.recent-link ul{list-style:none;padding:0}.recent-link ul li{margin:10px 0}.recent-link ul li a{text-decoration:none;color:#007bff}.recent-link ul li a:hover{text-decoration:underline}.transparent-modal-body{background-color:none;height:100%!important}.hover-name{color:#005a9f;font-weight:700;text-decoration:none}.hover-name:hover{text-decoration:underline}*{font-family:"Inter",sans-serif}.page-login-desktop{color:#fff;background-image:url(/static/media/bg-desktop-img.5687f395.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:fixed;width:100%;height:100%}.card-login{text-align:left}.card-login .card{background-color:#fff;border:1px solid #d4d4d4;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.card-login .card .img-card img{margin-top:-25px}.card-login input,.card-login label{color:#000}.card-login .input-box p{text-align:left;font-weight:500;color:#121212;line-height:0}.card-login button{background-color:#098ada;color:#fff;width:100%;margin-top:10px}.card-login .input-box{width:100%;border-bottom:1px solid #1fccdd}.card-login input{width:95%;border:none;outline:none;background:transparent}.input-box .bi{margin-right:10px}.input-box .eye{position:absolute;margin-top:10px;cursor:pointer}.input-box #hide1{display:none}.card-login .card-body .btn-login .button-login:hover{background-color:#1fccdd!important}.logo-desktop{text-align:right;margin-top:10px;margin-right:15px}.logo-desktop img{width:120px}.footer-login{position:fixed;bottom:0;color:#fff;font-weight:600;width:100%;text-align:center;background-color:rgba(54,54,54,.38823529411764707);padding-top:5px;padding-bottom:5px}.footer-login p{margin:0}.footer-login .footer-center{width:600px;text-align:center;margin:0 auto}.page-login .content-login{text-align:center;padding-top:8%;font-weight:600}.content-login h1{color:#fff;font-size:35px;font-weight:650}.img-wrapper-login,.img-wrapper-logo-login{margin:30px 0}.img-wrapper-login img{width:570px}.img-wrapper-logo-login img{width:240px}.page-login .bg-form-login-top{text-align:center;margin-top:30%;background-size:cover;color:#098ada}.page-login .form-login{padding:5% 15%}.form-login h4{text-transform:uppercase;font-weight:600;color:#025f48;margin-bottom:20px;font-size:20px}.form-login .form-group{margin:18px 0}.form-group input{margin-top:0;margin-bottom:5px}.form-group a{text-decoration:none;color:#858585}.form-login .btn-login .button-login:hover{background-color:#636fee!important}.login-hidden{display:none}@media (max-width:1450.98px){.card-login .card{width:350px}.page-login .content-login{padding-top:8%}.content-login h1{font-size:28px!important}.img-wrapper-login,.img-wrapper-logo-login{margin-top:15px}.img-wrapper-login img{width:400px}.page-login .bg-form-login-top{margin-top:25%}.page-login .form-login{padding:1% 15%}.bg-form-login-top img{width:175px}.bg-form-login-top h3{font-size:23px}.form-login .form-group label{font-size:14px}.btn-login .button-login,.forget-password{font-size:14px!important}}.bg-phone{background-image:url(/static/media/bg-phone-img.80ddc4ca.jpg);background-repeat:no-repeat;background-size:contain;padding:50%}.card-login-phone{margin-top:-110px;z-index:200}.card-login-phone .card{padding:25px 40px;background-color:#eaf4ff;border-radius:30px 30px 0 0;border:none;height:75vh}.card-login-phone .card .form-group label{font-size:14px;color:#098ada}.card-login-phone .card .form-group input{background-color:#eaf4ff;border:none;border-bottom:1px solid #098ada;border-radius:0}.card-login-phone .card .btn-login-phone{width:50%;margin:auto}.card-login-phone .card .btn-login-phone .button-login-phone{box-shadow:0 8px 10px 0 rgba(15,108,247,.2),0 6px 20px 0 rgba(7,117,243,.19)}.footer-login-phone{position:fixed;bottom:0;width:100%;font-size:14px}.footer-login-phone .footer-center-phone{text-align:center;margin:0 auto}.header .btn-menu-header{height:8%;margin-top:12px;background-color:#d7d0ff;border-radius:10px}.header .btn-menu-header .btn{font-size:13px}.ps-menu-button{padding-top:0!important}.ps-menu-button:hover{background-color:#1b94e0!important;color:#fff!important}.ps-active{font-weight:600!important;color:#fffb00!important}.sidebar .logo-dashboard{width:200px;padding-top:12px;margin:auto}.sidebar .logo-dashboard img{border-radius:10px}.sidebar .dash-side{margin-bottom:-10px}.sidebar .app-name{font-size:13px;margin-top:8px;margin-bottom:10px;border-top:1px dashed #098ada;border-bottom:1px dashed #098ada;padding:5px 17px;background-color:#098ada}.sidebar .app-name .icon-app{width:16px;margin-right:8px}.sidebar .menu-module{font-size:14px}.sidebar .menu-module .icon-arrow{width:13px}.body{margin:5px 10px}.body .kosong{height:70vh}.body .body-content{background-color:#fff;padding:20px;box-shadow:2px 2px 10px #bfbfbf}.body .body-header{margin-bottom:8px}.body .body-header .title-page{color:#098ada;padding-top:5px}.body .body-header .btn-create{background-color:#098ada;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.body .body-header .btn-create:hover{background-color:#4ab0f0;color:#fff}.body .body-dashboard{background-color:#fff;padding:20px;box-shadow:2px 2px 10px #bfbfbf;height:80vh}.body .body-dashboard .card{border:1px solid #098ada;border-left:3px solid #098ada}.body .body-dashboard .card .card-dash hr{margin:0}.body .body-dashboard .card-title-dash{text-align:left;font-weight:600}.body .body-dashboard .card-title-dash h5{color:#098ada;font-size:18px}.body .body-dashboard .card-title-dash h2{color:#000}.body .body-dashboard .icon-dash span{width:320px!important}.body .body-dashboard .card-detail{text-align:left;color:#098ada;margin-top:5px;margin-bottom:0}.body .body-dashboard .card-detail p{margin:0;padding:0}.body .body-content .nav-tabs .nav-item .active{background-color:#098ada;color:#fff}.body .body-content .nav-tabs .nav-item{color:#000!important;font-size:14px}.body .line-show{align-items:center;padding-left:10px}.body .line-search,.body .line-show{flex:50% 1;display:flex;font-size:13px}.body .line-search{justify-content:end}.body .body-table{display:block;height:100%;overflow-y:auto;overflow-x:auto}.body .body-table thead tr{border-bottom:1px solid #35385a;font-size:14px;color:#098ada}.body .body-table thead tr th{color:#098ada}.body .body-table tbody{font-size:13px}.body .body-table .button-detail:hover{background-color:#8279ff;color:#fff}.body .body-table .button-detail{background-color:#aca6ff}.body .body-table .button-detail,.body .body-table .button-table{cursor:pointer;font-size:12px;border:none;padding:5px 10px;border-radius:5px}.body .body-table .button-edit,.body .body-table .button-table{background-color:#ffd000}.body .body-table .button-edit:hover{background-color:#ffae00;color:#fff}.body .body-table .button-delete{background-color:#b10000;color:#fff}.body .body-table .button-delete:hover{background-color:#eb2929}.modal .header-modal{padding:20px 20px 0}.modal .header-modal .x-close{cursor:pointer}.modal .header-modal .x-close:hover{color:#ad0000}.modal .modal-body{margin-top:-20px}.modal .label-form{font-size:14px;color:#098ada;margin-bottom:10px}.modal .select-form{width:100%;height:45px;border-radius:5px;cursor:pointer;padding-left:10px;border:1px solid #098ada;font-size:15px}.modal .label-group-form{border:1px solid #4747ac;position:relative;display:flex;align-items:center;justify-content:space-between;background-color:initial;border:1px solid #098ada;padding:5px;border-radius:5px;cursor:pointer;height:42px}.modal .label-name-form{position:absolute;top:-12px;left:10px;background-color:#fff;color:#098ada;padding:0 5px;font-size:14px}.label-group-form{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:initial;border:1px solid #098ada;padding:5px;border-radius:5px;cursor:pointer;height:42px}.label-name-form{position:absolute;top:-12px;left:10px;background-color:#fff;color:#098ada;padding:0 5px;font-size:14px}.modal .label-input-form{background-color:initial;border:none;outline:none;padding:5px 5px 5px 10px;flex:1 1;font-size:14px;width:300px;font-size:15px}.modal .btn-modal-create{background-color:#098ada;border:none;color:#fff;border-radius:5px;font-size:13px}.modal .btn-modal-create:hover{background-color:#e9b200}.modal .hasil-scan{font-size:14px}.modal .hasil-scan .form-label-scan{color:#4747ac;font-weight:600}.scan-image-container{position:relative;overflow:hidden;margin:10px}.scan-image-container img{width:100%;height:auto}.scan-image-container .img-qr{position:absolute;top:0;left:0;height:100%;width:100%;justify-content:center;align-items:center;text-align:center;margin-top:37%}.scan-image-container .img-qr .text-qr{margin-top:20px;line-height:12px;display:block}.scan-image-container .img-qr .text-qr h6,.scan-image-container .img-qr .text-qr p{font-size:18px}.modal-body .display-form{display:none}.page-loader{background-color:#fff;position:absolute;z-index:100;width:86%;height:auto}.img-loader{margin:auto;text-align:center;padding-top:20%;padding-bottom:20%}@media (max-width:1399.98px){.page-loader{width:80%}}@media (max-width:773.98px){.page-loader{width:98%}.img-loader{margin:auto;text-align:center;padding-top:50%;padding-bottom:50%}}.table-laporan-adab tbody tr:hover input{background-color:#ececec}.table-res{max-width:100vh}.table-res>tbody{width:40vh}@media (min-width:998.98px){.test-table{width:calc(100vw - 350px);overflow:scroll;font-size:14px;margin:auto}}@media (max-width:998.98px){.test-table{width:calc(100vw - 80px);overflow:scroll;border:1px solid #ddd;font-size:14px;margin:auto}}.test-table tbody .table-name,.test-table thead .table-name{position:-webkit-sticky;position:sticky;left:-2px;z-index:2;background:#e4edfc}.test-table .table-name,.test-table .table-nisn,.test-table .table-no{background:#e4edfc}.table .table-head{background-color:#5c80f8}.table .table-head tr th{color:#fff!important;border:1px solid #fff;font-weight:400}@media print{@page{size:auto;margin:20mm 0 20mm 0}body{margin:0;padding:0}}.coba-table th{background:#f0f0f0;font-weight:700;text-align:left;padding:8px;width:120px}.coba-table td{padding:8px}.test-check input:hover{background-color:#d5d5d5}.body .body-content-menu{background-color:#fff;padding:13px 10px 1px 20px;box-shadow:2px 2px 10px #bfbfbf;margin-bottom:10px}.body-content-menu .iniaktif{font-weight:600;color:#0934a2}.privew-web{max-width:1200px;margin:0 auto;padding:12px}.privew-web__toolbar{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:10px 12px;border-radius:10px 10px 0 0;background:#fff;border:1px solid rgba(0,0,0,.08);border-bottom:none}.privew-web__title{font-weight:700}.privew-web__frameWrap{border:1px solid rgba(0,0,0,.08);border-radius:0 0 10px 10px;overflow:hidden;background:#fff;height:75vh;min-height:520px}.privew-web__frame{width:100%;height:100%;border:0;display:block}.privew-web__hint{margin-top:10px;font-size:12px;opacity:.7;text-align:left}@media (max-width:780px){.privew-web__frameWrap{height:65vh;min-height:420px}}.body-content .body-header .btn-add{border:1px solid #098ada;color:#098ada;font-size:14px;font-weight:600;background-color:rgba(9,138,218,.13)}.body-content .body-header .btn-add:hover{background-color:rgba(9,138,218,.288)}*{padding:0;margin:0}.padding-section{margin:auto;padding-top:70px;padding-bottom:70px;font-family:"Poppins",sans-serif}.desktop{display:block}.tablet{display:none}.testimoni .content-testimoni img{width:320px}.welcome-jenjang .img-jenjang iframe{width:560px;height:315px}.appear,.autoBlur,.autoShow,.reveal{opacity:0;-webkit-transform:translateY(18px);transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1),-webkit-filter .9s cubic-bezier(.22,1,.36,1);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1),-webkit-filter .9s cubic-bezier(.22,1,.36,1);transition-delay:0ms;transition-delay:var(--d,0ms);will-change:transform,opacity,filter}.autoBlur{-webkit-filter:blur(10px);filter:blur(10px)}.appear.is-visible,.autoBlur.is-visible,.autoShow.is-visible,.reveal.is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:blur(0);filter:blur(0)}.kampus .tab-pane.fade{opacity:0;-webkit-transform:translateY(10px) scale(.985);transform:translateY(10px) scale(.985);transition:opacity .42s ease,-webkit-transform .52s cubic-bezier(.22,1,.36,1);transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1);transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1),-webkit-transform .52s cubic-bezier(.22,1,.36,1)}.kampus .tab-pane.fade.show.active{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.program-unggulan .program-item{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);transition:opacity .6s cubic-bezier(.22,1,.36,1),-webkit-transform .7s cubic-bezier(.22,1,.36,1);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),-webkit-transform .7s cubic-bezier(.22,1,.36,1);transition-delay:0ms;transition-delay:var(--d,0ms);will-change:transform,opacity}.program-unggulan .list-program.is-visible .program-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.appear,.autoBlur,.autoShow,.kampus .tab-pane.fade,.program-unggulan .program-item,.reveal{transition:none!important;-webkit-transform:none!important;transform:none!important;opacity:1!important;-webkit-filter:none!important;filter:none!important}}.wa-action{position:fixed;bottom:30px;right:30px;z-index:9999}.wa-fab{width:72px;height:72px;border:0;border-radius:50%;cursor:pointer;background:#fff;box-shadow:0 5px 10px rgba(99,99,99,.5);display:flex;padding:0}.wa-fab,.wa-fab-icon{align-items:center;justify-content:center}.wa-fab-icon{display:inline-flex;color:#25d366;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.wa-fab-icon.is-open{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.wa-popup{position:absolute;right:0;bottom:90px;width:380px;border-radius:20px;opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px);transition:.25s ease}.wa-popup.is-open{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.wa-popup-header{background:#008e05;color:#fff;border-radius:20px 20px 0 0;padding:18px 20px}.wa-popup-header h5{margin:0;font-weight:700;font-size:20px}.wa-popup-body{background:#fff;border:1px solid #008e05;border-top:0;border-radius:0 0 20px 20px;padding:16px 18px 18px}.wa-tabs{display:flex;grid-gap:14px;gap:14px;justify-content:center;padding:8px 0 14px}.wa-tab{border:0;background:transparent;color:#008e05;font-weight:400;font-size:15px;padding:8px 2px;cursor:pointer}.wa-tab.active{border-bottom:3px solid #ffa800}.wa-card{border:1px solid #ddd;border-radius:12px;padding:16px}.wa-card-title{margin:0 0 12px;font-weight:600}.wa-list{flex-direction:column}.wa-list,.wa-row{display:flex;grid-gap:10px;gap:10px}.wa-row{align-items:center;text-decoration:none}.wa-mini{color:#25d366;display:inline-flex;width:18px;height:18px}.wa-text{font-size:15px;color:#1a1a1a}.wa-label{color:#0773b6;font-weight:600}.wa-click{color:#008e05;font-weight:600}#navbar.navbar{border-bottom:0!important;box-shadow:none!important;transition:all .7s;background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.55) 35%,rgba(0,0,0,.15) 70%,transparent)!important}#navbar.navbar .nav-link,#navbar.navbar .navbar-brand{color:#fff!important}#navbar.navbar.active{height:68px;padding:10px 0;background:linear-gradient(90deg,#0d47a1,#1976d2 50%,#42a5f5)!important}body.header-default .navbar{background-color:#0773b6!important;box-shadow:0 2px 14px rgba(0,0,0,.08)}header{font-family:"Poppins",sans-serif;font-weight:400;background-color:#0773b6;position:fixed;z-index:60;top:0;padding-left:40px;padding-right:40px;width:100%}.navbar-brand img{width:180px}.navbar .nav-link{color:#fff;font-weight:500}.navbar-nav .nav-item{margin:0 10px}.navbar-nav .nav-item .nav-link:hover,header .navbar-nav .nav-item.active{color:#ffa800}.navbar-nav .btn-group .dropdown-menu a:hover{color:#ffa800;background-color:initial}.btn-pmb .btn-warning{background-color:#ffa11d;color:#fff;font-weight:500}.btn-pmb .btn-warning a{text-decoration:none;color:#fff}.navbar-collapse .navbar-nav .dropdown-menu{background-color:#1976d2;margin-top:-5px!important;border:1px solid #216f9f;border-radius:2px!important}.navbar-collapse .navbar-nav .dropdown-menu li{border:none}.navbar-collapse .navbar-nav .dropdown-menu ul{margin-left:-.5px}.navbar-collapse .navbar-nav .dropdown-menu .dropdown-item{background-color:#1976d2}.navbar-collapse .navbar-nav .dropdown-menu a{color:#fff;padding:6px 25px}.navbar-collapse .navbar-nav .dropdown-menu a:hover{color:#ffa800;font-weight:600}.dropdown:hover>.dropdown-menu,.dropend:hover>.dropdown-menu{display:block;margin-top:.125em;margin-left:.125em}.dropend:hover>.dropdown-menu{position:absolute;top:0;left:100%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media (max-width:1154px){header{padding-left:20px;padding-right:20px}.navbar-brand img{width:110px}.navbar-nav .nav-item{font-size:15px;margin:0}}@media (max-width:991px){.navbar-brand img{width:100px}.navbar .navbar-nav{padding-top:20px;border-top:1px solid #abfff2;margin-top:20px}.navbar .navbar-nav .nav-item{padding-bottom:8px;padding-left:5px}.navbar .navbar-collapse .btn-header button{display:block}.navbar .navbar-collapse .btn-header .btn-join{margin-left:-13px;margin-bottom:15px}.navbar .navbar-collapse .btn-header{margin-bottom:30px}.navbar-collapse{background:rgba(7,115,182,.8156862745098039);padding:0 20px 20px}}@media screen and (min-width:769px){.dropend:hover>.dropdown-menu{position:absolute;top:0;left:100%}}@media (max-width:532px){header{padding-left:10px;padding-right:10px}.navbar-brand img{width:100px}.navbar .navbar-toggler-icon{font-size:15px}.navbar .navbar-nav .nav-item{padding-bottom:5px}}:root{--navbar-height:0px}.jumbotron{margin-top:0;margin-top:var(--navbar-height)}.jumbotron-wrapper{position:relative;width:100%;height:100vh;height:calc(100vh - var(--navbar-height));overflow:hidden}.jumbotron-slide{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05);transition:opacity .8s ease-in-out,-webkit-transform 1.2s ease;transition:opacity .8s ease-in-out,transform 1.2s ease;transition:opacity .8s ease-in-out,transform 1.2s ease,-webkit-transform 1.2s ease}.jumbotron-slide.active{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1}.arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5;background:hsla(0,0%,60.8%,.092);color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:24px;cursor:pointer;transition:background .3s ease}.arrow:hover{background:rgba(0,0,0,.65)}.arrow.left{left:24px}.arrow.right{right:24px}@media (max-width:768px){.jumbotron-wrapper{height:320px}.arrow{width:38px;height:38px;font-size:18px}}.kampus{background-image:linear-gradient(#0773b6,#0773b6);color:#fff}.kampus .container{margin:auto}.kampus .img-kampus img{width:320px;border-radius:20% 0 20% 0}.kampus .img-kampus{text-align:center}.kampus .text-kampus .btn-kampus,.kampus .text-kampus .nav-pills button{background-color:#fff;color:#0773b6;font-weight:600;margin-right:15px}.kampus .text-kampus .nav-pills button.active,.kampus .text-kampus .nav-pills button:hover{background-color:#ffa800;color:#fff}.kampus .text-kampus .text-detail-kampus{margin-top:30px}.kampus .text-kampus .text-detail-kampus button{border:1px solid #fff;background-color:#0773b6;color:#fff}.kampus .text-kampus .text-detail-kampus button .btn-detail-kampus{color:#fff;text-decoration:none}.kampus .text-kampus .text-detail-kampus button:hover{color:#ffa800;border:1px solid #ffa800}.kampus .text-kampus .text-detail-kampus button .btn-detail-kampus:hover{color:#ffa800}.program-unggulan .container{margin:auto}.program-unggulan .header-program{width:90%;margin:auto}.program-unggulan .content-program{padding-top:40px;width:85%;margin:auto}.program-unggulan .content-program img{width:520px}.program-unggulan .content-program .list-program{margin-top:30px}.program-unggulan .content-program .fa-square{color:#0773b6;margin-bottom:25px}.testimoni{background-color:#ebfcff;padding:50px 0}.testimoni .content-testimoni{padding:50px 0;width:80%;margin:auto}.testimoni .content-testimoni .content-text-testimoni{padding-left:30px}.testimoni .content-testimoni img{border-radius:10px;box-shadow:1px 1px 4px #ccc}.testimoni .content-testimoni .name-testimoni h4{font-weight:500}.testimoni .content-testimoni .name-testimoni p{margin-top:-7px;color:#0773b6;font-weight:500}.testimoni .content-testimoni .text-testimoni p{text-align:justify}.testimoni .content-testimoni .nav-pills button{color:#0773b6;margin:0 60px;font-weight:400;font-size:18px;background:transparent}.testimoni .content-testimoni .nav-pills .active{border-bottom:3px solid #0773b6}.testimoni .content-testimoni .tab-content{width:80%;margin:auto}.testimoni .content-testimoni .tab-content .card{padding:20px 20px 0;margin-top:40px}.testimoni .content-testimoni .tab-content .card img{width:85px}.testimoni .content-testimoni .tab-content .card .name-testimoni{margin-top:15px}.testimoni .content-testimoni .tab-content .card .profile-testimoni h6{font-size:18px}.testimoni .content-testimoni .tab-content .card .profile-testimoni p{color:#0773b6;margin-top:-6px}.testimoni .content-testimoni .tab-content .profile-testimoni{padding-left:10px}.testimoni .content-testimoni .tab-content .text-testimoni{margin-top:15px;padding-left:15px}.footer{background:linear-gradient(90deg,#0d47a1,#1976d2 50%,#42a5f5)!important;height:auto;color:#fff;padding-top:50px}.footer,.footer .container{padding-bottom:0!important;margin-bottom:0!important}.footer .footer-content h5{font-size:20px}.footer .redaksi-footer{width:100%;text-align:justify;font-size:10px}.footer .redaksi-footer p{font-size:15px;line-height:25px}.footer .footer-flip{width:100%;display:flex;justify-content:flex-end}.footer .footer-flip iframe{height:290px;width:90%}.footer .footer-content .footer-qr{width:10px}.footer .footer-copyright{font-size:16px;margin-top:30px;padding-top:8px;border-top:1px solid #fff;color:#fff;text-align:center;margin-bottom:0!important;padding-bottom:6px}.footer-copyright a{color:#fff}.page-title-jumbotron{padding-top:400px;padding-bottom:60px}.page-title-jumbotron h2{color:#fff;font-weight:600;font-size:35px}.page-title-jumbotron h1{color:#ffa800;font-weight:600}.units-title h4,.units-title h6{color:#fff;background-color:rgba(67,104,126,.5254901960784314);font-weight:600;width:230px;margin-left:15px}.welcome-unit{padding:70px 0}.acara,.instagram,.jenjang-pendidikan,.lokasi{padding:40px 0}.content-welcome{background-color:#e7f6ff}.content-welcome .text-content{padding:25px 10px}.content-welcome .text-content h3{color:#0773b6}.welcome-unit .video-welcome iframe{width:520px;height:300px;border-radius:10px;text-align:end}.jenjang-pendidikan .list-jenjang img{width:270px}.list-jenjang .img-class:hover .image{border:2px solid #0773b6}.acara .acara-card{text-decoration:none}.acara .acara-card img{border-radius:5%}.acara .acara-card .title-acara{color:#000;margin-top:-20px}.acara .acara-card .title-card{margin-top:10px;width:80%}.acara .acara-card .date{font-size:12px;color:#797979;line-height:5px;margin-top:15px}.acara .acara-card .label-unit{background-color:#0773b6;color:#fff;width:50px;padding:1px 0 0}.acara .acara-card .title-acara:hover{color:#ffa800}.acara .btn-detail-page a{text-align:end;color:#0773b6;text-decoration:none;font-weight:600}.acara .btn-detail-page a:hover{color:#ffa800}.acara .acara-card .img-class img{width:320px}.lokasi .maps-location iframe{width:520px;height:300px;border-radius:10px}.lokasi .detail-location h5{color:#0773b6;font-weight:600}.lokasi .detail-location i{font-size:18px;margin-right:10px}.box-header{background-color:#0773b6;height:70px}.tg-wrap{width:100%;padding:24px;box-sizing:border-box;background:#fff}.tg-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.tg-card--center{grid-column:1/-1;justify-self:center;width:min(560px,100%)}.tg-card{background:#fff;border:1px solid #e8ebf0;border-radius:10px;padding:18px 20px;box-sizing:border-box}.tg-header{display:flex;align-items:center;grid-gap:14px;gap:14px;margin-bottom:10px}.tg-avatar{width:56px;height:56px;border-radius:999px;background:#eaf2ff;display:grid;place-items:center;flex:0 0 auto}.tg-avatarSvg{display:block}.tg-meta{min-width:0}.tg-name{font-weight:700;line-height:1.2;color:#121826;margin-bottom:4px}.tg-title{font-weight:600;color:#2f7cf6;text-decoration:none}.tg-title:hover{text-decoration:underline}.tg-quote{color:#2b2f38;line-height:1.55;margin:-8px 0 0}@media (max-width:820px){.tg-grid{grid-template-columns:1fr}}.welcome-jenjang{padding:70px 0 40px}.eksul,.gallery,.misi,.visi{padding:30px 0}.welcome-jenjang .img-jenjang img{width:500px}.welcome-jenjang .text-welcome-jenjang h4{font-size:25px;color:#0773b6;font-weight:600}.welcome-jenjang .text-welcome-jenjang h5{font-size:22px;color:#ffa800;font-weight:600}.welcome-jenjang .text-welcome-jenjang p{margin-top:15px}.misi .misi-content{width:80%;margin:auto}.misi .misi-content p img{width:20px;margin-right:5px}.gallery .gallery-content{width:80%;margin:auto;padding-top:15px}.gallery-content img{box-shadow:5px 5px 4px #ceeffc;margin-bottom:30px;width:320px;border-radius:10px}.jk{position:relative;width:50%}.image{display:block;width:100%;height:auto}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background:linear-gradient(0deg,rgba(49,49,49,.3),rgba(63,63,63,.3))}.jk:hover .overlay{opacity:1}.text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.acara-page,.fasilitas,.kontak-page,.pendaftaran,.tentang-kami{padding-top:50px}.acara-page h4,.fasilitas h4,.kontak-page h4,.pendaftaran h4,.tentang-kami h4{color:#0773b6;font-weight:600}.img-tentang img{margin-top:20px;width:520px}.latar-belakang,.visi-misi{padding-top:40px}.visi-misi .visi-kutip{color:#0773b6;padding:30px}.visi-misi .visi-kutip h5{line-height:35px}.visi-misi .visimisi-img img{width:270px;border-radius:5px}.visi-misi .misi-list{margin:90px 0 50px}.visi-misi .misi-list p{padding:20px 70px}.kontak-unit{width:80%;margin:auto;padding-bottom:60px}.kontak-unit .info-unit{margin-top:50px}.kontak-unit .img-gedung img{width:400px;box-shadow:5px 5px 5px #c2c2c2}.kontak-unit .info-kontak img{width:20px;margin-top:3px}.kontak-unit h5{color:#0773b6;font-weight:600;margin-bottom:20px}.kontak-unit .info-kontak .row{margin-top:-2px}.pendaftaran{margin-bottom:70px}.pendaftaran .pendaftaran-unit{margin:auto;width:80%}.pendaftaran .pendaftaran-unit .unit{margin-top:50px;text-align:center}.pendaftaran .pendaftaran-unit a{text-decoration:none}.pendaftaran .pendaftaran-unit img{width:350px}.pendaftaran .pendaftaran-unit h6{color:#0773b6;font-weight:500;margin-top:-10px}@media (max-width:1199px){.welcome-jenjang .img-jenjang iframe{width:450px}}@media (max-width:991.98px){.navbar .nav-phone{margin-left:-87%!important}.fasilitas,.kontak-page,.pendaftaran,.tentang-kami,.welcome-jenjang{margin-top:-20px}.desktop{display:none}.tablet{display:block}.kampus .text-kampus{margin-top:20px}.program-unggulan .content-program{margin-top:-10px}.program-unggulan .content-program .tablet img{width:500px}.testimoni .content-testimoni img{width:250px;margin-top:-50px;margin-bottom:30px}.jenjang-pendidikan .list-jenjang{margin:auto!important;width:80%}.jenjang-pendidikan .list-jenjang .img-class{margin-bottom:20px;text-align:center}.jenjang-pendidikan .to-phone .list-jenjang .img-class img{width:250px}.acara .content-acara{margin-bottom:20px}.lokasi .detail-location{margin-top:20px}.welcome-jenjang .img-jenjang iframe{width:590px}.welcome-jenjang .text-welcome-jenjang{margin-top:30px}.kontak-page .info-kontak{margin-top:20px}}@media (max-width:767px){.navbar .nav-phone{margin-left:-82%!important}.acara,.jenjang-pendidikan{margin-top:-50px}.welcome-jenjang .img-jenjang iframe{width:450px;height:250px}}@media (max-width:575.98px){.kampus .img-kampus img{width:230px}.kampus .text-kampus h3,.to-phone h3{font-size:20px}.kampus .text-kampus .nav .nav-item button{font-size:13px}.kampus .text-kampus .text-detail-kampus h4{font-size:18px}.kampus .text-kampus .text-detail-kampus button,.to-phone .p-phone p{font-size:14px}.to-phone{width:90%!important;margin:auto}.to-phone .level-phone h4,.to-phone h2{font-size:20px}.to-phone h6{font-size:14px}.to-phone .level-phone h5,.to-phone h4{font-size:18px}.testimoni .content-testimoni img{width:190px}.footer{text-align:center}.footer h5{margin-bottom:30px}.footer .redaksi-footer{margin:auto}.to-phone .phone-yt iframe{width:450px}.tentang-kami{margin-top:-30px}.tentang-kami h5,.visi-misi h5{font-size:16px}.fasilitas .fasilitas-img .card{width:340px;margin:auto}.fasilitas .fasilitas-unit{margin-top:-10px}.fasilitas .fasilitas-unit .nav-pills button{font-size:16px}.fasilitas .fasilitas-jenjang h5{font-size:16px!important}.kontak-page .info-kontak h5{font-size:18px}.pendaftaran{margin-top:-20px;margin-bottom:50px}}@media (max-width:509px){.kampus .text-kampus .nav .nav-item .mksr-phone{margin-top:10px!important}.to-phone .phone-yt iframe{width:390px}.visi-misi .visimisi-img img{width:200px}.fasilitas .fasilitas-unit{margin-top:0}.fasilitas .fasilitas-img .card{width:290px;margin:auto}}@media (max-width:453px){.navbar .nav-phone{margin-left:-75%!important}.to-phone .phone-yt iframe{width:320px;height:200px}.welcome-unit{margin-top:-25px}.jenjang-pendidikan .to-phone .list-jenjang .img-class img{width:200px}.acara .content-acara .img-class img{width:270px}}.preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;background-color:#fff;z-index:9999}.preloader .circles{display:flex;margin-top:1rem}.circles .circle{width:50px;height:20px;background:#0773b6;margin-bottom:10px;opacity:1;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.circle:first-child{-webkit-animation-delay:0s;animation-delay:0s}.circle:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.circle:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.circle:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.circle:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}.circle:nth-child(6){-webkit-animation-delay:2.5s;animation-delay:2.5s}@-webkit-keyframes pulse{50%{opacity:0}}@keyframes pulse{50%{opacity:0}}.logo-preloader img{width:200px;height:auto;display:block}.preloader-fade{opacity:1;transition-property:opacity;transition-timing-function:ease}.preloader-fade.is-hidden{opacity:0;pointer-events:none}.preloader-fade.is-visible{opacity:1}.sidebar{transition:2s;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.sidebar,.sidebar:hover{background-color:#fff!important}.sidebar:hover{width:250px;transition-property:width;transition-duration:1s;transition-delay:.5s}.sidebar-icon{transition:all 11s ease;background-color:#000!important}#about1:hover{text-align:left;align-items:left;transition-property:padding;transition-duration:.5s}#about1,#about1:hover{width:100%;transition-delay:.5s}#about1{transition-property:width;transition-duration:1s}.carousel-inner{position:relative}.react-carousel-item{opacity:0;transition:opacity .45s ease;position:absolute;inset:0;pointer-events:none}.react-carousel-item.active{opacity:1;position:relative;pointer-events:auto}.image-container{justify-content:center;align-items:center;height:100vh;padding-top:80px}.full-screen-image{max-width:60%;max-height:60%;width:auto;height:auto}
/*# sourceMappingURL=main.735ee5ff.chunk.css.map */