.pages.layanan{font-family:"Nunito Sans",sans-serif;font-size:15px}@media screen and (max-width: 599px){.pages.layanan{font-size:13px}}.pages.layanan h1,.pages.layanan h2,.pages.layanan h3,.pages.layanan h4,.pages.layanan h5,.pages.layanan h6,.pages.layanan p,.pages.layanan a{font-family:"Nunito Sans",sans-serif}.pages.layanan p{color:#000;font-size:15px;line-height:24px;letter-spacing:.1px}@media screen and (max-width: 599px){.pages.layanan p{font-size:13px}}.pages.layanan img{max-width:100%}.pages.layanan button{font-family:"Nunito Sans",sans-serif;display:unset;font-family:unset;font-size:unset;line-height:unset;background-color:unset;border:unset;text-transform:unset;padding:unset;color:unset !important}.pages.layanan button:focus{outline:unset}.pages.layanan .primary{color:#069ec6}.pages.layanan .secondary{color:#1db8e0}.pages.layanan .tertiary{color:#007999}.pages.layanan .green{color:#0ead69}.pages.layanan .no-scrollbar::-webkit-scrollbar{display:none}.pages.layanan .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.pages.layanan .small-scrollbar::-webkit-scrollbar{width:3px}.pages.layanan .small-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.pages.layanan .small-scrollbar::-webkit-scrollbar-thumb{background:#e0e0e0}.pages.layanan .small-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (min-width: 768px){.pages.layanan .container-2{max-width:768px}}@media screen and (min-width: 993px){.pages.layanan .container-2{max-width:970px}}.pages.layanan header{background:url(../../images/graphic/brand-device-header-tnc.svg),url(../../images/graphic/ornament-dot-layanan.png),url(../../images/graphic/ornament-dot-layanan-2.png);background-position:100% 50%,51% 26%,5% 85%;background-repeat:no-repeat;height:733px}@media screen and (max-width: 599px){.pages.layanan header{background:url(../../images/graphic/brand-device-header-tnc.svg);background-position:center right;background-repeat:no-repeat;height:auto}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.layanan header{height:100%}}@media screen and (min-width: 769px)and (max-width: 992px){.pages.layanan header{height:550px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.layanan header{height:660px}}@media screen and (min-width: 1920px){.pages.layanan header{max-height:721px}}.pages.layanan header::before{content:unset}.pages.layanan header .master-header~.container{height:100%}@media screen and (max-width: 599px){.pages.layanan header .master-header~.container{top:unset !important;left:unset;transform:unset;padding-top:110px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.layanan header .master-header~.container{top:unset !important;left:unset;transform:unset;padding-top:200px}}@media screen and (min-width: 1280px){.pages.layanan header .master-header~.container{position:unset;top:unset !important;left:unset;transform:unset;padding-top:0}}@media screen and (min-width: 1920px){.pages.layanan header .master-header~.container{max-width:1140px}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.layanan header .master-header~.container{padding-top:120px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.layanan header .master-header~.container{position:unset;top:unset !important;left:unset;transform:unset;padding-top:0}}@media screen and (min-width: 769px)and (max-width: 992px){.pages.layanan header .master-header~.container{top:unset !important;left:unset;transform:unset;padding-top:0px}}.pages.layanan header .hero{display:flex;height:100%;position:relative;align-items:center;justify-content:space-between}@media screen and (max-width: 599px){.pages.layanan header .hero{align-items:flex-start;flex-direction:column;height:unset}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.layanan header .hero{flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1920px){.pages.layanan header .hero{justify-content:space-around}}.pages.layanan header .hero .hero-text{flex:0 0 50%;z-index:1}@media screen and (min-width: 1920px){.pages.layanan header .hero .hero-text{flex:0 0 50%}}@media screen and (max-width: 599px){.pages.layanan header .hero .hero-text{flex:0 0 100%}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.layanan header .hero .hero-text{flex:unset}}@media screen and (min-width: 769px)and (max-width: 992px){.pages.layanan header .hero .hero-text{flex:0 0 100%}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.layanan header .hero .hero-text{flex:0 0 50%}}.pages.layanan header .hero .hero-img{margin:auto}@media screen and (max-width: 599px){.pages.layanan header .hero .hero-img{width:100%;text-align:center}}.pages.layanan header .hero .hero-img img{height:435px;object-fit:contain}@media screen and (min-width: 1920px){.pages.layanan header .hero .hero-img img{height:435px}}@media screen and (max-width: 599px){.pages.layanan header .hero .hero-img img{height:auto;max-height:250px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.layanan header .hero .hero-img img{height:435px}}@media screen and (min-width: 769px)and (max-width: 992px){.pages.layanan header .hero .hero-img img{height:435px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.layanan header .hero .hero-img img{height:435px}}.pages.layanan header .banner-content .banner-title{font-family:"Nunito Sans",sans-serif;font-weight:700;font-size:50px;line-height:60px;color:#002c4b;margin-bottom:48px}@media screen and (min-width: 1920px){.pages.layanan header .banner-content .banner-title{font-size:59px;line-height:69px}}@media screen and (max-width: 599px){.pages.layanan header .banner-content .banner-title{font-size:38px;line-height:48px;margin:0 0 32px}}@media screen and (min-width: 599px)and (max-width: 769px){.pages.layanan header .banner-content .banner-title{font-size:46px;line-height:60px;margin-bottom:10px}}@media screen and (min-width: 769px)and (max-width: 992px){.pages.layanan header .banner-content .banner-title{font-size:46px;line-height:60px;margin-bottom:10px}}@media(-webkit-min-device-pixel-ratio: 1.25)and (-webkit-max-device-pixel-ratio: 1.5)and (-webkit-max-device-pixel-ratio: 1.75){.pages.layanan header .banner-content .banner-title{font-size:52px;line-height:62px}}@media screen and (min-width: 769px)and (max-width: 1367px){.pages.layanan header .banner-content .banner-title{font-size:52px;line-height:62px}}.pages.layanan header .banner-content .banner-cta{background-color:#069ec6;border-radius:44px;width:100%;max-width:163px;height:44px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all 200ms ease-in-out}.pages.layanan header .banner-content .banner-cta:hover{background-color:#07b2df;text-decoration:none}.pages.layanan header .banner-content .banner-desc{font-size:22px;line-height:31px;letter-spacing:.15px}@media screen and (max-width: 599px){.pages.layanan header .banner-content .banner-desc{font-size:18px}}.pages.layanan .general-heading h2{font-weight:700;font-size:37px;line-height:48px;letter-spacing:.25px;margin-bottom:48px}@media screen and (max-width: 599px){.pages.layanan .general-heading h2{font-size:24px;line-height:32px;margin-bottom:16px}}.pages.layanan .general-heading p{color:#545454;font-size:17px;line-height:24px;letter-spacing:.15px}@media screen and (max-width: 599px){.pages.layanan .general-heading p{font-size:15px;line-height:20.45px;letter-spacing:.25px}}.pages.layanan .general-desc p{color:#000;font-size:15px;line-height:24px;letter-spacing:.1px;margin-bottom:24px;text-indent:32px}.pages.layanan #main-master{background:url(../../images/graphic/brand-device-tnc.svg),url(../../images/graphic/ornament-dot-layanan.png);background-position:bottom left,95% 36%;background-repeat:no-repeat}@media screen and (max-width: 599px){.pages.layanan #main-master{padding-top:45px}}.pages.layanan .main-desc{padding:40px 0}@media screen and (max-width: 599px){.pages.layanan .main-desc{padding:20px 0}}.pages.layanan .main-desc .main-box{background-color:#fff;border-radius:12px}@media screen and (max-width: 599px){.pages.layanan .main-desc .main-box{padding:16px;box-shadow:none}}.pages.layanan .main-desc .main-box h2{font-weight:700;font-size:37px;line-height:48px;letter-spacing:.25px;margin-bottom:48px}@media screen and (max-width: 599px){.pages.layanan .main-desc .main-box h2{font-size:24px;line-height:32px;margin-bottom:24px}}.pages.layanan .main-desc .main-box p{color:#000;font-size:15px;line-height:24px;letter-spacing:.1px;margin-bottom:24px;text-indent:32px}.pages.layanan .flow{padding:40px 0}@media screen and (max-width: 599px){.pages.layanan .flow{padding:20px 0}}.pages.layanan .flow .flow-carousel.owl-carousel.owl-loaded{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.pages.layanan .flow .flow-carousel .flow-carousel-item{max-width:600px;margin:auto}.pages.layanan .flow .flow-carousel .flow-carousel-item .flow-carousel-item-img{max-height:200px;width:auto;margin:auto}.pages.layanan .flow .flow-carousel .flow-carousel-item .flow-carousel-item-desc{margin-top:32px;text-align:center}.pages.layanan .flow .flow-carousel .owl-nav{flex-basis:fit-content;display:flex;align-items:center;order:3;margin:0;gap:8px}.pages.layanan .flow .flow-carousel .owl-nav .owl-prev,.pages.layanan .flow .flow-carousel .owl-nav .owl-next{box-shadow:0px 2px 8px rgba(4,99,124,.12);border-radius:50%;margin:0}.pages.layanan .flow .flow-carousel .owl-nav .owl-prev:focus,.pages.layanan .flow .flow-carousel .owl-nav .owl-next:focus{outline-color:#058aad}.pages.layanan .flow .flow-carousel .owl-dots{display:flex;flex-basis:fit-content;align-items:center;justify-content:center;height:40px;order:2}.pages.layanan .flow .flow-carousel .owl-dots .owl-dot{padding-right:8px;margin-right:8px;position:relative;width:50px}@media screen and (max-width: 390px){.pages.layanan .flow .flow-carousel .owl-dots .owl-dot{width:40px}}.pages.layanan .flow .flow-carousel .owl-dots .owl-dot:not(:last-child)::after{content:"";width:2px;height:10px;background-color:#e0e0e0;position:absolute;right:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto}.pages.layanan .flow .flow-carousel .owl-dots .owl-dot.active .owl-dot-btn{background-color:#069ec6;color:#fff !important;height:40px;width:40px}@media screen and (max-width: 390px){.pages.layanan .flow .flow-carousel .owl-dots .owl-dot.active .owl-dot-btn{height:30px;width:30px}}.pages.layanan .flow .flow-carousel .owl-dots .owl-dot .owl-dot-btn{border-radius:50%;border:1px solid #069ec6;background-color:rgba(0,0,0,0);color:#069ec6 !important;font-weight:700;display:flex;align-items:center;justify-content:center;height:30px;width:30px;padding:0;transition:all .3s ease-in-out;margin:auto}.pages.layanan .flow .flow-carousel .owl-dots .owl-dot .owl-dot-btn:focus{outline-color:#058aad}.pages.layanan .time{padding:40px 0}@media screen and (max-width: 599px){.pages.layanan .time{padding:20px 0}}.pages.layanan .time .general-desc{padding:0 48px}@media screen and (max-width: 599px){.pages.layanan .time .general-desc{padding:0 16px}}.pages.layanan .time .general-desc .time-level{margin:32px auto;padding:0 32px}.pages.layanan .time .general-desc .time-level .time-level-col{display:flex;align-items:center;justify-content:center;gap:16px}@media screen and (max-width: 768px){.pages.layanan .time .general-desc .time-level .time-level-col{justify-content:flex-start}}.pages.layanan .time .general-desc .time-level .time-level-col span{width:16px;height:16px;border-radius:4px;display:block}.pages.layanan .time .general-desc .time-level .time-level-col span.blue{background-color:#007999}.pages.layanan .time .general-desc .time-level .time-level-col span.yellow{background-color:#ffd23f}.pages.layanan .time .general-desc .time-level .time-level-col span.green{background-color:#a1ca7d}.pages.layanan .time .general-desc .time-level .time-level-col span.red{background-color:#ee4266}.pages.layanan .time .general-desc .time-level .time-level-col p{margin:0;text-indent:unset}.pages.layanan .solution{padding:40px 0}@media screen and (max-width: 599px){.pages.layanan .solution{padding:20px 0}}.pages.layanan .solution .general-desc{padding:0 48px}@media screen and (max-width: 599px){.pages.layanan .solution .general-desc{padding:0 16px}}.pages.layanan .channel{padding:40px 0;background-color:#fff}.pages.layanan .channel .general-heading{margin-bottom:64px}@media screen and (max-width: 599px){.pages.layanan .channel .general-heading{margin-bottom:24px}}.pages.layanan .channel .general-heading h2{margin-bottom:36px}.pages.layanan .channel .channel-item{text-align:center;margin-bottom:24px}@media screen and (max-width: 599px){.pages.layanan .channel .channel-item{margin-bottom:24px}}.pages.layanan .channel .channel-item figure svg{margin-bottom:32px}.pages.layanan .channel .channel-item figure figcaption span{display:block}.pages.layanan .channel .channel-item figure figcaption .channel-title{font-weight:700;line-height:25px;font-size:17px;letter-spacing:.15px;color:#000}.pages.layanan .channel .channel-item figure figcaption .channel-desc{font-size:17px;line-height:25px;letter-spacing:.15px;color:#000}.pages.layanan .channel .channel-item .call-center{cursor:pointer}.pages.layanan .channel .channel-item .call-center.active .call-center-border{fill:#069ec6}.pages.layanan .channel .channel-item .call-center.active .channel-title{color:#069ec6}.pages.layanan .channel .channel-item .call-center.active .channel-desc{color:#069ec6}.pages.layanan .channel .channel-item .email-channel:hover{text-decoration:none}.pages.layanan .wbs-section{padding:90px 0 180px}.pages.layanan .wbs-section .wbs-card{box-shadow:0px 2px 8px rgba(4,99,124,.12);border-radius:12px;display:flex;max-width:943px;margin:auto}@media screen and (min-width: 769px){.pages.layanan .wbs-section .wbs-card{height:309px}}@media screen and (max-width: 768px){.pages.layanan .wbs-section .wbs-card{flex-direction:column;max-width:350px}}.pages.layanan .wbs-section .wbs-card .wbs-bg{flex:0 0 43%;background-image:url(../../images/graphic/wbs-desktop.webp);background-position:100% 75%;background-repeat:no-repeat}@media screen and (max-width: 768px){.pages.layanan .wbs-section .wbs-card .wbs-bg{background-image:url(../../images/graphic/wbs-mobile.webp);background-position:50% 100%;flex:0 0 250px;display:block}}.pages.layanan .wbs-section .wbs-card .wbs-content{flex:0 0 57%;display:flex;flex-direction:column;justify-content:center;max-width:420px;margin:auto}@media screen and (max-width: 768px){.pages.layanan .wbs-section .wbs-card .wbs-content{padding:50px 25px}}.pages.layanan .wbs-section .wbs-card .wbs-content h5{color:#011419;font-weight:700;font-size:26px;line-height:36px;margin-bottom:16px}.pages.layanan .wbs-section .wbs-card .wbs-content p{margin:0 0 16px;font-size:17px;line-height:25px;letter-spacing:.15px}.pages.layanan .wbs-section .wbs-card .wbs-content .wbs-cta{display:flex;align-items:center;justify-content:center;width:100%;max-width:180px;border-radius:44px;height:44px;font-weight:700;color:#fff;background-color:#069ec6}.pages.layanan .wbs-section .wbs-card .wbs-content .wbs-cta:hover{text-decoration:unset}.pages.layanan .wbs-sidebar{position:fixed;top:15vh;right:0;display:none;z-index:9;transform:translateX(193px);transition:transform .3s ease-in-out}.pages.layanan .wbs-sidebar.active{transform:translateX(0)}.pages.layanan .wbs-sidebar.active .wbs-toggle-sidebar img{transform:rotate(180deg)}.pages.layanan .wbs-sidebar .wbs-sidebar-card{height:fit-content;width:fit-content;display:flex}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content{width:193px;background-color:#fff;border-radius:12px 0px 0px 12px;height:387px;box-shadow:0px 1px 4px rgba(4,99,124,.14);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content .wbs-sidebar-bg{background-image:url(../../images/graphic/wbs-sidebar-desktop.webp);background-position:-300% 130%;background-repeat:no-repeat;flex:0 0 40%;width:100%}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content .wbs-sidebar-text{padding:22px}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content .wbs-sidebar-text h5{color:#011419;font-weight:700;font-size:17px;line-height:25px;letter-spacing:.15px;margin-bottom:16px}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content .wbs-sidebar-text p{color:#545454;font-size:13px;line-height:18px;letter-spacing:.4px;margin-bottom:24px}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content .wbs-sidebar-text .wbs-sidebar-cta{background-color:#069ec6;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;height:44px;border-radius:44px;width:100%}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-content .wbs-sidebar-text .wbs-sidebar-cta:hover{text-decoration:unset}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-toggle-sidebar{background-color:#fff;color:#000 !important;border:none;box-shadow:0px 1px 4px rgba(4,99,124,.14);height:120px;width:54px;border-radius:62px 0 0 62px;margin:auto;margin-right:-16px;padding:0;position:relative}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-toggle-sidebar:focus{outline:none}.pages.layanan .wbs-sidebar .wbs-sidebar-card .wbs-toggle-sidebar img{position:absolute;left:10px;top:0;bottom:0;margin:auto;transition:all .3s ease-in-out}.pages.layanan .snackbar{position:fixed;top:10vh;right:0;background-color:#0ead69;width:343px;height:45px;border-radius:8px;box-shadow:0px 2px 8px rgba(4,99,124,.12);color:#fff;display:flex;align-items:center;padding:0 14px;z-index:9999;transition:all .3s ease-in-out;transform:translateX(100%);gap:8px;font-size:13px;line-height:18px;letter-spacing:.4px}.pages.layanan .show-snackbar{right:0;transform:translateX(-5%)}.pages.layanan .socialMedia-modal .modal-dialog{max-width:769px}.pages.layanan .socialMedia-modal .modal-dialog .modal-content{border-radius:12px;overflow:hidden}.pages.layanan .socialMedia-modal .modal-dialog .modal-header{border-bottom:0;margin-left:auto}.pages.layanan .socialMedia-modal .modal-dialog .modal-body{padding:0}.pages.layanan .socialMedia-modal .modal-dialog .modal-body .modal-body-top{text-align:center}.pages.layanan .socialMedia-modal .modal-dialog .modal-body .modal-body-top h5{font-size:37px;font-weight:700;color:#007999;margin-bottom:32px;letter-spacing:.25px;line-height:48px}.pages.layanan .socialMedia-modal .modal-dialog .modal-body .modal-body-top p{font-weight:600;font-size:22px;line-height:31px;letter-spacing:.15px;color:#9e9e9e;margin-bottom:57px}.pages.layanan .socialMedia-modal .modal-dialog .modal-body .modal-body-bottom{background-image:url(../../images/graphic/media-sosial-popup-bg.svg);background-repeat:no-repeat;background-position:bottom center;height:214px;display:flex;align-items:center;justify-content:center;gap:100px}