:root{--blue-primary:#004263;--blue-secondary:#1b5a7a;--yellow:#f6c659;--pale-cyan:#eef6fb;--text-dark:#1f3b4d;--text-muted:#4d6575;--cyan-light:#f0f8ff}*{box-sizing:border-box}body{color:#333;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}*,:before,:after{font-family:inherit}.main-header{z-index:999;background:#fff;width:100%;transition:all .5s;position:relative;top:0;left:0}.main-header .header-lower{padding:10px 0}.main-header .auto-container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header .outer-box{justify-content:space-between;align-items:center;display:flex}.main-header .logo-box{padding-top:5px}.main-header .logo-box img{width:auto;max-height:45px}.main-menu{position:relative}.main-menu .navigation{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.main-menu .navigation>li{position:relative}.main-menu .navigation>li>a{white-space:nowrap;padding:10px 16px;font-size:15px;font-weight:500;line-height:1.4;transition:opacity .2s;display:block;color:#fff!important;text-decoration:none!important}.main-menu .navigation>li>a:hover{opacity:.8}.main-menu .navigation>li>a .fa-sort-down{margin-left:3px;font-size:11px;position:relative;top:-2px}.main-menu .sub-menu{z-index:1000;background:#fff;border-radius:10px;min-width:200px;margin-top:8px;padding:8px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 1rem 3rem #0000004d}.main-menu .sub-menu:before{content:"";border-bottom:14px solid #fff;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;top:-13px;left:24px}.main-menu .sub-menu a{white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s;display:block;color:#000!important;text-decoration:none!important}.main-menu .sub-menu a:hover{background:#f0f0f0}.main-menu .has-dropdown:hover>.sub-menu{display:block}.main-menu .has-dropdown>a{cursor:default}.mobile-nav-toggler{color:#fff;cursor:pointer;padding:5px;font-size:26px;display:none}.mobile-menu{opacity:0;visibility:hidden;z-index:999999;width:300px;max-width:100%;height:100%;transition:all .3s;position:fixed;top:0;right:0}.mobile-menu-visible{overflow:hidden}.mobile-menu-visible .mobile-menu{opacity:1;visibility:visible}.mobile-menu .menu-backdrop{z-index:1;background:#000000b3;width:100%;height:100%;transition:all .7s;position:fixed;top:0;right:0;transform:translate(101%)}.mobile-menu-visible .mobile-menu .menu-backdrop{transform:translate(0%)}.mobile-menu .menu-box{z-index:5;opacity:0;visibility:hidden;background:#202020;width:100%;height:100%;max-height:100%;transition:all .5s;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(101%)}.mobile-menu-visible .mobile-menu .menu-box{opacity:1;visibility:visible;transform:translate(0%)}.mobile-menu .close-btn{color:#fff;cursor:pointer;z-index:10;font-size:20px;transition:transform .3s;position:absolute;top:10px;right:25px}.mobile-menu-visible .mobile-menu .close-btn{transform:rotate(360deg)}.mobile-menu .nav-logo{text-align:left;padding:30px}.mobile-menu .navigation{width:100%;margin:0;padding:0;list-style:none;display:block;position:relative}.mobile-menu .navigation li{border-top:1px solid #ffffff1a;display:block;position:relative}.mobile-menu .navigation li a{color:#fff;padding:15px 30px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu .navigation li a:hover{background:#ffffff0d}.mobile-menu .navigation li ul{background:#0003;padding:0;list-style:none;display:none}.mobile-menu .navigation li ul li{border-top:1px solid #ffffff0d}.mobile-menu .navigation li ul li a{padding-left:45px;font-size:14px}.mobile-menu .dropdown-btn{text-align:center;color:#fff;cursor:pointer;z-index:5;width:34px;height:34px;line-height:34px;position:absolute;top:12px;right:10px}.mobile-menu li.open>.dropdown-btn{transform:rotate(180deg)}.auto-container{max-width:1200px;margin:0 auto;padding:0 20px}.blue{color:var(--blue-primary)!important}.yellow{color:var(--yellow)!important}.bg-blue{background-color:var(--blue-primary)!important}.bg-yellow{background-color:var(--yellow)!important}.pale-cyan{background-color:var(--pale-cyan)!important}.text-white{color:#fff!important}.text-white-50{color:#ffffffb3!important}.text-muted{color:#6c757d!important}.bold{font-weight:700!important}.italic{font-style:italic!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.strikethrough{text-decoration:line-through!important}.w-100{width:100%!important}.theme-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;transition:all .25s;display:inline-block}.theme-btn.style-one{background:var(--blue-primary);color:#fff}.theme-btn.style-one:hover{color:#fff;background:#00324e}.theme-btn.style-one.yellow{color:#003b5f!important;background:#f6c659!important}.theme-btn.style-one.yellow:hover{color:#003b5f!important;background:#e0ae3f!important}.theme-btn.style-two{color:#fff;background:0 0;border:2px solid #fff}.theme-btn.style-two:hover{color:#fff;background:#ffffff1a}.top-line:before{content:"";background:var(--yellow);width:60px;height:3px;margin-bottom:12px;display:block}.top-line.blue:before{background:var(--blue-primary)}.pill{border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-block}.pill.yellow{background:#f6c659;color:#004263!important}.pill.pale-green{color:#155724;background:#d4edda}.padding-50{padding:50px 0}.padding-60{padding:60px 0}.p-t-50{padding-top:50px}.p-t-60{padding-top:60px}.p-t-80{padding-top:80px}.p-b-50{padding-bottom:50px}.p-b-60{padding-bottom:60px}.p-b-80{padding-bottom:80px}.m-t-10{margin-top:10px!important}.m-t-20{margin-top:20px!important}.m-t-30{margin-top:30px!important}.m-t-40{margin-top:40px!important}.m-t-50{margin-top:50px!important}.m-b-5{margin-bottom:5px!important}.m-b-10{margin-bottom:10px!important}.m-b-15{margin-bottom:15px!important}.m-b-20{margin-bottom:20px!important}.m-b-30{margin-bottom:30px!important}.m-b-40{margin-bottom:40px!important}.m-b-50{margin-bottom:50px!important}.me-2{margin-right:8px!important}.me-3{margin-right:16px!important}.ms-2{margin-left:8px!important}.ms-auto{margin-left:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:16px!important}.mt-4{margin-top:24px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:16px!important}.mb-4{margin-bottom:24px!important}.p-0{padding:0!important}.p-3{padding:16px!important}.p-4{padding:24px!important}.pe-2{padding-right:8px!important}.ps-2{padding-left:8px!important}.small{font-size:13px!important}.smaller{font-size:12px!important}.smallest{font-size:11px!important}.bigger{font-size:20px!important}.l-h-15{line-height:1.5!important}.card{border-radius:12px}.card.border-0{border:none!important}.shadow-sm{box-shadow:0 4px 12px #0000000d!important}.banner-section{position:relative;overflow:hidden}.banner-section .content-box{z-index:2;position:relative}img{max-width:100%;height:auto}iframe{max-width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1280px){.banner-section .auto-container.home{background-position:30% 0!important}}@media (width<=960px){.mobile-nav-toggler{display:block;color:#fff!important}.main-menu{display:none!important}.main-header .header-lower{padding:8px 0}.main-header .logo-box img{max-height:38px}.mobile-p-t-30{padding-top:30px!important}.mobile-p-b-30{padding-bottom:30px!important}.mobile-p-t-20{padding-top:20px!important}.mobile-p-b-20{padding-bottom:20px!important}.mobile-m-t-10{margin-top:10px!important}.mobile-m-t-20{margin-top:20px!important}.mobile-m-t-30{margin-top:30px!important}.mobile-m-b-0{margin-bottom:0!important}.padding-60{padding:40px 0!important}.padding-50{padding:35px 0!important}.p-t-80{padding-top:40px!important}.p-b-80{padding-bottom:40px!important}.p-t-90{padding-top:50px!important}.p-b-90{padding-bottom:50px!important}.p-t-50{padding-top:30px!important}.p-b-50{padding-bottom:30px!important}.m-b-100{margin-bottom:50px!important}.m-b-50{margin-bottom:30px!important}.m-t-50{margin-top:30px!important}.m-t-90{margin-top:40px!important}.banner-section{background-position:50%!important;background-size:cover!important}.banner-section .introduction{padding-top:60px!important;padding-bottom:20px!important}.banner-section h1{font-size:32px!important}.banner-section p.bold.text-24{width:100%!important;font-size:18px!important}.banner-section p{width:100%!important}.row .col-md-3,.row .col-md-4,.row .col-md-6,.row .col-md-8{padding-left:12px;padding-right:12px}.hide-desktop{display:block!important}}@media (width<=768px){.hide-mobile{display:none!important}.banner-section .content-box{width:100%!important;max-width:100%!important}.banner-section{background-position:30% 0!important}.banner-section h1{font-size:28px!important;line-height:1.15!important}.text-24,.text-20{font-size:18px!important}.bigger{font-size:16px!important}h2{font-size:24px!important}h3{font-size:20px!important}h4{font-size:18px!important}.auto-container{padding:0 16px!important}.dp-stats-bar .stat-item{border-bottom:1px solid #ffffff26;border-right:0!important;padding:15px 8px!important}.dp-stats-bar .stat-item:last-child{border-bottom:0}.bandingkan-program-card{padding:24px 20px!important}.dp-pricing-card{margin:0 0 20px}.video-frame{height:0;padding-bottom:56.25%;position:relative}.video-frame iframe{width:100%;height:100%;position:absolute;top:0;left:0}.fsp-class-card{margin-bottom:20px}.splide__slide{padding:10px!important}.splide__slide img{width:100px!important;height:100px!important}.nav-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.nav-tabs .nav-link{white-space:nowrap;padding:10px 14px;font-size:14px}.col-12.small-padding{padding-left:0!important;padding-right:0!important}.training-cards-wrapper{padding:0 10px}.why-item{grid-template-columns:1fr!important}.text-center.m-b-50{margin-bottom:30px!important}.flex-container.d-flex{text-align:center;flex-direction:column}.flex-container.d-flex img{margin-bottom:15px;margin-right:0!important}}@media (width<=480px){.banner-section h1{font-size:24px!important}.banner-section .introduction{padding-top:50px!important}.theme-btn{padding:10px 22px!important;font-size:14px!important}.padding-60{padding:30px 0!important}.padding-50{padding:25px 0!important}}@media (width>=961px){.hide-desktop{display:none!important}.main-menu{display:block}}.splide__slide{padding:20px}.nav-tabs{border-bottom:2px solid #d9eef2;flex-wrap:wrap;gap:0;display:flex}.nav-tabs .nav-link{color:#1f3b4d;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:14px 24px;font-weight:700;transition:all .2s}.nav-tabs .nav-link:hover{color:#0077b6;border-color:#0000}.nav-tabs .nav-link.active{color:#0077b6;background:0 0;border-bottom-color:#0077b6}.nav-tabs .nav-link .badge{vertical-align:middle;margin-left:4px;font-size:11px}.tab-content{padding-top:30px}.tab-pane{display:none}.tab-pane.active,.tab-pane.show{display:block}