<<<<<<<< HEAD:public/build/assets/app-C0WXkbxf.css
html,body{overflow-x:hidden}.home{display:flex;flex-direction:column;background-color:#fff}.home p{margin:0;padding:0}.home .hero-container{background-color:#0075ff;position:relative}.home .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%}.home .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%}.home .overlay-left{animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards}.home .overlay-right{animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards}.home .overlay-left{animation-delay:.2s}.home .overlay-right{animation-delay:.4s}.home .hero{width:90%;max-width:1400px;margin:7% auto 0;left:0;right:0;display:flex;font-family:Raleway,system-ui}.home .hero .left-hero{position:relative;width:59%}.home .hero .left-hero img{margin-top:5%;position:absolute;width:90%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.home .hero .right-hero{max-width:500px;color:#fff;width:41%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%;z-index:2}.home .hero .right-hero .text-1{font-size:39px}.home .hero .right-hero .text-2{position:absolute;top:47px;font-size:60px;font-weight:800}.home .hero .right-hero .text-3{font-size:20px}.home .hero .right-hero .btn-order{display:flex;gap:15px;align-items:center;background-color:#fff;font-weight:700;color:#0075ff;padding:10px 20px;border-radius:50px;font-size:18px;margin-top:35px;cursor:pointer!important;width:max-content;transition:transform .3s ease;box-shadow:0 4px 6px #0000001a}.home .hero .right-hero .btn-order a:hover{text-decoration:none;color:#0075ff}.home .hero .right-hero .btn-order:hover{transform:scale(1.1)}.home .hero .right-hero .bottom-right-hero{display:flex;gap:20px;margin-top:20px;width:100%;align-items:center;z-index:2}.home .hero .right-hero .bottom-right-hero p{width:62%;font-size:20px}.home .hero .right-hero .bottom-right-hero img{width:28%;margin-right:10px;transition:transform .3s ease}.home .hero .right-hero .bottom-right-hero img:hover{transform:scale(1.2)}.home .section2{width:90%;max-width:1400px;margin:7% auto;left:0;right:0;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section2 .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section2 .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section2 .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section2 .text-top .text-2 span{color:#0075ff}.home .section2 .text-top .text-3{font-size:36px;font-family:Gilroy-Bold,sans-serif;position:absolute;top:105px;left:50%;transform:translate(-50%,-50%);text-align:center}.home .section2 .box-group{display:flex;font-family:Gilroy-Bold,sans-serif;width:100%;justify-content:center;align-items:flex-start;gap:80px}.home .section2 .box-group .box{margin-top:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:8%;text-align:center;transition:transform .3s ease}.home .section2 .box-group .box p{font-size:24px;text-align:center;margin-top:10px;color:#313234;font-weight:500}.home .section2 .box-group .box img{display:block;max-width:100%}.home .section2 .box-group .box-mobile4{display:none}.home .section2 .box-group .box:hover{transform:scale(1.2)}.home .section3{width:90%;max-width:1400px;margin:7% auto 0;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section3 .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section3 .text-top .text-1{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section3 .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;position:absolute;top:85px;left:50%;transform:translate(-50%,-50%);text-align:center}.home .section3 .swiper{padding:10% 0%;width:100%}.home .section3 .swiper-wrapper,.home .section3 .swiper-slide{display:flex;justify-content:center;align-items:center}.home .section3 .swiper-slide .card{flex-shrink:0;width:100%;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 30px;width:400px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.home .section3 .swiper-slide .card img{width:40%}.home .section3 .swiper-slide .card .text-1{font-size:28px;font-family:Gilroy-Bold,sans-serif;margin-top:20px}.home .section3 .swiper-slide .card .text-2{font-size:20px;font-family:Gilroy-Regular,sans-serif;text-align:center;margin-top:20px}.home .section3 .swiper-slide .card.active{background-color:#0075ff;color:#fff;border:3px solid white}.home .section4{display:flex;background-color:#0075ff;position:relative}.home .section4 .bg{position:absolute}.home .section4 .container{width:90%;max-width:1400px;margin:7% auto;display:flex;align-items:center;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section4 .container .left-container{display:flex;flex-direction:column;width:50%;position:relative}.home .section4 .container .left-container .text-1{font-size:46px;margin-top:10px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:relative}.home .section4 .container .left-container .text-2{font-size:46px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:absolute;top:70px;left:0}.home .section4 .container .left-container .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#fff}.home .section4 .container .left-container .text-3-bkp{display:none}.home .section4 .container .left-container .group-bank{display:flex;gap:20px;margin-top:20px}.home .section4 .container .left-container .group-bank img{height:100%;transition:transform .3s ease}.home .section4 .container .left-container .group-bank img:hover{transform:scale(1.1)}.home .section4 .container .left-container .group-bank-mobile{display:none}.home .section4 .container .right-container{display:flex;width:50%}.home .section4 .container .right-container img{position:absolute;right:0;top:0;width:43%;animation:pulseBounce 5s ease-in-out infinite}@keyframes pulseBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.03)}50%{transform:translateY(0) scale(.97)}75%{transform:translateY(5px) scale(1.03)}}.home .section5{background-color:#f8f8ff}.home .section5 .container{width:90%;max-width:1400px;margin:7% auto 5%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section5 .container .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section5 .container .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section5 .container .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section5 .container .text-top .text-2 span{color:#0075ff}.home .section5 .container .text-top .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;text-align:center;letter-spacing:.5px}.home .section5 .container .box-group{margin-top:90px;display:flex;gap:20px;width:100%}.home .section5 .container .box-group .card-box-provider{border-radius:10px;padding:20px;text-align:center;align-items:center;justify-content:center;background-color:#fff;width:20%}.home .section5 .container .box-group .card-box-provider .text-1{font-size:24px;font-family:Gilroy-Medium,sans-serif;margin-top:10px}.home .section5 .container .box-group .card-box-provider .border-card{border-top:1px solid #eadddd;margin-top:20px;margin-bottom:20px}.home .section5 .container .box-group .card-box-provider .progress-container{background-color:#e6e6fa;border-radius:10px;height:10px;margin:10px 0;position:relative;width:100%}.home .section5 .container .box-group .card-box-provider .progress-bar{background-color:#8fdc58;height:100%;border-radius:10px;width:0;transition:width 2s ease}.home .section5 .container .box-group .card-box-provider .group-bar{display:flex;justify-content:space-between}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:16px;color:#0075ff}.home .section5 .container .box-group .card-box-provider input{width:100%;height:40px;text-align:center;border:1px solid #f0d7d7;background-color:#f3f3f3;border-radius:4px;font-family:Gilroy-Medium,sans-serif;margin-top:20px}.home .section5 .container .box-group .card-box-provider input[type=number]::-webkit-outer-spin-button,.home .section5 .container .box-group .card-box-provider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home .section5 .container .box-group .card-box-provider input[type=number]{-moz-appearance:textfield}.home .section5 .container .box-group .card-box-provider input:valid:not(:placeholder-shown){border-color:#0075ff;background-color:#f3f3f3}.home .section5 .container .box-group .card-box-provider input:focus{border-color:#0075ff;background-color:#f3f3f3;outline:none}.home .section5 .container .text-bottom{display:flex;flex-direction:column;text-align:center;margin-top:60px}.home .section5 .container .text-bottom .text-1{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#0075ff}.home .section5 .container-mobile-bkp{display:none}.home .section6 .container{width:90%;max-width:1400px;margin:7% auto 20%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section6 .container .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section6 .container .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section6 .container .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section6 .container .text-top .text-3{font-size:36px;font-family:Gilroy-Bold,sans-serif;color:#0075ff}.home .section6 .container .group-box{font-family:Gilroy-Regular,sans-serif;display:flex;gap:20px;width:100%;margin-top:90px;align-items:center;justify-content:center}.home .section6 .container .group-box .border2{border-right:1px solid #0075ff;height:150px}.home .section6 .container .group-box .profile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:28%;padding:0 3%}.home .section6 .container .group-box .profile .text-1{color:#161c2d;font-size:19px;margin-top:20px}.home .section6 .container .group-box .profile .text-2{color:#161c2d;font-size:17px;font-family:Gilroy-Bold,sans-serif;margin-top:30px}.home .section6 .container .group-box .profile .text-3{color:#161c2d;font-size:15px}.home .section7{display:flex;background-color:#0075ff;position:relative}.home .section7 .bg{position:absolute}.home .section7 .container{width:90%;max-width:1400px;display:flex;align-items:center;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section7 .container .left-container{display:flex;flex-direction:column;width:58%;position:relative}.home .section7 .container .left-container .text-1{font-size:46px;margin-top:10px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:relative}.home .section7 .container .left-container .text-2{font-size:46px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:absolute;top:70px;left:0}.home .section7 .container .left-container .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#fff;letter-spacing:1px}.home .section7 .container .left-container .text-3-bkp{display:none}.home .section7 .container .left-container .group-bank{display:flex;gap:20px;margin-top:50px;width:60%}.home .section7 .container .left-container .group-bank img{width:100%;transition:transform .3s ease}.home .section7 .container .left-container .group-bank img:hover{transform:scale(1.1)}.home .section7 .container .right-container{display:flex;width:42%}.home .section7 .container .right-container img{width:100%}.home .section7 .container .mobile{display:none}.home .section8{background-color:#f8f8ff}.home .section8 .container{width:90%;max-width:1400px;margin:7% auto;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section8 .container .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section8 .container .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section8 .container .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section8 .container .text-top .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#444}.home .section8 .container .group-box{border-radius:10px;border:2px solid #ededed;font-family:Gilroy-Regular,sans-serif;display:flex;gap:100px;width:100%;margin-top:90px;justify-content:center;padding:30px 50px}.home .section8 .container .group-box .left-group{display:flex;flex-direction:column;align-items:center;width:50%}.home .section8 .container .group-box .left-group .border3{width:100%;border:1px solid #ededed;margin-top:5px;margin-bottom:20px}.home .section8 .container .group-box .accordion-item{margin-bottom:10px;width:100%;color:#262626}.home .section8 .container .group-box .accordion-item .group-title{display:flex;justify-content:space-between;align-items:center;border:none;cursor:pointer;font-family:Gilroy-Bold,sans-serif}.home .section8 .container .group-box .accordion-item .group-title:hover{color:#0075ff}.home .section8 .container .group-box .accordion-button{width:100%;padding:10px;cursor:pointer;text-align:left;background-color:transparent;border:none;outline:none;font-family:Gilroy-Bold,sans-serif;font-size:20px}.home .section8 .container .group-box .accordion-button:hover{background-color:transparent}.home .section8 .container .group-box .accordion-content{display:none;padding:10px 10% 10px 10px;background-color:transparent;border:none;font-size:16px;color:#727171}@media (max-width: 1367px){.home .hero .right-hero{max-width:450px}.home .hero .right-hero .text-1{font-size:35px!important}.home .hero .right-hero .text-2{font-size:50px!important}.home .hero .right-hero .text-3{font-size:18px!important}.home .hero .right-hero .btn-order{font-size:16px!important}.home .hero .right-hero .bottom-right-hero p{font-size:18px!important}}@media (max-width: 1189px){.section2 .box-group .box p{font-size:18px;font-family:Gilroy-Regular,sans-serif}.section4 .container .left-container .text-1{font-size:37px!important}.section4 .container .left-container .text-2{font-size:37px!important;top:60px!important}.section4 .container .left-container .text-3{font-size:17px!important}.section7 .container .left-container .text-1{font-size:37px!important}.section7 .container .left-container .text-2{font-size:37px!important;top:60px!important}.section7 .container .left-container .text-3{font-size:17px!important}}@media (max-width: 1083px){.home .hero-container .hero .left-hero img{width:90%;margin-top:13%}.home .hero-container .hero .right-hero{width:48vw}.home .hero-container .hero .right-hero .wp-title{margin-bottom:80px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:30px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:41px!important;top:40px}.home .hero-container .hero .right-hero .text-3{font-size:17px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:15px;font-family:Gilroy-Regular,sans-serif}}@media (max-width: 992px){.home .hero-container .hero .left-hero img{width:90%;margin-top:70px;left:-3%}.home .hero-container .hero .right-hero{width:50vw;padding-bottom:12%}.home .hero-container .hero .right-hero .wp-title{margin-bottom:60px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:25px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:36px!important;top:34px}.home .hero-container .hero .right-hero .text-3{font-size:15px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:15px;font-size:15px!important;font-family:Gilroy-Regular,sans-serif}.home .hero-container .hero .right-hero .bottom-right-hero{gap:10px}.home .hero-container .hero .right-hero .bottom-right-hero img{width:27%;height:auto}.home .section2{margin-bottom:25%}.home .section2 .text-top .text-1{font-size:15px}.home .section2 .text-top .text-2,.home .section2 .text-top .text-3{font-size:24px}.home .section2 .text-top .text-3{top:80px}.home .section2 .box-group{gap:53.47px;position:relative}.home .section2 .box-group .box{width:14%;margin-top:80px}.home .section2 .box-group .box p{font-size:19px;font-family:Gilroy-Regular,sans-serif}.home .section2 .box-group .box-bottom{position:absolute;top:80%}.home .section2 .box-group .box-tablet1{left:32%}.home .section2 .box-group .box-tablet2{right:32%}.home .section2 .box-group .box:hover{transform:scale(1.1)}.home .section3{margin-top:13%}.home .section3 .text-top .text-1{font-size:24px}.home .section3 .text-top .text-2{font-size:24px;top:60px}.home .section3 .swiper{padding:10% 0 14%}.home .section3 .swiper-slide{margin:0 -3%}.home .section3 .swiper-slide .card{padding:45px 17px 80px;width:240px}.home .section3 .swiper-slide .card img{width:27%}.home .section3 .swiper-slide .card .text-1{font-size:15px}.home .section3 .swiper-slide .card .text-2{font-size:11px;margin-top:30px}.home .section4 .container{padding-left:5%}.home .section4 .container .left-container .text-1{font-size:24px!important;line-height:30.476px}.home .section4 .container .left-container .text-2{top:40px!important;font-size:24px!important;line-height:30.476px}.home .section4 .container .left-container .text-3{font-size:15px;display:none}.home .section4 .container .left-container .text-3-bkp{display:block;color:#fff;font-size:15px!important;font-family:Gilroy-Regular,sans-serif;line-height:140%;width:35vw;margin-top:50px}.home .section4 .container .left-container .group-bank{gap:9.32px;margin-top:25px}.home .section4 .container .left-container .group-bank img{height:22.24px}.home .section4 .container .right-container{width:70%}.home .section4 .container .right-container img{top:0;width:50%}.home .section5 .container .text-top .text-1{font-size:12px}.home .section5 .container .text-top .text-2{font-size:24px;margin-top:4px}.home .section5 .container .text-top .text-3{font-size:15px}.home .section5 .container .box-group{margin-top:51px;gap:20px}.home .section5 .container .box-group .card-box-provider{padding:11.36px;width:20%}.home .section5 .container .box-group .card-box-provider img{width:23px}.home .section5 .container .box-group .card-box-provider .text-1{font-size:11px;font-family:Gilroy-bold,sans-serif}.home .section5 .container .box-group .card-box-provider .border-card{margin-top:11.36px;margin-bottom:11.36px}.home .section5 .container .box-group .card-box-provider .progress-container{height:6.816px}.home .section5 .container .box-group .card-box-provider .group-bar p{font-size:.456rem}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:.394rem}.home .section5 .container .box-group .card-box-provider input{height:22.721px;font-size:6.362px}.home .section5 .container .box-group .card-box-provider .smartfren-number-bkp{margin-top:68px!important}.home .section5 .container .text-bottom .text-1{font-size:15px}.home .section6 .container{margin-top:9%}.home .section6 .container .text-top .text-1{font-size:15px}.home .section6 .container .text-top .text-2{font-size:24px;margin-top:5px}.home .section6 .container .text-top .text-3{font-size:24px}.home .section6 .container .group-box{margin-top:60px}.home .section6 .container .group-box .border2{height:93.46px;border-right:1px solid #ddd}.home .section6 .container .group-box .profile img{width:40px;height:40px}.home .section6 .container .group-box .profile .text-1{font-size:12px;color:#161c2d}.home .section6 .container .group-box .profile .text-2{font-size:15px}.home .section6 .container .group-box .profile .text-3{font-size:12px;color:#161c2d}.home .section7 .container{position:relative}.home .section7 .container .left-container{width:60%;margin-right:40%}.home .section7 .container .left-container .text-1{font-size:24px!important;margin-top:42.52px}.home .section7 .container .left-container .text-2{font-size:24px!important;top:70px!important}.home .section7 .container .left-container .text-3{font-size:15px!important;display:none}.home .section7 .container .left-container .text-3-bkp{font-size:15px;display:block;width:85%;margin-top:45px!important}.home .section7 .container .left-container .group-bank{margin-top:30px;margin-bottom:35px;width:85%}.home .section7 .container .right-container{position:absolute;width:auto;height:100%;right:0}.home .section8 .container .text-top .text-1{font-size:12px}.home .section8 .container .text-top .text-2{margin-top:0;font-size:24px}.home .section8 .container .text-top .text-3{font-size:12px}.home .section8 .container .text-top .s8-text-3-bkp{margin-top:5px!important}.home .section8 .container .group-box{padding:25px 24px;margin-top:60px;gap:50px}.home .section8 .container .group-box .left-group .border3{border:.7px solid #ededed;margin-bottom:7px;margin-top:2px}.home .section8 .container .group-box .accordion-button{font-size:10px}.home .section8 .container .group-box .accordion-content{font-size:8px}}@media (max-width: 992px) and (max-width: 680px){.home .hero-container .hero .left-hero img{width:95%;margin-top:25%;left:-3%}.home .hero-container .hero .right-hero{width:50vw;padding-bottom:12%}.home .hero-container .hero .right-hero .wp-title{margin-bottom:60px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:20px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:31px!important;top:34px}.home .hero-container .hero .right-hero .text-3{font-size:13px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:15px;font-size:13px!important;font-family:Gilroy-Regular,sans-serif}.home .hero-container .hero .right-hero .bottom-right-hero{gap:10px}.home .hero-container .hero .right-hero .bottom-right-hero p{font-size:18px!important}.home .hero-container .hero .right-hero .bottom-right-hero img{width:27%;height:auto}.home .section2{margin-bottom:30%}.home .section2 .text-top .text-1{font-size:13px}.home .section2 .text-top .text-2,.home .section2 .text-top .text-3{font-size:21px}.home .section2 .text-top .text-3{top:75px}.home .section2 .box-group{gap:53.47px;position:relative}.home .section2 .box-group .box{width:14%;margin-top:80px}.home .section2 .box-group .box p{font-size:17px;font-family:Gilroy-Regular,sans-serif}.home .section2 .box-group .box-bottom{position:absolute;top:80%}.home .section2 .box-group .btm-one{left:32%}.home .section2 .box-group .btm-two{right:32%}.home .section2 .box-group .box:hover{transform:scale(1.1)}.home .section3{margin-top:13%}.home .section3 .text-top .text-1{font-size:21px}.home .section3 .text-top .text-2{font-size:21px;top:55px}.home .section3 .swiper{padding:13% 0 15%}.home .section3 .swiper-slide{margin:0 -4%}.home .section3 .swiper-slide .card{padding:35px 10px 70px;width:210px}.home .section3 .swiper-slide .card img{width:27%}.home .section3 .swiper-slide .card .text-1{font-size:13px}.home .section3 .swiper-slide .card .text-2{font-size:9px;margin-top:30px}.home .section4 .container{padding-left:5%}.home .section4 .container .left-container .text-1{font-size:21px!important;line-height:30.476px}.home .section4 .container .left-container .text-2{top:35px!important;font-size:21px!important;line-height:30.476px}.home .section4 .container .left-container .text-3{font-size:13px;display:none}.home .section4 .container .left-container .text-3-bkp{display:block;color:#fff;font-size:13px!important;font-family:Gilroy-Regular,sans-serif;line-height:140%;width:35vw;margin-top:50px}.home .section4 .container .left-container .group-bank{gap:9.32px;margin-top:25px}.home .section4 .container .left-container .group-bank img{height:22px}.home .section4 .container .right-container{width:65%}.home .section4 .container .right-container img{top:5%;width:45%}.home .section5 .container .text-top .text-1{font-size:11px}.home .section5 .container .text-top .text-2{font-size:23px;margin-top:4px}.home .section5 .container .text-top .text-3{font-size:12px}.home .section5 .container .box-group{margin-top:51px;gap:15px}.home .section5 .container .box-group .card-box-provider{padding:11.36px;width:20%}.home .section5 .container .box-group .card-box-provider img{width:23px}.home .section5 .container .box-group .card-box-provider .text-1{font-size:10px;font-family:Gilroy-bold,sans-serif}.home .section5 .container .box-group .card-box-provider .border-card{margin-top:11.36px;margin-bottom:11.36px}.home .section5 .container .box-group .card-box-provider .progress-container{height:6.816px}.home .section5 .container .box-group .card-box-provider .group-bar p{font-size:.336rem}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:.344rem}.home .section5 .container .box-group .card-box-provider input{height:22.721px;font-size:6.002px}.home .section5 .container .box-group .card-box-provider .smartfren-number-bkp{margin-top:68px!important}.home .section5 .container .text-bottom .text-1{font-size:11px}.home .section6 .container{margin-top:9%}.home .section6 .container .text-top .text-1{font-size:12px}.home .section6 .container .text-top .text-2{font-size:21px;margin-top:5px}.home .section6 .container .text-top .text-3{font-size:21px}.home .section6 .container .group-box{margin-top:60px}.home .section6 .container .group-box .border2{height:93.46px;border-right:1px solid #ddd}.home .section6 .container .group-box .profile img{width:40px;height:40px}.home .section6 .container .group-box .profile .text-1{font-size:9px;color:#161c2d}.home .section6 .container .group-box .profile .text-2{font-size:12px}.home .section6 .container .group-box .profile .text-3{font-size:10px;color:#161c2d}.home .section7 .container{position:relative}.home .section7 .container .left-container{width:60%;margin-right:40%}.home .section7 .container .left-container .text-1{font-size:21px!important;margin-top:42.52px}.home .section7 .container .left-container .text-2{font-size:21px!important;top:70px!important}.home .section7 .container .left-container .text-3{font-size:13px!important;display:none}.home .section7 .container .left-container .text-3-bkp{font-size:13px;display:block;width:85%;margin-top:45px!important}.home .section7 .container .left-container .group-bank{margin-top:30px;margin-bottom:35px;width:85%}.home .section7 .container .right-container{position:absolute;width:auto;height:90%;right:0}.home .section8 .container .text-top .text-1{font-size:12px}.home .section8 .container .text-top .text-2{margin-top:0;font-size:24px}.home .section8 .container .text-top .text-3{font-size:12px}.home .section8 .container .text-top .s8-text-3-bkp{margin-top:5px!important}.home .section8 .container .group-box{padding:25px 24px;margin-top:60px;gap:50px}.home .section8 .container .group-box .left-group .border3{border:.7px solid #ededed;margin-bottom:7px;margin-top:2px}.home .section8 .container .group-box .accordion-button{font-size:10px}.home .section8 .container .group-box .accordion-content{font-size:8px}}@media (max-width: 576px){.home .hero-container .hero{margin-top:15px}.home .hero-container .hero .left-hero{position:absolute;width:100%}.home .hero-container .hero .left-hero img{position:relative;width:86%;margin-top:300px;margin-left:10px}.home .hero-container .hero .right-hero{width:100%;padding-bottom:12%}.home .hero-container .hero .right-hero .wp-title{margin-bottom:40px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:18px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:18px!important;top:24px}.home .hero-container .hero .right-hero .text-3{font-size:14px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:18px;margin-bottom:105%;font-size:12px!important;font-family:Gilroy-Regular,sans-serif;padding:9px 15px;gap:5px}.home .hero-container .hero .right-hero .bottom-right-hero{gap:10px;display:flex;justify-content:space-between;align-items:center}.home .hero-container .hero .right-hero .bottom-right-hero p{font-size:14px!important}.home .hero-container .hero .right-hero .bottom-right-hero img{width:17%;height:auto}.home .section2{margin-top:25px;margin-bottom:420px}.home .section2 .text-top .text-1{font-size:10px}.home .section2 .text-top .text-2{margin-top:5px}.home .section2 .text-top .text-2,.home .section2 .text-top .text-3{font-size:18px}.home .section2 .text-top .text-3{top:55px;width:100%}.home .section2 .box-group{position:relative}.home .section2 .box-group .box{width:18%;margin-top:80px;position:absolute}.home .section2 .box-group .box p{font-size:12.655px;font-family:Gilroy-Regular,sans-serif}.home .section2 .box-group .box img{max-width:100%}}@media (max-width: 576px) and (max-width: 425px){.home .section2 .box-group .box img{width:62.98px;height:62.98px}}@media (max-width: 576px){.home .section2 .box-group .box-mobile1{left:16%;top:-30px}.home .section2 .box-group .box-mobile2{right:16%;top:-30px}.home .section2 .box-group .box-mobile3{left:16%;top:110px}.home .section2 .box-group .box-mobile4{display:block;right:16%;top:110px}.home .section2 .box-group .box-tablet1{display:none}.home .section2 .box-group .box-mobile5{left:16%;top:250px}.home .section2 .box-group .box:hover{transform:scale(1.1)}.home .section3{margin-top:15%}.home .section3 .text-top{width:100%}.home .section3 .text-top .text-1{font-size:18px}.home .section3 .text-top .text-2{font-size:18px;top:45px;width:100%}.home .section3 .swiper{padding:14% 0 18%}.home .section3 .swiper-slide{margin:0 -2%}.home .section3 .swiper-slide .card{padding:48px 11px;width:151.814px}.home .section3 .swiper-slide .card img{width:27%}.home .section3 .swiper-slide .card .text-1{font-size:10.399px}.home .section3 .swiper-slide .card .text-2{font-size:7.428px;margin-top:20px}.home .section4 .container{padding-left:2%;position:relative;margin:2% auto}.home .section4 .container .left-container{width:100%}.home .section4 .container .left-container .text-1{font-size:18px!important;line-height:30.476px}.home .section4 .container .left-container .text-2{top:33px!important;font-size:18px!important;line-height:30.476px}.home .section4 .container .left-container .text-3{font-size:12px;display:none}.home .section4 .container .left-container .text-3-bkp{display:block;color:#fff;font-size:12px!important;font-family:Gilroy-Regular,sans-serif;line-height:140%;width:100%;text-align:center;margin-top:90%}.home .section4 .container .left-container .group-bank,.home .section4 .container .left-container .group-bank-mobile{gap:9.32px;margin-top:25px;display:flex;justify-content:center;align-items:center;position:relative}.home .section4 .container .left-container .group-bank img,.home .section4 .container .left-container .group-bank-mobile img{height:28.24px}.home .section4 .container .left-container .group-bank .group-bank-mobile-img,.home .section4 .container .left-container .group-bank-mobile .group-bank-mobile-img{display:none}.home .section4 .container .left-container .group-bank-mobile{margin:10px 0 25px}.home .section4 .container .right-container{width:93%;position:absolute;top:60px;margin-left:15px}.home .section4 .container .right-container img{width:100%}.home .section5 .container{display:none}.home .section5 .container .text-top .text-1{font-size:10px}.home .section5 .container .text-top .text-2{font-size:18px;margin-top:0}.home .section5 .container .text-top .text-3{font-size:12px}.home .section5 .container .box-group{margin-top:51px;gap:20px}.home .section5 .container .box-group .card-box-provider{padding:11.36px;width:20%}.home .section5 .container .box-group .card-box-provider img{width:23px}.home .section5 .container .box-group .card-box-provider .text-1{font-size:11px;font-family:Gilroy-bold,sans-serif}.home .section5 .container .box-group .card-box-provider .border-card{margin-top:11.36px;margin-bottom:11.36px}.home .section5 .container .box-group .card-box-provider .progress-container{height:6.816px}.home .section5 .container .box-group .card-box-provider .group-bar p{font-size:.456rem}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:.394rem}.home .section5 .container .box-group .card-box-provider input{height:22.721px;font-size:6.362px}.home .section5 .container .box-group .card-box-provider .smartfren-number-bkp{margin-top:68px!important}.home .section5 .container .text-bottom .text-1{font-size:15px}.home .section5 .container-mobile-bkp{font-family:Gilroy-Medium,sans-serif;margin:25px;display:block}.home .section5 .container-mobile-bkp .text-top{margin-bottom:20px}.home .section5 .container-mobile-bkp .text-top .text-1{color:#0075ff;text-align:center;font-size:10px;letter-spacing:.403px;text-transform:uppercase}.home .section5 .container-mobile-bkp .text-top .text-2{color:#161c2d;text-align:center;font-size:18px;font-weight:700;letter-spacing:-.298px;font-family:Gilroy-Bold,sans-serif}.home .section5 .container-mobile-bkp .text-top .text-3{color:#444;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:22px}.home .section5 .container-mobile-bkp .swiper-convert{margin:60px 0 80px;padding-bottom:150px 0;width:100%;height:251px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;position:relative}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider{position:absolute;left:-7px;border-radius:10px;padding:20px;text-align:center;align-items:center;justify-content:center;background-color:#fff;width:90%}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider img{width:28.129px;height:28.129px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .text-1{font-size:13.14px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .border-card{border-top:1px solid #eadddd;margin-top:20px;margin-bottom:20px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .progress-container{background-color:#e6e6fa;border-radius:10px;height:10px;margin:10px 0;position:relative;width:100%}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .progress-bar{background-color:#8fdc58;height:100%;border-radius:10px;width:0;transition:width 2s ease}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .group-bar{display:flex;justify-content:space-between}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .group-bar p{font-size:8.76px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .group-bar .percentage-text{font-size:7.665px;color:#0075ff}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input{width:100%;height:27.374px;text-align:center;border:1px solid #f0d7d7;background-color:#f3f3f3;border-radius:4px;font-family:Gilroy-Medium,sans-serif;margin-top:20px;font-size:7.665px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input[type=number]::-webkit-outer-spin-button,.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input[type=number]{-moz-appearance:textfield}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input:valid:not(:placeholder-shown){border-color:#0075ff;background-color:#f3f3f3}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input:focus{border-color:#0075ff;background-color:#f3f3f3;outline:none}.home .section6 .container{margin-top:9%;margin-bottom:9%}.home .section6 .container .text-top .text-1{font-size:10px}.home .section6 .container .text-top .text-2{font-size:18px;margin-top:5px}.home .section6 .container .text-top .text-3{font-size:18px}.home .section6 .container .group-box{margin-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0}.home .section6 .container .group-box .border2{height:93.46px;border-right:1px solid #ddd;display:none}.home .section6 .container .group-box .profile{width:100%;padding:17px 0;margin:0}.home .section6 .container .group-box .profile img{width:51.037px;height:54.007px}.home .section6 .container .group-box .profile .text-1{font-size:14.252px;color:#161c2d;margin-top:10px}.home .section6 .container .group-box .profile .text-2{font-size:12px;margin-top:10px}.home .section6 .container .group-box .profile .text-3{font-size:11px;color:#161c2d}.home .section6 .container .group-box .mid{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}.home .section7 .container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.home .section7 .container .left-container{width:100%;margin-right:0}.home .section7 .container .left-container .text-1{font-size:18px!important}.home .section7 .container .left-container .text-2{font-size:18px!important;top:67px!important}.home .section7 .container .left-container .text-3{font-size:12px!important;display:none}.home .section7 .container .left-container .text-3-bkp{font-size:12px;display:block;width:100%;margin-top:45px!important}.home .section7 .container .left-container .group-bank{margin-top:15px;margin-bottom:25px;width:70%;gap:6px}.home .section7 .container .right-container{position:absolute;width:auto;height:50%;top:0;right:30%;display:none}}@media (max-width: 576px) and (max-width: 482px){.home .section7 .container .right-container{right:23%}}@media (max-width: 576px) and (min-width: 350px){.home .section7 .container .right-container{right:10%}}@media (max-width: 576px){.home .section7 .container .mobile{display:block}.home .section7 .container .mobile img{width:259px;height:244.125px}.home .section8 .container{width:100%}.home .section8 .container .text-top .text-1{font-size:10px}.home .section8 .container .text-top .text-2{margin-top:0;font-size:18px}.home .section8 .container .text-top .text-3{font-size:12px}.home .section8 .container .text-top .s8-text-3-bkp{margin-top:5px!important}.home .section8 .container .group-box{padding:0;margin-top:30px;border:none}.home .section8 .container .group-box .mobile-bkp{display:none}.home .section8 .container .group-box .left-group{width:100%}.home .section8 .container .group-box .left-group .border3{border:.5px solid #ededed;margin-bottom:0;margin-top:0}.home .section8 .container .group-box .accordion-button{font-size:12px;padding-right:20px}.home .section8 .container .group-box .accordion-content{font-size:12px}.home .section8 .container .group-box .group-title{position:relative}.home .section8 .container .group-box .fa,.home .section8 .container .group-box .fas{position:absolute;top:13px;right:0;font-size:11px;margin-bottom:3px}}.about{display:flex;flex-direction:column;background-color:#fff}.about p{margin:0;padding:0}.about .hero-container{background-color:#0075ff;position:relative}.about .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.about .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.about .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%}.about .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.about .hero-container .hero .left-hero{max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.about .hero-container .hero .left-hero .text-1{font-size:39px;display:flex;align-items:center}.about .hero-container .hero .left-hero .text-2{font-size:60px;font-weight:800;margin-left:10px;display:block!important}.about .hero-container .hero .left-hero .mobile-p{display:none}.about .hero-container .hero .left-hero .text-3{font-size:20px;letter-spacing:1px;line-height:36px;text-align:justify}.about .section2{width:100%;position:relative}.about .section2 .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.about .section2 .section2-container{width:90%;max-width:1400px;margin:4% auto 7%;display:flex;justify-content:space-between;font-family:Gilroy-Medium,sans-serif;align-items:center}.about .section2 .section2-container .left-side{width:50%;display:flex;justify-content:center}.about .section2 .section2-container .left-side img{z-index:2;max-width:100%;height:auto;animation:swing 5s ease-in-out infinite}@keyframes swing{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.about .section2 .section2-container .right-side{width:50%;padding-right:5%}.about .section2 .section2-container .right-side p{font-size:20px;letter-spacing:1px;line-height:36px;text-align:justify}@media (max-width: 992px){.about .hero-container .hero{margin-top:7%;margin-bottom:10%}.about .hero-container .hero .right-hero{width:55%}.about .hero-container .hero .right-hero img{width:70%;margin-top:10%}.about .hero-container .hero .left-hero .text-1{font-size:33.614px!important}.about .hero-container .hero .left-hero .text-2{font-size:51.714px!important}.about .hero-container .hero .left-hero .text-3{font-size:12px!important;font-weight:400;line-height:140%}.about .hero-container .hero .left-hero .text-3-bkp{margin-top:6%!important}.about .section2 .section2-container{margin-top:8%;margin-bottom:1%}.about .section2 .section2-container .left-side{width:60%}.about .section2 .section2-container .right-side p{color:#262626;font-size:12px;font-weight:500;line-height:140%}}@media (max-width: 576px){.about .hero-container .hero{margin:25px;width:100%;display:flex;flex-direction:column}.about .hero-container .hero .right-hero{width:80%;display:flex;justify-content:center;align-items:center}.about .hero-container .hero .right-hero img{width:70%;margin-top:0}.about .hero-container .hero .left-hero{width:85%}.about .hero-container .hero .left-hero .text-1{font-size:18px!important}.about .hero-container .hero .left-hero .text-2{font-size:22px!important}.about .hero-container .hero .left-hero .text-3,.about .hero-container .hero .left-hero .mobile-p{font-size:14px!important;font-weight:400;line-height:140%;text-align:start}.about .hero-container .hero .left-hero .text-3{display:none}.about .hero-container .hero .left-hero .mobile-p{display:block}.about .hero-container .hero .left-hero .mobile-p button{color:#fff;font-family:Gilroy-Bold,sans-serif;font-size:12px;font-weight:700;outline:none;background:transparent;border:none;display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 0}.about .hero-container .hero .left-hero .mobile-p button img{width:14px}.about .hero-container .hero .left-hero .text-3-bkp{margin-top:6%!important}.about .section2 .section2-container{margin:25px;display:flex;justify-content:center;align-items:center;flex-direction:column}.about .section2 .section2-container .left-side,.about .section2 .section2-container .right-side{width:100%}.about .section2 .section2-container .right-side p{color:#262626;font-size:12px;font-weight:500;line-height:140%}}.tutorial{display:flex;flex-direction:column;background-color:#fff}.tutorial p{margin:0;padding:0}.tutorial .slider{transition:transform .3s ease-in-out}.tutorial .website,.tutorial .mobile-app{transition:opacity .3s ease-in-out;opacity:0}.tutorial .website.active,.tutorial .mobile-app.active{opacity:1}.tutorial .hero-container{background-color:#0075ff;position:relative}.tutorial .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.tutorial .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.tutorial .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.tutorial .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%}.tutorial .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.tutorial .hero-container .hero .left-hero{padding-left:50px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.tutorial .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.tutorial .hero-container .hero .left-hero .text-2{position:absolute;top:40px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.tutorial .hero-container .hero .left-hero .text-3{font-size:20px;max-width:75%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.tutorial .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.tutorial .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.tutorial .section2{width:100%;position:relative;background-color:#f8f8ff}.tutorial .section2 .section2-container{width:90%;max-width:1400px;margin:4% auto 7%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif;align-items:center}.tutorial .section2 .section2-container .convert-section{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;margin-bottom:7%}.tutorial .section2 .section2-container .convert-section h1{font-size:36px;margin-bottom:10px;color:#161c2d;font-family:Gilroy-Bold,sans-serif}.tutorial .section2 .section2-container .convert-section p{font-size:18px;color:#505666;font-family:Gilroy-Medium,sans-serif;margin-bottom:20px}.tutorial .section2 .section2-container .convert-section .options-container{position:relative;display:inline-block;background-color:#e3f1ff;border-radius:40px;padding:7px;width:400px;display:flex;justify-content:space-between}.tutorial .section2 .section2-container .convert-section .option-btn{border:none;background-color:transparent;font-size:1rem;cursor:pointer;z-index:1;color:#06f;flex:1;text-align:center;padding:10px 20px;transition:color .3s ease;font-size:18px;font-family:Gilroy-Medium,sans-serif}.tutorial .section2 .section2-container .convert-section .option-btn.active{color:#fff}.tutorial .section2 .section2-container .convert-section .slider{position:absolute;width:190px;height:75%;background-color:#06f;border-radius:40px;top:6.5px;left:10px;transition:transform .3s ease-in-out}.tutorial .section2 .section2-container .website{width:100%;display:flex;gap:50px}.tutorial .section2 .section2-container .website .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.tutorial .section2 .section2-container .website .left-side .top-text{position:relative;margin-bottom:15%}.tutorial .section2 .section2-container .website .left-side .top-text p{font-size:32px;color:#161c2d}.tutorial .section2 .section2-container .website .left-side .top-text .text-2{font-size:32px;color:#161c2d;position:absolute;top:45px;left:0;display:flex!important;gap:3px}.tutorial .section2 .section2-container .website .left-side .top-text .text-2 span{display:block!important}.tutorial .section2 .section2-container .website .left-side .mobile-bkp{display:none}.tutorial .section2 .section2-container .website .left-side .mobile-bkp span{display:block!important}.tutorial .section2 .section2-container .website .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.tutorial .section2 .section2-container .website .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.tutorial .section2 .section2-container .website .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.tutorial .section2 .section2-container .website .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.tutorial .section2 .section2-container .website .right-side{width:50%;display:flex}.tutorial .section2 .section2-container .website .right-side .outer-box{width:100%;justify-content:center;align-items:center;padding:40px;background-color:#fff;border-radius:15px}.tutorial .section2 .section2-container .website .right-side .outer-box .box{font-family:Gilroy-Medium,sans-serif;width:100%;display:flex;flex-direction:column;padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a}.tutorial .section2 .section2-container .website .right-side .outer-box .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.tutorial .section2 .section2-container .website .right-side .outer-box .box input,.tutorial .section2 .section2-container .website .right-side .outer-box .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.tutorial .section2 .section2-container .website .right-side .outer-box .box input:focus,.tutorial .section2 .section2-container .website .right-side .outer-box .box select:focus{border-color:#0a66ff}.tutorial .section2 .section2-container .website .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .bottom-input{margin-bottom:20px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input{display:flex;justify-content:space-between;gap:10px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .left-side-box,.tutorial .section2 .section2-container .website .right-side .outer-box .box .right-side-box{flex:1}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{color:#fff;font-size:15px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .website .right-side .outer-box .box input[type=number]::-webkit-outer-spin-button,.tutorial .section2 .section2-container .website .right-side .outer-box .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tutorial .section2 .section2-container .website .right-side .outer-box .box input[type=number]{-moz-appearance:textfield}.tutorial .section2 .section2-container .mobile-app{width:100%;display:flex;justify-content:center;align-items:center;gap:50px}.tutorial .section2 .section2-container .mobile-app .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.tutorial .section2 .section2-container .mobile-app .left-side .top-text{position:relative;margin-bottom:15%}.tutorial .section2 .section2-container .mobile-app .left-side .top-text p{font-size:36px;color:#161c2d}.tutorial .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:36px;color:#161c2d;position:absolute;top:45px;left:0}.tutorial .section2 .section2-container .mobile-app .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.tutorial .section2 .section2-container .mobile-app .right-side{width:50%;display:flex}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box{width:100%;justify-content:center;align-items:center;background-color:#f4f7fa}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box{font-family:Gilroy-Medium,sans-serif;width:100%;display:flex;flex-direction:column;background-color:#f4f7fa;border-radius:15px;box-shadow:0 4px 10px #0000001a}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input:focus,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box select:focus{border-color:#0a66ff}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .bottom-input{margin-bottom:20px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input{display:flex;justify-content:space-between;gap:10px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .left-side-box,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .right-side-box{flex:1}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{color:#fff;font-size:15px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-outer-spin-button,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]{-moz-appearance:textfield}@media (max-width: 1172px){.tutorial .hero-container .hero .left-hero .text-1{font-size:55px;width:160%}.tutorial .hero-container .hero .left-hero .text-2{font-size:55px}}@media (max-width: 992px){.tutorial .hero-container .bg-overlay .overlay-right{right:-20%}.tutorial .hero-container .hero{margin-top:8%;margin-bottom:8%}.tutorial .hero-container .hero .right-hero img{margin-top:30%;width:60%;margin-right:10%}.tutorial .hero-container .hero .left-hero{padding-left:15px}.tutorial .hero-container .hero .left-hero .wp-title{margin-bottom:60px!important}.tutorial .hero-container .hero .left-hero .text-1{font-size:23.365px}.tutorial .hero-container .hero .left-hero .text-2{top:30px;font-size:30.476px}.tutorial .hero-container .hero .left-hero .text-3{font-size:15px;font-weight:500;line-height:140%;width:250px;max-width:none}.tutorial .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.419px}.tutorial .section2 .section2-container{margin-top:42.16px;margin-bottom:42.16px}.tutorial .section2 .section2-container .convert-section h1{font-size:24px}.tutorial .section2 .section2-container .convert-section p,.tutorial .section2 .section2-container .convert-section .option-btn{font-size:12px}.tutorial .section2 .section2-container .website .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .website .left-side .top-text .text-2{font-size:15px;top:25px}.tutorial .section2 .section2-container .website .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .website .left-side .list-group .list{gap:11.28px}.tutorial .section2 .section2-container .website .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.tutorial .section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.tutorial .section2 .section2-container .website .right-side .outer-box{padding:18.28px;border-radius:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box{border-radius:2.54px}.tutorial .section2 .section2-container .website .right-side .outer-box .box p{font-size:8.127px!important;margin-bottom:4px}.tutorial .section2 .section2-container .website .right-side .outer-box .box input,.tutorial .section2 .section2-container .website .right-side .outer-box .box select{font-size:7.117px!important;padding:5.079px 9.143px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .bottom-input{margin-bottom:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn{padding:8.36px;margin-top:10px;border-radius:4.063px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn p{font-size:8.635px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{font-size:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.tutorial .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;top:25px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list{gap:11.28px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}@media (max-width: 576px){.tutorial .hero-container .hero{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%;margin:12px}.tutorial .hero-container .hero .right-hero{width:83%}.tutorial .hero-container .hero .right-hero img{margin-top:5%;width:85%;margin-right:0}.tutorial .hero-container .hero .left-hero{padding-left:15px;width:90%}.tutorial .hero-container .hero .left-hero .wp-title{margin-bottom:50px!important}.tutorial .hero-container .hero .left-hero .text-1{font-size:18px}.tutorial .hero-container .hero .left-hero .text-2{top:95%;font-size:22px}.tutorial .hero-container .hero .left-hero .text-3{font-size:14px;font-weight:500;line-height:140%;width:100%;max-width:none}.tutorial .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.tutorial .hero-container .hero .left-hero .selengkapnya img{width:15px}.tutorial .section2 .section2-container{margin-top:25px;margin-bottom:25px}.tutorial .section2 .section2-container .convert-section h1{font-size:18px;margin-bottom:5px}.tutorial .section2 .section2-container .convert-section p{font-size:16px}.tutorial .section2 .section2-container .convert-section .options-container{width:325px}.tutorial .section2 .section2-container .convert-section .option-btn{font-size:16px;padding:6px 25px}.tutorial .section2 .section2-container .convert-section .slider{width:156px;left:6.5px}.tutorial .section2 .section2-container .website{display:flex;flex-direction:column}.tutorial .section2 .section2-container .website .left-side{width:100%;margin:0}.tutorial .section2 .section2-container .website .left-side .top-text{display:none}.tutorial .section2 .section2-container .website .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .website .left-side .top-text .text-2{font-size:15px;display:none}.tutorial .section2 .section2-container .website .left-side .mobile-bkp{display:block;margin-bottom:3%}.tutorial .section2 .section2-container .website .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .website .left-side .list-group .list{gap:12px}.tutorial .section2 .section2-container .website .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.tutorial .section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.tutorial .section2 .section2-container .website .right-side{width:100%}.tutorial .section2 .section2-container .website .right-side .outer-box{padding:0;border-radius:5px;box-shadow:none!important}.tutorial .section2 .section2-container .website .right-side .outer-box .box{border-radius:5px;padding:30px;box-shadow:none!important}.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input{display:block!important}.tutorial .section2 .section2-container .website .right-side .outer-box .box p{font-size:14px!important;margin-bottom:4px}.tutorial .section2 .section2-container .website .right-side .outer-box .box input,.tutorial .section2 .section2-container .website .right-side .outer-box .box select{font-size:12px!important;padding:10px 18px;margin-bottom:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .bottom-input{margin-bottom:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn{padding:8.36px;margin-top:10px;border-radius:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn p{font-size:16px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{font-size:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .mobile-app{display:flex;flex-direction:column;margin-top:30px}.tutorial .section2 .section2-container .mobile-app .right-side{width:85%}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.tutorial .section2 .section2-container .mobile-app .left-side{width:100%;margin:0}.tutorial .section2 .section2-container .mobile-app .left-side .top-text{display:none}.tutorial .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;display:none}.tutorial .section2 .section2-container .mobile-app .left-side .mobile-bkp{display:block;margin-bottom:3%}.tutorial .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list{gap:12px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}.bantuan{display:flex;flex-direction:column;background-color:#fff}.bantuan p{margin:0;padding:0}.bantuan .hero-container{background-color:#0075ff;position:relative}.bantuan .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.bantuan .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.bantuan .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.bantuan .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%}.bantuan .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.bantuan .hero-container .hero .left-hero{padding-left:50px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.bantuan .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.bantuan .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.bantuan .hero-container .hero .left-hero .text-3{font-size:20px;max-width:75%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.bantuan .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.bantuan .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.bantuan .section2{width:100%;position:relative;background-color:#f8f8ff}.bantuan .section2 .section2-container{width:90%;max-width:1400px;margin:4% auto 7%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif;align-items:center}.bantuan .section2 .section2-container .convert-section{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;margin-bottom:7%}.bantuan .section2 .section2-container .convert-section h1{font-size:36px;margin-bottom:10px;color:#161c2d;font-family:Gilroy-Bold,sans-serif}.bantuan .section2 .section2-container .convert-section p{font-size:18px;color:#505666;font-family:Gilroy-Medium,sans-serif;margin-bottom:20px}.bantuan .section2 .section2-container .convert-section .provider-group{display:flex;gap:30px;justify-content:center;align-items:center;padding:10px;border-radius:100px;background-color:#e3f1ff}.bantuan .section2 .section2-container .convert-section .provider-group .provider{width:100px;height:100px;transition:opacity .3s ease,transform .3s ease;opacity:.5;cursor:pointer}.bantuan .section2 .section2-container .convert-section .provider-group .provider.active{opacity:1}.bantuan .section2 .section2-container .convert-section .provider-group .provider:hover{transform:scale(1.1);opacity:1}.bantuan .section2 .section2-container .mobile-app{width:100%;display:flex;justify-content:center;align-items:center;gap:30px}.bantuan .section2 .section2-container .mobile-app .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.bantuan .section2 .section2-container .mobile-app .left-side .top-text{position:relative;margin-bottom:15%}.bantuan .section2 .section2-container .mobile-app .left-side .top-text p{font-size:36px;color:#161c2d}.bantuan .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:36px;color:#161c2d;position:absolute;top:45px;left:0}.bantuan .section2 .section2-container .mobile-app .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.bantuan .section2 .section2-container .mobile-app .right-side{width:50%;display:flex}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box{width:100%;justify-content:center;align-items:center;background-color:#f4f7fa}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box{font-family:Gilroy-Medium,sans-serif;width:100%;display:flex;flex-direction:column;background-color:#f4f7fa;border-radius:15px;box-shadow:0 4px 10px #0000001a}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input:focus,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box select:focus{border-color:#0a66ff}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .top-input,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .bottom-input{margin-bottom:20px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input{display:flex;justify-content:space-between;gap:10px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .left-side-box,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .right-side-box{flex:1}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{color:#fff;font-size:15px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{margin-left:8px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .fa-arrow-right{font-size:16px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-outer-spin-button,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]{-moz-appearance:textfield}@media (max-width: 1172px){.bantuan .hero-container .hero .left-hero .wp-title{margin-bottom:20%!important}.bantuan .hero-container .hero .left-hero .text-1{font-size:45px}.bantuan .hero-container .hero .left-hero .text-2{font-size:60px}}@media (max-width: 992px){.bantuan .hero-container .hero{margin-top:8%;margin-bottom:8%}.bantuan .hero-container .hero .right-hero img{width:100%;margin-top:10%}.bantuan .hero-container .hero .left-hero{width:100%}.bantuan .hero-container .hero .left-hero .wp-title{margin-bottom:17%!important}.bantuan .hero-container .hero .left-hero .text-1{font-size:33px}}@media (max-width: 992px) and (max-width: 631px){.bantuan .hero-container .hero .left-hero .text-1{font-size:26px;margin-top:5%}}@media (max-width: 992px){.bantuan .hero-container .hero .left-hero .text-2{top:50px;font-size:33px}.bantuan .hero-container .hero .left-hero .text-3{font-size:15px;font-weight:500;line-height:140%}.bantuan .hero-container .hero .left-hero .selengkapnya{margin-top:15px}.bantuan .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.308px!important}.bantuan .section2 .section2-container{margin-top:42.5px;margin-bottom:7%}.bantuan .section2 .section2-container .convert-section h1{font-size:24px;margin-bottom:0}.bantuan .section2 .section2-container .convert-section p{font-size:12px;margin-bottom:10px}.bantuan .section2 .section2-container .convert-section .provider-group{padding:5px;gap:15.75px}.bantuan .section2 .section2-container .convert-section .provider-group .provider{width:47.238px;height:47.238px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.bantuan .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.bantuan .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;top:25px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list{gap:11.28px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}@media (max-width: 576px){.bantuan .hero-container .hero{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%;margin:12px}.bantuan .hero-container .hero .right-hero{width:83%}.bantuan .hero-container .hero .right-hero img{margin-top:5%;width:85%;margin-right:0;margin-bottom:5%}.bantuan .hero-container .hero .left-hero{padding-left:15px;width:90%}.bantuan .hero-container .hero .left-hero .wp-title{margin-bottom:50px!important}.bantuan .hero-container .hero .left-hero .text-1{font-size:18px}.bantuan .hero-container .hero .left-hero .text-2{top:45px;font-size:22px}.bantuan .hero-container .hero .left-hero .text-3{font-size:14px;font-weight:500;line-height:140%;width:100%;max-width:none}.bantuan .hero-container .hero .left-hero .selengkapnya{position:relative;z-index:10}.bantuan .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.bantuan .hero-container .hero .left-hero .selengkapnya img{width:15px}.bantuan .section2 .section2-container .convert-section{margin-bottom:40px}.bantuan .section2 .section2-container .convert-section h1{font-size:18px;margin-bottom:5px}.bantuan .section2 .section2-container .convert-section p{font-size:12px;margin-bottom:25px}.bantuan .section2 .section2-container .convert-section .provider-group{padding:5.34px;gap:16.75px}.bantuan .section2 .section2-container .convert-section .provider-group img{width:20.355px;height:27.893px}.bantuan .section2 .section2-container .mobile-app{display:flex;flex-direction:column}.bantuan .section2 .section2-container .mobile-app .right-side{width:85%}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.bantuan .section2 .section2-container .mobile-app .left-side{width:100%;margin:0}.bantuan .section2 .section2-container .mobile-app .left-side .top-text{display:none}.bantuan .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.bantuan .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;display:none}.bantuan .section2 .section2-container .mobile-app .left-side .mobile-bkp{display:block;margin-bottom:3%}.bantuan .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list{gap:12px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}.convert-pulsa-web{display:flex;flex-direction:column;background-color:#fff}.convert-pulsa-web p{margin:0;padding:0}.convert-pulsa-web .hero-container{background-color:#0075ff;position:relative}.convert-pulsa-web .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.convert-pulsa-web .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.convert-pulsa-web .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.convert-pulsa-web .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.convert-pulsa-web .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.convert-pulsa-web .hero-container .hero .left-hero{padding-left:70px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.convert-pulsa-web .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.convert-pulsa-web .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.convert-pulsa-web .hero-container .hero .left-hero .text-3{font-size:20px;max-width:70%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.convert-pulsa-web .section2{width:100%;position:relative;background-color:#f8f8ff}.convert-pulsa-web .section2 .section2-container{width:90%;max-width:1400px;margin:10% auto 7%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif;align-items:center}.convert-pulsa-web .section2 .section2-container .website{width:100%;display:flex;align-items:center}.convert-pulsa-web .section2 .section2-container .website .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text{position:relative;margin-bottom:15%}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text p{font-size:36px;color:#161c2d}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text .text-2{font-size:36px;color:#161c2d;position:absolute;top:45px;left:0;display:flex;gap:4px}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text .text-2 span{display:block!important}.convert-pulsa-web .section2 .section2-container .website .left-side .mobile-bkp{display:none}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.convert-pulsa-web .section2 .section2-container .website .right-side{width:50%;display:flex;justify-content:center;align-items:center}.convert-pulsa-web .section2 .section2-container .website .right-side .box{font-family:Gilroy-Medium,sans-serif;width:70%;display:flex;flex-direction:column;padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a}.convert-pulsa-web .section2 .section2-container .website .right-side .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.convert-pulsa-web .section2 .section2-container .website .right-side .box input,.convert-pulsa-web .section2 .section2-container .website .right-side .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.convert-pulsa-web .section2 .section2-container .website .right-side .box input:focus,.convert-pulsa-web .section2 .section2-container .website .right-side .box select:focus{border-color:#0a66ff}.convert-pulsa-web .section2 .section2-container .website .right-side .box .top-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .middle-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .bottom-input{margin-bottom:20px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .middle-input{display:flex;flex-direction:column;justify-content:space-between}.convert-pulsa-web .section2 .section2-container .website .right-side .box .left-side-box,.convert-pulsa-web .section2 .section2-container .website .right-side .box .right-side-box{flex:1}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn i{color:#fff;font-size:15px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn i{margin-left:8px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .fa-arrow-right{font-size:16px}.convert-pulsa-web .section2 .section2-container .website .right-side .box input[type=number]::-webkit-outer-spin-button,.convert-pulsa-web .section2 .section2-container .website .right-side .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.convert-pulsa-web .section2 .section2-container .website .right-side .box input[type=number]{-moz-appearance:textfield}@media (max-width: 992px){.convert-pulsa-web .hero-container .bg-overlay .overlay-right{right:-20%}.convert-pulsa-web .hero-container .hero{margin-top:10%;margin-bottom:8%}.convert-pulsa-web .hero-container .hero .right-hero img{margin-top:7%;width:80%;margin-right:10%}.convert-pulsa-web .hero-container .hero .left-hero{padding-left:15px}.convert-pulsa-web .hero-container .hero .left-hero .wp-title{margin-bottom:100px!important}.convert-pulsa-web .hero-container .hero .left-hero .text-2{top:30px;font-size:36px}.convert-pulsa-web .hero-container .hero .left-hero .text-3{font-size:16px;font-weight:500;line-height:140%;width:350px;max-width:none}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.419px}.convert-pulsa-web .section2 .section2-container{margin-top:42.16px;margin-bottom:42.16px}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text p{font-size:24px}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text .text-2{font-size:24px;top:30px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group{gap:18.28px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list{gap:11.28px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.convert-pulsa-web .section2 .section2-container .website .right-side .box{padding:15.33px;border-radius:2.54px;box-shadow:0 -45.206px 40.635px #d1dff50a,0 -18.886px 16.976px #d1dff508,0 -10.097px 9.076px #d1dff505,0 -5.661px 5.088px #d1dff505,0 -3.006px 2.702px #d1dff505,0 -1.251px 1.124px #d1dff503}.convert-pulsa-web .section2 .section2-container .website .right-side .box p{font-size:10px;margin-bottom:4px}.convert-pulsa-web .section2 .section2-container .website .right-side .box input,.convert-pulsa-web .section2 .section2-container .website .right-side .box select{font-size:8px;padding:6.7px 9.14px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .top-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .middle-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .bottom-input{margin-bottom:4px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .bottom-input{margin-top:4px!important}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn{padding:8.36px;margin-top:10px;border-radius:4.063px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn p{font-size:8.635px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn i{font-size:8px}}@media (max-width: 576px){.convert-pulsa-web .hero-container .hero{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%;margin:12px}.convert-pulsa-web .hero-container .hero .right-hero{width:83%}.convert-pulsa-web .hero-container .hero .right-hero img{margin-top:5%;width:85%;margin-right:0;margin-bottom:5%}.convert-pulsa-web .hero-container .hero .left-hero{padding-left:15px;width:90%}.convert-pulsa-web .hero-container .hero .left-hero .wp-title{margin-top:22%!important;margin-bottom:50px!important}.convert-pulsa-web .hero-container .hero .left-hero .text-1{font-size:18px}.convert-pulsa-web .hero-container .hero .left-hero .text-2{top:95%;font-size:22px}.convert-pulsa-web .hero-container .hero .left-hero .text-3{font-size:14px;font-weight:500;line-height:140%;width:100%;max-width:none}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya img{width:15px}.section2 .section2-container .website{display:flex;flex-direction:column}.section2 .section2-container .website .left-side{width:100%!important;margin:0!important}.section2 .section2-container .website .left-side .top-text{display:none}.section2 .section2-container .website .left-side .top-text p{font-size:15px}.section2 .section2-container .website .left-side .top-text .text-2{font-size:15px;display:none}.section2 .section2-container .website .left-side .mobile-bkp{display:block!important;margin-bottom:3%}.section2 .section2-container .website .left-side .list-group{gap:18.28px}.section2 .section2-container .website .left-side .list-group .list{gap:12px}.section2 .section2-container .website .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.section2 .section2-container .right-side{width:100%!important;margin-top:30px}.section2 .section2-container .right-side .box{width:100%!important;padding:15.33px;border-radius:2.54px;box-shadow:0 -45.206px 40.635px #d1dff50a,0 -18.886px 16.976px #d1dff508,0 -10.097px 9.076px #d1dff505,0 -5.661px 5.088px #d1dff505,0 -3.006px 2.702px #d1dff505,0 -1.251px 1.124px #d1dff503}.section2 .section2-container .right-side .box p{font-size:14px!important;margin-bottom:8px!important}.section2 .section2-container .right-side .box input,.section2 .section2-container .right-side .box select{font-size:12px!important;padding:16px 18px!important;border-radius:8px!important}.section2 .section2-container .right-side .box .top-input,.section2 .section2-container .right-side .box .middle-input,.section2 .section2-container .right-side .box .bottom-input{margin-bottom:10px!important}.section2 .section2-container .right-side .box .bottom-input{margin-top:4px!important}.section2 .section2-container .right-side .box .convert-btn{padding:10px 10px 8px!important;margin-top:25px!important;border-radius:8px!important}.section2 .section2-container .right-side .box .convert-btn p{font-size:16px!important}.section2 .section2-container .right-side .box .convert-btn i{font-size:13px!important;margin-bottom:5px}}.navbar-container{width:90%;max-width:1400px;margin:0 auto;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-family:Gilroy-Regular,sans-serif;font-size:20px;color:#fff;position:absolute;z-index:100}.navbar-container .group-btn-nav{display:flex;align-items:center;gap:40px}.navbar-container .group-btn-nav a{cursor:pointer;color:#fff;transition:all .3s ease}.navbar-container .group-btn-nav a:hover{text-decoration:underline!important;font-family:Gilroy-Medium,sans-serif;transform:scale(1.1)}.navbar-container .text-blog{font-family:Gilroy-Bold,sans-serif;color:#fff;font-size:20px;text-decoration:none;cursor:pointer}.navbar-container-mobile{display:none}@media (max-width: 768px){.navbar-container{width:100%;padding:23px 45px 23px 40px}.navbar-container .group-btn-nav{padding-left:4%}.navbar-container .group-btn-nav a:hover{transform:scale(1.05)}.navbar-container .text-blog{margin-bottom:8px;font-weight:600}}@media (max-width: 768px) and (max-width: 640px){.navbar-container{width:100%;padding:23px 45px 23px 40px;font-size:18px}.navbar-container .group-btn-nav{padding-left:4%;gap:20px}.navbar-container .group-btn-nav a:hover{transform:scale(1.05)}.navbar-container .text-blog{margin-bottom:8px;font-weight:600}}@media (max-width: 576px){.navbar-container{display:none}.navbar-container-mobile{width:100%;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:25px;font-family:Gilroy-Regular,sans-serif;font-size:20px;color:#fff;position:absolute;z-index:100}.navbar-container-mobile .logo{width:18.552px;height:24px}.navbar-container-mobile .hamburger-menu{cursor:pointer}.navbar-container-mobile .group-btn-nav-mobile{flex-direction:column;position:absolute;top:-210px;left:0;right:0;background-color:#fff;padding:5px 24;transition:all .3s ease;border-radius:10px}.navbar-container-mobile .group-btn-nav-mobile a{padding:10px 20px;text-decoration:none;transition:all .3s ease;font-size:14px;color:#0075ff;position:relative}.navbar-container-mobile .group-btn-nav-mobile a span{background-color:#0075ff;width:55px;height:.5px;position:absolute;bottom:10px;left:20px;display:none}.navbar-container-mobile .group-btn-nav-mobile a:hover{background-color:#ffffff1a}.navbar-container-mobile .group-btn-nav-mobile.active{display:flex;max-height:300px;top:0}}.footer-container{width:90%;max-width:1400px;margin:0 auto;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:25px 0;font-family:Gilroy-Regular,sans-serif;font-size:20px;color:#262626}.footer-container p{margin:0;padding:0}.footer-container .group-text{display:flex;align-items:center;width:100%;gap:20px;justify-content:space-between;margin-top:5%}.footer-container .group-text .inner-group{display:flex;gap:10px;flex-direction:column}.footer-container .group-text .inner-group .text-1{font-size:18;font-family:Gilroy-Bold,sans-serif}.footer-container .group-text .inner-group .text-2{display:flex;align-items:center;font-size:16px;font-family:Gilroy-Regular,sans-serif}.footer-container .group-text .inner-group .text-2 img{margin-right:15px}.footer-container .group-text .inner-group2{display:flex;gap:10px;flex-direction:column;color:#000}.footer-container .group-text .inner-group2 .text-1{font-size:18;font-family:Gilroy-Bold,sans-serif;color:#000}.footer-container .group-text .inner-group2 .text-2{display:flex;align-items:center;font-size:16px;font-family:Gilroy-Regular,sans-serif;cursor:pointer}.footer-container .group-text .inner-group2 .text-2 a{color:#000}.footer-container .group-text .inner-group2 .text-2 a:hover{text-decoration:none}.footer-container .border1{border-bottom:2px solid #e7e9ed;margin:3% 0;width:85%}.footer-container .img-group{display:flex;gap:20px;justify-content:center;align-items:center;width:200px;margin-top:30px}.footer-container .img-group a{display:flex;gap:30px;justify-content:center;align-items:center;width:50%}.footer-container .img-group img{width:50%;height:auto;cursor:pointer}.footer-container .img-group img:hover{opacity:.8}.footer-container .container-custom{display:flex;position:relative;align-items:center;justify-content:center;width:100%}.footer-container .container-custom .img-footer{display:flex;width:25%}.footer-container .img-group2{margin-top:35px;position:absolute;display:flex;gap:10px;flex-direction:column;justify-content:flex-end;width:100%;right:0;top:0;align-items:flex-end}.footer-container .img-group2 a{text-align:end}.footer-container .img-group2 img{width:25%}.footer-container .img-mobile-bkp{display:none}.footer-container .footer-text{font-size:17px;margin-top:40px;margin-bottom:3%}@media (max-width: 992px){.footer-container{padding:32px 40px}.footer-container .group-text .inner-group .text-1{font-size:15px}.footer-container .group-text .inner-group .text-2 p{font-size:12px}.footer-container .group-text .inner-group2 .text-1{font-size:15px}.footer-container .group-text .inner-group2 .text-2{font-size:12px}.footer-container .border1{border-bottom:1px solid #e7e9ed}.footer-container .img-group{gap:15px}.footer-container .container-custom .img-footer{width:20%}.footer-container .img-group2{margin-top:0;margin-right:30px}.footer-container .img-group2 img{width:15%}.footer-container .footer-text{font-size:7.619px;margin-top:16px}}@media (max-width: 576px){.footer-container{width:100%;padding:25px}.footer-container .group-text{display:flex;justify-content:start;align-items:start;flex-direction:column;padding:0 0 30px}.footer-container .group-text .inner-group .text-1{font-size:18px}.footer-container .group-text .inner-group .text-2 p{font-size:16px}.footer-container .group-text .inner-group2 .text-1{font-size:18px}.footer-container .group-text .inner-group2 .text-2{font-size:16px}.footer-container .border1{border-bottom:1px solid #e7e9ed;width:100%}.footer-container .img-group{padding:30px 0 0;gap:8px}.footer-container .img-group img{width:15.797px;height:15.797px}.footer-container .container-custom{margin:10px 0 20px}.footer-container .container-custom .img-footer{width:45%}.footer-container .img-group2 img{width:35%}.footer-container .footer-text{font-size:15px;margin-top:10px}.footer-container .img-mobile-bkp{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;width:100%;margin-top:10px}.footer-container .img-mobile-bkp img{width:32%}.footer-container .dekstop{display:none}}.syarat{display:flex;flex-direction:column;background-color:#fff}.syarat p{margin:0;padding:0}.syarat .hero-container{background-color:#0075ff;position:relative}.syarat .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.syarat .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.syarat .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.syarat .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.syarat .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.syarat .hero-container .hero .left-hero{padding-left:70px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.syarat .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.syarat .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.syarat .hero-container .hero .left-hero .text-3{font-size:20px;max-width:70%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.syarat .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.syarat .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.syarat .section2{width:100%}.syarat .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:1225px;margin:0 auto;padding:50px 0}.syarat .section2 .text-1{font-size:18px;color:#727171}.syarat .section2 .text-2{font-size:20px;font-weight:700}@media (max-width: 992px){.syarat .hero-container .bg-overlay .overlay-right{right:-20%}.syarat .hero-container .hero{margin-top:10%;margin-bottom:8%}.syarat .hero-container .hero .right-hero img{margin-top:7%;width:80%;margin-right:10%}.syarat .hero-container .hero .left-hero{padding-left:15px}.syarat .hero-container .hero .left-hero .wp-title{margin-bottom:150px!important}.syarat .hero-container .hero .left-hero .text-2{top:30px;font-size:36px}.syarat .hero-container .hero .left-hero .text-3{font-size:16px;font-weight:500;line-height:140%;width:350px;max-width:none}.syarat .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.419px}.syarat .section2{width:100%}.syarat .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:15px;max-width:700px;margin:0 auto;padding:50px 0}.syarat .section2 .text-1{font-size:14px;color:#727171}.syarat .section2 .text-2{font-size:16px;font-weight:700}}@media (max-width: 576px){.syarat .hero-container .hero{flex-direction:column;align-items:center}.syarat .hero-container .hero .right-hero{width:100%;padding-right:0}.syarat .hero-container .hero .right-hero img{width:90%;margin-top:10%}.syarat .hero-container .hero .left-hero{width:100%;padding-left:0;text-align:center}.syarat .hero-container .hero .left-hero .text-1{font-size:28px}.syarat .hero-container .hero .left-hero .text-2{font-size:32px;top:20px;display:none!important}.syarat .hero-container .hero .left-hero .text-2-mobile{display:block!important;font-size:32px;font-weight:800;font-family:Gilroy-Bold,sans-serif;text-align:left;margin-top:15px}.syarat .hero-container .hero .left-hero .wp-title{margin-bottom:10px!important}.syarat .hero-container .hero .left-hero .text-3{font-size:14px;line-height:24px;max-width:none;text-align:left}.syarat .hero-container .hero .left-hero .selengkapnya{margin-top:10px;align-items:center}.syarat .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.syarat .hero-container .hero .right-hero img{width:80%;margin:20px auto}.syarat .section2 .container2{gap:10px;padding-bottom:0;max-width:350px}.syarat .section2 .container2 .text-1{font-size:12px}.syarat .section2 .container2 .text-2{font-size:13px}}.blog{display:flex;flex-direction:column;background-color:#fff}.blog p{margin:0;padding:0}.blog .hero-container{background-color:#0075ff;position:relative}.blog .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.blog .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.blog .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.blog .hero-container .hero .right-hero img{margin-top:10%;width:80%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.blog .hero-container .hero .left-hero{padding-left:70px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.blog .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.blog .hero-container .hero .left-hero .text-3{font-size:20px;max-width:70%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.blog .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.blog .section2{width:100%}.blog .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:1225px;margin:0 auto;padding:50px 0}.blog .section2 .search-group{display:flex;gap:15px}.blog .section2 .search-group input{width:85%;border-radius:25px;border:1px solid #999999;outline:none;padding:10px 20px;font-size:16px}.blog .section2 .search-group .search-button{background-color:#0075ff;width:15%;color:#fff;border:none;border-radius:25px;padding:10px 20px;cursor:pointer;font-size:18px}.blog .section2 .search-group .search-button i{margin-right:5px}.blog .section2 .search-group .search-button:hover{background-color:#005ecc}.blog .section2 .nav-item{margin-right:18px;padding:15px 0}.blog .section2 .nav-item .nav-link{border:1px solid #727171;color:#727171;padding:10px 20px;border-radius:10px;font-size:16px;background-color:transparent;text-decoration:none!important}.blog .section2 .nav-item .nav-link.active{background-color:#0075ff;border:1px solid #0075ff;color:#fff;font-weight:700}.blog .section2 .wrapper-card{display:flex;flex-direction:column;gap:50px;width:100%}.blog .section2 .wrapper-card .card-group{display:flex;gap:30px;width:100%}.blog .section2 .wrapper-card .card-group .card-box{width:31.7%;border-radius:10px;text-decoration:none}.blog .section2 .wrapper-card .card-group .card-box .top{display:flex;position:relative;width:100%}.blog .section2 .wrapper-card .card-group .card-box .top img{width:100%;height:230px;object-fit:cover;border-radius:20px 20px 0 0}.blog .section2 .wrapper-card .card-group .card-box .top .text-category{font-size:16px;position:absolute;top:20px;left:20px;background-color:#0075ff;color:#fff;padding:5px 15px;border-radius:25px}.blog .section2 .wrapper-card .card-group .card-box .bottom{padding:20px;border-radius:0 0 20px 20px;box-shadow:0 4px 6px #0000001a;min-height:155px}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-1{font-size:18px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-2{font-size:16px;color:#8e8f92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .section2 .pagination{margin:2rem 0}.blog .section2 .pagination .page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;padding:.5rem .75rem;margin:0 .125rem;border-radius:.25rem;text-decoration:none;transition:all .2s ease-in-out}.blog .section2 .pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6}.blog .section2 .pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff}.blog .section2 .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.blog .section2 .pagination .page-item.disabled .page-link:hover{color:#6c757d;background-color:#fff;border-color:#dee2e6}.blog .section2 .wrapper-card .card-group{display:flex;margin-bottom:2rem}.blog .section2 .wrapper-card .card-group.hidden{display:none!important}.blog .section2 .card-group .card-box{flex:1;margin:0 .5rem}.blog .section2 .card-group .card-box:first-child{margin-left:0}.blog .section2 .card-group .card-box:last-child{margin-right:0}@media (max-width: 576px){.blog .section2 .pagination{flex-wrap:wrap;justify-content:center}.blog .section2 .pagination .page-item{margin:.125rem}.blog .section2 .pagination .page-link{padding:.375rem .5rem;font-size:.875rem}}.blog.detail .hero-container .hero .left-hero{width:100%;max-width:1200px;margin:0 auto;padding-left:0;text-align:center;display:flex;align-items:center;white-space:nowrap}.blog.detail .hero-container .hero .left-hero .wp-title{display:flex;justify-content:center}.blog.detail .hero-container .hero .right-hero{display:none}.blog.detail .section2{width:100%}.blog.detail .section2 .container2{width:100%;display:flex;flex-direction:row;gap:20px}.blog.detail .section2 .container2 .left-section{width:75%;display:flex;flex-direction:column;gap:30px;padding-right:50px;border-right:1px solid #ddd}.blog.detail .section2 .container2 .left-section img{width:100%;height:auto;border-radius:20px}.blog.detail .section2 .container2 .left-section .title{font-size:36px;font-weight:700}.blog.detail .section2 .container2 .left-section .date{font-size:18px;color:#8e8f92;margin-top:-25px;margin-bottom:10px}.blog.detail .section2 .container2 .left-section .blog-text{font-size:18px;line-height:1.6;color:#262626;text-align:justify}.blog.detail .section2 .container2 .left-section .blog-title{font-size:22px;color:#262626;font-weight:700}.blog.detail .section2 .container2 .left-section .blog-subtitle{font-size:20px;font-weight:500;color:#262626}.blog.detail .section2 .container2 .left-section .blog-image{width:30%;margin:auto}.blog.detail .section2 .container2 .right-section{display:flex;flex-direction:column;gap:20px;width:25%}.blog.detail .section2 .container2 .right-section .top-text{color:#fff;font-size:18px;font-weight:500;width:100%;background-color:#0075ff;padding:5px 10px}.blog.detail .section2 .container2 .right-section .card-article{display:flex;gap:20px}.blog.detail .section2 .container2 .right-section .card-article img{width:100px;height:100px;border-radius:10px;object-fit:cover}.blog.detail .section2 .container2 .right-section .right-card{display:flex;flex-direction:column;gap:5px}.blog.detail .section2 .container2 .right-section .right-card .category{font-size:12px;color:#fff;font-weight:600;background-color:#0075ff;padding:2px 8px;border-radius:20px;width:max-content}.blog.detail .section2 .container2 .right-section .right-card .title{font-size:16px;color:#262626;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:22px}.blog.detail .section2 .container2 .right-section .right-card .date{font-size:14px;color:#8e8f92}@media (max-width: 1367px){.about .hero .left-hero .text-1{font-size:35px!important}.about .hero .left-hero .text-2{font-size:50px!important}.about .hero .left-hero .text-3{font-size:18px!important}.about .hero .left-hero .btn-order{font-size:16px!important}.about .hero .left-hero .bottom-left-hero p{font-size:18px!important}}@media (max-width: 992px){.blog p{margin:0;padding:0}.blog .hero-container{background-color:#0075ff;position:relative}.blog .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.blog .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog .hero-container .hero{width:90%;max-width:700px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.blog .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.blog .hero-container .hero .right-hero img{margin-top:20%;width:80%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.blog .hero-container .hero .left-hero{padding-left:0;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.blog .hero-container .hero .left-hero .wp-title{margin-bottom:45%!important}.blog .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:40px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important;line-height:50px}.blog .hero-container .hero .left-hero .text-3{font-size:15px;max-width:100%;line-height:20px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.blog .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px;font-weight:700;font-family:Raleway,system-ui}.blog .section2{width:100%}.blog .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto;padding:50px 0}.blog .section2 .search-group{display:flex;gap:15px}.blog .section2 .search-group input{width:85%;border-radius:25px;border:1px solid #999999;outline:none;padding:10px 20px;font-size:14px}.blog .section2 .search-group .search-button{background-color:#0075ff;width:25%;color:#fff;border:none;border-radius:25px;padding:5px 20px;cursor:pointer;font-size:16px}.blog .section2 .search-group .search-button i{margin-right:5px}.blog .section2 .search-group .search-button:hover{background-color:#005ecc}.blog .section2 .nav-item{margin-right:8px;padding:0}.blog .section2 .nav-item .nav-link{border:1px solid #727171;color:#727171;padding:10px 20px;border-radius:10px;font-size:13px;background-color:transparent}.blog .section2 .nav-item .nav-link.active{background-color:#0075ff;border:1px solid #0075ff;color:#fff;font-weight:700}.blog .section2 .wrapper-card{display:flex;flex-direction:column;gap:0px;width:100%}.blog .section2 .wrapper-card .card-group{display:flex;gap:4px;width:100%}.blog .section2 .wrapper-card .card-group .card-box{width:31.7%;border-radius:10px;text-decoration:none}.blog .section2 .wrapper-card .card-group .card-box .top{display:flex;position:relative;width:100%}.blog .section2 .wrapper-card .card-group .card-box .top img{width:100%;height:130px;object-fit:cover;border-radius:10px 10px 0 0}.blog .section2 .wrapper-card .card-group .card-box .top .text-category{font-size:12px;position:absolute;top:10px;left:10px;background-color:#0075ff;color:#fff;padding:5px 10px;border-radius:25px}.blog .section2 .wrapper-card .card-group .card-box .bottom{padding:10px 15px;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;min-height:105px}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-1{font-size:14px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-2{font-size:12px;color:#8e8f92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .section2 .pagination{margin:0}.blog .section2 .pagination .page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;padding:.5rem .75rem;margin:0 .125rem;border-radius:.25rem;text-decoration:none;transition:all .2s ease-in-out}.blog .section2 .pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6}.blog .section2 .pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff}.blog .section2 .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.blog .section2 .pagination .page-item.disabled .page-link:hover{color:#6c757d;background-color:#fff;border-color:#dee2e6}.blog .section2 .wrapper-card .card-group{display:flex;margin-bottom:2rem}.blog .section2 .wrapper-card .card-group.hidden{display:none!important}.blog .section2 .card-group .card-box{flex:1;margin:0 .5rem}.blog .section2 .card-group .card-box:first-child{margin-left:0}.blog .section2 .card-group .card-box:last-child{margin-right:0}}@media (max-width: 992px) and (max-width: 576px){.blog .section2 .pagination{flex-wrap:wrap;justify-content:center}.blog .section2 .pagination .page-item{margin:.125rem}.blog .section2 .pagination .page-link{padding:.375rem .5rem;font-size:.875rem}}@media (max-width: 992px){.blog.detail .hero-container .hero .left-hero{width:100%;max-width:1200px;margin:0 auto;padding-left:0;text-align:center;display:flex;align-items:center;white-space:nowrap}.blog.detail .hero-container .hero .left-hero .wp-title{display:flex;justify-content:center;margin-bottom:20%!important}.blog.detail .hero-container .hero .right-hero{display:none}.blog.detail .section2{width:100%}.blog.detail .section2 .container2{width:100%;display:flex;flex-direction:row;gap:20px}.blog.detail .section2 .container2 .left-section{width:65%;display:flex;flex-direction:column;gap:20px;padding-right:20px;border-right:1px solid #ddd}.blog.detail .section2 .container2 .left-section img{width:100%;height:auto;border-radius:20px}.blog.detail .section2 .container2 .left-section .title{font-size:18px;font-weight:700;margin-bottom:5px}.blog.detail .section2 .container2 .left-section .date{font-size:14px;color:#8e8f92;margin-top:-25px;margin-bottom:0}.blog.detail .section2 .container2 .left-section .blog-text{font-size:14px;line-height:1.6;color:#262626;text-align:justify}.blog.detail .section2 .container2 .left-section .blog-title{font-size:18px;color:#262626;font-weight:700}.blog.detail .section2 .container2 .left-section .blog-subtitle{font-size:16px;font-weight:500;color:#262626}.blog.detail .section2 .container2 .left-section .blog-image{width:30%;margin:auto}.blog.detail .section2 .container2 .right-section{display:flex;flex-direction:column;gap:20px;width:35%}.blog.detail .section2 .container2 .right-section .top-text{color:#fff;font-size:14px;font-weight:500;width:100%;background-color:#0075ff;padding:5px 10px}.blog.detail .section2 .container2 .right-section .card-article{display:flex;gap:20px}.blog.detail .section2 .container2 .right-section .card-article img{width:80px;height:80px;border-radius:10px;object-fit:cover}.blog.detail .section2 .container2 .right-section .right-card{display:flex;flex-direction:column;gap:5px}.blog.detail .section2 .container2 .right-section .right-card .category{font-size:10px;color:#fff;font-weight:600;background-color:#0075ff;padding:2px 8px;border-radius:20px;width:max-content}.blog.detail .section2 .container2 .right-section .right-card .title{font-size:14px;color:#262626;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:17px}.blog.detail .section2 .container2 .right-section .right-card .date{font-size:12px;color:#8e8f92}}@media (max-width: 576px){.blog p{margin:0;padding:0}.blog .hero-container{background-color:#0075ff;position:relative}.blog .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.blog .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog .hero-container .hero{flex-direction:column;align-items:center}.blog .hero-container .hero .right-hero{width:100%;padding-right:0}.blog .hero-container .hero .right-hero img{width:90%;margin-top:10%}.blog .hero-container .hero .left-hero{width:100%;padding-left:0;text-align:center}.blog .hero-container .hero .left-hero .text-1{font-size:28px}.blog .hero-container .hero .left-hero .text-2{font-size:32px;top:20px;display:none!important}.blog .hero-container .hero .left-hero .text-2-mobile{display:block!important;font-size:32px;font-weight:800;font-family:Gilroy-Bold,sans-serif;text-align:left;margin-top:45px}.blog .hero-container .hero .left-hero .wp-title{margin-bottom:10px!important}.blog .hero-container .hero .left-hero .text-3{font-size:14px;line-height:24px;max-width:none;text-align:left}.blog .hero-container .hero .left-hero .selengkapnya{margin-top:10px;align-items:center}.blog .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.blog .hero-container .hero .right-hero img{width:80%;margin:20px auto}.blog .section2{width:100%}.blog .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:350px;margin:0 auto;padding:50px 0}.blog .section2 .search-group{display:flex;gap:15px}.blog .section2 .search-group input{width:88%;border-radius:25px;border:1px solid #999999;outline:none;padding:10px 20px;font-size:14px}.blog .section2 .search-group .search-button{background-color:#0075ff;width:25%;color:#fff;border:none;border-radius:25px;padding:5px 20px;cursor:pointer;font-size:16px;display:none}.blog .section2 .search-group .search-button i{margin-right:5px}.blog .section2 .search-group .search-button:hover{background-color:#005ecc}.blog .section2 .search-group .search-button-mobile{display:block!important;background-color:#0075ff;width:13%;color:#fff;border:none;border-radius:25px;padding:5px;cursor:pointer;font-size:16px;display:none}.blog .section2 .search-group .search-button-mobile i{margin-right:0}.blog .section2 .search-group .search-button-mobile:hover{background-color:#005ecc}.blog .section2 .nav-item{margin-right:8px;padding:0}.blog .section2 .nav-item .nav-link{border:1px solid #727171;color:#727171;padding:8px 15px;border-radius:10px;font-size:13px;background-color:transparent}.blog .section2 .nav-item .nav-link.active{background-color:#0075ff;border:1px solid #0075ff;color:#fff;font-weight:700}.blog .section2 .wrapper-card{display:flex;flex-direction:column;gap:0px;width:100%}.blog .section2 .wrapper-card .card-group{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:20px!important}.blog .section2 .wrapper-card .card-group .card-box{width:100%;border-radius:10px;text-decoration:none;margin:0}.blog .section2 .wrapper-card .card-group .card-box .top{display:flex;position:relative;width:100%}.blog .section2 .wrapper-card .card-group .card-box .top img{width:100%;height:130px;object-fit:cover;border-radius:10px 10px 0 0}.blog .section2 .wrapper-card .card-group .card-box .top .text-category{font-size:12px;position:absolute;top:10px;left:10px;background-color:#0075ff;color:#fff;padding:5px 10px;border-radius:25px}.blog .section2 .wrapper-card .card-group .card-box .bottom{padding:10px 15px;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;min-height:105px}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-1{font-size:14px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-2{font-size:12px;color:#8e8f92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .section2 .pagination{margin:0}.blog .section2 .pagination .page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;padding:.5rem .75rem;margin:0 .125rem;border-radius:.25rem;text-decoration:none;transition:all .2s ease-in-out}.blog .section2 .pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6}.blog .section2 .pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff}.blog .section2 .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.blog .section2 .pagination .page-item.disabled .page-link:hover{color:#6c757d;background-color:#fff;border-color:#dee2e6}.blog .section2 .wrapper-card .card-group{display:flex;margin-bottom:2rem}.blog .section2 .wrapper-card .card-group.hidden{display:none!important}.blog .section2 .card-group .card-box{flex:1;margin:0 .5rem}.blog .section2 .card-group .card-box:first-child{margin-left:0}.blog .section2 .card-group .card-box:last-child{margin-right:0}}@media (max-width: 576px) and (max-width: 576px){.blog .section2 .pagination{flex-wrap:wrap;justify-content:center}.blog .section2 .pagination .page-item{margin:.125rem}.blog .section2 .pagination .page-link{padding:.375rem .5rem;font-size:.875rem}}@media (max-width: 576px){.blog.detail .hero-container .hero .left-hero{width:100%;max-width:350px;margin:0 auto;padding-left:0;text-align:center;display:flex;align-items:center;white-space:nowrap}.blog.detail .hero-container .hero .left-hero .wp-title{display:flex;justify-content:center;margin-top:40px!important;margin-bottom:25%!important}.blog.detail .hero-container .hero .left-hero .wp-title .text-2{display:block!important;font-size:22px;width:200px;white-space:normal;line-height:30px;margin-bottom:20px}.blog.detail .hero-container .hero .left-hero .text-3{font-size:14px;line-height:24px;text-align:center;width:300px;white-space:normal}.blog.detail .hero-container .hero .right-hero{display:none}.blog.detail .section2{width:100%}.blog.detail .section2 .container2{width:100%;display:flex;flex-direction:column;gap:20px}.blog.detail .section2 .container2 .left-section{width:100%;display:flex;flex-direction:column;gap:20px;padding-right:0;border-right:none;padding-bottom:30px;border-bottom:1px solid #ddd;margin-bottom:20px}.blog.detail .section2 .container2 .left-section img{width:100%;height:auto;border-radius:20px}.blog.detail .section2 .container2 .left-section .title{font-size:18px;font-weight:700;margin-bottom:5px}.blog.detail .section2 .container2 .left-section .date{font-size:14px;color:#8e8f92;margin-top:-25px;margin-bottom:0}.blog.detail .section2 .container2 .left-section .blog-text{font-size:14px;line-height:1.6;color:#262626;text-align:justify}.blog.detail .section2 .container2 .left-section .blog-title{font-size:18px;color:#262626;font-weight:700}.blog.detail .section2 .container2 .left-section .blog-subtitle{font-size:16px;font-weight:500;color:#262626}.blog.detail .section2 .container2 .left-section .blog-image{width:60%;margin:auto}.blog.detail .section2 .container2 .right-section{display:flex;flex-direction:column;gap:20px;width:100%}.blog.detail .section2 .container2 .right-section .top-text{color:#fff;font-size:14px;font-weight:500;width:100%;background-color:#0075ff;padding:5px 10px}.blog.detail .section2 .container2 .right-section .card-article{display:flex;gap:20px}.blog.detail .section2 .container2 .right-section .card-article img{width:80px;height:80px;border-radius:10px;object-fit:cover}.blog.detail .section2 .container2 .right-section .right-card{display:flex;flex-direction:column;gap:5px}.blog.detail .section2 .container2 .right-section .right-card .category{font-size:10px;color:#fff;font-weight:600;background-color:#0075ff;padding:2px 8px;border-radius:20px;width:max-content}.blog.detail .section2 .container2 .right-section .right-card .title{font-size:14px;color:#262626;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:17px}.blog.detail .section2 .container2 .right-section .right-card .date{font-size:12px;color:#8e8f92}}
========
html,body{overflow-x:hidden}.home{display:flex;flex-direction:column;background-color:#fff}.home p{margin:0;padding:0}.home .hero-container{background-color:#0075ff;position:relative}.home .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%}.home .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%}.home .overlay-left{animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards}.home .overlay-right{animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards}.home .overlay-left{animation-delay:.2s}.home .overlay-right{animation-delay:.4s}.home .hero{width:90%;max-width:1400px;margin:7% auto 0;left:0;right:0;display:flex;font-family:Raleway,system-ui}.home .hero .left-hero{position:relative;width:59%}.home .hero .left-hero img{margin-top:5%;position:absolute;width:90%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.home .hero .right-hero{max-width:500px;color:#fff;width:41%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%;z-index:2}.home .hero .right-hero .text-1{font-size:39px}.home .hero .right-hero .text-2{position:absolute;top:47px;font-size:60px;font-weight:800}.home .hero .right-hero .text-3{font-size:20px}.home .hero .right-hero .btn-order{display:flex;gap:15px;align-items:center;background-color:#fff;font-weight:700;color:#0075ff;padding:10px 20px;border-radius:50px;font-size:18px;margin-top:35px;cursor:pointer!important;width:max-content;transition:transform .3s ease;box-shadow:0 4px 6px #0000001a}.home .hero .right-hero .btn-order a:hover{text-decoration:none;color:#0075ff}.home .hero .right-hero .btn-order:hover{transform:scale(1.1)}.home .hero .right-hero .bottom-right-hero{display:flex;gap:20px;margin-top:20px;width:100%;align-items:center;z-index:2}.home .hero .right-hero .bottom-right-hero p{width:62%;font-size:20px}.home .hero .right-hero .bottom-right-hero img{width:28%;margin-right:10px;transition:transform .3s ease}.home .hero .right-hero .bottom-right-hero img:hover{transform:scale(1.2)}.home .section2{width:90%;max-width:1400px;margin:7% auto;left:0;right:0;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section2 .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section2 .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section2 .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section2 .text-top .text-2 span{color:#0075ff}.home .section2 .text-top .text-3{font-size:36px;font-family:Gilroy-Bold,sans-serif;position:absolute;top:105px;left:50%;transform:translate(-50%,-50%);text-align:center}.home .section2 .box-group{display:flex;font-family:Gilroy-Bold,sans-serif;width:100%;justify-content:center;align-items:flex-start;gap:80px}.home .section2 .box-group .box{margin-top:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:8%;text-align:center;transition:transform .3s ease}.home .section2 .box-group .box p{font-size:24px;text-align:center;margin-top:10px;color:#313234;font-weight:500}.home .section2 .box-group .box img{display:block;max-width:100%}.home .section2 .box-group .box-mobile4{display:none}.home .section2 .box-group .box:hover{transform:scale(1.2)}.home .section3{width:90%;max-width:1400px;margin:7% auto 0;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section3 .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section3 .text-top .text-1{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section3 .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;position:absolute;top:85px;left:50%;transform:translate(-50%,-50%);text-align:center}.home .section3 .swiper{padding:10% 0%;width:100%}.home .section3 .swiper-wrapper,.home .section3 .swiper-slide{display:flex;justify-content:center;align-items:center}.home .section3 .swiper-slide .card{flex-shrink:0;width:100%;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 30px;width:400px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.home .section3 .swiper-slide .card img{width:40%}.home .section3 .swiper-slide .card .text-1{font-size:28px;font-family:Gilroy-Bold,sans-serif;margin-top:20px}.home .section3 .swiper-slide .card .text-2{font-size:20px;font-family:Gilroy-Regular,sans-serif;text-align:center;margin-top:20px}.home .section3 .swiper-slide .card.active{background-color:#0075ff;color:#fff;border:3px solid white}.home .section4{display:flex;background-color:#0075ff;position:relative}.home .section4 .bg{position:absolute}.home .section4 .container{width:90%;max-width:1400px;margin:7% auto;display:flex;align-items:center;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section4 .container .left-container{display:flex;flex-direction:column;width:50%;position:relative}.home .section4 .container .left-container .text-1{font-size:46px;margin-top:10px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:relative}.home .section4 .container .left-container .text-2{font-size:46px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:absolute;top:70px;left:0}.home .section4 .container .left-container .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#fff}.home .section4 .container .left-container .text-3-bkp{display:none}.home .section4 .container .left-container .group-bank{display:flex;gap:20px;margin-top:20px}.home .section4 .container .left-container .group-bank img{height:100%;transition:transform .3s ease}.home .section4 .container .left-container .group-bank img:hover{transform:scale(1.1)}.home .section4 .container .left-container .group-bank-mobile{display:none}.home .section4 .container .right-container{display:flex;width:50%}.home .section4 .container .right-container img{position:absolute;right:0;top:0;width:43%;animation:pulseBounce 5s ease-in-out infinite}@keyframes pulseBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.03)}50%{transform:translateY(0) scale(.97)}75%{transform:translateY(5px) scale(1.03)}}.home .section5{background-color:#f8f8ff}.home .section5 .container{width:90%;max-width:1400px;margin:7% auto 5%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section5 .container .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section5 .container .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section5 .container .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section5 .container .text-top .text-2 span{color:#0075ff}.home .section5 .container .text-top .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;text-align:center;letter-spacing:.5px}.home .section5 .container .box-group{margin-top:90px;display:flex;gap:20px;width:100%}.home .section5 .container .box-group .card-box-provider{border-radius:10px;padding:20px;text-align:center;align-items:center;justify-content:center;background-color:#fff;width:20%}.home .section5 .container .box-group .card-box-provider .text-1{font-size:24px;font-family:Gilroy-Medium,sans-serif;margin-top:10px}.home .section5 .container .box-group .card-box-provider .border-card{border-top:1px solid #eadddd;margin-top:20px;margin-bottom:20px}.home .section5 .container .box-group .card-box-provider .progress-container{background-color:#e6e6fa;border-radius:10px;height:10px;margin:10px 0;position:relative;width:100%}.home .section5 .container .box-group .card-box-provider .progress-bar{background-color:#8fdc58;height:100%;border-radius:10px;width:0;transition:width 2s ease}.home .section5 .container .box-group .card-box-provider .group-bar{display:flex;justify-content:space-between}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:16px;color:#0075ff}.home .section5 .container .box-group .card-box-provider input{width:100%;height:40px;text-align:center;border:1px solid #f0d7d7;background-color:#f3f3f3;border-radius:4px;font-family:Gilroy-Medium,sans-serif;margin-top:20px}.home .section5 .container .box-group .card-box-provider input[type=number]::-webkit-outer-spin-button,.home .section5 .container .box-group .card-box-provider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home .section5 .container .box-group .card-box-provider input[type=number]{-moz-appearance:textfield}.home .section5 .container .box-group .card-box-provider input:valid:not(:placeholder-shown){border-color:#0075ff;background-color:#f3f3f3}.home .section5 .container .box-group .card-box-provider input:focus{border-color:#0075ff;background-color:#f3f3f3;outline:none}.home .section5 .container .text-bottom{display:flex;flex-direction:column;text-align:center;margin-top:60px}.home .section5 .container .text-bottom .text-1{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#0075ff}.home .section5 .container-mobile-bkp{display:none}.home .section6 .container{width:90%;max-width:1400px;margin:7% auto 20%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section6 .container .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section6 .container .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section6 .container .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section6 .container .text-top .text-3{font-size:36px;font-family:Gilroy-Bold,sans-serif;color:#0075ff}.home .section6 .container .group-box{font-family:Gilroy-Regular,sans-serif;display:flex;gap:20px;width:100%;margin-top:90px;align-items:center;justify-content:center}.home .section6 .container .group-box .border2{border-right:1px solid #0075ff;height:150px}.home .section6 .container .group-box .profile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:28%;padding:0 3%}.home .section6 .container .group-box .profile .text-1{color:#161c2d;font-size:19px;margin-top:20px}.home .section6 .container .group-box .profile .text-2{color:#161c2d;font-size:17px;font-family:Gilroy-Bold,sans-serif;margin-top:30px}.home .section6 .container .group-box .profile .text-3{color:#161c2d;font-size:15px}.home .section7{display:flex;background-color:#0075ff;position:relative}.home .section7 .bg{position:absolute}.home .section7 .container{width:90%;max-width:1400px;display:flex;align-items:center;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section7 .container .left-container{display:flex;flex-direction:column;width:58%;position:relative}.home .section7 .container .left-container .text-1{font-size:46px;margin-top:10px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:relative}.home .section7 .container .left-container .text-2{font-size:46px;font-family:Gilroy-Bold,sans-serif;color:#fff;position:absolute;top:70px;left:0}.home .section7 .container .left-container .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#fff;letter-spacing:1px}.home .section7 .container .left-container .text-3-bkp{display:none}.home .section7 .container .left-container .group-bank{display:flex;gap:20px;margin-top:50px;width:60%}.home .section7 .container .left-container .group-bank img{width:100%;transition:transform .3s ease}.home .section7 .container .left-container .group-bank img:hover{transform:scale(1.1)}.home .section7 .container .right-container{display:flex;width:42%}.home .section7 .container .right-container img{width:100%}.home .section7 .container .mobile{display:none}.home .section8{background-color:#f8f8ff}.home .section8 .container{width:90%;max-width:1400px;margin:7% auto;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif}.home .section8 .container .text-top{display:flex;flex-direction:column;text-align:center;position:relative}.home .section8 .container .text-top .text-1{font-size:14px;letter-spacing:1.5px;color:#0075ff}.home .section8 .container .text-top .text-2{font-size:36px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section8 .container .text-top .text-3{font-size:18px;font-family:Gilroy-Regular,sans-serif;color:#444}.home .section8 .container .group-box{border-radius:10px;border:2px solid #ededed;font-family:Gilroy-Regular,sans-serif;display:flex;gap:100px;width:100%;margin-top:90px;justify-content:center;padding:30px 50px}.home .section8 .container .group-box .left-group{display:flex;flex-direction:column;align-items:center;width:50%}.home .section8 .container .group-box .left-group .border3{width:100%;border:1px solid #ededed;margin-top:5px;margin-bottom:20px}.home .section8 .container .group-box .accordion-item{margin-bottom:10px;width:100%;color:#262626}.home .section8 .container .group-box .accordion-item .group-title{display:flex;justify-content:space-between;align-items:center;border:none;cursor:pointer;font-family:Gilroy-Bold,sans-serif}.home .section8 .container .group-box .accordion-item .group-title:hover{color:#0075ff}.home .section8 .container .group-box .accordion-button{width:100%;padding:10px;cursor:pointer;text-align:left;background-color:transparent;border:none;outline:none;font-family:Gilroy-Bold,sans-serif;font-size:20px}.home .section8 .container .group-box .accordion-button:hover{background-color:transparent}.home .section8 .container .group-box .accordion-content{display:none;padding:10px 10% 10px 10px;background-color:transparent;border:none;font-size:16px;color:#727171}@media (max-width: 1367px){.home .hero .right-hero{max-width:450px}.home .hero .right-hero .text-1{font-size:35px!important}.home .hero .right-hero .text-2{font-size:50px!important}.home .hero .right-hero .text-3{font-size:18px!important}.home .hero .right-hero .btn-order{font-size:16px!important}.home .hero .right-hero .bottom-right-hero p{font-size:18px!important}}@media (max-width: 1189px){.section2 .box-group .box p{font-size:18px;font-family:Gilroy-Regular,sans-serif}.section4 .container .left-container .text-1{font-size:37px!important}.section4 .container .left-container .text-2{font-size:37px!important;top:60px!important}.section4 .container .left-container .text-3{font-size:17px!important}.section7 .container .left-container .text-1{font-size:37px!important}.section7 .container .left-container .text-2{font-size:37px!important;top:60px!important}.section7 .container .left-container .text-3{font-size:17px!important}}@media (max-width: 1083px){.home .hero-container .hero .left-hero img{width:90%;margin-top:13%}.home .hero-container .hero .right-hero{width:48vw}.home .hero-container .hero .right-hero .wp-title{margin-bottom:80px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:30px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:41px!important;top:40px}.home .hero-container .hero .right-hero .text-3{font-size:17px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:15px;font-family:Gilroy-Regular,sans-serif}}@media (max-width: 992px){.home .hero-container .hero .left-hero img{width:90%;margin-top:70px;left:-3%}.home .hero-container .hero .right-hero{width:50vw;padding-bottom:12%}.home .hero-container .hero .right-hero .wp-title{margin-bottom:60px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:25px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:36px!important;top:34px}.home .hero-container .hero .right-hero .text-3{font-size:15px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:15px;font-size:15px!important;font-family:Gilroy-Regular,sans-serif}.home .hero-container .hero .right-hero .bottom-right-hero{gap:10px}.home .hero-container .hero .right-hero .bottom-right-hero img{width:27%;height:auto}.home .section2{margin-bottom:25%}.home .section2 .text-top .text-1{font-size:15px}.home .section2 .text-top .text-2,.home .section2 .text-top .text-3{font-size:24px}.home .section2 .text-top .text-3{top:80px}.home .section2 .box-group{gap:53.47px;position:relative}.home .section2 .box-group .box{width:14%;margin-top:80px}.home .section2 .box-group .box p{font-size:19px;font-family:Gilroy-Regular,sans-serif}.home .section2 .box-group .box-bottom{position:absolute;top:80%}.home .section2 .box-group .box-tablet1{left:32%}.home .section2 .box-group .box-tablet2{right:32%}.home .section2 .box-group .box:hover{transform:scale(1.1)}.home .section3{margin-top:13%}.home .section3 .text-top .text-1{font-size:24px}.home .section3 .text-top .text-2{font-size:24px;top:60px}.home .section3 .swiper{padding:10% 0 14%}.home .section3 .swiper-slide{margin:0 -3%}.home .section3 .swiper-slide .card{padding:45px 17px 80px;width:240px}.home .section3 .swiper-slide .card img{width:27%}.home .section3 .swiper-slide .card .text-1{font-size:15px}.home .section3 .swiper-slide .card .text-2{font-size:11px;margin-top:30px}.home .section4 .container{padding-left:5%}.home .section4 .container .left-container .text-1{font-size:24px!important;line-height:30.476px}.home .section4 .container .left-container .text-2{top:40px!important;font-size:24px!important;line-height:30.476px}.home .section4 .container .left-container .text-3{font-size:15px;display:none}.home .section4 .container .left-container .text-3-bkp{display:block;color:#fff;font-size:15px!important;font-family:Gilroy-Regular,sans-serif;line-height:140%;width:35vw;margin-top:50px}.home .section4 .container .left-container .group-bank{gap:9.32px;margin-top:25px}.home .section4 .container .left-container .group-bank img{height:22.24px}.home .section4 .container .right-container{width:70%}.home .section4 .container .right-container img{top:0;width:50%}.home .section5 .container .text-top .text-1{font-size:12px}.home .section5 .container .text-top .text-2{font-size:24px;margin-top:4px}.home .section5 .container .text-top .text-3{font-size:15px}.home .section5 .container .box-group{margin-top:51px;gap:20px}.home .section5 .container .box-group .card-box-provider{padding:11.36px;width:20%}.home .section5 .container .box-group .card-box-provider img{width:23px}.home .section5 .container .box-group .card-box-provider .text-1{font-size:11px;font-family:Gilroy-bold,sans-serif}.home .section5 .container .box-group .card-box-provider .border-card{margin-top:11.36px;margin-bottom:11.36px}.home .section5 .container .box-group .card-box-provider .progress-container{height:6.816px}.home .section5 .container .box-group .card-box-provider .group-bar p{font-size:.456rem}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:.394rem}.home .section5 .container .box-group .card-box-provider input{height:22.721px;font-size:6.362px}.home .section5 .container .box-group .card-box-provider .smartfren-number-bkp{margin-top:68px!important}.home .section5 .container .text-bottom .text-1{font-size:15px}.home .section6 .container{margin-top:9%}.home .section6 .container .text-top .text-1{font-size:15px}.home .section6 .container .text-top .text-2{font-size:24px;margin-top:5px}.home .section6 .container .text-top .text-3{font-size:24px}.home .section6 .container .group-box{margin-top:60px}.home .section6 .container .group-box .border2{height:93.46px;border-right:1px solid #ddd}.home .section6 .container .group-box .profile img{width:40px;height:40px}.home .section6 .container .group-box .profile .text-1{font-size:12px;color:#161c2d}.home .section6 .container .group-box .profile .text-2{font-size:15px}.home .section6 .container .group-box .profile .text-3{font-size:12px;color:#161c2d}.home .section7 .container{position:relative}.home .section7 .container .left-container{width:60%;margin-right:40%}.home .section7 .container .left-container .text-1{font-size:24px!important;margin-top:42.52px}.home .section7 .container .left-container .text-2{font-size:24px!important;top:70px!important}.home .section7 .container .left-container .text-3{font-size:15px!important;display:none}.home .section7 .container .left-container .text-3-bkp{font-size:15px;display:block;width:85%;margin-top:45px!important}.home .section7 .container .left-container .group-bank{margin-top:30px;margin-bottom:35px;width:85%}.home .section7 .container .right-container{position:absolute;width:auto;height:100%;right:0}.home .section8 .container .text-top .text-1{font-size:12px}.home .section8 .container .text-top .text-2{margin-top:0;font-size:24px}.home .section8 .container .text-top .text-3{font-size:12px}.home .section8 .container .text-top .s8-text-3-bkp{margin-top:5px!important}.home .section8 .container .group-box{padding:25px 24px;margin-top:60px;gap:50px}.home .section8 .container .group-box .left-group .border3{border:.7px solid #ededed;margin-bottom:7px;margin-top:2px}.home .section8 .container .group-box .accordion-button{font-size:10px}.home .section8 .container .group-box .accordion-content{font-size:8px}}@media (max-width: 992px) and (max-width: 680px){.home .hero-container .hero .left-hero img{width:95%;margin-top:25%;left:-3%}.home .hero-container .hero .right-hero{width:50vw;padding-bottom:12%}.home .hero-container .hero .right-hero .wp-title{margin-bottom:60px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:20px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:31px!important;top:34px}.home .hero-container .hero .right-hero .text-3{font-size:13px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:15px;font-size:13px!important;font-family:Gilroy-Regular,sans-serif}.home .hero-container .hero .right-hero .bottom-right-hero{gap:10px}.home .hero-container .hero .right-hero .bottom-right-hero p{font-size:18px!important}.home .hero-container .hero .right-hero .bottom-right-hero img{width:27%;height:auto}.home .section2{margin-bottom:30%}.home .section2 .text-top .text-1{font-size:13px}.home .section2 .text-top .text-2,.home .section2 .text-top .text-3{font-size:21px}.home .section2 .text-top .text-3{top:75px}.home .section2 .box-group{gap:53.47px;position:relative}.home .section2 .box-group .box{width:14%;margin-top:80px}.home .section2 .box-group .box p{font-size:17px;font-family:Gilroy-Regular,sans-serif}.home .section2 .box-group .box-bottom{position:absolute;top:80%}.home .section2 .box-group .btm-one{left:32%}.home .section2 .box-group .btm-two{right:32%}.home .section2 .box-group .box:hover{transform:scale(1.1)}.home .section3{margin-top:13%}.home .section3 .text-top .text-1{font-size:21px}.home .section3 .text-top .text-2{font-size:21px;top:55px}.home .section3 .swiper{padding:13% 0 15%}.home .section3 .swiper-slide{margin:0 -4%}.home .section3 .swiper-slide .card{padding:35px 10px 70px;width:210px}.home .section3 .swiper-slide .card img{width:27%}.home .section3 .swiper-slide .card .text-1{font-size:13px}.home .section3 .swiper-slide .card .text-2{font-size:9px;margin-top:30px}.home .section4 .container{padding-left:5%}.home .section4 .container .left-container .text-1{font-size:21px!important;line-height:30.476px}.home .section4 .container .left-container .text-2{top:35px!important;font-size:21px!important;line-height:30.476px}.home .section4 .container .left-container .text-3{font-size:13px;display:none}.home .section4 .container .left-container .text-3-bkp{display:block;color:#fff;font-size:13px!important;font-family:Gilroy-Regular,sans-serif;line-height:140%;width:35vw;margin-top:50px}.home .section4 .container .left-container .group-bank{gap:9.32px;margin-top:25px}.home .section4 .container .left-container .group-bank img{height:22px}.home .section4 .container .right-container{width:65%}.home .section4 .container .right-container img{top:5%;width:45%}.home .section5 .container .text-top .text-1{font-size:11px}.home .section5 .container .text-top .text-2{font-size:23px;margin-top:4px}.home .section5 .container .text-top .text-3{font-size:12px}.home .section5 .container .box-group{margin-top:51px;gap:15px}.home .section5 .container .box-group .card-box-provider{padding:11.36px;width:20%}.home .section5 .container .box-group .card-box-provider img{width:23px}.home .section5 .container .box-group .card-box-provider .text-1{font-size:10px;font-family:Gilroy-bold,sans-serif}.home .section5 .container .box-group .card-box-provider .border-card{margin-top:11.36px;margin-bottom:11.36px}.home .section5 .container .box-group .card-box-provider .progress-container{height:6.816px}.home .section5 .container .box-group .card-box-provider .group-bar p{font-size:.336rem}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:.344rem}.home .section5 .container .box-group .card-box-provider input{height:22.721px;font-size:6.002px}.home .section5 .container .box-group .card-box-provider .smartfren-number-bkp{margin-top:68px!important}.home .section5 .container .text-bottom .text-1{font-size:11px}.home .section6 .container{margin-top:9%}.home .section6 .container .text-top .text-1{font-size:12px}.home .section6 .container .text-top .text-2{font-size:21px;margin-top:5px}.home .section6 .container .text-top .text-3{font-size:21px}.home .section6 .container .group-box{margin-top:60px}.home .section6 .container .group-box .border2{height:93.46px;border-right:1px solid #ddd}.home .section6 .container .group-box .profile img{width:40px;height:40px}.home .section6 .container .group-box .profile .text-1{font-size:9px;color:#161c2d}.home .section6 .container .group-box .profile .text-2{font-size:12px}.home .section6 .container .group-box .profile .text-3{font-size:10px;color:#161c2d}.home .section7 .container{position:relative}.home .section7 .container .left-container{width:60%;margin-right:40%}.home .section7 .container .left-container .text-1{font-size:21px!important;margin-top:42.52px}.home .section7 .container .left-container .text-2{font-size:21px!important;top:70px!important}.home .section7 .container .left-container .text-3{font-size:13px!important;display:none}.home .section7 .container .left-container .text-3-bkp{font-size:13px;display:block;width:85%;margin-top:45px!important}.home .section7 .container .left-container .group-bank{margin-top:30px;margin-bottom:35px;width:85%}.home .section7 .container .right-container{position:absolute;width:auto;height:90%;right:0}.home .section8 .container .text-top .text-1{font-size:12px}.home .section8 .container .text-top .text-2{margin-top:0;font-size:24px}.home .section8 .container .text-top .text-3{font-size:12px}.home .section8 .container .text-top .s8-text-3-bkp{margin-top:5px!important}.home .section8 .container .group-box{padding:25px 24px;margin-top:60px;gap:50px}.home .section8 .container .group-box .left-group .border3{border:.7px solid #ededed;margin-bottom:7px;margin-top:2px}.home .section8 .container .group-box .accordion-button{font-size:10px}.home .section8 .container .group-box .accordion-content{font-size:8px}}@media (max-width: 576px){.home .hero-container .hero{margin-top:15px}.home .hero-container .hero .left-hero{position:absolute;width:100%}.home .hero-container .hero .left-hero img{position:relative;width:86%;margin-top:300px;margin-left:10px}.home .hero-container .hero .right-hero{width:100%;padding-bottom:12%}.home .hero-container .hero .right-hero .wp-title{margin-bottom:40px!important}.home .hero-container .hero .right-hero .wp-title .text-1{font-size:18px!important}.home .hero-container .hero .right-hero .wp-title .text-2{font-size:18px!important;top:24px}.home .hero-container .hero .right-hero .text-3{font-size:14px!important}.home .hero-container .hero .right-hero .btn-order{margin-top:18px;margin-bottom:105%;font-size:12px!important;font-family:Gilroy-Regular,sans-serif;padding:9px 15px;gap:5px}.home .hero-container .hero .right-hero .bottom-right-hero{gap:10px;display:flex;justify-content:space-between;align-items:center}.home .hero-container .hero .right-hero .bottom-right-hero p{font-size:14px!important}.home .hero-container .hero .right-hero .bottom-right-hero img{width:17%;height:auto}.home .section2{margin-top:25px;margin-bottom:420px}.home .section2 .text-top .text-1{font-size:10px}.home .section2 .text-top .text-2{margin-top:5px}.home .section2 .text-top .text-2,.home .section2 .text-top .text-3{font-size:18px}.home .section2 .text-top .text-3{top:55px;width:100%}.home .section2 .box-group{position:relative}.home .section2 .box-group .box{width:18%;margin-top:80px;position:absolute}.home .section2 .box-group .box p{font-size:12.655px;font-family:Gilroy-Regular,sans-serif}.home .section2 .box-group .box img{max-width:100%}}@media (max-width: 576px) and (max-width: 425px){.home .section2 .box-group .box img{width:62.98px;height:62.98px}}@media (max-width: 576px){.home .section2 .box-group .box-mobile1{left:16%;top:-30px}.home .section2 .box-group .box-mobile2{right:16%;top:-30px}.home .section2 .box-group .box-mobile3{left:16%;top:110px}.home .section2 .box-group .box-mobile4{display:block;right:16%;top:110px}.home .section2 .box-group .box-tablet1{display:none}.home .section2 .box-group .box-mobile5{left:16%;top:250px}.home .section2 .box-group .box:hover{transform:scale(1.1)}.home .section3{margin-top:15%}.home .section3 .text-top{width:100%}.home .section3 .text-top .text-1{font-size:18px}.home .section3 .text-top .text-2{font-size:18px;top:45px;width:100%}.home .section3 .swiper{padding:14% 0 18%}.home .section3 .swiper-slide{margin:0 -2%}.home .section3 .swiper-slide .card{padding:48px 11px;width:151.814px}.home .section3 .swiper-slide .card img{width:27%}.home .section3 .swiper-slide .card .text-1{font-size:10.399px}.home .section3 .swiper-slide .card .text-2{font-size:7.428px;margin-top:20px}.home .section4 .container{padding-left:2%;position:relative;margin:2% auto}.home .section4 .container .left-container{width:100%}.home .section4 .container .left-container .text-1{font-size:18px!important;line-height:30.476px}.home .section4 .container .left-container .text-2{top:33px!important;font-size:18px!important;line-height:30.476px}.home .section4 .container .left-container .text-3{font-size:12px;display:none}.home .section4 .container .left-container .text-3-bkp{display:block;color:#fff;font-size:12px!important;font-family:Gilroy-Regular,sans-serif;line-height:140%;width:100%;text-align:center;margin-top:90%}.home .section4 .container .left-container .group-bank,.home .section4 .container .left-container .group-bank-mobile{gap:9.32px;margin-top:25px;display:flex;justify-content:center;align-items:center;position:relative}.home .section4 .container .left-container .group-bank img,.home .section4 .container .left-container .group-bank-mobile img{height:28.24px}.home .section4 .container .left-container .group-bank .group-bank-mobile-img,.home .section4 .container .left-container .group-bank-mobile .group-bank-mobile-img{display:none}.home .section4 .container .left-container .group-bank-mobile{margin:10px 0 25px}.home .section4 .container .right-container{width:93%;position:absolute;top:60px;margin-left:15px}.home .section4 .container .right-container img{width:100%}.home .section5 .container{display:none}.home .section5 .container .text-top .text-1{font-size:10px}.home .section5 .container .text-top .text-2{font-size:18px;margin-top:0}.home .section5 .container .text-top .text-3{font-size:12px}.home .section5 .container .box-group{margin-top:51px;gap:20px}.home .section5 .container .box-group .card-box-provider{padding:11.36px;width:20%}.home .section5 .container .box-group .card-box-provider img{width:23px}.home .section5 .container .box-group .card-box-provider .text-1{font-size:11px;font-family:Gilroy-bold,sans-serif}.home .section5 .container .box-group .card-box-provider .border-card{margin-top:11.36px;margin-bottom:11.36px}.home .section5 .container .box-group .card-box-provider .progress-container{height:6.816px}.home .section5 .container .box-group .card-box-provider .group-bar p{font-size:.456rem}.home .section5 .container .box-group .card-box-provider .group-bar .percentage-text{font-size:.394rem}.home .section5 .container .box-group .card-box-provider input{height:22.721px;font-size:6.362px}.home .section5 .container .box-group .card-box-provider .smartfren-number-bkp{margin-top:68px!important}.home .section5 .container .text-bottom .text-1{font-size:15px}.home .section5 .container-mobile-bkp{font-family:Gilroy-Medium,sans-serif;margin:25px;display:block}.home .section5 .container-mobile-bkp .text-top{margin-bottom:20px}.home .section5 .container-mobile-bkp .text-top .text-1{color:#0075ff;text-align:center;font-size:10px;letter-spacing:.403px;text-transform:uppercase}.home .section5 .container-mobile-bkp .text-top .text-2{color:#161c2d;text-align:center;font-size:18px;font-weight:700;letter-spacing:-.298px;font-family:Gilroy-Bold,sans-serif}.home .section5 .container-mobile-bkp .text-top .text-3{color:#444;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:22px}.home .section5 .container-mobile-bkp .swiper-convert{margin:60px 0 80px;padding-bottom:150px 0;width:100%;height:251px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;position:relative}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider{position:absolute;left:-7px;border-radius:10px;padding:20px;text-align:center;align-items:center;justify-content:center;background-color:#fff;width:90%}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider img{width:28.129px;height:28.129px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .text-1{font-size:13.14px;font-family:Gilroy-Bold,sans-serif;margin-top:10px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .border-card{border-top:1px solid #eadddd;margin-top:20px;margin-bottom:20px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .progress-container{background-color:#e6e6fa;border-radius:10px;height:10px;margin:10px 0;position:relative;width:100%}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .progress-bar{background-color:#8fdc58;height:100%;border-radius:10px;width:0;transition:width 2s ease}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .group-bar{display:flex;justify-content:space-between}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .group-bar p{font-size:8.76px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider .group-bar .percentage-text{font-size:7.665px;color:#0075ff}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input{width:100%;height:27.374px;text-align:center;border:1px solid #f0d7d7;background-color:#f3f3f3;border-radius:4px;font-family:Gilroy-Medium,sans-serif;margin-top:20px;font-size:7.665px}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input[type=number]::-webkit-outer-spin-button,.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input[type=number]{-moz-appearance:textfield}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input:valid:not(:placeholder-shown){border-color:#0075ff;background-color:#f3f3f3}.home .section5 .container-mobile-bkp .swiper-convert .swiper-wrapper .swiper-slide .card-box-provider input:focus{border-color:#0075ff;background-color:#f3f3f3;outline:none}.home .section6 .container{margin-top:9%;margin-bottom:9%}.home .section6 .container .text-top .text-1{font-size:10px}.home .section6 .container .text-top .text-2{font-size:18px;margin-top:5px}.home .section6 .container .text-top .text-3{font-size:18px}.home .section6 .container .group-box{margin-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0}.home .section6 .container .group-box .border2{height:93.46px;border-right:1px solid #ddd;display:none}.home .section6 .container .group-box .profile{width:100%;padding:17px 0;margin:0}.home .section6 .container .group-box .profile img{width:51.037px;height:54.007px}.home .section6 .container .group-box .profile .text-1{font-size:14.252px;color:#161c2d;margin-top:10px}.home .section6 .container .group-box .profile .text-2{font-size:12px;margin-top:10px}.home .section6 .container .group-box .profile .text-3{font-size:11px;color:#161c2d}.home .section6 .container .group-box .mid{border-bottom:1px solid #ddd!important;border-top:1px solid #ddd!important}.home .section7 .container{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.home .section7 .container .left-container{width:100%;margin-right:0}.home .section7 .container .left-container .text-1{font-size:18px!important}.home .section7 .container .left-container .text-2{font-size:18px!important;top:67px!important}.home .section7 .container .left-container .text-3{font-size:12px!important;display:none}.home .section7 .container .left-container .text-3-bkp{font-size:12px;display:block;width:100%;margin-top:45px!important}.home .section7 .container .left-container .group-bank{margin-top:15px;margin-bottom:25px;width:70%;gap:6px}.home .section7 .container .right-container{position:absolute;width:auto;height:50%;top:0;right:30%;display:none}}@media (max-width: 576px) and (max-width: 482px){.home .section7 .container .right-container{right:23%}}@media (max-width: 576px) and (min-width: 350px){.home .section7 .container .right-container{right:10%}}@media (max-width: 576px){.home .section7 .container .mobile{display:block}.home .section7 .container .mobile img{width:259px;height:244.125px}.home .section8 .container{width:100%}.home .section8 .container .text-top .text-1{font-size:10px}.home .section8 .container .text-top .text-2{margin-top:0;font-size:18px}.home .section8 .container .text-top .text-3{font-size:12px}.home .section8 .container .text-top .s8-text-3-bkp{margin-top:5px!important}.home .section8 .container .group-box{padding:0;margin-top:30px;border:none}.home .section8 .container .group-box .mobile-bkp{display:none}.home .section8 .container .group-box .left-group{width:100%}.home .section8 .container .group-box .left-group .border3{border:.5px solid #ededed;margin-bottom:0;margin-top:0}.home .section8 .container .group-box .accordion-button{font-size:12px;padding-right:20px}.home .section8 .container .group-box .accordion-content{font-size:12px}.home .section8 .container .group-box .group-title{position:relative}.home .section8 .container .group-box .fa,.home .section8 .container .group-box .fas{position:absolute;top:13px;right:0;font-size:11px;margin-bottom:3px}}.about{display:flex;flex-direction:column;background-color:#fff}.about p{margin:0;padding:0}.about .hero-container{background-color:#0075ff;position:relative}.about .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.about .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.about .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%}.about .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.about .hero-container .hero .left-hero{max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.about .hero-container .hero .left-hero .text-1{font-size:39px;display:flex;align-items:center}.about .hero-container .hero .left-hero .text-2{font-size:60px;font-weight:800;margin-left:10px;display:block!important}.about .hero-container .hero .left-hero .mobile-p{display:none}.about .hero-container .hero .left-hero .text-3{font-size:20px;letter-spacing:1px;line-height:36px;text-align:justify}.about .section2{width:100%;position:relative}.about .section2 .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.about .section2 .section2-container{width:90%;max-width:1400px;margin:4% auto 7%;display:flex;justify-content:space-between;font-family:Gilroy-Medium,sans-serif;align-items:center}.about .section2 .section2-container .left-side{width:50%;display:flex;justify-content:center}.about .section2 .section2-container .left-side img{z-index:2;max-width:100%;height:auto;animation:swing 5s ease-in-out infinite}@keyframes swing{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.about .section2 .section2-container .right-side{width:50%;padding-right:5%}.about .section2 .section2-container .right-side p{font-size:20px;letter-spacing:1px;line-height:36px;text-align:justify}@media (max-width: 992px){.about .hero-container .hero{margin-top:7%;margin-bottom:10%}.about .hero-container .hero .right-hero{width:55%}.about .hero-container .hero .right-hero img{width:70%;margin-top:10%}.about .hero-container .hero .left-hero .text-1{font-size:33.614px!important}.about .hero-container .hero .left-hero .text-2{font-size:51.714px!important}.about .hero-container .hero .left-hero .text-3{font-size:12px!important;font-weight:400;line-height:140%}.about .hero-container .hero .left-hero .text-3-bkp{margin-top:6%!important}.about .section2 .section2-container{margin-top:8%;margin-bottom:1%}.about .section2 .section2-container .left-side{width:60%}.about .section2 .section2-container .right-side p{color:#262626;font-size:12px;font-weight:500;line-height:140%}}@media (max-width: 576px){.about .hero-container .hero{margin:25px;width:100%;display:flex;flex-direction:column}.about .hero-container .hero .right-hero{width:80%;display:flex;justify-content:center;align-items:center}.about .hero-container .hero .right-hero img{width:70%;margin-top:0}.about .hero-container .hero .left-hero{width:85%}.about .hero-container .hero .left-hero .text-1{font-size:18px!important}.about .hero-container .hero .left-hero .text-2{font-size:22px!important}.about .hero-container .hero .left-hero .text-3,.about .hero-container .hero .left-hero .mobile-p{font-size:14px!important;font-weight:400;line-height:140%;text-align:start}.about .hero-container .hero .left-hero .text-3{display:none}.about .hero-container .hero .left-hero .mobile-p{display:block}.about .hero-container .hero .left-hero .mobile-p button{color:#fff;font-family:Gilroy-Bold,sans-serif;font-size:12px;font-weight:700;outline:none;background:transparent;border:none;display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 0}.about .hero-container .hero .left-hero .mobile-p button img{width:14px}.about .hero-container .hero .left-hero .text-3-bkp{margin-top:6%!important}.about .section2 .section2-container{margin:25px;display:flex;justify-content:center;align-items:center;flex-direction:column}.about .section2 .section2-container .left-side,.about .section2 .section2-container .right-side{width:100%}.about .section2 .section2-container .right-side p{color:#262626;font-size:12px;font-weight:500;line-height:140%}}.tutorial{display:flex;flex-direction:column;background-color:#fff}.tutorial p{margin:0;padding:0}.tutorial .slider{transition:transform .3s ease-in-out}.tutorial .website,.tutorial .mobile-app{transition:opacity .3s ease-in-out;opacity:0}.tutorial .website.active,.tutorial .mobile-app.active{opacity:1}.tutorial .hero-container{background-color:#0075ff;position:relative}.tutorial .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.tutorial .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.tutorial .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.tutorial .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%}.tutorial .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.tutorial .hero-container .hero .left-hero{padding-left:50px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.tutorial .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.tutorial .hero-container .hero .left-hero .text-2{position:absolute;top:40px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.tutorial .hero-container .hero .left-hero .text-3{font-size:20px;max-width:75%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.tutorial .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.tutorial .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.tutorial .section2{width:100%;position:relative;background-color:#f8f8ff}.tutorial .section2 .section2-container{width:90%;max-width:1400px;margin:4% auto 7%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif;align-items:center}.tutorial .section2 .section2-container .convert-section{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;margin-bottom:7%}.tutorial .section2 .section2-container .convert-section h1{font-size:36px;margin-bottom:10px;color:#161c2d;font-family:Gilroy-Bold,sans-serif}.tutorial .section2 .section2-container .convert-section p{font-size:18px;color:#505666;font-family:Gilroy-Medium,sans-serif;margin-bottom:20px}.tutorial .section2 .section2-container .convert-section .options-container{position:relative;display:inline-block;background-color:#e3f1ff;border-radius:40px;padding:7px;width:400px;display:flex;justify-content:space-between}.tutorial .section2 .section2-container .convert-section .option-btn{border:none;background-color:transparent;font-size:1rem;cursor:pointer;z-index:1;color:#06f;flex:1;text-align:center;padding:10px 20px;transition:color .3s ease;font-size:18px;font-family:Gilroy-Medium,sans-serif}.tutorial .section2 .section2-container .convert-section .option-btn.active{color:#fff}.tutorial .section2 .section2-container .convert-section .slider{position:absolute;width:190px;height:75%;background-color:#06f;border-radius:40px;top:6.5px;left:10px;transition:transform .3s ease-in-out}.tutorial .section2 .section2-container .website{width:100%;display:flex;gap:50px}.tutorial .section2 .section2-container .website .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.tutorial .section2 .section2-container .website .left-side .top-text{position:relative;margin-bottom:15%}.tutorial .section2 .section2-container .website .left-side .top-text p{font-size:32px;color:#161c2d}.tutorial .section2 .section2-container .website .left-side .top-text .text-2{font-size:32px;color:#161c2d;position:absolute;top:45px;left:0;display:flex!important;gap:3px}.tutorial .section2 .section2-container .website .left-side .top-text .text-2 span{display:block!important}.tutorial .section2 .section2-container .website .left-side .mobile-bkp{display:none}.tutorial .section2 .section2-container .website .left-side .mobile-bkp span{display:block!important}.tutorial .section2 .section2-container .website .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.tutorial .section2 .section2-container .website .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.tutorial .section2 .section2-container .website .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.tutorial .section2 .section2-container .website .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.tutorial .section2 .section2-container .website .right-side{width:50%;display:flex}.tutorial .section2 .section2-container .website .right-side .outer-box{width:100%;justify-content:center;align-items:center;padding:40px;background-color:#fff;border-radius:15px}.tutorial .section2 .section2-container .website .right-side .outer-box .box{font-family:Gilroy-Medium,sans-serif;width:100%;display:flex;flex-direction:column;padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a}.tutorial .section2 .section2-container .website .right-side .outer-box .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.tutorial .section2 .section2-container .website .right-side .outer-box .box input,.tutorial .section2 .section2-container .website .right-side .outer-box .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.tutorial .section2 .section2-container .website .right-side .outer-box .box input:focus,.tutorial .section2 .section2-container .website .right-side .outer-box .box select:focus{border-color:#0a66ff}.tutorial .section2 .section2-container .website .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .bottom-input{margin-bottom:20px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input{display:flex;justify-content:space-between;gap:10px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .left-side-box,.tutorial .section2 .section2-container .website .right-side .outer-box .box .right-side-box{flex:1}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{color:#fff;font-size:15px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .website .right-side .outer-box .box input[type=number]::-webkit-outer-spin-button,.tutorial .section2 .section2-container .website .right-side .outer-box .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tutorial .section2 .section2-container .website .right-side .outer-box .box input[type=number]{-moz-appearance:textfield}.tutorial .section2 .section2-container .mobile-app{width:100%;display:flex;justify-content:center;align-items:center;gap:50px}.tutorial .section2 .section2-container .mobile-app .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.tutorial .section2 .section2-container .mobile-app .left-side .top-text{position:relative;margin-bottom:15%}.tutorial .section2 .section2-container .mobile-app .left-side .top-text p{font-size:36px;color:#161c2d}.tutorial .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:36px;color:#161c2d;position:absolute;top:45px;left:0}.tutorial .section2 .section2-container .mobile-app .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.tutorial .section2 .section2-container .mobile-app .right-side{width:50%;display:flex}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box{width:100%;justify-content:center;align-items:center;background-color:#f4f7fa}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box{font-family:Gilroy-Medium,sans-serif;width:100%;display:flex;flex-direction:column;background-color:#f4f7fa;border-radius:15px;box-shadow:0 4px 10px #0000001a}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input:focus,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box select:focus{border-color:#0a66ff}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .bottom-input{margin-bottom:20px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input{display:flex;justify-content:space-between;gap:10px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .left-side-box,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .right-side-box{flex:1}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{color:#fff;font-size:15px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-outer-spin-button,.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]{-moz-appearance:textfield}@media (max-width: 1172px){.tutorial .hero-container .hero .left-hero .text-1{font-size:55px;width:160%}.tutorial .hero-container .hero .left-hero .text-2{font-size:55px}}@media (max-width: 992px){.tutorial .hero-container .bg-overlay .overlay-right{right:-20%}.tutorial .hero-container .hero{margin-top:8%;margin-bottom:8%}.tutorial .hero-container .hero .right-hero img{margin-top:30%;width:60%;margin-right:10%}.tutorial .hero-container .hero .left-hero{padding-left:15px}.tutorial .hero-container .hero .left-hero .wp-title{margin-bottom:60px!important}.tutorial .hero-container .hero .left-hero .text-1{font-size:23.365px}.tutorial .hero-container .hero .left-hero .text-2{top:30px;font-size:30.476px}.tutorial .hero-container .hero .left-hero .text-3{font-size:15px;font-weight:500;line-height:140%;width:250px;max-width:none}.tutorial .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.419px}.tutorial .section2 .section2-container{margin-top:42.16px;margin-bottom:42.16px}.tutorial .section2 .section2-container .convert-section h1{font-size:24px}.tutorial .section2 .section2-container .convert-section p,.tutorial .section2 .section2-container .convert-section .option-btn{font-size:12px}.tutorial .section2 .section2-container .website .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .website .left-side .top-text .text-2{font-size:15px;top:25px}.tutorial .section2 .section2-container .website .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .website .left-side .list-group .list{gap:11.28px}.tutorial .section2 .section2-container .website .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.tutorial .section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.tutorial .section2 .section2-container .website .right-side .outer-box{padding:18.28px;border-radius:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box{border-radius:2.54px}.tutorial .section2 .section2-container .website .right-side .outer-box .box p{font-size:8.127px!important;margin-bottom:4px}.tutorial .section2 .section2-container .website .right-side .outer-box .box input,.tutorial .section2 .section2-container .website .right-side .outer-box .box select{font-size:7.117px!important;padding:5.079px 9.143px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .bottom-input{margin-bottom:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn{padding:8.36px;margin-top:10px;border-radius:4.063px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn p{font-size:8.635px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{font-size:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.tutorial .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;top:25px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list{gap:11.28px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}@media (max-width: 576px){.tutorial .hero-container .hero{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%;margin:12px}.tutorial .hero-container .hero .right-hero{width:83%}.tutorial .hero-container .hero .right-hero img{margin-top:5%;width:85%;margin-right:0}.tutorial .hero-container .hero .left-hero{padding-left:15px;width:90%}.tutorial .hero-container .hero .left-hero .wp-title{margin-bottom:50px!important}.tutorial .hero-container .hero .left-hero .text-1{font-size:18px}.tutorial .hero-container .hero .left-hero .text-2{top:95%;font-size:22px}.tutorial .hero-container .hero .left-hero .text-3{font-size:14px;font-weight:500;line-height:140%;width:100%;max-width:none}.tutorial .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.tutorial .hero-container .hero .left-hero .selengkapnya img{width:15px}.tutorial .section2 .section2-container{margin-top:25px;margin-bottom:25px}.tutorial .section2 .section2-container .convert-section h1{font-size:18px;margin-bottom:5px}.tutorial .section2 .section2-container .convert-section p{font-size:16px}.tutorial .section2 .section2-container .convert-section .options-container{width:325px}.tutorial .section2 .section2-container .convert-section .option-btn{font-size:16px;padding:6px 25px}.tutorial .section2 .section2-container .convert-section .slider{width:156px;left:6.5px}.tutorial .section2 .section2-container .website{display:flex;flex-direction:column}.tutorial .section2 .section2-container .website .left-side{width:100%;margin:0}.tutorial .section2 .section2-container .website .left-side .top-text{display:none}.tutorial .section2 .section2-container .website .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .website .left-side .top-text .text-2{font-size:15px;display:none}.tutorial .section2 .section2-container .website .left-side .mobile-bkp{display:block;margin-bottom:3%}.tutorial .section2 .section2-container .website .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .website .left-side .list-group .list{gap:12px}.tutorial .section2 .section2-container .website .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.tutorial .section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.tutorial .section2 .section2-container .website .right-side{width:100%}.tutorial .section2 .section2-container .website .right-side .outer-box{padding:0;border-radius:5px;box-shadow:none!important}.tutorial .section2 .section2-container .website .right-side .outer-box .box{border-radius:5px;padding:30px;box-shadow:none!important}.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input{display:block!important}.tutorial .section2 .section2-container .website .right-side .outer-box .box p{font-size:14px!important;margin-bottom:4px}.tutorial .section2 .section2-container .website .right-side .outer-box .box input,.tutorial .section2 .section2-container .website .right-side .outer-box .box select{font-size:12px!important;padding:10px 18px;margin-bottom:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .top-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .middle-input,.tutorial .section2 .section2-container .website .right-side .outer-box .box .bottom-input{margin-bottom:5px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn{padding:8.36px;margin-top:10px;border-radius:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn p{font-size:16px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{font-size:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .convert-btn i{margin-left:8px}.tutorial .section2 .section2-container .website .right-side .outer-box .box .fa-arrow-right{font-size:16px}.tutorial .section2 .section2-container .mobile-app{display:flex;flex-direction:column;margin-top:30px}.tutorial .section2 .section2-container .mobile-app .right-side{width:85%}.tutorial .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.tutorial .section2 .section2-container .mobile-app .left-side{width:100%;margin:0}.tutorial .section2 .section2-container .mobile-app .left-side .top-text{display:none}.tutorial .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.tutorial .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;display:none}.tutorial .section2 .section2-container .mobile-app .left-side .mobile-bkp{display:block;margin-bottom:3%}.tutorial .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list{gap:12px}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.tutorial .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}.bantuan{display:flex;flex-direction:column;background-color:#fff}.bantuan p{margin:0;padding:0}.bantuan .hero-container{background-color:#0075ff;position:relative}.bantuan .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.bantuan .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.bantuan .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.bantuan .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%}.bantuan .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.bantuan .hero-container .hero .left-hero{padding-left:50px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.bantuan .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.bantuan .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.bantuan .hero-container .hero .left-hero .text-3{font-size:20px;max-width:75%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.bantuan .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.bantuan .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.bantuan .section2{width:100%;position:relative;background-color:#f8f8ff}.bantuan .section2 .section2-container{width:90%;max-width:1400px;margin:4% auto 7%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif;align-items:center}.bantuan .section2 .section2-container .convert-section{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;margin-bottom:7%}.bantuan .section2 .section2-container .convert-section h1{font-size:36px;margin-bottom:10px;color:#161c2d;font-family:Gilroy-Bold,sans-serif}.bantuan .section2 .section2-container .convert-section p{font-size:18px;color:#505666;font-family:Gilroy-Medium,sans-serif;margin-bottom:20px}.bantuan .section2 .section2-container .convert-section .provider-group{display:flex;gap:30px;justify-content:center;align-items:center;padding:10px;border-radius:100px;background-color:#e3f1ff}.bantuan .section2 .section2-container .convert-section .provider-group .provider{width:100px;height:100px;transition:opacity .3s ease,transform .3s ease;opacity:.5;cursor:pointer}.bantuan .section2 .section2-container .convert-section .provider-group .provider.active{opacity:1}.bantuan .section2 .section2-container .convert-section .provider-group .provider:hover{transform:scale(1.1);opacity:1}.bantuan .section2 .section2-container .mobile-app{width:100%;display:flex;justify-content:center;align-items:center;gap:30px}.bantuan .section2 .section2-container .mobile-app .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.bantuan .section2 .section2-container .mobile-app .left-side .top-text{position:relative;margin-bottom:15%}.bantuan .section2 .section2-container .mobile-app .left-side .top-text p{font-size:36px;color:#161c2d}.bantuan .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:36px;color:#161c2d;position:absolute;top:45px;left:0}.bantuan .section2 .section2-container .mobile-app .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.bantuan .section2 .section2-container .mobile-app .right-side{width:50%;display:flex}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box{width:100%;justify-content:center;align-items:center;background-color:#f4f7fa}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box{font-family:Gilroy-Medium,sans-serif;width:100%;display:flex;flex-direction:column;background-color:#f4f7fa;border-radius:15px;box-shadow:0 4px 10px #0000001a}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input:focus,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box select:focus{border-color:#0a66ff}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .top-input,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .bottom-input{margin-bottom:20px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .middle-input{display:flex;justify-content:space-between;gap:10px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .left-side-box,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .right-side-box{flex:1}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{color:#fff;font-size:15px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .convert-btn i{margin-left:8px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box .fa-arrow-right{font-size:16px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-outer-spin-button,.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box input[type=number]{-moz-appearance:textfield}@media (max-width: 1172px){.bantuan .hero-container .hero .left-hero .wp-title{margin-bottom:20%!important}.bantuan .hero-container .hero .left-hero .text-1{font-size:45px}.bantuan .hero-container .hero .left-hero .text-2{font-size:60px}}@media (max-width: 992px){.bantuan .hero-container .hero{margin-top:8%;margin-bottom:8%}.bantuan .hero-container .hero .right-hero img{width:100%;margin-top:10%}.bantuan .hero-container .hero .left-hero{width:100%}.bantuan .hero-container .hero .left-hero .wp-title{margin-bottom:17%!important}.bantuan .hero-container .hero .left-hero .text-1{font-size:33px}}@media (max-width: 992px) and (max-width: 631px){.bantuan .hero-container .hero .left-hero .text-1{font-size:26px;margin-top:5%}}@media (max-width: 992px){.bantuan .hero-container .hero .left-hero .text-2{top:50px;font-size:33px}.bantuan .hero-container .hero .left-hero .text-3{font-size:15px;font-weight:500;line-height:140%}.bantuan .hero-container .hero .left-hero .selengkapnya{margin-top:15px}.bantuan .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.308px!important}.bantuan .section2 .section2-container{margin-top:42.5px;margin-bottom:7%}.bantuan .section2 .section2-container .convert-section h1{font-size:24px;margin-bottom:0}.bantuan .section2 .section2-container .convert-section p{font-size:12px;margin-bottom:10px}.bantuan .section2 .section2-container .convert-section .provider-group{padding:5px;gap:15.75px}.bantuan .section2 .section2-container .convert-section .provider-group .provider{width:47.238px;height:47.238px}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.bantuan .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.bantuan .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;top:25px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list{gap:11.28px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}@media (max-width: 576px){.bantuan .hero-container .hero{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%;margin:12px}.bantuan .hero-container .hero .right-hero{width:83%}.bantuan .hero-container .hero .right-hero img{margin-top:5%;width:85%;margin-right:0;margin-bottom:5%}.bantuan .hero-container .hero .left-hero{padding-left:15px;width:90%}.bantuan .hero-container .hero .left-hero .wp-title{margin-bottom:50px!important}.bantuan .hero-container .hero .left-hero .text-1{font-size:18px}.bantuan .hero-container .hero .left-hero .text-2{top:45px;font-size:22px}.bantuan .hero-container .hero .left-hero .text-3{font-size:14px;font-weight:500;line-height:140%;width:100%;max-width:none}.bantuan .hero-container .hero .left-hero .selengkapnya{position:relative;z-index:10}.bantuan .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.bantuan .hero-container .hero .left-hero .selengkapnya img{width:15px}.bantuan .section2 .section2-container .convert-section{margin-bottom:40px}.bantuan .section2 .section2-container .convert-section h1{font-size:18px;margin-bottom:5px}.bantuan .section2 .section2-container .convert-section p{font-size:12px;margin-bottom:25px}.bantuan .section2 .section2-container .convert-section .provider-group{padding:5.34px;gap:16.75px}.bantuan .section2 .section2-container .convert-section .provider-group img{width:20.355px;height:27.893px}.bantuan .section2 .section2-container .mobile-app{display:flex;flex-direction:column}.bantuan .section2 .section2-container .mobile-app .right-side{width:85%}.bantuan .section2 .section2-container .mobile-app .right-side .outer-box .box img{width:100%}.bantuan .section2 .section2-container .mobile-app .left-side{width:100%;margin:0}.bantuan .section2 .section2-container .mobile-app .left-side .top-text{display:none}.bantuan .section2 .section2-container .mobile-app .left-side .top-text p{font-size:15px}.bantuan .section2 .section2-container .mobile-app .left-side .top-text .text-2{font-size:15px;display:none}.bantuan .section2 .section2-container .mobile-app .left-side .mobile-bkp{display:block;margin-bottom:3%}.bantuan .section2 .section2-container .mobile-app .left-side .list-group{gap:18.28px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list{gap:12px}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.bantuan .section2 .section2-container .mobile-app .left-side .list-group .list .text-list{font-size:12px}}.convert-pulsa-web{display:flex;flex-direction:column;background-color:#fff}.convert-pulsa-web p{margin:0;padding:0}.convert-pulsa-web .hero-container{background-color:#0075ff;position:relative}.convert-pulsa-web .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.convert-pulsa-web .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.convert-pulsa-web .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.convert-pulsa-web .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.convert-pulsa-web .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.convert-pulsa-web .hero-container .hero .left-hero{padding-left:70px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.convert-pulsa-web .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.convert-pulsa-web .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.convert-pulsa-web .hero-container .hero .left-hero .text-3{font-size:20px;max-width:70%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.convert-pulsa-web .section2{width:100%;position:relative;background-color:#f8f8ff}.convert-pulsa-web .section2 .section2-container{width:90%;max-width:1400px;margin:10% auto 7%;display:flex;flex-direction:column;justify-content:center;font-family:Gilroy-Medium,sans-serif;align-items:center}.convert-pulsa-web .section2 .section2-container .website{width:100%;display:flex;align-items:center}.convert-pulsa-web .section2 .section2-container .website .left-side{margin-left:50px;width:50%;display:flex;flex-direction:column;font-family:Gilroy-Bold,sans-serif}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text{position:relative;margin-bottom:15%}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text p{font-size:36px;color:#161c2d}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text .text-2{font-size:36px;color:#161c2d;position:absolute;top:45px;left:0;display:flex;gap:4px}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text .text-2 span{display:block!important}.convert-pulsa-web .section2 .section2-container .website .left-side .mobile-bkp{display:none}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group{display:flex;flex-direction:column;gap:50px;font-family:Gilroy-Medium,sans-serif;font-size:18px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list{display:flex;align-items:center;gap:30px;max-width:590px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .number{max-width:55px;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background-color:#f3f3fd;border-radius:50%;color:#0075ff;text-align:center}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .text-list{font-family:Gilroy-Medium,sans-serif;font-size:20px}.convert-pulsa-web .section2 .section2-container .website .right-side{width:50%;display:flex;justify-content:center;align-items:center}.convert-pulsa-web .section2 .section2-container .website .right-side .box{font-family:Gilroy-Medium,sans-serif;width:70%;display:flex;flex-direction:column;padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a}.convert-pulsa-web .section2 .section2-container .website .right-side .box p{font-family:Gilroy-Medium,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.convert-pulsa-web .section2 .section2-container .website .right-side .box input,.convert-pulsa-web .section2 .section2-container .website .right-side .box select{font-family:Gilroy-Medium,sans-serif;width:100%;padding:12px 10px;border:1px solid #ededed;border-radius:5px;font-size:14px;color:#333;outline:none;background-color:#fbfafa;transition:border-color .3s ease}.convert-pulsa-web .section2 .section2-container .website .right-side .box input:focus,.convert-pulsa-web .section2 .section2-container .website .right-side .box select:focus{border-color:#0a66ff}.convert-pulsa-web .section2 .section2-container .website .right-side .box .top-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .middle-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .bottom-input{margin-bottom:20px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .middle-input{display:flex;flex-direction:column;justify-content:space-between}.convert-pulsa-web .section2 .section2-container .website .right-side .box .left-side-box,.convert-pulsa-web .section2 .section2-container .website .right-side .box .right-side-box{flex:1}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn{background-color:#0a66ff;padding:20px;border-radius:10px;cursor:pointer;margin-top:10px;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn p{font-family:Gilroy-Bold,sans-serif;color:#fff;margin:0;text-align:center;font-size:17px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn i{color:#fff;font-size:15px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn i{margin-left:8px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .fa-arrow-right{font-size:16px}.convert-pulsa-web .section2 .section2-container .website .right-side .box input[type=number]::-webkit-outer-spin-button,.convert-pulsa-web .section2 .section2-container .website .right-side .box input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.convert-pulsa-web .section2 .section2-container .website .right-side .box input[type=number]{-moz-appearance:textfield}@media (max-width: 992px){.convert-pulsa-web .hero-container .bg-overlay .overlay-right{right:-20%}.convert-pulsa-web .hero-container .hero{margin-top:10%;margin-bottom:8%}.convert-pulsa-web .hero-container .hero .right-hero img{margin-top:7%;width:80%;margin-right:10%}.convert-pulsa-web .hero-container .hero .left-hero{padding-left:15px}.convert-pulsa-web .hero-container .hero .left-hero .wp-title{margin-bottom:100px!important}.convert-pulsa-web .hero-container .hero .left-hero .text-2{top:30px;font-size:36px}.convert-pulsa-web .hero-container .hero .left-hero .text-3{font-size:16px;font-weight:500;line-height:140%;width:350px;max-width:none}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.419px}.convert-pulsa-web .section2 .section2-container{margin-top:42.16px;margin-bottom:42.16px}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text p{font-size:24px}.convert-pulsa-web .section2 .section2-container .website .left-side .top-text .text-2{font-size:24px;top:30px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group{gap:18.28px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list{gap:11.28px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .number{font-size:12px;max-width:28.44px;min-width:28.44px;height:28.44px}.convert-pulsa-web .section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.convert-pulsa-web .section2 .section2-container .website .right-side .box{padding:15.33px;border-radius:2.54px;box-shadow:0 -45.206px 40.635px #d1dff50a,0 -18.886px 16.976px #d1dff508,0 -10.097px 9.076px #d1dff505,0 -5.661px 5.088px #d1dff505,0 -3.006px 2.702px #d1dff505,0 -1.251px 1.124px #d1dff503}.convert-pulsa-web .section2 .section2-container .website .right-side .box p{font-size:10px;margin-bottom:4px}.convert-pulsa-web .section2 .section2-container .website .right-side .box input,.convert-pulsa-web .section2 .section2-container .website .right-side .box select{font-size:8px;padding:6.7px 9.14px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .top-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .middle-input,.convert-pulsa-web .section2 .section2-container .website .right-side .box .bottom-input{margin-bottom:4px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .bottom-input{margin-top:4px!important}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn{padding:8.36px;margin-top:10px;border-radius:4.063px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn p{font-size:8.635px}.convert-pulsa-web .section2 .section2-container .website .right-side .box .convert-btn i{font-size:8px}}@media (max-width: 576px){.convert-pulsa-web .hero-container .hero{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%;margin:12px}.convert-pulsa-web .hero-container .hero .right-hero{width:83%}.convert-pulsa-web .hero-container .hero .right-hero img{margin-top:5%;width:85%;margin-right:0;margin-bottom:5%}.convert-pulsa-web .hero-container .hero .left-hero{padding-left:15px;width:90%}.convert-pulsa-web .hero-container .hero .left-hero .wp-title{margin-top:22%!important;margin-bottom:50px!important}.convert-pulsa-web .hero-container .hero .left-hero .text-1{font-size:18px}.convert-pulsa-web .hero-container .hero .left-hero .text-2{top:95%;font-size:22px}.convert-pulsa-web .hero-container .hero .left-hero .text-3{font-size:14px;font-weight:500;line-height:140%;width:100%;max-width:none}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.convert-pulsa-web .hero-container .hero .left-hero .selengkapnya img{width:15px}.section2 .section2-container .website{display:flex;flex-direction:column}.section2 .section2-container .website .left-side{width:100%!important;margin:0!important}.section2 .section2-container .website .left-side .top-text{display:none}.section2 .section2-container .website .left-side .top-text p{font-size:15px}.section2 .section2-container .website .left-side .top-text .text-2{font-size:15px;display:none}.section2 .section2-container .website .left-side .mobile-bkp{display:block!important;margin-bottom:3%}.section2 .section2-container .website .left-side .list-group{gap:18.28px}.section2 .section2-container .website .left-side .list-group .list{gap:12px}.section2 .section2-container .website .left-side .list-group .list .number{font-size:14px;max-width:35px;min-width:35px;height:35px;font-family:Gilroy-Medium,sans-serif}.section2 .section2-container .website .left-side .list-group .list .text-list{font-size:12px}.section2 .section2-container .right-side{width:100%!important;margin-top:30px}.section2 .section2-container .right-side .box{width:100%!important;padding:15.33px;border-radius:2.54px;box-shadow:0 -45.206px 40.635px #d1dff50a,0 -18.886px 16.976px #d1dff508,0 -10.097px 9.076px #d1dff505,0 -5.661px 5.088px #d1dff505,0 -3.006px 2.702px #d1dff505,0 -1.251px 1.124px #d1dff503}.section2 .section2-container .right-side .box p{font-size:14px!important;margin-bottom:8px!important}.section2 .section2-container .right-side .box input,.section2 .section2-container .right-side .box select{font-size:12px!important;padding:16px 18px!important;border-radius:8px!important}.section2 .section2-container .right-side .box .top-input,.section2 .section2-container .right-side .box .middle-input,.section2 .section2-container .right-side .box .bottom-input{margin-bottom:10px!important}.section2 .section2-container .right-side .box .bottom-input{margin-top:4px!important}.section2 .section2-container .right-side .box .convert-btn{padding:10px 10px 8px!important;margin-top:25px!important;border-radius:8px!important}.section2 .section2-container .right-side .box .convert-btn p{font-size:16px!important}.section2 .section2-container .right-side .box .convert-btn i{font-size:13px!important;margin-bottom:5px}}.navbar-container{width:90%;max-width:1400px;margin:0 auto;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-family:Gilroy-Regular,sans-serif;font-size:20px;color:#fff;position:absolute;z-index:100}.navbar-container .group-btn-nav{display:flex;align-items:center;gap:40px}.navbar-container .group-btn-nav a{cursor:pointer;color:#fff;transition:all .3s ease}.navbar-container .group-btn-nav a:hover{text-decoration:underline!important;font-family:Gilroy-Medium,sans-serif;transform:scale(1.1)}.navbar-container .text-blog{font-family:Gilroy-Bold,sans-serif;color:#fff;font-size:20px;text-decoration:none;cursor:pointer}.navbar-container-mobile{display:none}@media (max-width: 768px){.navbar-container{width:100%;padding:23px 45px 23px 40px}.navbar-container .group-btn-nav{padding-left:4%}.navbar-container .group-btn-nav a:hover{transform:scale(1.05)}.navbar-container .text-blog{margin-bottom:8px;font-weight:600}}@media (max-width: 768px) and (max-width: 640px){.navbar-container{width:100%;padding:23px 45px 23px 40px;font-size:18px}.navbar-container .group-btn-nav{padding-left:4%;gap:20px}.navbar-container .group-btn-nav a:hover{transform:scale(1.05)}.navbar-container .text-blog{margin-bottom:8px;font-weight:600}}@media (max-width: 576px){.navbar-container{display:none}.navbar-container-mobile{width:100%;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:25px;font-family:Gilroy-Regular,sans-serif;font-size:20px;color:#fff;position:absolute;z-index:100}.navbar-container-mobile .logo{width:18.552px;height:24px}.navbar-container-mobile .hamburger-menu{cursor:pointer}.navbar-container-mobile .group-btn-nav-mobile{flex-direction:column;position:absolute;top:-210px;left:0;right:0;background-color:#fff;padding:5px 24;transition:all .3s ease;border-radius:10px}.navbar-container-mobile .group-btn-nav-mobile a{padding:10px 20px;text-decoration:none;transition:all .3s ease;font-size:14px;color:#0075ff;position:relative}.navbar-container-mobile .group-btn-nav-mobile a span{background-color:#0075ff;width:55px;height:.5px;position:absolute;bottom:10px;left:20px;display:none}.navbar-container-mobile .group-btn-nav-mobile a:hover{background-color:#ffffff1a}.navbar-container-mobile .group-btn-nav-mobile.active{display:flex;max-height:300px;top:0}}.footer-container{width:90%;max-width:1400px;margin:0 auto;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:25px 0;font-family:Gilroy-Regular,sans-serif;font-size:20px;color:#262626}.footer-container p{margin:0;padding:0}.footer-container .group-text{display:flex;align-items:center;width:100%;gap:20px;justify-content:space-between;margin-top:5%}.footer-container .group-text .inner-group{display:flex;gap:10px;flex-direction:column}.footer-container .group-text .inner-group .text-1{font-size:18;font-family:Gilroy-Bold,sans-serif}.footer-container .group-text .inner-group .text-2{display:flex;align-items:center;font-size:16px;font-family:Gilroy-Regular,sans-serif}.footer-container .group-text .inner-group .text-2 img{margin-right:15px}.footer-container .group-text .inner-group2{display:flex;gap:10px;flex-direction:column;color:#000}.footer-container .group-text .inner-group2 .text-1{font-size:18;font-family:Gilroy-Bold,sans-serif;color:#000}.footer-container .group-text .inner-group2 .text-2{display:flex;align-items:center;font-size:16px;font-family:Gilroy-Regular,sans-serif;cursor:pointer}.footer-container .group-text .inner-group2 .text-2 a{color:#000}.footer-container .group-text .inner-group2 .text-2 a:hover{text-decoration:none}.footer-container .border1{border-bottom:2px solid #e7e9ed;margin:3% 0;width:85%}.footer-container .img-group{display:flex;gap:20px;justify-content:center;align-items:center;width:200px;margin-top:30px}.footer-container .img-group a{display:flex;gap:30px;justify-content:center;align-items:center;width:50%}.footer-container .img-group img{width:50%;height:auto;cursor:pointer}.footer-container .img-group img:hover{opacity:.8}.footer-container .container-custom{display:flex;position:relative;align-items:center;justify-content:center;width:100%}.footer-container .container-custom .img-footer{display:flex;width:25%}.footer-container .img-group2{margin-top:35px;position:absolute;display:flex;gap:10px;flex-direction:column;justify-content:flex-end;width:100%;right:0;top:0;align-items:flex-end}.footer-container .img-group2 a{text-align:end}.footer-container .img-group2 img{width:25%}.footer-container .img-mobile-bkp{display:none}.footer-container .footer-text{font-size:17px;margin-top:40px;margin-bottom:3%}@media (max-width: 992px){.footer-container{padding:32px 40px}.footer-container .group-text .inner-group .text-1{font-size:15px}.footer-container .group-text .inner-group .text-2 p{font-size:12px}.footer-container .group-text .inner-group2 .text-1{font-size:15px}.footer-container .group-text .inner-group2 .text-2{font-size:12px}.footer-container .border1{border-bottom:1px solid #e7e9ed}.footer-container .img-group{gap:15px}.footer-container .container-custom .img-footer{width:20%}.footer-container .img-group2{margin-top:0;margin-right:30px}.footer-container .img-group2 img{width:15%}.footer-container .footer-text{font-size:7.619px;margin-top:16px}}@media (max-width: 576px){.footer-container{width:100%;padding:25px}.footer-container .group-text{display:flex;justify-content:start;align-items:start;flex-direction:column;padding:0 0 30px}.footer-container .group-text .inner-group .text-1{font-size:18px}.footer-container .group-text .inner-group .text-2 p{font-size:16px}.footer-container .group-text .inner-group2 .text-1{font-size:18px}.footer-container .group-text .inner-group2 .text-2{font-size:16px}.footer-container .border1{border-bottom:1px solid #e7e9ed;width:100%}.footer-container .img-group{padding:30px 0 0;gap:8px}.footer-container .img-group img{width:15.797px;height:15.797px}.footer-container .container-custom{margin:10px 0 20px}.footer-container .container-custom .img-footer{width:45%}.footer-container .img-group2 img{width:35%}.footer-container .footer-text{font-size:15px;margin-top:10px}.footer-container .img-mobile-bkp{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;width:100%;margin-top:10px}.footer-container .img-mobile-bkp img{width:32%}.footer-container .dekstop{display:none}}.syarat{display:flex;flex-direction:column;background-color:#fff}.syarat p{margin:0;padding:0}.syarat .hero-container{background-color:#0075ff;position:relative}.syarat .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.syarat .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.syarat .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.syarat .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.syarat .hero-container .hero .right-hero img{margin-top:6%;width:70%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}.syarat .hero-container .hero .left-hero{padding-left:70px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.syarat .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.syarat .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.syarat .hero-container .hero .left-hero .text-3{font-size:20px;max-width:70%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.syarat .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.syarat .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.syarat .section2{width:100%}.syarat .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:1225px;margin:0 auto;padding:50px 0}.syarat .section2 .text-1{font-size:18px;color:#727171}.syarat .section2 .text-2{font-size:20px;font-weight:700}@media (max-width: 992px){.syarat .hero-container .bg-overlay .overlay-right{right:-20%}.syarat .hero-container .hero{margin-top:10%;margin-bottom:8%}.syarat .hero-container .hero .right-hero img{margin-top:7%;width:80%;margin-right:10%}.syarat .hero-container .hero .left-hero{padding-left:15px}.syarat .hero-container .hero .left-hero .wp-title{margin-bottom:150px!important}.syarat .hero-container .hero .left-hero .text-2{top:30px;font-size:36px}.syarat .hero-container .hero .left-hero .text-3{font-size:16px;font-weight:500;line-height:140%;width:350px;max-width:none}.syarat .hero-container .hero .left-hero .selengkapnya .text-4{font-size:14.419px}.syarat .section2{width:100%}.syarat .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:15px;max-width:700px;margin:0 auto;padding:50px 0}.syarat .section2 .text-1{font-size:14px;color:#727171}.syarat .section2 .text-2{font-size:16px;font-weight:700}}@media (max-width: 576px){.syarat .hero-container .hero{flex-direction:column;align-items:center}.syarat .hero-container .hero .right-hero{width:100%;padding-right:0}.syarat .hero-container .hero .right-hero img{width:90%;margin-top:10%}.syarat .hero-container .hero .left-hero{width:100%;padding-left:0;text-align:center}.syarat .hero-container .hero .left-hero .text-1{font-size:28px}.syarat .hero-container .hero .left-hero .text-2{font-size:32px;top:20px;display:none!important}.syarat .hero-container .hero .left-hero .text-2-mobile{display:block!important;font-size:32px;font-weight:800;font-family:Gilroy-Bold,sans-serif;text-align:left;margin-top:15px}.syarat .hero-container .hero .left-hero .wp-title{margin-bottom:10px!important}.syarat .hero-container .hero .left-hero .text-3{font-size:14px;line-height:24px;max-width:none;text-align:left}.syarat .hero-container .hero .left-hero .selengkapnya{margin-top:10px;align-items:center}.syarat .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.syarat .hero-container .hero .right-hero img{width:80%;margin:20px auto}.syarat .section2 .container2{gap:10px;padding-bottom:0;max-width:350px}.syarat .section2 .container2 .text-1{font-size:12px}.syarat .section2 .container2 .text-2{font-size:13px}}.blog{display:flex;flex-direction:column;background-color:#fff}.blog p{margin:0;padding:0}.blog .hero-container{background-color:#0075ff;position:relative}.blog .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.blog .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog .hero-container .hero{width:90%;max-width:1400px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.blog .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.blog .hero-container .hero .right-hero img{margin-top:10%;width:80%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.blog .hero-container .hero .left-hero{padding-left:70px;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.blog .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:70px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important}.blog .hero-container .hero .left-hero .text-3{font-size:20px;max-width:70%;line-height:35px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.blog .hero-container .hero .left-hero .selengkapnya .text-4{font-size:18px;font-weight:700;font-family:Raleway,system-ui}.blog .section2{width:100%}.blog .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:1225px;margin:0 auto;padding:50px 0}.blog .section2 .search-group{display:flex;gap:15px}.blog .section2 .search-group input{width:85%;border-radius:25px;border:1px solid #999999;outline:none;padding:10px 20px;font-size:16px}.blog .section2 .search-group .search-button{background-color:#0075ff;width:15%;color:#fff;border:none;border-radius:25px;padding:10px 20px;cursor:pointer;font-size:18px}.blog .section2 .search-group .search-button i{margin-right:5px}.blog .section2 .search-group .search-button:hover{background-color:#005ecc}.blog .section2 .nav-item{margin-right:18px;padding:15px 0}.blog .section2 .nav-item .nav-link{border:1px solid #727171;color:#727171;padding:10px 20px;border-radius:10px;font-size:16px;background-color:transparent}.blog .section2 .nav-item .nav-link.active{background-color:#0075ff;border:1px solid #0075ff;color:#fff;font-weight:700}.blog .section2 .wrapper-card{display:flex;flex-direction:column;gap:50px;width:100%}.blog .section2 .wrapper-card .card-group{display:flex;gap:30px;width:100%}.blog .section2 .wrapper-card .card-group .card-box{width:31.7%;border-radius:10px;text-decoration:none}.blog .section2 .wrapper-card .card-group .card-box .top{display:flex;position:relative;width:100%}.blog .section2 .wrapper-card .card-group .card-box .top img{width:100%;height:230px;object-fit:cover;border-radius:20px 20px 0 0}.blog .section2 .wrapper-card .card-group .card-box .top .text-category{font-size:16px;position:absolute;top:20px;left:20px;background-color:#0075ff;color:#fff;padding:5px 15px;border-radius:25px}.blog .section2 .wrapper-card .card-group .card-box .bottom{padding:20px;border-radius:0 0 20px 20px;box-shadow:0 4px 6px #0000001a;min-height:155px}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-1{font-size:18px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-2{font-size:16px;color:#8e8f92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .section2 .pagination{margin:2rem 0}.blog .section2 .pagination .page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;padding:.5rem .75rem;margin:0 .125rem;border-radius:.25rem;text-decoration:none;transition:all .2s ease-in-out}.blog .section2 .pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6}.blog .section2 .pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff}.blog .section2 .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.blog .section2 .pagination .page-item.disabled .page-link:hover{color:#6c757d;background-color:#fff;border-color:#dee2e6}.blog .section2 .wrapper-card .card-group{display:flex;margin-bottom:2rem}.blog .section2 .wrapper-card .card-group.hidden{display:none!important}.blog .section2 .card-group .card-box{flex:1;margin:0 .5rem}.blog .section2 .card-group .card-box:first-child{margin-left:0}.blog .section2 .card-group .card-box:last-child{margin-right:0}@media (max-width: 576px){.blog .section2 .pagination{flex-wrap:wrap;justify-content:center}.blog .section2 .pagination .page-item{margin:.125rem}.blog .section2 .pagination .page-link{padding:.375rem .5rem;font-size:.875rem}}.blog.detail .hero-container .hero .left-hero{width:100%;max-width:1200px;margin:0 auto;padding-left:0;text-align:center;display:flex;align-items:center;white-space:nowrap}.blog.detail .hero-container .hero .left-hero .wp-title{display:flex;justify-content:center}.blog.detail .hero-container .hero .right-hero{display:none}.blog.detail .section2{width:100%}.blog.detail .section2 .container2{width:100%;display:flex;flex-direction:row;gap:20px}.blog.detail .section2 .container2 .left-section{width:75%;display:flex;flex-direction:column;gap:30px;padding-right:50px;border-right:1px solid #ddd}.blog.detail .section2 .container2 .left-section img{width:100%;height:auto;border-radius:20px}.blog.detail .section2 .container2 .left-section .title{font-size:36px;font-weight:700}.blog.detail .section2 .container2 .left-section .date{font-size:18px;color:#8e8f92;margin-top:-25px;margin-bottom:10px}.blog.detail .section2 .container2 .left-section .blog-text{font-size:18px;line-height:1.6;color:#262626;text-align:justify}.blog.detail .section2 .container2 .left-section .blog-title{font-size:22px;color:#262626;font-weight:700}.blog.detail .section2 .container2 .left-section .blog-subtitle{font-size:20px;font-weight:500;color:#262626}.blog.detail .section2 .container2 .left-section .blog-image{width:30%;margin:auto}.blog.detail .section2 .container2 .right-section{display:flex;flex-direction:column;gap:20px;width:25%}.blog.detail .section2 .container2 .right-section .top-text{color:#fff;font-size:18px;font-weight:500;width:100%;background-color:#0075ff;padding:5px 10px}.blog.detail .section2 .container2 .right-section .card-article{display:flex;gap:20px}.blog.detail .section2 .container2 .right-section .card-article img{width:100px;height:100px;border-radius:10px;object-fit:cover}.blog.detail .section2 .container2 .right-section .right-card{display:flex;flex-direction:column;gap:5px}.blog.detail .section2 .container2 .right-section .right-card .category{font-size:12px;color:#fff;font-weight:600;background-color:#0075ff;padding:2px 8px;border-radius:20px;width:max-content}.blog.detail .section2 .container2 .right-section .right-card .title{font-size:16px;color:#262626;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:22px}.blog.detail .section2 .container2 .right-section .right-card .date{font-size:14px;color:#8e8f92}@media (max-width: 1367px){.about .hero .left-hero .text-1{font-size:35px!important}.about .hero .left-hero .text-2{font-size:50px!important}.about .hero .left-hero .text-3{font-size:18px!important}.about .hero .left-hero .btn-order{font-size:16px!important}.about .hero .left-hero .bottom-left-hero p{font-size:18px!important}}@media (max-width: 992px){.blog p{margin:0;padding:0}.blog .hero-container{background-color:#0075ff;position:relative}.blog .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.blog .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog .hero-container .hero{width:90%;max-width:700px;margin:5% auto;left:0;right:0;display:flex;font-family:Raleway,system-ui}.blog .hero-container .hero .right-hero{position:relative;display:flex;justify-content:end;align-items:center;width:45%;padding-right:40px}.blog .hero-container .hero .right-hero img{margin-top:20%;width:80%;opacity:0;transform:translateY(20px);animation:fadeInUp 2s ease-out forwards,float 3s ease-in-out infinite;animation-delay:0s,0s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.blog .hero-container .hero .left-hero{padding-left:0;max-width:1000px;color:#fff;width:55%;display:flex;flex-direction:column;align-items:left;padding-bottom:6%}.blog .hero-container .hero .left-hero .wp-title{margin-bottom:45%!important}.blog .hero-container .hero .left-hero .text-1{font-size:55px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .text-2{position:absolute;top:60px;font-size:40px;font-weight:800;font-family:Gilroy-Bold,sans-serif;display:block!important;line-height:50px}.blog .hero-container .hero .left-hero .text-3{font-size:15px;max-width:100%;line-height:20px;font-family:Gilroy-Regular,sans-serif}.blog .hero-container .hero .left-hero .selengkapnya{display:flex;gap:10px;margin-top:25px;cursor:pointer;z-index:2}.blog .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px;font-weight:700;font-family:Raleway,system-ui}.blog .section2{width:100%}.blog .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto;padding:50px 0}.blog .section2 .search-group{display:flex;gap:15px}.blog .section2 .search-group input{width:85%;border-radius:25px;border:1px solid #999999;outline:none;padding:10px 20px;font-size:14px}.blog .section2 .search-group .search-button{background-color:#0075ff;width:25%;color:#fff;border:none;border-radius:25px;padding:5px 20px;cursor:pointer;font-size:16px}.blog .section2 .search-group .search-button i{margin-right:5px}.blog .section2 .search-group .search-button:hover{background-color:#005ecc}.blog .section2 .nav-item{margin-right:8px;padding:0}.blog .section2 .nav-item .nav-link{border:1px solid #727171;color:#727171;padding:10px 20px;border-radius:10px;font-size:13px;background-color:transparent}.blog .section2 .nav-item .nav-link.active{background-color:#0075ff;border:1px solid #0075ff;color:#fff;font-weight:700}.blog .section2 .wrapper-card{display:flex;flex-direction:column;gap:0px;width:100%}.blog .section2 .wrapper-card .card-group{display:flex;gap:4px;width:100%}.blog .section2 .wrapper-card .card-group .card-box{width:31.7%;border-radius:10px;text-decoration:none}.blog .section2 .wrapper-card .card-group .card-box .top{display:flex;position:relative;width:100%}.blog .section2 .wrapper-card .card-group .card-box .top img{width:100%;height:130px;object-fit:cover;border-radius:10px 10px 0 0}.blog .section2 .wrapper-card .card-group .card-box .top .text-category{font-size:12px;position:absolute;top:10px;left:10px;background-color:#0075ff;color:#fff;padding:5px 10px;border-radius:25px}.blog .section2 .wrapper-card .card-group .card-box .bottom{padding:10px 15px;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;min-height:105px}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-1{font-size:14px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-2{font-size:12px;color:#8e8f92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .section2 .pagination{margin:0}.blog .section2 .pagination .page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;padding:.5rem .75rem;margin:0 .125rem;border-radius:.25rem;text-decoration:none;transition:all .2s ease-in-out}.blog .section2 .pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6}.blog .section2 .pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff}.blog .section2 .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.blog .section2 .pagination .page-item.disabled .page-link:hover{color:#6c757d;background-color:#fff;border-color:#dee2e6}.blog .section2 .wrapper-card .card-group{display:flex;margin-bottom:2rem}.blog .section2 .wrapper-card .card-group.hidden{display:none!important}.blog .section2 .card-group .card-box{flex:1;margin:0 .5rem}.blog .section2 .card-group .card-box:first-child{margin-left:0}.blog .section2 .card-group .card-box:last-child{margin-right:0}}@media (max-width: 992px) and (max-width: 576px){.blog .section2 .pagination{flex-wrap:wrap;justify-content:center}.blog .section2 .pagination .page-item{margin:.125rem}.blog .section2 .pagination .page-link{padding:.375rem .5rem;font-size:.875rem}}@media (max-width: 992px){.blog.detail .hero-container .hero .left-hero{width:100%;max-width:1200px;margin:0 auto;padding-left:0;text-align:center;display:flex;align-items:center;white-space:nowrap}.blog.detail .hero-container .hero .left-hero .wp-title{display:flex;justify-content:center;margin-bottom:20%!important}.blog.detail .hero-container .hero .right-hero{display:none}.blog.detail .section2{width:100%}.blog.detail .section2 .container2{width:100%;display:flex;flex-direction:row;gap:20px}.blog.detail .section2 .container2 .left-section{width:65%;display:flex;flex-direction:column;gap:20px;padding-right:20px;border-right:1px solid #ddd}.blog.detail .section2 .container2 .left-section img{width:100%;height:auto;border-radius:20px}.blog.detail .section2 .container2 .left-section .title{font-size:18px;font-weight:700;margin-bottom:5px}.blog.detail .section2 .container2 .left-section .date{font-size:14px;color:#8e8f92;margin-top:-25px;margin-bottom:0}.blog.detail .section2 .container2 .left-section .blog-text{font-size:14px;line-height:1.6;color:#262626;text-align:justify}.blog.detail .section2 .container2 .left-section .blog-title{font-size:18px;color:#262626;font-weight:700}.blog.detail .section2 .container2 .left-section .blog-subtitle{font-size:16px;font-weight:500;color:#262626}.blog.detail .section2 .container2 .left-section .blog-image{width:30%;margin:auto}.blog.detail .section2 .container2 .right-section{display:flex;flex-direction:column;gap:20px;width:35%}.blog.detail .section2 .container2 .right-section .top-text{color:#fff;font-size:14px;font-weight:500;width:100%;background-color:#0075ff;padding:5px 10px}.blog.detail .section2 .container2 .right-section .card-article{display:flex;gap:20px}.blog.detail .section2 .container2 .right-section .card-article img{width:80px;height:80px;border-radius:10px;object-fit:cover}.blog.detail .section2 .container2 .right-section .right-card{display:flex;flex-direction:column;gap:5px}.blog.detail .section2 .container2 .right-section .right-card .category{font-size:10px;color:#fff;font-weight:600;background-color:#0075ff;padding:2px 8px;border-radius:20px;width:max-content}.blog.detail .section2 .container2 .right-section .right-card .title{font-size:14px;color:#262626;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:17px}.blog.detail .section2 .container2 .right-section .right-card .date{font-size:12px;color:#8e8f92}}@media (max-width: 576px){.blog p{margin:0;padding:0}.blog .hero-container{background-color:#0075ff;position:relative}.blog .hero-container .bg-overlay .overlay-right{position:absolute;right:0;top:0;height:100%;animation:slideInRight 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}.blog .hero-container .bg-overlay .overlay-left{position:absolute;left:0;top:0;height:100%;animation:slideInLeft 1.5s cubic-bezier(.25,.1,.25,1) forwards;animation-delay:.4s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.blog .hero-container .hero{flex-direction:column;align-items:center}.blog .hero-container .hero .right-hero{width:100%;padding-right:0}.blog .hero-container .hero .right-hero img{width:90%;margin-top:10%}.blog .hero-container .hero .left-hero{width:100%;padding-left:0;text-align:center}.blog .hero-container .hero .left-hero .text-1{font-size:28px}.blog .hero-container .hero .left-hero .text-2{font-size:32px;top:20px;display:none!important}.blog .hero-container .hero .left-hero .text-2-mobile{display:block!important;font-size:32px;font-weight:800;font-family:Gilroy-Bold,sans-serif;text-align:left;margin-top:45px}.blog .hero-container .hero .left-hero .wp-title{margin-bottom:10px!important}.blog .hero-container .hero .left-hero .text-3{font-size:14px;line-height:24px;max-width:none;text-align:left}.blog .hero-container .hero .left-hero .selengkapnya{margin-top:10px;align-items:center}.blog .hero-container .hero .left-hero .selengkapnya .text-4{font-size:12px}.blog .hero-container .hero .right-hero img{width:80%;margin:20px auto}.blog .section2{width:100%}.blog .section2 .container2{width:100%;position:relative;display:flex;flex-direction:column;gap:20px;max-width:350px;margin:0 auto;padding:50px 0}.blog .section2 .search-group{display:flex;gap:15px}.blog .section2 .search-group input{width:88%;border-radius:25px;border:1px solid #999999;outline:none;padding:10px 20px;font-size:14px}.blog .section2 .search-group .search-button{background-color:#0075ff;width:25%;color:#fff;border:none;border-radius:25px;padding:5px 20px;cursor:pointer;font-size:16px;display:none}.blog .section2 .search-group .search-button i{margin-right:5px}.blog .section2 .search-group .search-button:hover{background-color:#005ecc}.blog .section2 .search-group .search-button-mobile{display:block!important;background-color:#0075ff;width:13%;color:#fff;border:none;border-radius:25px;padding:5px;cursor:pointer;font-size:16px;display:none}.blog .section2 .search-group .search-button-mobile i{margin-right:0}.blog .section2 .search-group .search-button-mobile:hover{background-color:#005ecc}.blog .section2 .nav-item{margin-right:8px;padding:0}.blog .section2 .nav-item .nav-link{border:1px solid #727171;color:#727171;padding:8px 15px;border-radius:10px;font-size:13px;background-color:transparent}.blog .section2 .nav-item .nav-link.active{background-color:#0075ff;border:1px solid #0075ff;color:#fff;font-weight:700}.blog .section2 .wrapper-card{display:flex;flex-direction:column;gap:0px;width:100%}.blog .section2 .wrapper-card .card-group{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:20px!important}.blog .section2 .wrapper-card .card-group .card-box{width:100%;border-radius:10px;text-decoration:none;margin:0}.blog .section2 .wrapper-card .card-group .card-box .top{display:flex;position:relative;width:100%}.blog .section2 .wrapper-card .card-group .card-box .top img{width:100%;height:130px;object-fit:cover;border-radius:10px 10px 0 0}.blog .section2 .wrapper-card .card-group .card-box .top .text-category{font-size:12px;position:absolute;top:10px;left:10px;background-color:#0075ff;color:#fff;padding:5px 10px;border-radius:25px}.blog .section2 .wrapper-card .card-group .card-box .bottom{padding:10px 15px;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a;min-height:105px}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-1{font-size:14px;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000}.blog .section2 .wrapper-card .card-group .card-box .bottom .text-2{font-size:12px;color:#8e8f92;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .section2 .pagination{margin:0}.blog .section2 .pagination .page-link{color:#007bff;background-color:#fff;border:1px solid #dee2e6;padding:.5rem .75rem;margin:0 .125rem;border-radius:.25rem;text-decoration:none;transition:all .2s ease-in-out}.blog .section2 .pagination .page-link:hover{color:#0056b3;background-color:#e9ecef;border-color:#dee2e6}.blog .section2 .pagination .page-item.active .page-link{color:#fff;background-color:#007bff;border-color:#007bff}.blog .section2 .pagination .page-item.disabled .page-link{color:#6c757d;background-color:#fff;border-color:#dee2e6;cursor:not-allowed}.blog .section2 .pagination .page-item.disabled .page-link:hover{color:#6c757d;background-color:#fff;border-color:#dee2e6}.blog .section2 .wrapper-card .card-group{display:flex;margin-bottom:2rem}.blog .section2 .wrapper-card .card-group.hidden{display:none!important}.blog .section2 .card-group .card-box{flex:1;margin:0 .5rem}.blog .section2 .card-group .card-box:first-child{margin-left:0}.blog .section2 .card-group .card-box:last-child{margin-right:0}}@media (max-width: 576px) and (max-width: 576px){.blog .section2 .pagination{flex-wrap:wrap;justify-content:center}.blog .section2 .pagination .page-item{margin:.125rem}.blog .section2 .pagination .page-link{padding:.375rem .5rem;font-size:.875rem}}@media (max-width: 576px){.blog.detail .hero-container .hero .left-hero{width:100%;max-width:350px;margin:0 auto;padding-left:0;text-align:center;display:flex;align-items:center;white-space:nowrap}.blog.detail .hero-container .hero .left-hero .wp-title{display:flex;justify-content:center;margin-top:40px!important;margin-bottom:25%!important}.blog.detail .hero-container .hero .left-hero .wp-title .text-2{display:block!important;font-size:22px;width:200px;white-space:normal;line-height:30px;margin-bottom:20px}.blog.detail .hero-container .hero .left-hero .text-3{font-size:14px;line-height:24px;text-align:center;width:300px;white-space:normal}.blog.detail .hero-container .hero .right-hero{display:none}.blog.detail .section2{width:100%}.blog.detail .section2 .container2{width:100%;display:flex;flex-direction:column;gap:20px}.blog.detail .section2 .container2 .left-section{width:100%;display:flex;flex-direction:column;gap:20px;padding-right:0;border-right:none;padding-bottom:30px;border-bottom:1px solid #ddd;margin-bottom:20px}.blog.detail .section2 .container2 .left-section img{width:100%;height:auto;border-radius:20px}.blog.detail .section2 .container2 .left-section .title{font-size:18px;font-weight:700;margin-bottom:5px}.blog.detail .section2 .container2 .left-section .date{font-size:14px;color:#8e8f92;margin-top:-25px;margin-bottom:0}.blog.detail .section2 .container2 .left-section .blog-text{font-size:14px;line-height:1.6;color:#262626;text-align:justify}.blog.detail .section2 .container2 .left-section .blog-title{font-size:18px;color:#262626;font-weight:700}.blog.detail .section2 .container2 .left-section .blog-subtitle{font-size:16px;font-weight:500;color:#262626}.blog.detail .section2 .container2 .left-section .blog-image{width:60%;margin:auto}.blog.detail .section2 .container2 .right-section{display:flex;flex-direction:column;gap:20px;width:100%}.blog.detail .section2 .container2 .right-section .top-text{color:#fff;font-size:14px;font-weight:500;width:100%;background-color:#0075ff;padding:5px 10px}.blog.detail .section2 .container2 .right-section .card-article{display:flex;gap:20px}.blog.detail .section2 .container2 .right-section .card-article img{width:80px;height:80px;border-radius:10px;object-fit:cover}.blog.detail .section2 .container2 .right-section .right-card{display:flex;flex-direction:column;gap:5px}.blog.detail .section2 .container2 .right-section .right-card .category{font-size:10px;color:#fff;font-weight:600;background-color:#0075ff;padding:2px 8px;border-radius:20px;width:max-content}.blog.detail .section2 .container2 .right-section .right-card .title{font-size:14px;color:#262626;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:17px}.blog.detail .section2 .container2 .right-section .right-card .date{font-size:12px;color:#8e8f92}}
>>>>>>>> main:public/build/assets/app-DNpSOf8G.css
