@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lexend:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";html{scroll-behavior:smooth}@media (min-width: 1500px){.container{max-width:1294px}}@media (min-width: 1800px){.container{max-width:1600px}}*{font-family:DM Sans,sans-serif}html{scroll-padding-top:50px}@media (min-width: 1380px){.container{max-width:1240px}div[class$=-inner]:not(.no-zoom),div[class*=-inner]:not(.no-zoom),.scale-responsive-element,section:before,section:after{zoom:1.0900900901}}@media (min-width: 1800px){.container{max-width:1550px}div[class$=-inner]:not(.no-zoom),div[class*=-inner]:not(.no-zoom),.scale-responsive-element,section:before,section:after{zoom:1.3693693694}}.padding-navbar-lp{padding-top:70px}@media (min-width: 768px){.padding-navbar-lp{padding-top:80px}}@media (min-width: 992px){.padding-navbar-lp{padding-top:0}}@media (min-width: 1200px){.padding-navbar-lp{padding-top:0}}.c-navbar-landing{position:fixed;top:0;left:0;width:100vw;z-index:100;transition:.25s ease}.c-navbar-landing.scrolled{background-color:#fff}@media (min-width: 1200px){.c-navbar-landing.scrolled .navbar-link.navbar-link{color:#41ace1!important}}.c-navbar-landing.scrolled .brand-laptop{display:block!important}.c-navbar-landing.scrolled .brand-laptop.white{display:none!important}@media (max-width: 1199px){.c-navbar-landing.scrolled .brand-laptop,.c-navbar-landing.scrolled .brand-laptop.white{display:none!important}}.c-navbar-landing .container{max-width:100vw;height:70px;display:flex}.c-navbar-landing .navbar-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:30px 30px 20px}.c-navbar-landing .navbar-logo .brand-mobile{width:130px;height:24px}.c-navbar-landing .navbar-logo .brand-laptop{display:none}.c-navbar-landing .navbar-navs{display:none;align-items:center}.c-navbar-landing .navbar-navs-list{text-decoration:none;color:#7d7979;white-space:nowrap;gap:14px;display:none}.c-navbar-landing .navbar-navs-item{background:transparent;color:#7d7979;transition:.3s;border-radius:8px;padding:6px 10px;display:block;margin:0;text-transform:capitalize;text-decoration:none;font-weight:400;font-size:16px;line-height:23px}.c-navbar-landing .navbar-navs-item:hover{color:#fff}.c-navbar-landing .navbar-navs-item img{margin-right:15px;width:18px}.c-navbar-landing .navbar-hamburger{width:18px;height:14px;position:relative;background:transparent;cursor:pointer;border:none}.c-navbar-landing .navbar-hamburger span{display:block;position:absolute;overflow:visible!important;height:2px;width:100%;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.c-navbar-landing .navbar-hamburger span:nth-child(1){top:0}.c-navbar-landing .navbar-hamburger span:nth-child(2),.c-navbar-landing .navbar-hamburger span:nth-child(3){top:7px}.c-navbar-landing .navbar-hamburger span:nth-child(4){top:14px}.c-navbar-landing .navbar-mobile-navs{text-decoration:none;background:#e5f0ff;visibility:hidden;transition-delay:50ms;transition-duration:.25s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0,0,.2,1);opacity:0;width:100%;padding:20px;position:fixed;top:0}.c-navbar-landing .navbar-mobile-navs.open{opacity:1;visibility:visible;height:100vh}.c-navbar-landing .navbar-mobile-navs-item{display:block;width:100%;margin-bottom:45px;color:#7a8caa!important;font-weight:700;text-decoration:none;font-size:20px;line-height:20px;display:flex;justify-content:space-between}.c-navbar-landing .navbar-mobile-navs-item:hover{color:#fff}.c-navbar-landing .navbar-mobile-navs-item.active{font-weight:700;color:#41ace1!important}.c-navbar-landing .navbar-mobile-navs-item.navbar-link{border-bottom:.5px solid var(--Gray-300, #B9B8B8);padding:10px 0;margin-bottom:0!important;position:relative;top:70px;line-height:30px}.c-navbar-landing .navbar-mobile-navs-item.brand{display:flex;width:100%;position:absolute;left:0;top:0;padding:40px 35px 20px;align-items:center;gap:23px;background:#e5f0ff;box-shadow:0 3px 4px #0000000d}@media (max-width: 576px){.c-navbar-landing .navbar-mobile-navs-item.brand{padding:30px 30px 20px}}.c-navbar-landing .navbar-mobile-navs .btn{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:110px}.c-navbar-landing .navbar-mobile-navs .btn a{border-radius:6px;padding:15px 20px;align-items:center;gap:10px;text-decoration:none;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-right:20px;white-space:nowrap;width:100%;display:flex;justify-content:center}.c-navbar-landing .navbar-mobile-navs .btn a.btn-light{color:var(--Blue-Dark, #3B82F6);background:var(--Base-White, #FFF)}.c-navbar-landing .navbar-mobile-navs .btn a.btn-blue{color:var(--Base-White, #FFF);background:var(--Base-Blue, #3B82F6)}.c-navbar-landing .button{display:none}@media (min-width: 768px){.c-navbar-landing .container{height:80px}.c-navbar-landing.scrolled{height:90px;background-color:#fff}.c-navbar-landing .navbar-mobile-navs.open{padding:calc((100vw - 720px)/2 + 15px)}.c-navbar-landing .navbar-mobile-navs-item{font-size:26px;margin-bottom:60px}}@media (min-width: 992px){.c-navbar-landing .navbar-mobile-navs{width:500px}.c-navbar-landing .navbar-mobile-navs.open{padding:calc((100vw - 960px)/2 + 15px)}.c-navbar-landing .navbar-mobile-navs-item{font-size:26px;margin-bottom:60px}}@media (min-width: 1200px){.c-navbar-landing{height:159px}.c-navbar-landing .navbar-head{padding:10px 100px}.c-navbar-landing .navbar-logo .brand-laptop{width:103.686px;display:block}.c-navbar-landing .navbar-logo .brand-mobile{display:none}.c-navbar-landing .navbar-navs,.c-navbar-landing .button{display:block}.c-navbar-landing .container{position:relative;top:50%;transform:translateY(-50%)}.c-navbar-landing.scrolled{height:110px}.c-navbar-landing .navbar-hamburger{display:none}.c-navbar-landing .navbar-navs{display:flex;justify-content:flex-start;padding:7px 20px}.c-navbar-landing .navbar-navs-list{gap:50px;display:flex;justify-content:center;width:100%}.c-navbar-landing .navbar-navs-list.white.navbar-link{color:#fff}.c-navbar-landing .navbar-navs-list.navbar-link{color:#41ace1}.c-navbar-landing .navbar-navs-list.navbar-link.active{color:var(--Base-Dark, #193766);font-weight:700}.c-navbar-landing .navbar-navs-list.navbar-link.khusus{color:#d6e5ff}}@media (min-width: 1800px){.c-navbar-landing{height:120px}.c-navbar-landing .navbar-head{padding:10px 120px;zoom:1.25}}.footer{padding:40px 20px;background-color:#193766}.footer-inner{display:flex;flex-direction:column;gap:48px}.footer-inner .left{display:flex;flex-direction:column;gap:20px}.footer-inner .left .brand{display:flex;flex-direction:column;gap:35px}.footer-inner .left .brand .logo-image{width:130px}.footer-inner .left .brand .logo-image img{width:100%;height:100%}.footer-inner .left .brand p{color:var(--Blue-Light, #D6E5FF);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:30px;margin-bottom:0}.footer-inner .left .social-media{display:flex;gap:15px}.footer-inner .right{border-top:.5px solid #7A8CAA;display:flex;flex-direction:column;gap:0}.footer-inner .right p,.footer-inner .right a{color:var(--Blue-Light, #D6E5FF);margin-top:20px;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:30px;margin-bottom:0;text-decoration:none}@media (min-width: 992px){.footer{padding:150px}.footer-inner .left{flex-direction:row;justify-content:space-between}.footer-inner .left .brand{width:625px}.footer-inner .left .brand p{font-size:16px}.footer-inner .left .social-media{flex-direction:column}.footer-inner .right{display:flex;gap:20px;flex-direction:row}.footer-inner .right p{font-size:16px}}@media (min-width: 768px) and (max-width: 1200px){.footer{padding:140px 0}.footer-inner .left{flex-direction:row;justify-content:space-between}.footer-inner .left .brand{width:351px}.footer-inner .left .brand p{font-size:10px;line-height:17px}.footer-inner .left .social-media{flex-direction:column}.footer-inner .right{display:flex;gap:20px;flex-direction:row}.footer-inner .right p{font-size:10px}}.btn-custom{display:flex;padding:20px 30px;align-items:center;justify-content:center;gap:10px;align-self:stretch;border-radius:6px;background:var(--Blue-Dark, #3B82F6);color:var(--Base-White, #FFF);font-size:16px;font-style:normal;font-weight:700;line-height:normal;white-space:nowrap;text-decoration:none}.btn-custom.navbar{padding:15px 20px;font-size:18px;background-color:#fff;border:1px solid;color:var(--Blue-Dark, #3B82F6)}.btn-custom.navbar.bg-blue{background-color:#3b82f6;color:#fff;border:none}.btn-custom.secondary{color:var(--Blue-Dark, #3B82F6);background-color:var(--Blue-Light, #D6E5FF)}.btn-custom.dark-blue{background-color:var(--Base-Dark, #193766)}.c-hero{position:relative!important;background-color:var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%))}.c-hero.home:before{content:"";display:none}@media (max-width: 576px){.c-hero.home .container{padding:0}}.c-hero.home .image{position:relative;width:100%;height:auto;margin-bottom:415px}.c-hero.home .image .frame{width:450px;height:415px;background-image:url(/build/assets/bg-people-mobile-CV5kMhw4.png);position:absolute;background-size:cover;right:-20px;z-index:3;background-repeat:no-repeat;background-position:right}@media (min-width: 576px) and (max-width: 767px){.c-hero.home .image .frame{right:0}}.c-hero.produk:before{content:"";display:none}@media (max-width: 576px){.c-hero.produk .container{padding:0}}.c-hero.produk .image{position:relative;width:100%;height:auto;margin-bottom:415px}.c-hero.produk .image .frame{width:450px;height:415px;background-image:url(/build/assets/bg-people2-mobile-D0XZqmoe.png);position:absolute;background-size:85%;right:-20px;z-index:3;background-repeat:no-repeat;background-position:right}@media (min-width: 576px) and (max-width: 767px){.c-hero.produk .image .frame{right:0}}@media (max-width: 576px){.c-hero.cara-pakai-hero{background:linear-gradient(180deg,#e5f0ff,#00f7ff00,#fff)}.c-hero.cara-pakai-hero .hero-inner{padding:40px 20px 0}}.c-hero.cara-pakai-hero:before{content:"";display:none}@media (max-width: 576px){.c-hero.cara-pakai-hero .container{padding:0}}.c-hero.cara-pakai-hero .image{position:relative;width:100%;height:auto;margin-bottom:415px}.c-hero.cara-pakai-hero .image .frame{width:450px;height:415px;background-image:url(/build/assets/bg-cara-pakai-mobile-CAJrJweO.png);position:absolute;background-size:cover;right:-30px;z-index:3;background-repeat:no-repeat;background-position:right}@media (max-width: 576px){.c-hero.cara-pakai-hero .image .frame{background-size:85%;right:-20px}}.c-hero .hero-inner{display:flex;padding:40px 20px 60px;flex-direction:column;justify-content:center;align-items:center;gap:20px}.c-hero .hero-inner .text{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center}.c-hero .hero-inner .text h1{color:var(--Base-Dark, #193766);font-size:32px;font-style:normal;font-weight:400;line-height:44px;margin-bottom:0}@media (min-width: 768px) and (max-width: 1200px){.c-hero .hero-inner .text h1{width:302px}}.c-hero .hero-inner .text h1 span{text-decoration:underline;font-weight:700;text-decoration-thickness:4px}.c-hero .hero-inner .text p{color:var(--Base-Secondary, #7A8CAA);font-size:14px;font-style:normal;font-weight:400;line-height:29px;margin-bottom:0}@media (min-width: 768px) and (max-width: 1200px){.c-hero .hero-inner .text p{width:430px}}@media (max-width: 992px){.c-hero .hero-inner .text p{width:330px}}.c-hero .hero-inner .text .btn-custom{padding:8px 20px;font-size:14px;width:100%}.c-hero .hero-inner .text .btn-custom.flex{flex:1 0 0}.c-hero .hero-inner .text .buttons{padding:0 10px;display:flex;justify-content:space-between;gap:20px}@media (min-width: 768px){.c-hero{min-height:600px;display:flex;justify-content:center;align-items:center}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.c-hero{min-height:558px!important}}@media (min-width: 768px){.c-hero.home:before{display:block;background-image:url(/build/assets/bg-people-new-D_nU5q7J.png);background-size:cover;width:50%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:50%;top:0}.c-hero.home .image{display:none}.c-hero.produk:before{display:block;background-image:url(/build/assets/bg-people2-new-D6cCV6HN.png);background-size:cover;width:50%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:50%;top:0}.c-hero.produk .image{display:none}.c-hero.cara-pakai-hero:before{display:block;background-image:url(/build/assets/bg-cara-pakai-BGpzpDK_.png);background-size:cover;width:50%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:50%;top:0}.c-hero.cara-pakai-hero .image{display:none}.c-hero .hero-inner{padding:0;flex-direction:row}.c-hero .hero-inner .text{text-align:left;gap:30px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.c-hero .hero-inner .text{width:100%;padding:0}}@media (min-width: 768px){.c-hero .hero-inner .text p{font-size:12px;line-height:21px}}@media (min-width: 768px){.c-hero .hero-inner .text .btn-custom{width:fit-content;padding:20px 30px;font-size:16px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.c-hero .hero-inner .text .btn-custom{padding:11px 17px;font-size:10px}.c-hero .hero-inner .text .btn-custom svg{width:13px;height:13px}}@media (min-width: 768px){.c-hero .hero-inner .text .buttons{padding:0;justify-content:flex-start}}@media (min-width: 1200px){.c-hero{padding:0;height:993px}.c-hero .hero-inner{position:relative;justify-content:left}.c-hero .hero-inner .text h1{font-size:64px;line-height:74px;width:600px}.c-hero .hero-inner .text p{line-height:37px;font-size:22px;width:600px}.c-hero .hero-inner .text .buttons{justify-content:flex-start}.c-hero .hero-inner .text .buttons .btn-custom{width:fit-content}}@media (min-width: 1536px){.c-hero .how-inner .image.people{height:700px}}@media (min-width: 1200px){.c-hero.no-bg{background-color:none!important}}.c-hero-detail{height:362px;background-image:url(/build/assets/hero-about-new-DOL-od-_.png);background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;text-align:center;justify-content:center}@media (max-width: 576px){.c-hero-detail{background-image:url(/build/assets/bg-about-mobile-DYrTGjOy.png)}}.c-hero-detail .hero-detail-inner{padding:20px;display:flex;flex-direction:column}.c-hero-detail .hero-detail-inner .text{position:relative;text-align:left;z-index:2}.c-hero-detail .hero-detail-inner .text h1{color:var(--Base-White, #FFF);font-family:Rubik,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:140%}@media (max-width: 576px){.c-hero-detail .hero-detail-inner .text h1{font-family:DM Sans}}.c-hero-detail .hero-detail-inner .text h1 span.type{color:#fa8c41}.c-hero-detail .hero-detail-inner .text h1 span.jo{color:var(--Base-Blue, #41ACE1);font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:74px}.c-hero-detail .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail .hero-detail-inner .text p{color:var(--Base-White, #FFF);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}.c-hero-detail .hero-detail-inner .image{display:none}@media (min-width: 1200px){.c-hero-detail .hero-detail-inner{width:100%}.c-hero-detail .hero-detail-inner .text{width:888px!important}}@media (min-width: 768px){.c-hero-detail{height:500px}.c-hero-detail .hero-detail-inner{padding:100px;display:flex}.c-hero-detail .hero-detail-inner .text{margin-top:50px;position:relative;text-align:left;z-index:2}.c-hero-detail .hero-detail-inner .text h1{font-size:60px}.c-hero-detail .hero-detail-inner .text h1 span.type{color:#fa8c41}.c-hero-detail .hero-detail-inner .text h1 span.jo{color:var(--Base-Blue, #41ACE1);font-family:Rubik;font-size:84px;font-style:normal;font-weight:500;line-height:74px}.c-hero-detail .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail .hero-detail-inner .text p{font-size:24px}.c-hero-detail.and .hero-detail-inner{flex-direction:row;align-items:center}.c-hero-detail.and .hero-detail-inner .image{display:block;height:417.063px;margin-top:50px}.c-hero-detail.and .hero-detail-inner .image img{width:100%;height:100%}}@media (min-width: 1200px){.c-hero-detail{height:650px}.c-hero-detail .hero-detail-inner{display:flex;flex-direction:column}.c-hero-detail .hero-detail-inner .text{position:relative;text-align:left;z-index:2;display:flex;flex-direction:column;gap:50px}.c-hero-detail .hero-detail-inner .text h1{font-size:84px;font-weight:500}.c-hero-detail .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail .hero-detail-inner .text p{font-size:24px}.c-hero-detail.and .hero-detail-inner{flex-direction:row;padding:80px 100px 50px;align-items:center}.c-hero-detail.and .hero-detail-inner .image{display:block;height:417.063px;margin-top:50px}.c-hero-detail.and .hero-detail-inner .image img{width:100%;height:100%}}@media (min-width: 1800px){.c-hero-detail.and .hero-detail-inner{padding:0 100px 50px}}@media (min-width: 768px) and (max-width: 1200px){.c-hero-detail{background-size:cover!important;padding:40px 56px;align-items:normal;text-align:left;justify-content:flex-start;height:365px}.c-hero-detail .hero-detail-inner{padding:0;width:100%;height:300px}.c-hero-detail .hero-detail-inner .text h1,.c-hero-detail .hero-detail-inner .text .jo{width:500px;font-size:47px!important;line-height:42px!important}.c-hero-detail .hero-detail-inner .text p{font-size:14px}.c-hero-detail-produk.and{width:100%}.c-hero-detail-produk.and .hero-detail-inner{width:100%;display:flex;justify-content:space-between;padding:0 112px!important;align-items:center;justify-items:center}.c-hero-detail-produk.and .hero-detail-inner .text h1{font-size:56px;line-height:50px;font-weight:400}.c-hero-detail-produk.and .hero-detail-inner .text p{font-size:12px;line-height:21px}.c-hero-detail-produk.and .hero-detail-inner .image,.c-hero-detail-produk.and .hero-detail-inner .image img{width:226px!important;height:235px!important}}.toko-resmi{padding:40px 30px;background:var(--Background-Blue, #EBF3FE)}.toko-resmi:before{display:none}.toko-resmi-inner .toko-resmi-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}.toko-resmi-inner .toko-resmi-wrapper .badge-title{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--Blue-Light, #D6E5FF);color:var(--Blue-Dark, #3B82F6);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}.toko-resmi-inner .toko-resmi-wrapper .badge-title.transparent{background:#ffffff0d;color:#3b82f6}@media (min-width: 992px){.toko-resmi-inner .toko-resmi-wrapper .badge-title{font-size:16px!important}}@media (min-width: 768px){.toko-resmi-inner .toko-resmi-wrapper .badge-title{font-size:10px}}.toko-resmi-inner .toko-resmi-wrapper .title{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.toko-resmi-inner .toko-resmi-wrapper .sub-title{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}.toko-resmi-inner .toko-resmi-wrapper .items{display:flex;gap:20px}.toko-resmi-inner .toko-resmi-wrapper .items .item-image{display:flex;width:56px;height:60px;padding:16.552px;justify-content:center;align-items:center;gap:5.517px;border-radius:8px;background:var(--Base-White, #FFF);box-shadow:0 55.173px 44.138px #c8baba12,0 23.05px 18.44px #c8baba0d,0 12.324px 9.859px #c8baba0a,0 6.908px 5.527px #c8baba0a,0 3.669px 2.935px #c8baba08,0 1.527px 1.221px #c8baba05}.toko-resmi-inner .toko-resmi-wrapper .items .item-image img{width:38px}@media (max-width: 576px){.toko-resmi-inner .toko-resmi-wrapper .items{display:flex;gap:20px}.toko-resmi-inner .toko-resmi-wrapper .items .item-image{display:flex;width:40px;height:40px;padding:16.552px;justify-content:center;align-items:center;gap:5.517px;border-radius:8px;background:var(--Base-White, #FFF);box-shadow:0 55.173px 44.138px #c8baba12,0 23.05px 18.44px #c8baba0d,0 12.324px 9.859px #c8baba0a,0 6.908px 5.527px #c8baba0a,0 3.669px 2.935px #c8baba08,0 1.527px 1.221px #c8baba05}.toko-resmi-inner .toko-resmi-wrapper .items .item-image img{width:18px}}@media (min-width: 768px){.toko-resmi{padding:123px 100px;position:relative}.toko-resmi:before{display:block;content:"";background-image:url(/build/assets/beli%20sekarang-CC3RlDDK.png);background-size:contain;width:20%;height:25%;z-index:1;background-repeat:no-repeat;position:absolute;left:75%;bottom:5%;overflow:hidden}.toko-resmi-inner .toko-resmi-wrapper{gap:14px}.toko-resmi-inner .toko-resmi-wrapper .title{font-size:32px}.toko-resmi-inner .toko-resmi-wrapper .sub-title{font-size:22px}.toko-resmi-inner .toko-resmi-wrapper .items{gap:25px}}@media (min-width: 992px){.toko-resmi{padding:123px 150px;height:521px}.toko-resmi:before{display:block;content:"";background-image:url(/build/assets/beli%20sekarang-CC3RlDDK.png);background-size:contain;width:20%;height:25%;z-index:1;background-repeat:no-repeat;position:absolute;left:65%;bottom:15%;overflow:hidden}}@media (min-width: 1200px){.toko-resmi:before{display:block;content:"";background-image:url(/build/assets/beli%20sekarang-CC3RlDDK.png);background-size:contain;width:20%;height:25%;z-index:1;background-repeat:no-repeat;position:absolute;left:65%;bottom:10%;overflow:hidden}.toko-resmi .sub-title{width:793.388px}}@media (min-width: 768px) and (max-width: 1200px){.toko-resmi{padding:40px 56px!important;height:292px}.toko-resmi .title{font-size:18px!important}.toko-resmi .sub-title{font-size:12px!important;width:793.388px}.toko-resmi .items{gap:14px}.toko-resmi .items .item-image{padding:10px!important;width:39px!important;height:42px!important}.toko-resmi .items .item-image img{width:21px;height:23px}}.daftar{padding:40px 30px;background-color:#fff}.daftar-inner .daftar-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.daftar-inner .daftar-wrapper .text h1{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.daftar-inner .daftar-wrapper .text h1 .ha{color:#134d9f}.daftar-inner .daftar-wrapper .text h1 .jo{color:#41ace1}.daftar-inner .daftar-wrapper .text h1.linier{background:linear-gradient(90deg,#41ace180 -30.54%,#318bcade 32.81%,#134d9f 85.94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.daftar-inner .daftar-wrapper .links{display:flex;gap:15px}.daftar-inner .daftar-wrapper .links img{width:134.245px}@media (min-width: 768px){.daftar{display:flex;height:521px;padding:0 100px;flex-direction:column;justify-content:center;align-items:center;gap:40px;flex-shrink:0;align-self:stretch}.daftar-inner .daftar-wrapper .text h1{font-size:32px}}@media (min-width: 768px) and (max-width: 1200px){.daftar{padding:0 56px!important;height:293px!important}.daftar-inner .daftar-wrapper .text h1{font-size:18px!important}.daftar-inner .daftar-wrapper .links img{width:83px;height:24px}}.card-product{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:10px 10px 0 0;background:#ecf3ff;box-shadow:0 4px 25px #0000001a}.card-product .image{display:flex;align-items:center;justify-content:center;width:100%;height:248.24px;border-radius:10px 10px 0 0;background:linear-gradient(0deg,#eaf3ff1a,#eaf3ff1a),url(<path-to-image>) #d3d3d3 141.538px -.612px/45.375% 100% no-repeat}.card-product .image img{height:100%;width:auto;overflow:auto}.card-product .text{display:flex;padding:20px 30px;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch;border-radius:0 0 10px 10px;background:var(--Base-White, #FFF)}.card-product .text .card-title{color:var(--Base-Dark, #193766);text-align:center;font-size:21px;font-style:normal;font-weight:700;line-height:normal}.card-product .text .card-desc{color:var(--Base-Secondary, #7A8CAA);font-size:14px;font-style:normal;font-weight:400;line-height:30px}@media (min-width: 768px) and (max-width: 1200px){.card-product{height:140px!important;width:209px!important}.card-product .text{padding:38px 17px;height:140px!important}.card-product .text .card-title{font-size:14px}.card-product .text .card-desc{font-size:9px;line-height:17px}}@media (min-width: 576px) and (max-width: 767px){.card-product{width:369px}.card-product .text{height:173px}}@media (min-width: 1200px){.card-product{width:318px}.card-product .text{padding-bottom:43px;padding-top:43px;height:219px}.card-product .image,.card-product .image img{height:214px!important}}@media (max-width: 576px){.card-product{width:271px}.card-product .image{height:236px}.card-product .text{gap:10px;height:134px}.card-product .text .card-title{font-size:18px}.card-product .text .card-desc{font-size:12px;font-style:normal;font-weight:400;line-height:20px}}.team-card{background:#ffffff0d}.team-card .image{width:200px;height:200px}.team-card .image img{height:100%;width:100%}.team-card .text{padding:22px 0}.team-card .text h6{color:var(--Base-White, #FFF);text-align:center;font-family:DM Sans;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.team-card .text p{color:var(--Base-White, #FFF);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:30px;margin-bottom:0}@media (min-width: 768px){.team-card .image{height:407.319px;width:368px}.team-card .image img{height:100%}}@media (min-width: 768px) and (max-width: 1200px){.team-card .team-card{width:193px;height:303px}.team-card .image{height:227px!important;width:193px}.team-card .text{gap:10px}.team-card .text h6{font-size:18px;padding:0;margin:0}.team-card .text p{font-size:9px}}.card-ver{position:relative;display:flex;width:271px;padding:20px;flex-direction:column;align-items:center;gap:20px;flex-shrink:0;border-radius:10px;background:#f3f3f3}@media (max-width: 576px){.card-ver{height:320px;justify-content:space-between}}.card-ver a{text-decoration:none}.card-ver .image{height:215px}.card-ver .image img{height:100%}@media (max-width: 576px){.card-ver .image{width:100%;height:100%;text-align:center;display:flex;align-items:center}.card-ver .image img{width:152px;height:147px;margin:auto;object-fit:contain}}.card-ver .text .title{color:var(--Base-Dark, #193766);font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal;white-space:wrap}.card-ver .text .sub-title{color:var(--Base-Secondary, #7A8CAA);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;line-height:30px}@media (max-width: 576px){.card-ver .text .sub-title{font-size:10px;line-height:20px}}.card-ver .btn-custom{padding:10px;font-size:14px;background:#134d9f;width:44px;height:44px}@media (max-width: 576px){.card-ver .btn-custom{width:40px;height:40px}}.card-ver .harga{color:var(--Base-Dark, #193766)!important;font-size:24px!important;font-style:normal;font-weight:700!important;line-height:normal}@media (max-width: 576px){.card-ver .harga{font-size:18px!important}}.card-ver .icon{position:absolute;right:20px;top:28px;display:flex;width:24px;height:24px;justify-content:center;align-items:center;flex-shrink:0;border-radius:6px;background:var(--Blue-Dark, #3B82F6)}.card-ver .icon svg{width:16px}.card-ver:hover{background:#193766}.card-ver:hover .text .title{color:#fff}.card-ver:hover .icon{background:#ffffff0d}.card-ver:hover .harga{color:#fff!important}@media (min-width: 768px) and (max-width: 992px){.card-ver .text{margin-top:20px}}@media (min-width: 992px){.card-ver{width:auto;padding:30px}.card-ver .image{height:300px}.card-ver .btn-custom{padding:20px;font-size:18px}.card-ver .text .title{font-size:24px}.card-ver .text .sub-title{font-size:16px;line-height:30px}.card-ver .icon{width:40px;height:40px}.card-ver .icon svg{width:24px}}@media (min-width: 576px) and (max-width: 767px){.card-ver .image{display:flex;justify-content:center;margin-bottom:10px}.card-ver .harga{font-size:16px!important}}@media (min-width: 768px) and (max-width: 1200px){.card-ver{width:200px}.card-ver .image{width:174px;height:169px;display:flex;justify-content:center;align-items:center}.card-ver .image img{max-width:100%;max-height:100%;height:169px}.card-ver .text .title{font-size:14px}.card-ver .text .sub-title{font-size:10px;line-height:17px}.card-ver .harga{font-size:14px!important}.card-ver .btn-custom{padding:5px!important;width:25px;height:25px}.card-ver .btn-custom img{width:14px;height:14px}}.card-cara-pakai-mobile{width:250px;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-radius:10px 10px 0 0;background:#ecf3ff;box-shadow:0 4px 25px #0000001a}.card-cara-pakai-mobile .image{display:flex;align-items:center;justify-content:center;width:100%;height:248.24px;border-radius:10px 10px 0 0;background:linear-gradient(0deg,#eaf3ff1a,#eaf3ff1a),url(<path-to-image>) #d3d3d3 141.538px -.612px/45.375% 100% no-repeat}.card-cara-pakai-mobile .image img{height:100%;width:auto;overflow:auto}.card-cara-pakai-mobile .text{display:flex;padding:30px 20px;height:155px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;border-radius:0 0 10px 10px;background:var(--Base-White, #FFF)}.card-cara-pakai-mobile .text .card-title{color:var(--Base-Dark, #193766);text-align:start;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.card-cara-pakai-mobile .text .card-desc{color:var(--Base-Secondary, #7A8CAA);font-size:12px;font-style:normal;font-weight:400;line-height:26px}.pagination-cara-pakai{display:flex;flex-direction:column;margin-bottom:50px}.pagination-cara-pakai .swiper-pagination{bottom:25%;margin-bottom:70px}.pagination-cara-pakai .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px}.pagination-cara-pakai .swiper-pagination .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #134D9F)}.pagination-cara-pakai .swiper-navigation{display:flex;align-items:center;justify-content:center;position:relative;height:50px;gap:40px}.pagination-cara-pakai .swiper-navigation .swiper-button-next,.pagination-cara-pakai .swiper-navigation .swiper-button-prev{position:relative;margin-top:20px;width:40px;height:40px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8}.pagination-cara-pakai .swiper-navigation .swiper-button-next svg,.pagination-cara-pakai .swiper-navigation .swiper-button-prev svg{width:20px}.pagination-cara-pakai .swiper-navigation .swiper-button-next:after,.pagination-cara-pakai .swiper-navigation .swiper-button-prev:after{display:none}.pagination-cara-pakai .swiper,.pagination-cara-pakai .swiper img{width:100%}.produk-harga{display:flex;padding:100px 250px;align-items:center;gap:100px;background-size:cover;background-image:url(/build/assets/bg-transparan-DFPbUaX4.png);background-position:right}@media (max-width: 576px){.produk-harga{flex-direction:column;padding:30px 40px;gap:20px;background-image:url(/build/assets/bg-fitur-mobile-ylVQPNhR.png);background-size:50%;background-repeat:no-repeat;background-position:bottom right}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga{padding:56px 140px;gap:56px;justify-content:space-between;display:flex}}@media (min-width: 576px) and (max-width: 767px){.produk-harga{flex-direction:column}}@media (min-width: 1200px){.produk-harga{padding:100px!important}}.produk-harga .card-produk{display:flex;width:498px;height:600px;padding:86.5px 50px;flex-direction:column;justify-content:center;align-items:center;border-radius:30px;background:var(--Background-Blue, #EBF3FE)}@media (max-width: 576px){.produk-harga .card-produk{width:327px;height:498px;padding:69px 25px}}.produk-harga .card-produk img{width:398px;height:517px;flex-shrink:0;object-fit:contain}.produk-harga .card-produk img.miror{transform:scaleX(-1)}@media (max-width: 576px){.produk-harga .card-produk img{width:277px;height:360px;object-fit:contain}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga .card-produk{padding:39px 14px;width:184px;height:280px}.produk-harga .card-produk img{width:156px;height:202px;object-fit:contain}}.produk-harga .olshop{display:flex;align-items:flex-start;gap:25px}@media (max-width: 576px){.produk-harga .olshop{padding-left:30px;padding-right:30px}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga .olshop{gap:14px}}.produk-harga .olshop a{display:flex;padding:16.552px;justify-content:center;align-items:center;gap:5.517px;border-radius:8.609px;background:transparent;box-shadow:0 55.173px 44.138px #c8baba12,0 23.05px 18.44px #c8baba0d,0 12.324px 9.859px #c8baba0a,0 6.908px 5.527px #c8baba0a,0 3.669px 2.935px #c8baba08,0 1.527px 1.221px #c8baba05}@media (max-width: 576px){.produk-harga .olshop a{width:40px;height:40px}}.produk-harga .olshop a img{width:36.896px;height:41.344px}@media (max-width: 576px){.produk-harga .olshop a img{width:19px;height:21px}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga .olshop a{width:40px;height:42px}.produk-harga .olshop a img{width:19px;height:23px}}.produk-harga .nb{color:var(--Gray-300, #B9B8B8);font-family:DM Sans;font-size:14px;font-style:italic;font-weight:400;line-height:37px;margin-top:14px}@media (max-width: 576px){.produk-harga .nb{font-size:12px;padding-left:30px;padding-right:30px;white-space:nowrap}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga .nb{font-size:9px}}.produk-harga p{font-style:normal;font-family:DM Sans;color:var(--Base-Dark, #193766);width:247px}@media (max-width: 576px){.produk-harga p{width:100%}}@media (min-width: 1200px){.produk-harga p{width:400px!important}}@media (min-width: 576px) and (max-width: 767px){.produk-harga p{width:100%}}.produk-harga p.f-32{font-size:32px}@media (max-width: 576px){.produk-harga p.f-32{font-size:24px;padding-left:30px;padding-right:30px}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga p.f-32{font-size:18px}}.produk-harga p.f-22{font-size:22px}@media (max-width: 576px){.produk-harga p.f-22{font-size:14px;padding-left:30px;padding-right:30px}}@media (min-width: 768px) and (max-width: 1200px){.produk-harga p.f-22{font-size:12px;line-height:21px!important}}.produk-harga p.fw-700{font-weight:700}.produk-harga p.fw-400{font-weight:400}.produk-harga p.lh-37{line-height:37px}@media (max-width: 576px){.produk-harga p.lh-37{line-height:29px}}.produk-harga p.text-base-secondary{color:var(--Base-Secondary, #7A8CAA)}.p-homepage,.p-product{background:var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%))}.p-homepage .c-navbar-landing .brand-laptop,.p-product .c-navbar-landing .brand-laptop{display:block!important}.p-homepage .c-navbar-landing .brand-laptop.white,.p-product .c-navbar-landing .brand-laptop.white{display:none!important}@media (max-width: 1199px){.p-homepage .c-navbar-landing .brand-laptop,.p-homepage .c-navbar-landing .brand-laptop.white,.p-product .c-navbar-landing .brand-laptop,.p-product .c-navbar-landing .brand-laptop.white{display:none!important}}.p-homepage .title-com h1,.p-product .title-com h1{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .title-com,.p-product .title-com{width:777px}.p-homepage .title-com h1,.p-product .title-com h1{font-size:18px}}.p-homepage .title-com.white h1,.p-product .title-com.white h1{color:#fff}.p-homepage .badge-title,.p-product .badge-title{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--Blue-Light, #D6E5FF);color:var(--Blue-Dark, #3B82F6);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}.p-homepage .badge-title.transparent,.p-product .badge-title.transparent{background:#ffffff0d;color:#3b82f6}@media (min-width: 992px){.p-homepage .badge-title,.p-product .badge-title{font-size:16px!important}}@media (min-width: 768px){.p-homepage .badge-title,.p-product .badge-title{font-size:10px}}.p-homepage .keunggulan,.p-product .keunggulan{position:relative;padding:60px 20px 20px;background:var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%))}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .keunggulan,.p-product .keunggulan{height:auto}}.p-homepage .keunggulan-inner,.p-product .keunggulan-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.p-homepage .keunggulan-inner .title h1,.p-product .keunggulan-inner .title h1{color:var(--Base-Dark, #193766);text-align:center;font-size:32px;font-style:normal;font-weight:500;line-height:44px}.p-homepage .keunggulan-inner .card-mobile,.p-product .keunggulan-inner .card-mobile{width:100%}.p-homepage .keunggulan-inner .card-mobile .swiper,.p-product .keunggulan-inner .card-mobile .swiper{width:100%;height:470px}.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-wrapper,.p-product .keunggulan-inner .card-mobile .swiper .swiper-wrapper{width:100%}.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-prev:after,.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-next:after,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-prev:after,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-next:after{color:transparent}.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-prev,.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-next,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-prev,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-next{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-prev svg,.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-next svg,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-prev svg,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-next svg{width:100%;height:100%}@media (max-width: 576px){.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-prev,.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-next,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-prev,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-next{display:none}}.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-prev,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-prev{left:10px}.p-homepage .keunggulan-inner .card-mobile .swiper .swiper-button-next,.p-product .keunggulan-inner .card-mobile .swiper .swiper-button-next{right:10px}@media (min-width: 993px){.p-homepage .keunggulan-inner .card-mobile .swiper-slide,.p-product .keunggulan-inner .card-mobile .swiper-slide{width:318px!important}}@media (min-width: 1200px){.p-homepage .keunggulan-inner .card-mobile .swiper-slide,.p-product .keunggulan-inner .card-mobile .swiper-slide{width:318px!important}}@media (min-width: 576px) and (max-width: 767px){.p-homepage .keunggulan-inner .card-mobile .swiper-slide,.p-product .keunggulan-inner .card-mobile .swiper-slide{width:369px!important}}@media (max-width: 576px){.p-homepage .keunggulan-inner .card-mobile .swiper-slide,.p-product .keunggulan-inner .card-mobile .swiper-slide{width:100%}}.p-homepage .keunggulan-inner .card-desktop,.p-product .keunggulan-inner .card-desktop{display:none}.p-homepage .keunggulan-inner .swiper-pagination,.p-product .keunggulan-inner .swiper-pagination{display:flex;justify-content:center;z-index:10;right:10%}@media (max-width: 576px){.p-homepage .keunggulan-inner .swiper-pagination,.p-product .keunggulan-inner .swiper-pagination{display:none}}.p-homepage .keunggulan-inner .swiper-pagination .swiper-pagination-bullet,.p-product .keunggulan-inner .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px}.p-homepage .keunggulan-inner .swiper-pagination .swiper-pagination-bullet-active,.p-product .keunggulan-inner .swiper-pagination .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #134D9F)}@media (min-width: 768px){.p-homepage .keunggulan,.p-product .keunggulan{padding:50px 0;position:relative}.p-homepage .keunggulan:before,.p-product .keunggulan:before{content:"";background-image:url(/build/assets/rectangle-ibZnm5aU.svg);background-size:cover;width:17%;height:50%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;top:0}.p-homepage .keunggulan .keunggulan-inner .title,.p-product .keunggulan .keunggulan-inner .title{width:608px}.p-homepage .keunggulan .keunggulan-inner .title h1,.p-product .keunggulan .keunggulan-inner .title h1{font-family:DM Sans;font-size:32px;font-style:normal;font-weight:500;line-height:44px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.p-homepage .keunggulan .keunggulan-inner .title,.p-product .keunggulan .keunggulan-inner .title{width:342px}.p-homepage .keunggulan .keunggulan-inner .title h1,.p-product .keunggulan .keunggulan-inner .title h1{font-size:18px!important;line-height:25px!important}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.p-homepage .keunggulan .keunggulan-inner .swiper,.p-product .keunggulan .keunggulan-inner .swiper{height:320px!important}.p-homepage .keunggulan .keunggulan-inner .swiper-slide,.p-product .keunggulan .keunggulan-inner .swiper-slide{width:209px!important}}.p-homepage .how,.p-product .how{position:relative;background:var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%));padding:40px 20px}@media (max-width: 576px){.p-homepage .how,.p-product .how{background:#fff;height:950px;margin-top:-50px}}.p-homepage .how:before,.p-product .how:before{content:"";background-image:url(/build/assets/bg-small-DDa0h1hd.png);background-size:cover;width:100%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;bottom:0}.p-homepage .how-inner,.p-product .how-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.p-homepage .how-inner .title h1,.p-product .how-inner .title h1{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.p-homepage .how-inner .title h1 .ha,.p-product .how-inner .title h1 .ha{color:#134d9f}.p-homepage .how-inner .title h1 .jo,.p-product .how-inner .title h1 .jo{color:#41ace1}.p-homepage .how-inner .left,.p-product .how-inner .left{display:none}.p-homepage .how-inner .right,.p-product .how-inner .right{position:relative;width:287.15px}.p-homepage .how-inner .right .swiper,.p-product .how-inner .right .swiper,.p-homepage .how-inner .right .swiper .swiper-slide,.p-product .how-inner .right .swiper .swiper-slide,.p-homepage .how-inner .right .swiper .swiper-slide img,.p-product .how-inner .right .swiper .swiper-slide img{width:100%}@media (max-width: 576px){.p-homepage .how-inner .right .swiper .swiper-slide,.p-product .how-inner .right .swiper .swiper-slide{height:700px}.p-homepage .how-inner .right .swiper .swiper-slide img,.p-product .how-inner .right .swiper .swiper-slide img{width:100%;height:426px;object-fit:contain}}.p-homepage .how-inner .right .swiper-pagination2,.p-product .how-inner .right .swiper-pagination2{display:flex;justify-content:center;z-index:10;right:10%;bottom:25%}.p-homepage .how-inner .right .swiper-pagination2 .swiper-pagination-bullet,.p-product .how-inner .right .swiper-pagination2 .swiper-pagination-bullet{width:14px;height:14px}.p-homepage .how-inner .right .swiper-pagination2 .swiper-pagination-bullet-active,.p-product .how-inner .right .swiper-pagination2 .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #134D9F)}.p-homepage .how-inner .right .swiper-navigation,.p-product .how-inner .right .swiper-navigation{display:flex;align-items:center;justify-content:center;position:relative;height:50px;gap:40px}.p-homepage .how-inner .right .swiper-navigation .swiper-button-next,.p-homepage .how-inner .right .swiper-navigation .swiper-button-prev,.p-product .how-inner .right .swiper-navigation .swiper-button-next,.p-product .how-inner .right .swiper-navigation .swiper-button-prev{position:relative;width:40px;height:40px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8}.p-homepage .how-inner .right .swiper-navigation .swiper-button-next svg,.p-homepage .how-inner .right .swiper-navigation .swiper-button-prev svg,.p-product .how-inner .right .swiper-navigation .swiper-button-next svg,.p-product .how-inner .right .swiper-navigation .swiper-button-prev svg{width:20px}.p-homepage .how-inner .right .swiper-navigation .swiper-button-next:after,.p-homepage .how-inner .right .swiper-navigation .swiper-button-prev:after,.p-product .how-inner .right .swiper-navigation .swiper-button-next:after,.p-product .how-inner .right .swiper-navigation .swiper-button-prev:after{display:none}@media (max-width: 576px){.p-homepage .how-inner .right .swiper-pagination2,.p-product .how-inner .right .swiper-pagination2{margin-top:-220px!important}.p-homepage .how-inner .right .swiper-navigation,.p-product .how-inner .right .swiper-navigation{position:relative;top:0}}.p-homepage .how-inner .information,.p-product .how-inner .information{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.p-homepage .how-inner .information .top,.p-product .how-inner .information .top{color:var(--Base-Primary, #134D9F);font-size:24px;font-style:normal;font-weight:700;line-height:normal}.p-homepage .how-inner .information .bottom,.p-product .how-inner .information .bottom{color:var(--Base-Primary, #134D9F);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:30px}@media (max-width: 576px){.p-homepage .how-inner .information,.p-product .how-inner .information{position:relative;top:130px}}@media (min-width: 992px){.p-homepage .how:before,.p-product .how:before{content:"";background-image:url(/build/assets/bg-CN0pw8D2.png);background-size:cover;width:100%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;bottom:0;overflow:hidden}.p-homepage .how-inner .how-wrapper,.p-product .how-inner .how-wrapper{display:flex;align-items:flex-start;gap:100px}.p-homepage .how-inner .how-wrapper .left,.p-product .how-inner .how-wrapper .left{display:flex}.p-homepage .how-inner .how-wrapper .left .step,.p-product .how-inner .how-wrapper .left .step{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.p-homepage .how-inner .how-wrapper .left .step-item,.p-product .how-inner .how-wrapper .left .step-item{width:100%;display:flex;padding:20px 40px;align-items:center;align-self:stretch;border-radius:10px;gap:24px}.p-homepage .how-inner .how-wrapper .left .step-item .number,.p-product .how-inner .how-wrapper .left .step-item .number{cursor:pointer;display:flex;width:56px;height:56px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:9000px;border:1px solid var(--Gray-200, #DFDCDC);background:var(--Base-Primary, #134D9F);color:var(--Base-White, #FFF);font-family:DM Sans;font-size:22px;font-style:normal;font-weight:500;line-height:30px}.p-homepage .how-inner .how-wrapper .left .step-item .text,.p-product .how-inner .how-wrapper .left .step-item .text{flex:1 0 0}.p-homepage .how-inner .how-wrapper .left .step-item .text h6,.p-product .how-inner .how-wrapper .left .step-item .text h6{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px}.p-homepage .how-inner .how-wrapper .left .step-item .text .desc,.p-product .how-inner .how-wrapper .left .step-item .text .desc{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px}.p-homepage .how-inner .how-wrapper .left .step-item:hover,.p-homepage .how-inner .how-wrapper .left .step-item.active,.p-product .how-inner .how-wrapper .left .step-item:hover,.p-product .how-inner .how-wrapper .left .step-item.active{background-color:#134d9f}.p-homepage .how-inner .how-wrapper .left .step-item:hover svg path,.p-homepage .how-inner .how-wrapper .left .step-item.active svg path,.p-product .how-inner .how-wrapper .left .step-item:hover svg path,.p-product .how-inner .how-wrapper .left .step-item.active svg path{stroke:#fff;fill:#fff}.p-homepage .how-inner .how-wrapper .left .step-item:hover .number,.p-homepage .how-inner .how-wrapper .left .step-item.active .number,.p-product .how-inner .how-wrapper .left .step-item:hover .number,.p-product .how-inner .how-wrapper .left .step-item.active .number{background-color:#fff;color:#134d9f}.p-homepage .how-inner .how-wrapper .left .step-item:hover .text h6,.p-homepage .how-inner .how-wrapper .left .step-item.active .text h6,.p-product .how-inner .how-wrapper .left .step-item:hover .text h6,.p-product .how-inner .how-wrapper .left .step-item.active .text h6,.p-homepage .how-inner .how-wrapper .left .step-item:hover .text .desc,.p-homepage .how-inner .how-wrapper .left .step-item.active .text .desc,.p-product .how-inner .how-wrapper .left .step-item:hover .text .desc,.p-product .how-inner .how-wrapper .left .step-item.active .text .desc{color:#fff}.p-homepage .how-inner .how-wrapper .right .information,.p-product .how-inner .how-wrapper .right .information{display:none}}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .how:before,.p-product .how:before{content:"";background-image:url(/build/assets/bg-CN0pw8D2.png);background-size:cover;width:100%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;bottom:0;overflow:hidden}.p-homepage .how-inner .title h1,.p-product .how-inner .title h1{font-size:18px}.p-homepage .how-inner .how-wrapper,.p-product .how-inner .how-wrapper{display:flex;align-items:center;gap:0px}.p-homepage .how-inner .how-wrapper .left,.p-product .how-inner .how-wrapper .left{display:flex}.p-homepage .how-inner .how-wrapper .left .step,.p-product .how-inner .how-wrapper .left .step{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.p-homepage .how-inner .how-wrapper .left .step-item,.p-product .how-inner .how-wrapper .left .step-item{width:408px;display:flex;padding:11px 22px;align-items:center;gap:11px;align-self:stretch;border-radius:10px}.p-homepage .how-inner .how-wrapper .left .step-item .number,.p-product .how-inner .how-wrapper .left .step-item .number{cursor:pointer;display:flex;width:30px;height:30px;padding:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:9000px;border:1px solid var(--Gray-200, #DFDCDC);background:var(--Base-Primary, #134D9F);color:var(--Base-White, #FFF);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:500;line-height:17px}.p-homepage .how-inner .how-wrapper .left .step-item .text,.p-product .how-inner .how-wrapper .left .step-item .text{flex:1 0 0}.p-homepage .how-inner .how-wrapper .left .step-item .text h6,.p-product .how-inner .how-wrapper .left .step-item .text h6{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:25px}.p-homepage .how-inner .how-wrapper .left .step-item .text .desc,.p-product .how-inner .how-wrapper .left .step-item .text .desc{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;line-height:21px}.p-homepage .how-inner .how-wrapper .left .step-item svg,.p-product .how-inner .how-wrapper .left .step-item svg{width:30px;height:30px}.p-homepage .how-inner .how-wrapper .left .step-item:hover,.p-homepage .how-inner .how-wrapper .left .step-item.active,.p-product .how-inner .how-wrapper .left .step-item:hover,.p-product .how-inner .how-wrapper .left .step-item.active{background-color:#193766}.p-homepage .how-inner .how-wrapper .left .step-item:hover svg path,.p-homepage .how-inner .how-wrapper .left .step-item.active svg path,.p-product .how-inner .how-wrapper .left .step-item:hover svg path,.p-product .how-inner .how-wrapper .left .step-item.active svg path{stroke:#fff;fill:#fff}.p-homepage .how-inner .how-wrapper .left .step-item:hover .number,.p-homepage .how-inner .how-wrapper .left .step-item.active .number,.p-product .how-inner .how-wrapper .left .step-item:hover .number,.p-product .how-inner .how-wrapper .left .step-item.active .number{background-color:#fff;color:#193766}.p-homepage .how-inner .how-wrapper .left .step-item:hover .text h6,.p-homepage .how-inner .how-wrapper .left .step-item.active .text h6,.p-product .how-inner .how-wrapper .left .step-item:hover .text h6,.p-product .how-inner .how-wrapper .left .step-item.active .text h6,.p-homepage .how-inner .how-wrapper .left .step-item:hover .text .desc,.p-homepage .how-inner .how-wrapper .left .step-item.active .text .desc,.p-product .how-inner .how-wrapper .left .step-item:hover .text .desc,.p-product .how-inner .how-wrapper .left .step-item.active .text .desc{color:#fff}.p-homepage .how-inner .how-wrapper .right .swiper,.p-product .how-inner .how-wrapper .right .swiper{width:190px}.p-homepage .how-inner .how-wrapper .right .swiper-slide img,.p-product .how-inner .how-wrapper .right .swiper-slide img{width:190px;height:401px}.p-homepage .how-inner .how-wrapper .right .information,.p-product .how-inner .how-wrapper .right .information{display:none}}.p-homepage .review,.p-product .review{padding:40px 20px;background-color:#193766;background-size:cover}@media (max-width: 576px){.p-homepage .review .container,.p-product .review .container{padding:0}}.p-homepage .review-inner .review-wrapper,.p-product .review-inner .review-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;align-self:stretch}.p-homepage .review-inner .review-wrapper .card-media,.p-product .review-inner .review-wrapper .card-media{overflow:hidden;position:relative}.p-homepage .review-inner .review-wrapper .card-media .swiper-media,.p-product .review-inner .review-wrapper .card-media .swiper-media{width:100%}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .review-inner .review-wrapper .card-media .swiper-media,.p-product .review-inner .review-wrapper .card-media .swiper-media{width:555px!important;height:365px!important}}@media (min-width: 1200px){.p-homepage .review-inner .review-wrapper .card-media .swiper-media,.p-product .review-inner .review-wrapper .card-media .swiper-media{width:860px;height:559px}}.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-wrapper,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-wrapper{width:100%}.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-button-prev-media,.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-button-next-media,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-button-prev-media,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-button-next-media{width:60px;height:60px;display:flex;justify-content:center;align-items:center;position:absolute;background-color:transparent;border:none;cursor:pointer}.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-button-prev-media svg,.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-button-next-media svg,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-button-prev-media svg,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-button-next-media svg{width:100%;height:100%}.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-button-prev-media,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-button-prev-media{left:0;z-index:99999;top:50%}.p-homepage .review-inner .review-wrapper .card-media .swiper-media .swiper-button-next-media,.p-product .review-inner .review-wrapper .card-media .swiper-media .swiper-button-next-media{right:0;z-index:99999;top:50%}.p-homepage .review-inner .review-wrapper .card-media .swiper-pagination-media,.p-product .review-inner .review-wrapper .card-media .swiper-pagination-media{display:flex;justify-content:center;position:relative;z-index:10;right:10%;bottom:0%}.p-homepage .review-inner .review-wrapper .card-media .swiper-pagination-media .swiper-pagination-bullet,.p-product .review-inner .review-wrapper .card-media .swiper-pagination-media .swiper-pagination-bullet{width:14px;height:14px;background-color:#fff;opacity:unset;margin-top:20px}.p-homepage .review-inner .review-wrapper .card-media .swiper-pagination-media .swiper-pagination-bullet-active,.p-product .review-inner .review-wrapper .card-media .swiper-pagination-media .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #134D9F)}.p-homepage .review-inner .review-wrapper .card-media .pag-media,.p-product .review-inner .review-wrapper .card-media .pag-media{position:absolute;top:50%;display:flex;justify-content:space-between;width:100%}.p-homepage .review-inner .review-wrapper .card-media .pag-media .swiper-button-prev-media,.p-product .review-inner .review-wrapper .card-media .pag-media .swiper-button-prev-media{left:0!important;z-index:99999!important;top:50%}.p-homepage .review-inner .review-wrapper .card-media .pag-media .swiper-button-next-media,.p-product .review-inner .review-wrapper .card-media .pag-media .swiper-button-next-media{right:0;z-index:99999;top:50%}@media (max-width: 576px){.p-homepage .review-inner .review-wrapper .card-media,.p-product .review-inner .review-wrapper .card-media{height:330px}.p-homepage .review-inner .review-wrapper .card-media .swiper-media,.p-product .review-inner .review-wrapper .card-media .swiper-media{height:240px}.p-homepage .review-inner .review-wrapper .card-media .pag-media,.p-product .review-inner .review-wrapper .card-media .pag-media{justify-content:normal;gap:20px;top:180px}.p-homepage .review-inner .review-wrapper .card-media .pag-media .swiper-button-prev-media,.p-homepage .review-inner .review-wrapper .card-media .pag-media .swiper-button-next-media,.p-product .review-inner .review-wrapper .card-media .pag-media .swiper-button-prev-media,.p-product .review-inner .review-wrapper .card-media .pag-media .swiper-button-next-media{bottom:-110px;left:40%!important;position:relative;transform:translate(-50%)}}.p-homepage .review-inner .review-wrapper .media,.p-product .review-inner .review-wrapper .media{width:100%;display:flex;padding:10px;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;border-radius:10px;background:#ffffff0d;box-shadow:0 30px 60px #19376640}.p-homepage .review-inner .review-wrapper .media .top,.p-product .review-inner .review-wrapper .media .top{width:100%;position:relative;display:flex;align-items:center;justify-content:flex-start}.p-homepage .review-inner .review-wrapper .media .top .dots,.p-product .review-inner .review-wrapper .media .top .dots{position:absolute}.p-homepage .review-inner .review-wrapper .media .top .dots img,.p-product .review-inner .review-wrapper .media .top .dots img{height:10px;transform:scale(1.4)}@media (max-width: 992px){.p-homepage .review-inner .review-wrapper .media .top .dots img,.p-product .review-inner .review-wrapper .media .top .dots img{transform:scale(1)}}@media (max-width: 576px){.p-homepage .review-inner .review-wrapper .media .top .dots img,.p-product .review-inner .review-wrapper .media .top .dots img{transform:scale(1)}}.p-homepage .review-inner .review-wrapper .media .top .media-text,.p-product .review-inner .review-wrapper .media .top .media-text{flex:1 0 0;color:var(--Blue-Light, #D6E5FF);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:30px}.p-homepage .review-inner .review-wrapper .media .media-player,.p-product .review-inner .review-wrapper .media .media-player{width:100%}.p-homepage .review-inner .review-wrapper .media .media-player iframe,.p-product .review-inner .review-wrapper .media .media-player iframe{border-radius:10px;width:100%;height:100%}.p-homepage .review-inner .review-wrapper .media .media-player iframe .ytp-large-play-button,.p-product .review-inner .review-wrapper .media .media-player iframe .ytp-large-play-button{display:none!important}@media (max-width: 576px){.p-homepage .review-inner .review-wrapper .media .media-player,.p-product .review-inner .review-wrapper .media .media-player{height:245px}}@media (min-width: 768px){.p-homepage .review-inner .review-wrapper .media,.p-product .review-inner .review-wrapper .media{height:auto}.p-homepage .review-inner .review-wrapper .media .top .media-text,.p-product .review-inner .review-wrapper .media .top .media-text{font-size:22px}.p-homepage .review-inner .review-wrapper .media .media-player,.p-product .review-inner .review-wrapper .media .media-player{height:539px}.p-homepage .review-inner .review-wrapper .media .media-player img,.p-product .review-inner .review-wrapper .media .media-player img{height:100%}.p-homepage .review-inner .review-wrapper .media .media-player iframe .ytp-large-play-button,.p-product .review-inner .review-wrapper .media .media-player iframe .ytp-large-play-button{display:none!important}}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .review-inner .review-wrapper .media .top .media-text,.p-product .review-inner .review-wrapper .media .top .media-text{font-size:12px}}@media (min-width: 768px){.p-homepage .review-inner .review-wrapper .title-com,.p-product .review-inner .review-wrapper .title-com{width:400px}.p-homepage .review-inner .review-wrapper .media,.p-product .review-inner .review-wrapper .media{padding:30px 30px 40px;border-radius:30px}}@media (min-width: 768px){.p-homepage .review,.p-product .review{background-color:#193766}}.p-homepage .product,.p-product .product{background-color:#fff;padding:40px 20px;position:relative;display:flex;align-items:center}@media (max-width: 576px){.p-homepage .product .container,.p-product .product .container{padding:0}}@media (max-width: 576px){.p-homepage .product,.p-product .product{background-image:url(/build/assets/bg-fitur-mobile-ylVQPNhR.png);background-position:right;background-size:50%;background-repeat:no-repeat}}.p-homepage .product-inner,.p-product .product-inner{display:flex;flex-direction:column;align-items:center}.p-homepage .product-inner .product-wrapper,.p-product .product-inner .product-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;align-self:stretch}.p-homepage .product-inner .product-wrapper .left .text,.p-product .product-inner .product-wrapper .left .text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.p-homepage .product-inner .product-wrapper .left .text p,.p-product .product-inner .product-wrapper .left .text p{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}.p-homepage .product-inner .product-wrapper .left .text .btn-custom,.p-product .product-inner .product-wrapper .left .text .btn-custom{padding:8px 20px;width:auto;font-size:14px;align-self:unset}.p-homepage .product-inner .product-wrapper .right .image,.p-product .product-inner .product-wrapper .right .image{padding:14.594px 36.016px;height:360.812px}.p-homepage .product-inner .product-wrapper .right .image .desktop,.p-product .product-inner .product-wrapper .right .image .desktop{display:none}.p-homepage .product-inner .product-wrapper .right .image img,.p-product .product-inner .product-wrapper .right .image img{height:100%;width:300px;object-fit:contain}@media (min-width: 992px){.p-homepage .product-inner .product-wrapper .left .text p,.p-product .product-inner .product-wrapper .left .text p{font-size:22px;line-height:37px}.p-homepage .product-inner .product-wrapper .left .text .btn-custom,.p-product .product-inner .product-wrapper .left .text .btn-custom{padding:20px 30px;width:fit-content;font-size:16px}}@media (min-width: 1200px){.p-homepage .product,.p-product .product{padding-left:129px;padding-right:0}.p-homepage .product-inner .product-wrapper,.p-product .product-inner .product-wrapper{flex-direction:row}.p-homepage .product-inner .product-wrapper .left .text,.p-product .product-inner .product-wrapper .left .text{text-align:justify;align-items:flex-start}.p-homepage .product-inner .product-wrapper .left .text p,.p-product .product-inner .product-wrapper .left .text p{text-align:justify;font-size:22px;line-height:37px;width:233px}.p-homepage .product-inner .product-wrapper .right,.p-product .product-inner .product-wrapper .right{justify-content:space-between}.p-homepage .product-inner .product-wrapper .right .image,.p-product .product-inner .product-wrapper .right .image{width:450.303px;height:478.716px;display:flex;align-items:center}.p-homepage .product-inner .product-wrapper .right .image .mobile,.p-product .product-inner .product-wrapper .right .image .mobile{display:none}.p-homepage .product-inner .product-wrapper .right .image .desktop,.p-product .product-inner .product-wrapper .right .image .desktop{display:block;height:300px}}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .product,.p-product .product{gap:40px}.p-homepage .product-inner .product-wrapper,.p-product .product-inner .product-wrapper{flex-direction:row}.p-homepage .product-inner .product-wrapper .left,.p-product .product-inner .product-wrapper .left{width:405px}.p-homepage .product-inner .product-wrapper .left .text,.p-product .product-inner .product-wrapper .left .text{text-align:justify;align-items:flex-start}.p-homepage .product-inner .product-wrapper .left .text .title-com,.p-product .product-inner .product-wrapper .left .text .title-com{width:auto!important}.p-homepage .product-inner .product-wrapper .left .text p,.p-product .product-inner .product-wrapper .left .text p{text-align:justify;font-size:12px;line-height:21px}.p-homepage .product-inner .product-wrapper .left .text p .w-100,.p-product .product-inner .product-wrapper .left .text p .w-100{width:50%}.p-homepage .product-inner .product-wrapper .left .text .btn-custom,.p-product .product-inner .product-wrapper .left .text .btn-custom{padding:11px 17px;font-size:10px!important}.p-homepage .product-inner .product-wrapper .left .text .btn-custom img,.p-product .product-inner .product-wrapper .left .text .btn-custom img{width:13px;height:13px}.p-homepage .product-inner .product-wrapper .right .image,.p-product .product-inner .product-wrapper .right .image{display:flex;align-items:center}.p-homepage .product-inner .product-wrapper .right .image .mobile,.p-product .product-inner .product-wrapper .right .image .mobile{display:none}.p-homepage .product-inner .product-wrapper .right .image .desktop,.p-product .product-inner .product-wrapper .right .image .desktop{display:block;height:193px;width:210px}}.p-homepage .cara-pakai,.p-product .cara-pakai{position:relative;padding:40px 20px}@media (max-width: 576px){.p-homepage .cara-pakai,.p-product .cara-pakai{height:750px}}.p-homepage .cara-pakai:before,.p-product .cara-pakai:before{content:"";background:url(/build/assets/bg-small-DDa0h1hd.png) center/cover no-repeat,var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%));width:100%;height:100%;z-index:1;position:absolute;left:0;bottom:0}@media (max-width: 576px){.p-homepage .cara-pakai:before,.p-product .cara-pakai:before{background:url(/build/assets/bg-small-DDa0h1hd.png) center/cover no-repeat,var(--Gradient-100, linear-gradient(180deg, #ffffff 0%, rgb(247, 247, 247) 92.51%, rgb(255, 255, 255) 100%))}}.p-homepage .cara-pakai-inner,.p-product .cara-pakai-inner{display:flex;flex-direction:column;position:relative;z-index:2;align-items:center;gap:50px;align-self:stretch}@media (max-width: 576px){.p-homepage .cara-pakai-inner.detail,.p-product .cara-pakai-inner.detail{gap:20px}}.p-homepage .cara-pakai-inner .title h1,.p-product .cara-pakai-inner .title h1{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.p-homepage .cara-pakai-inner .title h1 .ha,.p-product .cara-pakai-inner .title h1 .ha{color:#134d9f}.p-homepage .cara-pakai-inner .title h1 .jo,.p-product .cara-pakai-inner .title h1 .jo{color:#41ace1}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .cara-pakai-inner .title h1,.p-product .cara-pakai-inner .title h1{font-size:18px}}.p-homepage .cara-pakai-inner .CaraPakaiDekstop,.p-product .cara-pakai-inner .CaraPakaiDekstop{width:100%;height:100%;overflow-x:hidden}@media (max-width: 768px){.p-homepage .cara-pakai-inner .CaraPakaiDekstop,.p-product .cara-pakai-inner .CaraPakaiDekstop{display:none}}.p-homepage .cara-pakai-inner .swiper-slide,.p-product .cara-pakai-inner .swiper-slide{width:100%!important;height:100%}.p-homepage .cara-pakai-inner .swiper-pagination3,.p-homepage .cara-pakai-inner .swiper-button-next3,.p-homepage .cara-pakai-inner .swiper-button-prev3,.p-homepage .cara-pakai-inner .swiper-pagination4,.p-homepage .cara-pakai-inner .swiper-button-next4,.p-homepage .cara-pakai-inner .swiper-button-prev4,.p-product .cara-pakai-inner .swiper-pagination3,.p-product .cara-pakai-inner .swiper-button-next3,.p-product .cara-pakai-inner .swiper-button-prev3,.p-product .cara-pakai-inner .swiper-pagination4,.p-product .cara-pakai-inner .swiper-button-next4,.p-product .cara-pakai-inner .swiper-button-prev4{display:none!important}.p-homepage .cara-pakai-inner .swiper-button-next2:after,.p-homepage .cara-pakai-inner .swiper-button-prev2:after,.p-product .cara-pakai-inner .swiper-button-next2:after,.p-product .cara-pakai-inner .swiper-button-prev2:after{display:none!important}.p-homepage .cara-pakai-inner .swiper-pagination-bullet-active,.p-product .cara-pakai-inner .swiper-pagination-bullet-active{width:60px}.p-homepage .cara-pakai-inner .swiper-navigation,.p-product .cara-pakai-inner .swiper-navigation{margin-top:40px}.p-homepage .cara-pakai-inner .swiper-navigation .swiper-button-next,.p-homepage .cara-pakai-inner .swiper-navigation .swiper-button-prev,.p-product .cara-pakai-inner .swiper-navigation .swiper-button-next,.p-product .cara-pakai-inner .swiper-navigation .swiper-button-prev{width:60px;height:60px}.p-homepage .cara-pakai-inner .swiper-navigation .swiper-button-next svg,.p-homepage .cara-pakai-inner .swiper-navigation .swiper-button-prev svg,.p-product .cara-pakai-inner .swiper-navigation .swiper-button-next svg,.p-product .cara-pakai-inner .swiper-navigation .swiper-button-prev svg{width:30px}.p-homepage .cara-pakai-inner .left,.p-product .cara-pakai-inner .left{display:none}.p-homepage .cara-pakai-inner .right,.p-product .cara-pakai-inner .right{width:400px;position:relative}.p-homepage .cara-pakai-inner .information,.p-product .cara-pakai-inner .information{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.p-homepage .cara-pakai-inner .information .top,.p-product .cara-pakai-inner .information .top{color:var(--Base-Primary, #134D9F);font-size:24px;font-style:normal;font-weight:700;line-height:normal}.p-homepage .cara-pakai-inner .information .bottom,.p-product .cara-pakai-inner .information .bottom{color:var(--Base-Primary, #134D9F);text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:30px}.p-homepage .cara-pakai-inner.mobile,.p-homepage .cara-pakai-inner.tablet,.p-product .cara-pakai-inner.mobile,.p-product .cara-pakai-inner.tablet{display:none}@media (max-width: 576px){.p-homepage .cara-pakai-inner.dekstop,.p-homepage .cara-pakai-inner.tablet,.p-product .cara-pakai-inner.dekstop,.p-product .cara-pakai-inner.tablet{display:none}.p-homepage .cara-pakai-inner.mobile,.p-product .cara-pakai-inner.mobile{display:flex!important;gap:20px}.p-homepage .cara-pakai-inner.mobile .information,.p-product .cara-pakai-inner.mobile .information{position:relative;top:100px}.p-homepage .cara-pakai-inner.mobile .CaraPakaiMobile,.p-product .cara-pakai-inner.mobile .CaraPakaiMobile{width:100%;height:700px;overflow:hidden}.p-homepage .cara-pakai-inner.mobile .swiper-slide,.p-product .cara-pakai-inner.mobile .swiper-slide{width:100%!important;height:100%;justify-content:center;display:flex;flex-direction:column;align-items:center;margin-top:-130px}.p-homepage .cara-pakai-inner.mobile .swiper-slide img,.p-product .cara-pakai-inner.mobile .swiper-slide img{width:250px;height:250px}.p-homepage .cara-pakai-inner.mobile .swiper-pagination3,.p-product .cara-pakai-inner.mobile .swiper-pagination3{display:flex!important;justify-content:center;position:absolute;z-index:10;right:10%;bottom:47%}.p-homepage .cara-pakai-inner.mobile .swiper-pagination3 .swiper-pagination-bullet,.p-product .cara-pakai-inner.mobile .swiper-pagination3 .swiper-pagination-bullet{width:14px;height:14px}.p-homepage .cara-pakai-inner.mobile .swiper-pagination3 .swiper-pagination-bullet-active,.p-product .cara-pakai-inner.mobile .swiper-pagination3 .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #134D9F)}.p-homepage .cara-pakai-inner.mobile .swiper-navigation3,.p-product .cara-pakai-inner.mobile .swiper-navigation3{display:flex!important;align-items:center;justify-content:center;position:relative;height:50px;gap:20px;width:100%;top:-380px}.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3,.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3{display:flex!important;position:relative;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8;z-index:9999}.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3 svg,.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3 svg,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3 svg,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3 svg{width:20px}.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3 svg path,.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3 svg path,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3 svg path,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3 svg path{stroke:#193766;fill:#193766}.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3:after,.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3:after,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3:after,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3:after{display:none}.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3.swiper-button-disabled svg path,.p-homepage .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3.swiper-button-disabled svg path,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-next3.swiper-button-disabled svg path,.p-product .cara-pakai-inner.mobile .swiper-navigation3 .swiper-button-prev3.swiper-button-disabled svg path{stroke:#b9b8b8;fill:#b9b8b8}}@media (min-width: 577px) and (max-width: 992px){.p-homepage .cara-pakai-inner.mobile,.p-homepage .cara-pakai-inner.dekstop,.p-product .cara-pakai-inner.mobile,.p-product .cara-pakai-inner.dekstop{display:none}.p-homepage .cara-pakai-inner.tablet,.p-product .cara-pakai-inner.tablet{display:flex!important;gap:20px}.p-homepage .cara-pakai-inner.tablet .information,.p-product .cara-pakai-inner.tablet .information{position:relative;top:100px}.p-homepage .cara-pakai-inner.tablet .CaraPakaiTablet,.p-product .cara-pakai-inner.tablet .CaraPakaiTablet{width:100%;height:100%;overflow:hidden}.p-homepage .cara-pakai-inner.tablet .swiper-slide,.p-product .cara-pakai-inner.tablet .swiper-slide{width:auto!important;height:100%;justify-content:center;display:flex;flex-direction:column;align-items:center;margin-top:60px}.p-homepage .cara-pakai-inner.tablet .swiper-slide img,.p-product .cara-pakai-inner.tablet .swiper-slide img{width:100%;height:100%}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet{display:flex;align-items:center;width:100%;position:absolute;top:100px}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-pagination4,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-pagination4{display:flex!important;justify-content:start;position:absolute;z-index:10;right:10%}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-pagination4 .swiper-pagination-bullet,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-pagination4 .swiper-pagination-bullet{width:14px;height:14px}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-pagination4 .swiper-pagination-bullet-active,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-pagination4 .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #134D9F)}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4{display:flex!important;align-items:center;justify-content:end;position:relative;height:50px;gap:20px;width:100%}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4,.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4{display:flex!important;position:relative;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8;z-index:9999}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4 svg,.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4 svg,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4 svg,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4 svg{width:20px}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4:after,.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4:after,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4:after,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4:after{display:none}.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4.swiper-button-disabled svg path,.p-homepage .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4.swiper-button-disabled svg path,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-next4.swiper-button-disabled svg path,.p-product .cara-pakai-inner.tablet .pagination-cara-pakai-tablet .swiper-navigation4 .swiper-button-prev4.swiper-button-disabled svg path{stroke:#b9b8b8;fill:#b9b8b8}}@media (min-width: 768px){.p-homepage .cara-pakai:before,.p-product .cara-pakai:before{content:"";background:url(/build/assets/bg-small-tablet-CT6KZK_k.png) center/cover no-repeat,var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%));width:100%;height:100%;z-index:1;position:absolute;left:0;bottom:0}}@media (min-width: 992px){.p-homepage .cara-pakai:before,.p-product .cara-pakai:before{content:"";background:url(/build/assets/bg-CN0pw8D2.png) center/cover no-repeat,var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%));width:100%;height:100%;z-index:1;position:absolute;left:0;bottom:0}.p-homepage .cara-pakai-inner .cara-pakai-wrapper,.p-product .cara-pakai-inner .cara-pakai-wrapper{position:relative;display:flex;align-items:flex-start;z-index:2;gap:100px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left,.p-product .cara-pakai-inner .cara-pakai-wrapper .left{display:flex}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item{width:100%;display:flex;padding:20px 40px;align-items:center;align-self:stretch;border-radius:10px;gap:24px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .number,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .number{display:flex;width:56px;height:56px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:9000px;border:1px solid var(--Gray-200, #DFDCDC);background:var(--Base-Primary, #134D9F);color:var(--Base-White, #FFF);font-family:DM Sans;font-size:22px;font-style:normal;font-weight:500;line-height:30px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text{flex:1 0 0}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text h6,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text h6{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text .desc,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text .desc{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active{background-color:#134d9f}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover svg path,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active svg path,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover svg path,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active svg path{stroke:#fff;fill:#fff}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .number,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .number,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .number,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .number{background-color:#fff;color:#134d9f}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text h6,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text h6,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text h6,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text h6,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text .desc,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text .desc,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text .desc,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text .desc{color:#fff}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .right,.p-product .cara-pakai-inner .cara-pakai-wrapper .right{width:50%}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .right img,.p-product .cara-pakai-inner .cara-pakai-wrapper .right img{object-fit:cover;width:100%}}@media (min-width: 768px) and (max-width: 1200px){.p-homepage .cara-pakai-inner .cara-pakai-wrapper,.p-product .cara-pakai-inner .cara-pakai-wrapper{position:relative;display:flex;align-items:center;z-index:2;gap:20px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left,.p-product .cara-pakai-inner .cara-pakai-wrapper .left{display:flex}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item{width:408px;display:flex;padding:11px 22px;align-items:center;gap:11px;align-self:stretch;border-radius:10px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .number,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .number{cursor:pointer;display:flex;width:30px;height:30px;padding:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:9000px;border:1px solid var(--Gray-200, #DFDCDC);background:var(--Base-Primary, #134D9F);color:var(--Base-White, #FFF);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:500;line-height:17px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text{flex:1 0 0}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text h6,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text h6{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:25px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text .desc,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item .text .desc{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:12px;font-style:normal;font-weight:400;line-height:21px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item svg,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item svg{width:30px;height:30px}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active{background-color:#193766}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover svg path,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active svg path,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover svg path,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active svg path{stroke:#fff;fill:#fff}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .number,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .number,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .number,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .number{background-color:#fff;color:#193766}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text h6,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text h6,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text h6,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text h6,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text .desc,.p-homepage .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text .desc,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item:hover .text .desc,.p-product .cara-pakai-inner .cara-pakai-wrapper .left .step-item.active .text .desc{color:#fff}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .right,.p-product .cara-pakai-inner .cara-pakai-wrapper .right{width:auto!important}.p-homepage .cara-pakai-inner .cara-pakai-wrapper .right .information,.p-product .cara-pakai-inner .cara-pakai-wrapper .right .information{display:none}}.p-product.logo-dark .c-navbar-landing .brand-laptop{display:none!important}.p-product.logo-dark .c-navbar-landing .brand-laptop.white{display:block!important}@media (max-width: 1199px){.p-product.logo-dark .c-navbar-landing .brand-laptop,.p-product.logo-dark .c-navbar-landing .brand-laptop.white{display:none!important}}.p-product .produk{padding:40px 20px;background-color:#fff}@media (min-width: 992px){.p-product .produk{padding:100px 150px}.p-product .produk-inner .produk-wrapper{align-items:flex-start}.p-product .produk-inner .produk-wrapper p{font-size:22px;line-height:29px;text-align:left}.p-product .produk-inner .produk-wrapper .mobile-view{display:none}.p-product .produk-inner .produk-wrapper .desktop-view{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}}.p-product .about{padding:40px 20px}@media (max-width: 576px){.p-product .about{background-image:url(/build/assets/bg-fitur-mobile-ylVQPNhR.png);background-size:50% 40%;background-repeat:no-repeat;background-position:bottom right}}.p-product .about-inner .about-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.p-product .about-inner .about-wrapper .title{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.p-product .about-inner .text{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}@media (min-width: 992px){.p-product .about{padding:100px}.p-product .about-inner .about-wrapper{align-items:center}.p-product .about-inner .text{text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:37px}}@media (min-width: 768px) and (max-width: 1200px){.p-product .about{padding:56px 85px}}.p-product .vision{padding:40px 20px;position:relative}.p-product .vision:before{content:"";background-image:url(/build/assets/bg-visi-misi-xsjwxXLT.png);background-size:contain;width:100%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;bottom:0}@media (max-width: 576px){.p-product .vision:before{background:var(--Base-White, #FFF)}}.p-product .vision-inner{position:relative;z-index:2}.p-product .vision-inner .vision-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.p-product .vision-inner .vision-wrapper .title h1{color:var(--Base-Dark, #193766);text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal}@media (min-width: 768px) and (max-width: 1200px){.p-product .vision-inner .vision-wrapper .title h1{font-size:18px}}.p-product .vision-inner .vision-wrapper .title h1 .ha{color:#134d9f}.p-product .vision-inner .vision-wrapper .title h1 .jo{color:#41ace1}.p-product .vision-inner .vision-wrapper .item-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.p-product .vision-inner .vision-wrapper .item-wrapper .items{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.p-product .vision-inner .vision-wrapper .item-wrapper .items .image{height:132px;width:132px}.p-product .vision-inner .vision-wrapper .item-wrapper .items .image img{width:100%;height:100%}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text{display:flex;flex-direction:column;gap:15px;text-align:center}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text .title{color:var(--Base-Dark, #193766);font-size:24px;font-style:normal;font-weight:700;line-height:normal}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text .sub-title{color:var(--Base-Secondary, #7A8CAA);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}@media (min-width: 992px){.p-product .vision{padding:50px 100px}.p-product .vision:before{content:"";background-image:url(/build/assets/bg-visi-misi-xsjwxXLT.png);background-size:contain;width:100%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;bottom:0}.p-product .vision-inner .vision-wrapper .item-wrapper{gap:50px;margin-top:30px}.p-product .vision-inner .vision-wrapper .item-wrapper .items{padding:50px;flex-direction:row;align-items:center;gap:50px;align-self:stretch;border-radius:12px;border:1px solid var(--Gray-200, #DFDCDC);background:var(--Base-White, #FFF)}.p-product .vision-inner .vision-wrapper .item-wrapper .items .image{width:240px}.p-product .vision-inner .vision-wrapper .item-wrapper .items .image img{width:100%}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text{text-align:justify}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text .title{font-size:32px}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text .sub-title{font-size:22px;line-height:37px}}@media (min-width: 1200px){.p-product .vision{padding:100px 150px}}@media (min-width: 768px) and (max-width: 1200px){.p-product .vision{padding:50px 100px}.p-product .vision:before{content:"";background-image:url(/build/assets/bg-CN0pw8D2.png);background-size:cover;width:100%;height:100%;z-index:1;background-repeat:no-repeat;position:absolute;left:0;bottom:0}.p-product .vision-inner .vision-wrapper .item-wrapper{gap:28px;margin-top:30px}.p-product .vision-inner .vision-wrapper .item-wrapper .items{padding:28px;flex-direction:row;align-items:center;gap:28px;align-self:stretch;border-radius:12px;border:1px solid var(--Gray-200, #DFDCDC);background:var(--Base-White, #FFF)}.p-product .vision-inner .vision-wrapper .item-wrapper .items .image{width:134px}.p-product .vision-inner .vision-wrapper .item-wrapper .items .image img{width:100%}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text{align-items:start}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text .title{font-size:18px!important}.p-product .vision-inner .vision-wrapper .item-wrapper .items .text .sub-title{text-align:start}}.p-product .our-team{padding:40px 0 60px;background-color:#193766;position:relative}@media (max-width: 576px){.p-product .our-team{padding-bottom:40px}}.p-product .our-team-inner .our-team-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;align-self:stretch}.p-product .our-team-inner .our-team-wrapper .swiper-wrapper{display:flex;justify-content:center}@media (max-width: 576px){.p-product .our-team-inner .our-team-wrapper .swiper-wrapper{justify-content:start}}.p-product .our-team-inner .our-team-wrapper .swiper-slide{flex:0 0 calc(0% - 100px);margin-right:0!important;margin-left:20px;box-sizing:border-box}.p-product .our-team-inner .our-team-wrapper .swiper{width:100%}.p-product .our-team-inner .swiper-pagination{display:flex;justify-content:center;position:absolute;z-index:10;right:10%;bottom:20px}.p-product .our-team-inner .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;background:#ebf3fe}.p-product .our-team-inner .swiper-pagination .swiper-pagination-bullet-active{border-radius:8px;width:30px;background:var(--Base-Primary, #3B82F6)}@media (min-width: 992px){.p-product .our-team{padding:100px 50px}.p-product .our-team-inner .swiper-pagination{display:none}}.p-product.white{background:#fff!important}@media (max-width: 576px){.p-product.normal .hero-inner{padding:40px 20px 0}.p-product.normal .hero-inner .text h1{text-align:center;padding:0 40px}.p-product.normal .hero-inner .text .btn-custom{width:50%;justify-content:center;margin-left:25%}}.p-product .produk{padding:40px 30px;background-color:#fff}@media (max-width: 576px){.p-product .produk{padding:0 0 40px}}.p-product .produk.fitur{background:#fff!important}@media (max-width: 576px){.p-product .produk.fitur{background-image:url(/build/assets/bg-fitur-mobile-ylVQPNhR.png)!important;background-size:50%!important;background-repeat:no-repeat!important;background-position:right!important}}.p-product .produk-inner .produk-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.p-product .produk-inner .produk-wrapper p{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}@media (max-width: 576px){.p-product .produk-inner .produk-wrapper p{width:330px}}.p-product .produk-inner .produk-wrapper .mobile-view,.p-product .produk-inner .produk-wrapper .mobile-view .swiper{width:100%}.p-product .produk-inner .produk-wrapper .mobile-view .swiper-slide{box-sizing:border-box;display:flex;justify-content:center;margin-right:-20px}.p-product .produk-inner .produk-wrapper .desktop-view{display:none;width:100%}@media (min-width: 992px){.p-product .produk{padding:100px 150px}.p-product .produk-inner .produk-wrapper{align-items:flex-start}.p-product .produk-inner .produk-wrapper p{font-size:18px;line-height:29px;text-align:left;width:90%}.p-product .produk-inner .produk-wrapper p .f-harga{color:var(--Base-Dark, #193766)!important;font-size:24px!important;font-style:normal!important;font-weight:700!important;line-height:normal!important}.p-product .produk-inner .produk-wrapper .mobile-view{display:none}.p-product .produk-inner .produk-wrapper .desktop-view{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}}@media (min-width: 1200px){.p-product .produk{padding:100px}.p-product .produk-inner .produk-wrapper .desktop-view{grid-template-columns:repeat(3,1fr);column-gap:50px;row-gap:100px}}@media (min-width: 768px) and (max-width: 1200px){.p-product .produk{padding:56px}.p-product .produk-inner .produk-wrapper{align-items:flex-start;gap:20px!important}.p-product .produk-inner .produk-wrapper .title-com{width:auto!important}.p-product .produk-inner .produk-wrapper p{font-size:12px;line-height:21px;text-align:left}.p-product .produk-inner .produk-wrapper p .f-harga{color:var(--Base-Dark, #193766)!important;font-size:24px!important;font-style:normal!important;font-weight:700!important;line-height:normal!important}.p-product .produk-inner .produk-wrapper .mobile-view{display:none}.p-product .produk-inner .produk-wrapper .desktop-view{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}}.p-product .spesifikasi{background:var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%))}.p-product .spesifikasi-inner{display:flex;padding:40px 20px;flex-direction:column;justify-content:center;align-items:center;gap:20px}.p-product .spesifikasi-inner p{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:29px}.p-product .spesifikasi-inner .text{display:flex;flex-direction:column;align-items:center}.p-product .spesifikasi-inner .spesifikasi-wrapper{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:20px}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item{display:flex;padding:10px 10px 20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;flex:1 0 0;border-radius:15px;background:var(--Base-White, #FFF)}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item svg{width:24px;height:24px}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item .title{color:var(--Base-Dark, #193766);text-align:center;font-family:Rubik,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item .subtitle{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:30px}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover{background:#193766}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover .title,.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover .subtitle,.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover .harga{color:#fff}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover svg{stroke:#fff}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover svg path{stroke:#fff}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item:hover svg path.and{fill:#fff}@media (min-width: 768px){.p-product .spesifikasi{padding:50px}.p-product .spesifikasi-inner p{font-size:22px;line-height:37px}.p-product .spesifikasi-inner .spesifikasi-wrapper{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px){.p-product .spesifikasi{padding:100px}.p-product .spesifikasi-inner{gap:50px}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item{height:311px}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item svg{width:50px;height:50px}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item .text{align-items:center}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item .text .title{font-size:32px;text-align:center}.p-product .spesifikasi-inner .spesifikasi-wrapper .spesifikasi-item .text .subtitle{font-size:16px;text-align:center}.p-product .spesifikasi-inner .text{align-items:flex-start;gap:10px}.p-product .spesifikasi p{text-align:left}}.p-product .tujuan{background-image:url(/build/assets/rectangle-bg-C7vW2YRo.svg);background-size:cover}.p-product .tujuan.detail-produk{background-color:#193766}.p-product .tujuan-inner{padding:40px 20px}.p-product .tujuan-inner .tujuan-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.p-product .tujuan-inner .tujuan-wrapper p{color:var(--Blue-Light, #D6E5FF);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:37px}@media (min-width: 768px) and (max-width: 1200px){.p-product .tujuan-inner .tujuan-wrapper p{font-size:14px!important}}.p-product .tujuan-inner .tujuan-wrapper .media{width:100%;display:flex;padding:10px;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;border-radius:10px;background:#ffffff0d;box-shadow:0 30px 60px #19376640}.p-product .tujuan-inner .tujuan-wrapper .media.detail-produk{height:649px}@media (max-width: 992px){.p-product .tujuan-inner .tujuan-wrapper .media.detail-produk{height:539px}}@media (max-width: 576px){.p-product .tujuan-inner .tujuan-wrapper .media.detail-produk{width:100%;height:245px}}.p-product .tujuan-inner .tujuan-wrapper .media .top{width:100%;position:relative;display:flex;align-items:center;justify-content:flex-start}.p-product .tujuan-inner .tujuan-wrapper .media .top .dots{position:absolute}.p-product .tujuan-inner .tujuan-wrapper .media .top .dots img{height:10px;transform:scale(1.4)}@media (max-width: 992px){.p-product .tujuan-inner .tujuan-wrapper .media .top .dots img{transform:scale(1)}}@media (max-width: 576px){.p-product .tujuan-inner .tujuan-wrapper .media .top .dots img{display:none}}.p-product .tujuan-inner .tujuan-wrapper .media .top .media-text{flex:1 0 0;color:var(--Blue-Light, #D6E5FF);text-align:center;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:30px}.p-product .tujuan-inner .tujuan-wrapper .media .media-player{width:100%;height:100%}.p-product .tujuan-inner .tujuan-wrapper .media .media-player iframe{border-radius:10px;width:100%;height:100%}@media (max-width: 576px){.p-product .tujuan-inner .tujuan-wrapper .media .media-player{height:185px}}@media (min-width: 768px) and (max-width: 992px){.p-product .tujuan-inner .tujuan-wrapper .media .top .media-text{font-size:22px}.p-product .tujuan-inner .tujuan-wrapper .media .media-player{height:539px}.p-product .tujuan-inner .tujuan-wrapper .media .media-player img{height:100%}}@media (min-width: 768px) and (max-width: 1200px){.p-product .tujuan-inner .tujuan-wrapper .des{width:600px!important}}@media (min-width: 992px){.p-product .tujuan-inner .tujuan-wrapper .des{width:600px!important}}@media (min-width: 1200px){.p-product .tujuan-inner .tujuan-wrapper .des{width:900px!important}}@media (min-width: 768px){.p-product .tujuan-inner .tujuan-wrapper .title-com{width:400px}.p-product .tujuan-inner .tujuan-wrapper .media{padding:30px 30px 40px;border-radius:30px}}@media (min-width: 768px){.p-product .tujuan-inner{padding:50px}.p-product .tujuan-inner .tujuan-wrapper p{font-size:22px;line-height:27px}}@media (min-width: 768px) and (min-width: 1200px){.p-product .tujuan-inner .tujuan-wrapper p{line-height:37px}}@media (min-width: 992px){.p-product .tujuan-inner{padding:100px;background-color:#193766}}.p-product .craft{padding:40px 20px;background-image:url(/build/assets/craft-BcoS70on.png)}.p-product .craft-inner .craft-wrapper{display:flex;align-items:center;gap:85px}.p-product .craft-inner .craft-wrapper .left .text h6{color:var(--Base-White, #FFF);font-family:Rubik;font-size:20px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1px;text-transform:uppercase}.p-product .craft-inner .craft-wrapper .left .text h1{color:var(--Base-White, #FFF);font-family:Rubik,sans-serif;font-size:32px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase}.p-product .craft-inner .craft-wrapper .left .text p{color:var(--Base-White, #FFF);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:30px}.p-product .craft-inner .craft-wrapper .right{display:none}@media (min-width: 768px){.p-product .craft-inner .craft-wrapper .left .text h6{font-size:32px}.p-product .craft-inner .craft-wrapper .left .text h1{font-size:68px}.p-product .craft-inner .craft-wrapper .left .text p{font-size:22px}}@media (min-width: 992px){.p-product .craft{height:428px;padding:100px 150px;position:relative}.p-product .craft-inner .craft-wrapper .right{display:block}.p-product .craft-inner .craft-wrapper .right .image{width:283.998px;height:543.42px;position:absolute;top:-60px;right:10%}.p-product .craft-inner .craft-wrapper .right .image img{width:100%;height:100%}}@media (min-width: 1200px){.p-product .craft{height:500px}.p-product .craft-inner .craft-wrapper .right .image{top:-80px}}.c-hero-detail-produk{height:174px;background-size:cover;background-repeat:no-repeat}.c-hero-detail-produk.prod-1{background-image:url(/build/assets/bg-prod-1-5nNKC29I.png)}@media (max-width: 576px){.c-hero-detail-produk.prod-1{background-image:url(/build/assets/bg-prod-1-mobile-Ho-HhcXh.png)}.c-hero-detail-produk.prod-1 .hero-detail-inner .image-mobile img{width:151px;height:165px;margin-left:15px}.c-hero-detail-produk.prod-1 .hero-detail-inner .image-mobile img img{width:151px;height:100%;object-fit:contain}}.c-hero-detail-produk.prod-2{background-image:url(/build/assets/bg-prod-2-Db4QDvjf.png)}@media (max-width: 576px){.c-hero-detail-produk.prod-2{background-image:url(/build/assets/bg-prod-2-mobile-OSsytabe.png)}}.c-hero-detail-produk.prod-3{background-image:url(/build/assets/bg-prod-3-B0iHDoLe.png)}@media (max-width: 576px){.c-hero-detail-produk.prod-3{background-image:url(/build/assets/bg-prod-3-mobile-BrvQsbuv.png)}.c-hero-detail-produk.prod-3 .hero-detail-inner .text span.type{color:#ffba31}}@media (max-width: 576px){.c-hero-detail-produk{height:362px}.c-hero-detail-produk .container{padding:0}}.c-hero-detail-produk .hero-detail-inner{padding:20px;display:flex;flex-direction:row}@media (max-width: 576px){.c-hero-detail-produk .hero-detail-inner{padding:100px 30px}}.c-hero-detail-produk .hero-detail-inner .text{position:relative;text-align:left;z-index:2}.c-hero-detail-produk .hero-detail-inner .text h1{color:var(--Base-White, #FFF);font-family:Rubik,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:74px}@media (max-width: 576px){.c-hero-detail-produk .hero-detail-inner .text h1{line-height:normal;font-family:DM Sans!important;white-space:wrap!important}}.c-hero-detail-produk .hero-detail-inner .text h1 span.type{color:#fa8c41}.c-hero-detail-produk .hero-detail-inner .text h1 span.jo{color:var(--Base-Blue, #41ACE1);font-family:Rubik;font-size:84px;font-style:normal;font-weight:500;line-height:74px}.c-hero-detail-produk .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail-produk .hero-detail-inner .text p{color:var(--Base-White, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:normal}@media (max-width: 576px){.c-hero-detail-produk .hero-detail-inner .text p{line-height:29px;width:203px}}@media (max-width: 576px){.c-hero-detail-produk .hero-detail-inner .text{width:50%}}.c-hero-detail-produk .hero-detail-inner .image{display:none}.c-hero-detail-produk .hero-detail-inner .image-mobile img{width:151px;height:165px}.c-hero-detail-produk .hero-detail-inner .image-mobile img img{width:151px;height:100%;object-fit:contain}@media (min-width: 768px){.c-hero-detail-produk{height:360px}.c-hero-detail-produk .hero-detail-inner{padding:50px;display:flex;flex-direction:column}.c-hero-detail-produk .hero-detail-inner .text{position:relative;text-align:left;z-index:2}.c-hero-detail-produk .hero-detail-inner .text h1{font-size:60px}.c-hero-detail-produk .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail-produk .hero-detail-inner .text p{font-size:24px}}@media (min-width: 992px){.c-hero-detail-produk{height:500px}.c-hero-detail-produk .hero-detail-inner{padding:100px;display:flex}.c-hero-detail-produk .hero-detail-inner .text{margin-top:50px;position:relative;text-align:left;z-index:2}.c-hero-detail-produk .hero-detail-inner .text h1{font-size:60px}.c-hero-detail-produk .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail-produk .hero-detail-inner .text p{font-size:24px}.c-hero-detail-produk.and .hero-detail-inner{flex-direction:row;align-items:center}.c-hero-detail-produk.and .hero-detail-inner .image{display:block;height:auto}.c-hero-detail-produk.and .hero-detail-inner .image img{width:100%;height:100%}}@media (min-width: 1200px){.c-hero-detail-produk{height:650px}.c-hero-detail-produk .hero-detail-inner{display:flex;flex-direction:column}.c-hero-detail-produk .hero-detail-inner .text{margin-top:50px;position:relative;text-align:left;z-index:2;display:flex;flex-direction:column;gap:20px}.c-hero-detail-produk .hero-detail-inner .text h1{font-size:84px;font-weight:500}.c-hero-detail-produk .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail-produk .hero-detail-inner .text p{font-size:24px;white-space:nowrap}.c-hero-detail-produk.and .hero-detail-inner{flex-direction:row;padding:80px 100px 50px;align-items:center}.c-hero-detail-produk.and .hero-detail-inner .image{display:block;height:auto;margin-top:50px}.c-hero-detail-produk.and .hero-detail-inner .image img{width:100%;height:100%}}@media (min-width: 1800px){.c-hero-detail-produk.and .hero-detail-inner{padding:0 100px 50px}}@media (min-width: 768px) and (max-width: 1200px){.c-hero-detail-produk{height:402px}.c-hero-detail-produk .hero-detail-inner{padding:100px;display:flex}.c-hero-detail-produk .hero-detail-inner .text{margin-top:50px;position:relative;text-align:left;z-index:2}.c-hero-detail-produk .hero-detail-inner .text h1{font-size:60px}.c-hero-detail-produk .hero-detail-inner .text h1.detail{font-size:32px}.c-hero-detail-produk .hero-detail-inner .text p{font-size:24px}.c-hero-detail-produk.and .hero-detail-inner{flex-direction:row;align-items:center}.c-hero-detail-produk.and .hero-detail-inner .image{display:block;height:auto;margin-top:50px}.c-hero-detail-produk.and .hero-detail-inner .image img{width:100%;height:100%}}.privacy-policy{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;flex-shrink:0;background:#fff}@media (min-width: 576px) and (max-width: 768px){.privacy-policy{gap:25px}}.privacy-policy .judul{margin-top:156px;width:100%;justify-content:center;display:flex;color:var(--Base-Blue, #41ACE1);font-size:32px;font-weight:700;font-family:DM Sans;font-style:normal;line-height:normal}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .judul{margin-top:40px;font-size:28px}}@media (max-width: 576px){.privacy-policy .judul{flex-direction:column;justify-content:center;font-size:32px;margin-top:40px;margin-bottom:20px}.privacy-policy .judul .bungkus-judul{width:100%;display:flex;justify-content:center}}.privacy-policy .judul span{font-family:DM Sans;font-style:normal;line-height:normal}.privacy-policy .judul span.haus{color:var(--Base-Primary, #134D9F);font-size:32px;font-weight:700}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .judul span.haus{font-size:28px}}.privacy-policy .judul span.jo{color:var(--Base-Blue, #41ACE1);font-size:32px;font-weight:700}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .judul span.jo{font-size:28px}}.privacy-policy .accordion-bungkus{display:none}.privacy-policy .top{flex-direction:column;display:flex;gap:24px;background-image:url(/build/assets/bg-privacy-atas-36gsdxYw.png);background-size:45%;background-repeat:no-repeat;background-position:right top}.privacy-policy .top .judul-paragrap{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px;padding-left:140px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .top .judul-paragrap{font-size:28px;padding-left:80px;padding-right:80px}}.privacy-policy .top .isi-paragrap,.privacy-policy .top a,.privacy-policy .top ul{color:var(--Base-Primary, #134D9F);text-align:justify;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px;text-decoration:none;padding-left:140px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .top .isi-paragrap,.privacy-policy .top a,.privacy-policy .top ul{font-size:20px;padding-left:80px;padding-right:80px}}.privacy-policy .top ul{color:var(--Base-Primary, #134D9F);text-align:justify;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px;text-decoration:none;padding-left:170px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .top ul{font-size:20px;padding-left:80px;padding-right:80px}}.privacy-policy .tengah{flex-direction:column;display:flex;gap:24px}.privacy-policy .tengah .judul-paragrap{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px;padding-left:140px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .tengah .judul-paragrap{font-size:28px;padding-left:80px;padding-right:80px}}.privacy-policy .tengah .isi-paragrap,.privacy-policy .tengah a,.privacy-policy .tengah ul{color:var(--Base-Primary, #134D9F);text-align:justify;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px;text-decoration:none;padding-left:140px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .tengah .isi-paragrap,.privacy-policy .tengah a,.privacy-policy .tengah ul{font-size:20px;padding-left:80px;padding-right:80px}}.privacy-policy .tengah ul{color:var(--Base-Primary, #134D9F);text-align:justify;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px;text-decoration:none;padding-left:170px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .tengah ul{font-size:20px;padding-left:80px;padding-right:80px}}.privacy-policy .bottom{flex-direction:column;display:flex;gap:24px}.privacy-policy .bottom .judul-paragrap{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px;padding-left:140px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .bottom .judul-paragrap{font-size:28px;padding-left:80px;padding-right:80px}}.privacy-policy .bottom .isi-paragrap,.privacy-policy .bottom a,.privacy-policy .bottom ul{color:var(--Base-Primary, #134D9F);text-align:justify;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px;text-decoration:none;padding-left:140px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .bottom .isi-paragrap,.privacy-policy .bottom a,.privacy-policy .bottom ul{font-size:20px;padding-left:80px;padding-right:80px}}.privacy-policy .bottom ul{color:var(--Base-Primary, #134D9F);text-align:justify;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px;text-decoration:none;padding-left:170px;padding-right:140px}@media (min-width: 576px) and (max-width: 768px){.privacy-policy .bottom ul{font-size:20px;padding-left:80px;padding-right:80px}}@media (max-width: 576px){.privacy-policy{gap:0}.privacy-policy .top,.privacy-policy .tengah,.privacy-policy .bottom{display:none}.privacy-policy .accordion-bungkus{display:block;width:100%}.privacy-policy .accordion-bungkus .accordion{width:100%;border:none;color:var(--Base-Primary, #134D9F);font-family:DM Sans;padding-left:30px;padding-right:30px}.privacy-policy .accordion-bungkus .accordion .accordion-item{border:none!important}.privacy-policy .accordion-bungkus .accordion .accordion-header .accordion-button[aria-expanded=true]{background-color:#fff!important;outline:none!important;box-shadow:none!important;border-top:.5px solid #B9B8B8}.privacy-policy .accordion-bungkus .accordion .accordion-header button{font-size:16px;font-style:normal;font-weight:700;line-height:30px}.privacy-policy .accordion-bungkus .accordion .accordion-header .accordion-button[aria-expanded=false]{padding:27px 12px;font-size:16px;font-style:normal;font-weight:700;line-height:30px;color:var(--Base-Primary, #134D9F)!important;border-top:.5px solid #B9B8B8;box-shadow:none!important}.privacy-policy .accordion-bungkus .accordion #collapseOne{background-image:url(/build/assets/bg-privacy-atas-36gsdxYw.png);background-size:50%;background-position:right top;background-repeat:no-repeat}.privacy-policy .accordion-bungkus .accordion .accordion-body{text-align:justify;font-size:14px;font-style:normal;font-weight:400;line-height:29px;color:var(--Base-Primary, #134D9F)!important}}.contact-us{display:flex;gap:40px;flex-direction:column;justify-content:center;background:#fff}.contact-us .kosong{height:100px}@media (min-width: 576px) and (max-width: 768px){.contact-us .kosong{display:none}}@media (max-width: 576px){.contact-us .kosong{display:none}}.contact-us .atas{padding-top:240px;padding-bottom:240px;background-image:url(/build/assets/bg-privacy-atas-36gsdxYw.png);background-size:35%;background-repeat:no-repeat;background-position:right center}@media (min-width: 576px) and (max-width: 768px){.contact-us .atas{padding-bottom:0;background-position:right bottom}}@media (max-width: 576px){.contact-us .atas{padding-bottom:0;padding-top:40px}}@media (max-width: 576px){.contact-us .atas{background-image:url(/build/assets/bg-privacy-atas-mobile-C8bZr0n6.png);background-size:35%}}.contact-us .bawah{background-image:url(/build/assets/bg-contact-bawah-4zSfbLNC.png);background-size:80% 100%;background-repeat:no-repeat;background-position:center;width:100%;height:350px}@media (min-width: 576px) and (max-width: 768px){.contact-us .bawah{height:150px;background-size:80% 100%}}@media (min-width: 768px) and (max-width: 1200px){.contact-us .bawah{height:150px;background-size:80% 100%}}@media (max-width: 576px){.contact-us .bawah{background-image:url(/build/assets/bg-contac-bawah-mobile-C1AHfQVJ.png);background-size:cover;background-repeat:no-repeat;background-position:top;height:150px}}.contact-us .big{color:var(--Base-Primary, #134D9F);text-align:center;font-family:Rubik;font-size:60px;font-style:normal;font-weight:500;line-height:74px}@media (min-width: 576px) and (max-width: 768px){.contact-us .big{font-size:40px}}@media (min-width: 768px) and (max-width: 1200px){.contact-us .big{font-size:40px}}@media (max-width: 576px){.contact-us .big{font-size:24px;line-height:normal}}.contact-us .text{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:500;line-height:44px}@media (min-width: 576px) and (max-width: 768px){.contact-us .text{font-size:28px}}@media (min-width: 768px) and (max-width: 1200px){.contact-us .text{font-size:28px}}@media (max-width: 576px){.contact-us .text{font-size:16px;line-height:30px;padding-left:40px;padding-right:40px}}.contact-us .button-wa{border-radius:6px;background:#3b82f6;display:flex;margin:auto;width:fit-content;height:54px;padding:15px 20px;align-items:center;gap:10px;color:var(--Base-White, #FFF);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal}@media (min-width: 576px) and (max-width: 768px){.contact-us .button-wa{font-size:14px}}@media (min-width: 768px) and (max-width: 1200px){.contact-us .button-wa{font-size:14px}}@media (max-width: 576px){.contact-us .button-wa{font-size:14px;height:36px;padding:15px 10px}.contact-us .button-wa svg{width:20px;height:20px}}.sejarah{padding:40px 0 0;position:relative;background-image:url(/build/assets/bg-visi-misi-xsjwxXLT.png);background-size:cover;background-color:#ebf3fe;gap:14px}@media (max-width: 576px){.sejarah{background-image:url(/build/assets/bg-visi-misi-mobile-B6FbwiyA.png);background-size:contain;background-color:#ebf3fe;background-position:top;background-repeat:no-repeat}}.sejarah-inner .sejarah-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width: 768px) and (max-width: 1200px){.sejarah-inner .sejarah-wrapper{height:434px}}.sejarah-inner .sejarah-wrapper .badge-title{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--Blue-Light, #D6E5FF);color:var(--Blue-Dark, #3B82F6);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}@media (min-width: 768px) and (max-width: 1200px){.sejarah-inner .sejarah-wrapper .badge-title{font-size:10px!important}}.sejarah-inner .sejarah-wrapper .badge-title.transparent{background:#ffffff0d;color:#3b82f6}@media (min-width: 768px){.sejarah-inner .sejarah-wrapper .badge-title{font-size:16px}}.sejarah-inner .sejarah-wrapper .title h1{color:var(--Base-Dark, #193766);text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.sejarah-inner .sejarah-wrapper .title h1 .ha{color:#134d9f}.sejarah-inner .sejarah-wrapper .title h1 .jo{color:#41ace1}@media (min-width: 768px) and (max-width: 1200px){.sejarah-inner .sejarah-wrapper .title h1{font-size:18px!important}}.sejarah-inner .sejarah-wrapper .catatan{width:100%;height:100%}@media (max-width: 576px){.sejarah-inner .sejarah-wrapper .catatan{height:100%;display:none}}.sejarah-inner .sejarah-wrapper .catatanMobile{width:100%;height:500px}@media (min-width: 768px){.sejarah-inner .sejarah-wrapper .catatanMobile{display:none}}@media (min-width: 576px) and (max-width: 767px){.sejarah-inner .sejarah-wrapper .catatanMobile{display:none}}.sejarah-inner .sejarah-wrapper .swiper-slide{text-align:center;margin-top:100px}.sejarah-inner .sejarah-wrapper .swiper-slide img{height:100%;width:100%;background:transparent;object-fit:contain}@media (max-width: 576px){.sejarah-inner .sejarah-wrapper .swiper-slide{margin-top:-60px;width:100%;height:100%}}@media (min-width: 768px){.sejarah-inner .sejarah-wrapper .swiper-slide{margin-top:20px!important}}@media (min-width: 1200px){.sejarah-inner .sejarah-wrapper .swiper-slide{margin-top:100px!important}}.sejarah-inner .sejarah-wrapper .pagination-sejarah{display:flex;align-items:center;width:100%;padding:0 100px;top:50px;position:absolute}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-pagination{position:relative;display:flex;justify-content:start}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-pagination .swiper-pagination-bullet{width:20px;height:20px}@media (max-width: 768px){.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}}@media (min-width: 768px) and (max-width: 1200px){.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px}}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-pagination .swiper-pagination-bullet-active{border-radius:10px;width:60px;background:var(--Base-Primary, #134D9F)}@media (max-width: 576px){.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-pagination{left:50%;transform:translate(-50%);bottom:-350px;justify-content:center}}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation{display:flex;align-items:center;justify-content:center;position:relative;width:100px;gap:40px}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-next,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-prev{position:relative;width:80px;height:80px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-next svg,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-prev svg{width:42.667px}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-next svg path,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-prev svg path{stroke:#193766;fill:#193766}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-next:after,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-prev:after{display:none}@media (min-width: 768px) and (max-width: 1200px){.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-next,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-prev{width:25px;height:25px}}@media (max-width: 768px){.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-next,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation .swiper-button-prev{width:30px!important;height:30px!important}}@media (max-width: 576px){.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-next,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-prev{display:none}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-next.mobile,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-prev.mobile{display:flex;justify-content:center;align-items:center;position:relative;width:36px;height:36px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8;margin-top:30px}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-next.mobile svg,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-prev.mobile svg{width:18px;height:18px}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-next.mobile svg path,.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-button-prev.mobile svg path{stroke:#193766;fill:#193766}.sejarah-inner .sejarah-wrapper .pagination-sejarah .swiper-navigation{display:flex;align-items:center;justify-content:center;position:absolute;width:100px;gap:40px;top:350px;left:50%;z-index:9999;transform:translate(-50%)}}@media (max-width: 576px){.sejarah{height:700px}}.area-cakupan{padding:40px 0;position:relative;background-color:#ebf3fe;gap:14px}.area-cakupan-inner .area-cakupan-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.area-cakupan-inner .area-cakupan-wrapper .badge-title{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--Blue-Light, #D6E5FF);color:var(--Blue-Dark, #3B82F6);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}@media (min-width: 768px){.area-cakupan-inner .area-cakupan-wrapper .badge-title{font-size:16px}}.area-cakupan-inner .area-cakupan-wrapper .title h1{color:var(--Base-Dark, #193766);text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.area-cakupan-inner .area-cakupan-wrapper .title h1 .ha{color:#134d9f}.area-cakupan-inner .area-cakupan-wrapper .title h1 .jo{color:#41ace1!important}.area-cakupan-inner .area-cakupan-wrapper p{font-family:DM Sans;font-style:normal;color:#7a8caa}.area-cakupan-inner .area-cakupan-wrapper p.width-50{width:50%}@media (max-width: 576px){.area-cakupan-inner .area-cakupan-wrapper p.width-50{width:100%}}.area-cakupan-inner .area-cakupan-wrapper p.f-40{font-size:40px}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p.f-40{font-size:22px}}.area-cakupan-inner .area-cakupan-wrapper p.f-32{font-size:32px!important}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p.f-32{font-size:18px!important}}.area-cakupan-inner .area-cakupan-wrapper p.f-22{font-size:22px}@media (max-width: 576px){.area-cakupan-inner .area-cakupan-wrapper p.f-22{font-size:14px}}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p.f-22{font-size:12px}}@media (min-width: 992px){.area-cakupan-inner .area-cakupan-wrapper p.f-22{width:660px}}.area-cakupan-inner .area-cakupan-wrapper p.fw-700{font-family:700}.area-cakupan-inner .area-cakupan-wrapper p.fw-400{font-family:400}.area-cakupan-inner .area-cakupan-wrapper p.lh-74{line-height:74px}.area-cakupan-inner .area-cakupan-wrapper p.lh-37{line-height:37px}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p.lh-37{line-height:21px}}.area-cakupan-inner .area-cakupan-wrapper p.text-blue-dark{color:#193766}.area-cakupan-inner .area-cakupan-wrapper p.text-base-secondary{color:#7a8caa}.area-cakupan-inner .area-cakupan-wrapper p .haus{color:var(--Base-Dark, #193766);font-family:DM Sans;font-size:22px;font-style:normal;font-weight:700;line-height:37px}@media (max-width: 576px){.area-cakupan-inner .area-cakupan-wrapper p .haus{font-size:14px;font-weight:400;line-height:29px}}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p .haus{font-size:12px}}.area-cakupan-inner .area-cakupan-wrapper p .jo{color:var(--Base-Blue, #41ACE1);font-family:DM Sans;font-size:22px;font-style:normal;font-weight:700;line-height:37px}@media (max-width: 576px){.area-cakupan-inner .area-cakupan-wrapper p .jo{font-size:14px;font-weight:400;line-height:29px}}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p .jo{font-size:12px}}@media (max-width: 576px){.area-cakupan-inner .area-cakupan-wrapper p{padding-left:30px;padding-right:30px}}.area-cakupan-inner .area-cakupan-wrapper p.jumlah{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:40px;font-style:normal;font-weight:700;line-height:74px}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan-inner .area-cakupan-wrapper p.jumlah{font-size:22px}}.area-cakupan-inner .area-cakupan-wrapper .right,.area-cakupan-inner .area-cakupan-wrapper .left{padding-right:50px;padding-left:50px}@media (max-width: 576px){.area-cakupan-inner .area-cakupan-wrapper .right,.area-cakupan-inner .area-cakupan-wrapper .left{display:none}}.area-cakupan-inner .area-cakupan-wrapper .right{border:none}@media (min-width: 768px) and (max-width: 1200px){.area-cakupan .badge-title{font-size:10px!important}.area-cakupan .title h1{font-size:18px!important}}.map{padding:40px 0 0;position:relative;background-image:url(/build/assets/map-B-IEagCE.png);background-size:cover;background-position:center;background-color:#ebf3fe;height:615px}@media (max-width: 576px){.map{height:186px}}@media (min-width: 768px) and (max-width: 1200px){.map{background-size:contain;background-repeat:no-repeat;height:345px}}.mitra-kami{padding:40px 0 0;position:relative;background-image:url(/build/assets/bg-visi-misi-xsjwxXLT.png);background-size:cover;background-color:#ebf3fe;gap:14px}@media (max-width: 576px){.mitra-kami{background-image:url(/build/assets/bg-visi-misi-mobile-B6FbwiyA.png);background-size:contain;background-color:#ebf3fe;background-position:top;background-repeat:no-repeat}}.mitra-kami-inner .mitra-kami-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.mitra-kami-inner .mitra-kami-wrapper .badge-title{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--Blue-Light, #D6E5FF);color:var(--Blue-Dark, #3B82F6);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}@media (min-width: 768px){.mitra-kami-inner .mitra-kami-wrapper .badge-title{font-size:16px}}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper .badge-title{font-size:9px}}.mitra-kami-inner .mitra-kami-wrapper .title h1{color:var(--Base-Dark, #193766);text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal;font-family:DM Sans}.mitra-kami-inner .mitra-kami-wrapper .title h1 .ha{color:#134d9f}.mitra-kami-inner .mitra-kami-wrapper .title h1 .jo{color:#41ace1}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper .title h1{font-size:18px!important}}.mitra-kami-inner .mitra-kami-wrapper p{font-family:DM Sans;font-style:normal;color:#7a8caa}.mitra-kami-inner .mitra-kami-wrapper p.width-50{width:50%}@media (max-width: 576px){.mitra-kami-inner .mitra-kami-wrapper p.width-50{width:100%}}@media (min-width: 992px){.mitra-kami-inner .mitra-kami-wrapper p.w-55{width:777px!important}}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper p.w-55{width:437px!important}}@media (max-width: 576px){.mitra-kami-inner .mitra-kami-wrapper p.w-55{width:100%}}.mitra-kami-inner .mitra-kami-wrapper p.f-40{font-size:40px}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper p.f-40{font-size:22px}}.mitra-kami-inner .mitra-kami-wrapper p.f-32{font-size:32px!important}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper p.f-32{font-size:18px!important}}.mitra-kami-inner .mitra-kami-wrapper p.f-22{font-size:22px}@media (max-width: 576px){.mitra-kami-inner .mitra-kami-wrapper p.f-22{font-size:14px}}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper p.f-22{font-size:12px}}.mitra-kami-inner .mitra-kami-wrapper p.fw-400{font-family:400}.mitra-kami-inner .mitra-kami-wrapper p.lh-74{line-height:74px}.mitra-kami-inner .mitra-kami-wrapper p.lh-37{line-height:37px}@media (max-width: 576px){.mitra-kami-inner .mitra-kami-wrapper p.lh-37{line-height:29px}}@media (min-width: 768px) and (max-width: 1200px){.mitra-kami-inner .mitra-kami-wrapper p.lh-37{line-height:21px}}.mitra-kami-inner .mitra-kami-wrapper p.text-blue-dark{color:#193766}.mitra-kami-inner .mitra-kami-wrapper p.text-base-secondary{color:#7a8caa}.mitra-kami-inner .mitra-kami-wrapper .swiper,.mitra-kami-inner .mitra-kami-wrapper .swiper-wrapper{width:100%;height:100%}.mitra-kami-inner .mitra-kami-wrapper .swiper-slide{height:100%;width:100%!important}.mitra-kami-inner .mitra-kami-wrapper .swiper-slide-prev img,.mitra-kami-inner .mitra-kami-wrapper .swiper-slide-active img,.mitra-kami-inner .mitra-kami-wrapper .swiper-slide-next img{height:100%;width:100%}.galeri{padding:40px 0;position:relative}.galeri:before{content:"";left:0;bottom:0}@media (max-width: 576px){.galeri{padding:40px 0 0}}.galeri-inner .galeri-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px}.galeri-inner .galeri-wrapper .swiper{width:100%}.galeri-inner .galeri-wrapper .swiper-wrapper{width:100%;margin:50px auto}@media (max-width: 576px){.galeri-inner .galeri-wrapper .swiper-wrapper{height:100%;margin-top:0}}.galeri-inner .galeri-wrapper .swiper-slide{width:100%;text-align:center;padding:20px;border-radius:10px;margin-right:40px}.galeri-inner .galeri-wrapper .swiper-slide img{width:90%}@media (max-width: 992px){.galeri-inner .galeri-wrapper .swiper-slide{padding:0}.galeri-inner .galeri-wrapper .swiper-slide img{width:100%;height:100%}}@media (max-width: 576px){.galeri-inner .galeri-wrapper .swiper-slide img{width:100%;height:100%;object-fit:contain}}.galeri-inner .galeri-wrapper .pagination-two{display:flex;justify-content:space-between;width:100%;padding:0 20px}.galeri-inner .galeri-wrapper .pagination-two .swiper-pagination2{position:relative;display:flex}.galeri-inner .galeri-wrapper .pagination-two .swiper-pagination2 .swiper-pagination-bullet{width:14px;height:14px}.galeri-inner .galeri-wrapper .pagination-two .swiper-pagination2 .swiper-pagination-bullet-active{border-radius:10px;width:30px;background:var(--Base-Primary, #134D9F)}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation{display:flex;align-items:center;justify-content:center;position:relative;width:100px;gap:40px}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev{position:relative;width:40px;height:40px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next svg,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev svg{width:22.667px}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next svg path,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev svg path{stroke:#193766;fill:#193766}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next:after,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev:after{display:none}@media (max-width: 576px){.galeri-inner .galeri-wrapper .pagination-two{display:none!important}}@media (min-width: 992px){.galeri-inner .galeri-wrapper .swiper-wrapper{align-items:center;margin:50px auto}.galeri-inner .galeri-wrapper .swiper-slide-active{transform:scale(1.1) translateY(-20px);z-index:1}.galeri-inner .galeri-wrapper .pagination-two{display:flex;align-items:center;width:100%;padding:0 100px}.galeri-inner .galeri-wrapper .pagination-two .swiper-pagination2{position:relative;display:flex}.galeri-inner .galeri-wrapper .pagination-two .swiper-pagination2 .swiper-pagination-bullet{width:20px;height:20px}.galeri-inner .galeri-wrapper .pagination-two .swiper-pagination2 .swiper-pagination-bullet-active{border-radius:10px;width:60px;background:var(--Base-Primary, #134D9F)}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation{display:flex;align-items:center;justify-content:center;position:relative;width:100px;gap:40px}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev{position:relative;width:80px;height:80px;flex-shrink:0;stroke-width:.5px;stroke:var(--Gray-300, #B9B8B8);border-radius:50px;border:.5px solid #B9B8B8}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next svg,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev svg{width:42.667px}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next svg path,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev svg path{stroke:#193766;fill:#193766}.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-next:after,.galeri-inner .galeri-wrapper .pagination-two .swiper-navigation .swiper-button-prev:after{display:none}}.spesipikasi{background:url(/build/assets/bg-CN0pw8D2.png) center/cover no-repeat,var(--Gradient-100, linear-gradient(180deg, #E4EFFF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%));background-size:cover;background-repeat:no-repeat;background-position:center;padding:100px;display:flex;gap:40px;flex-direction:column;align-items:center}@media (max-width: 576px){.spesipikasi{padding:20px 30px;background:var(--Gradient-100, linear-gradient(180deg, #D6E5FF 0%, rgba(228, 239, 255, .6) 92.51%, rgba(228, 239, 255, 0) 100%)),url(/build/assets/bg-fitur-mobile-ylVQPNhR.png);background-size:100%,50%;background-repeat:no-repeat,no-repeat;background-position:top,center right}}.spesipikasi .badge-title{display:flex;padding:8px 20px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--Blue-Light, #D6E5FF);color:var(--Blue-Dark, #3B82F6);text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.2px}.spesipikasi .badge-title.transparent{background:#ffffff0d;color:#3b82f6}@media (min-width: 768px){.spesipikasi .badge-title{font-size:16px}}@media (min-width: 768px) and (max-width: 1200px){.spesipikasi .badge-title{font-size:9px}}.spesipikasi .title h1{color:var(--Base-Dark, #193766);text-align:center;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.spesipikasi .title h1 .ha{color:#134d9f}.spesipikasi .title h1 .jo{color:#41ace1}.spesipikasi p{color:var(--Base-Secondary, #7A8CAA);text-align:center;font-family:DM Sans;font-size:22px;font-style:normal;font-weight:400;line-height:37px}@media (max-width: 576px){.spesipikasi p{font-size:14px;font-style:normal;font-weight:400;line-height:29px;width:334px}}@media (min-width: 992px) and (max-width: 1200px){.spesipikasi p{width:85%}}@media (min-width: 1200px){.spesipikasi p{width:112%}}@media (min-width: 768px) and (max-width: 1200px){.spesipikasi p{font-size:12px}}@media (min-width: 768px) and (max-width: 1200px){.spesipikasi img.lepi{width:654px;height:401px}}.keunggulan-produk{background-image:url(/build/assets/bg-ungulan-d-I0fYgx.png);background-size:cover;background-repeat:no-repeat;background-position:right;height:600px;padding:100px;display:flex;gap:100px;align-items:center}@media (max-width: 576px){.keunggulan-produk{flex-direction:column;height:100%;gap:20px;padding:30px 40px;background-color:var(--Background-Blue, #EBF3FE);background-image:url(/build/assets/bg-fitur-mobile-ylVQPNhR.png);background-size:50%;background-repeat:no-repeat;background-position:bottom right}}@media (min-width: 768px) and (max-width: 1200px){.keunggulan-produk{padding:56px;gap:56px;height:337px}}@media (min-width: 576px) and (max-width: 767px){.keunggulan-produk{flex-direction:column;height:100%}}.keunggulan-produk.putih{background-image:url(/build/assets/bg-unggulan-transparen-CaKT2rP8.png);background-color:#fff}@media (max-width: 576px){.keunggulan-produk.putih{flex-direction:column-reverse;height:100%;gap:20px;padding:30px 40px;background-image:url(/build/assets/bg-fitur-mobile-ylVQPNhR.png);background-size:50%;background-repeat:no-repeat;background-position:bottom right}}.keunggulan-produk.putih img{transform:scaleX(-1)}.keunggulan-produk img{width:400px;height:400px}@media (max-width: 576px){.keunggulan-produk img{width:330px;height:300px;border-radius:10px}}@media (min-width: 768px) and (max-width: 1200px){.keunggulan-produk img{width:224px;height:224px}}.keunggulan-produk .caption{min-height:252px}.keunggulan-produk .caption.j-right{text-align:right}@media (max-width: 576px){.keunggulan-produk .caption.j-right{text-align:left;justify-content:start;margin-bottom:-50px}}.keunggulan-produk .caption.j-right .text{height:148px}@media (max-width: 576px){.keunggulan-produk .caption .mobile{display:flex!important;gap:5px;width:330px}}.keunggulan-produk p,.keunggulan-produk span{font-family:DM Sans;font-style:normal;color:#134d9f}@media (max-width: 576px){.keunggulan-produk p,.keunggulan-produk span{color:#193766}}.keunggulan-produk p.f-64,.keunggulan-produk span.f-64{font-size:55px;margin-bottom:-20px}@media (max-width: 576px){.keunggulan-produk p.f-64,.keunggulan-produk span.f-64{font-size:32px;line-height:44px!important}}@media (min-width: 768px) and (max-width: 1200px){.keunggulan-produk p.f-64,.keunggulan-produk span.f-64{font-size:36px;line-height:42px}}.keunggulan-produk p.f-22,.keunggulan-produk span.f-22{font-size:18px}@media (max-width: 576px){.keunggulan-produk p.f-22,.keunggulan-produk span.f-22{font-size:14px!important;line-height:29px!important;width:330px!important;margin-top:20px}}@media (min-width: 768px){.keunggulan-produk p.f-22,.keunggulan-produk span.f-22{font-size:18px!important}}@media (min-width: 768px) and (max-width: 1200px){.keunggulan-produk p.f-22,.keunggulan-produk span.f-22{font-size:12px;line-height:20px}}.keunggulan-produk p.fw-400,.keunggulan-produk span.fw-400{font-weight:400}.keunggulan-produk p.fw-600,.keunggulan-produk span.fw-600{font-weight:600}.keunggulan-produk p.fw-700,.keunggulan-produk span.fw-700{font-weight:700}.keunggulan-produk p.ln-74,.keunggulan-produk span.ln-74{line-height:74px}.keunggulan-produk p.ln-37,.keunggulan-produk span.ln-37{line-height:37px}.keunggulan-produk p.ln-30,.keunggulan-produk span.ln-30{line-height:30px}@media (min-width: 1200px){.keunggulan-produk p.ln-30,.keunggulan-produk span.ln-30{width:100%}}.keunggulan-produk p.text-base-secondary,.keunggulan-produk span.text-base-secondary{color:#7a8caa}.keunggulan-produk p.un,.keunggulan-produk span.un{text-decoration-line:underline}.keunggulan-produk p.haus,.keunggulan-produk span.haus{color:var(--Base-Primary, #134D9F);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:400;line-height:37px}.keunggulan-produk p.jo,.keunggulan-produk span.jo{color:var(--Base-Blue, #41ACE1);font-family:DM Sans;font-size:18px;font-style:normal;font-weight:400;line-height:37px}.mulai-usaha{display:flex;width:100%!important;padding:100px 100px 0;flex-direction:column;align-items:center;gap:40px;background:var(--Background-Blue, #EBF3FE);background-image:url(/build/assets/bg-bulet-CdBtImxa.png);background-size:cover;background-position:center}@media (max-width: 576px){.mulai-usaha{padding:30px 40px 0;gap:20px}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha{padding:56px 56px 0;gap:22px}}.mulai-usaha .judul{color:var(--Base-Primary, #134D9F);text-align:center;font-family:Rubik;font-size:60px;font-style:normal;font-weight:500;line-height:74px}@media (max-width: 576px){.mulai-usaha .judul{font-family:DM Sans;font-size:24px;font-weight:700;line-height:normal}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha .judul{font-size:34px;line-height:42px}}.mulai-usaha .judul .jo{color:var(--Base-Blue, #41ACE1);font-family:Rubik;font-size:60px;font-style:normal;font-weight:500;line-height:74px}@media (max-width: 576px){.mulai-usaha .judul .jo{font-family:DM Sans;font-size:24px;font-weight:700;line-height:normal}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha .judul .jo{font-size:34px;line-height:42px}}.mulai-usaha .ajakan{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px}@media (max-width: 576px){.mulai-usaha .ajakan{font-size:16px;font-weight:500;line-height:30px;width:300px}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha .ajakan{font-size:18px;line-height:25px}}.mulai-usaha .ajakan span{font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px}.mulai-usaha .ajakan span.haus{color:#134d9f!important}.mulai-usaha .ajakan span.jo{color:#41ace1!important}@media (max-width: 576px){.mulai-usaha .ajakan span{font-size:16px;font-weight:500;line-height:30px}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha .ajakan span{font-size:18px;line-height:25px}}.mulai-usaha .ajakan .linear{background:linear-gradient(90deg,#41ace180 -30.54%,#318bcade 32.81%,#134d9f 85.94%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:DM Sans;font-size:32px;font-style:normal;font-weight:700;line-height:44px}@media (max-width: 576px){.mulai-usaha .ajakan .linear{font-size:16px;font-weight:500;line-height:30px}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha .ajakan .linear{font-size:18px;line-height:25px}}.mulai-usaha a{border-radius:6px;display:flex;padding:15px 20px;align-items:center;gap:10px;text-decoration:none;font-family:DM Sans;font-size:18px;font-style:normal;font-weight:700;line-height:normal;margin-right:20px}@media (max-width: 576px){.mulai-usaha a{font-size:14px;white-space:nowrap}.mulai-usaha a svg{width:20px;height:20px}}@media (min-width: 768px) and (max-width: 1200px){.mulai-usaha a{font-size:11px;white-space:nowrap}.mulai-usaha a svg{width:14px;height:14px}}.mulai-usaha a.btn-light{color:var(--Blue-Dark, #3B82F6);background:var(--Base-White, #FFF)}.mulai-usaha a.btn-blue{color:var(--Base-White, #FFF);background:var(--Base-Blue, #3B82F6)}@media (max-width: 576px){.mulai-usaha a.btn-blue{margin-right:10px}}@media (max-width: 576px){.mulai-usaha .frame img{height:399px;width:500px!important;object-fit:cover;margin-top:-40px}}.spesifik-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:0}.spesifik-mobile .grid-item{border-right:.5px solid var(--Base-Dark, #193766);border-bottom:.5px solid var(--Base-Dark, #193766);display:flex;padding:20px 10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1 0 0;background-color:#d6e5ff}.spesifik-mobile .grid-item p{color:var(--Base-Dark, #193766);text-align:center;font-family:DM Sans;padding:0;margin:0}.spesifik-mobile .grid-item p.f-16{font-size:16px;font-style:normal;font-weight:500;line-height:30px}.spesifik-mobile .grid-item p.f-10{font-size:10px;font-style:normal;font-weight:400;line-height:20px}