.mobile-service{background-image:url("../images/bg/img_hero.webp");background-size:contain;background-position:top right!important;background-repeat:no-repeat}.mobile-service .title{margin-top:135px}.mobile-service .container .title{max-width:100%!important}.btn-blue{display:inline-block;margin-top:35px}.btn-blue a{display:flex;align-items:center;justify-content:center;background:transparent linear-gradient(113deg,#80cff7 0,#5fb9e6 100%) 0 0 no-repeat padding-box;color:#fff;border-radius:30px;padding:15px 30px;text-decoration:none;font-weight:600;font-size:.875rem}.btn-blue a img{width:24px;margin-left:10px}.mobile-service .title h1{background:linear-gradient(82.51deg,#5fb9e6 56.05%,#4318ff 87.68%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:48px;text-align:center}.mobile-service .hero-mobile .description{background-color:#f8f8f8;padding:64px 64px 64px 72px;max-width:720px}.mobile-service .hero-mobile .description h2{font-weight:600;font-size:36px}.mobile-service .hero-mobile .description p{margin-top:20px;padding-right:80px;line-height:28px;text-align:justify;color:#8f9bba}.mobile-service .hero-mobile .description .message{max-width:380px;font-size:14px;text-align:left;line-height:20px;color:#8f9bba}.mobile-service .hero-mobile .img-section{margin-left:-50px;border-radius:12px;max-width:550px;overflow:hidden;height:auto;z-index:1;position:relative}.mobile-service .hero-mobile .img-section img{width:100%}.mobile-service .img-section .desc-section{position:absolute!important;top:0!important;left:0!important;color:#fff!important;width:100%!important;text-align:center!important}.mobile-service .btn-white-outline{border:1px solid #fff;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:30px;padding:15px 50px;text-decoration:none;font-weight:600}.mobile-service .btn-white-outline span{font-size:1rem}.mobile-service .btn-white-outline img{width:24px!important;margin-left:10px}.icon-check{max-width:24px}.icon-check img{width:100%}.description-tips .title h2{font-size:32px;font-weight:600;color:#000;line-height:36px}.description-tips .title p{color:#8f9bba;font-weight:400}.description-tips .suggestion{background-color:#f8f8f8;border-radius:12px;padding:20px}.description-tips .img-statistic{max-width:35rem;float:right}.description-tips .img-statistic img{width:100%}.description-tips .list-wrapper{border:1px solid #8f9bba;padding:.875rem 2.875rem .875rem 2rem;border-radius:20px}.description-tips .list-wrapper .list{display:flex;justify-content:space-between;gap:20px;align-items:start}.description-tips .list-wrapper .list .list-desc h3{font-size:1.125rem;font-weight:600;color:#000}.description-tips .list-wrapper .list .list-desc p{font-size:.875rem;font-weight:400;color:#8f9bba;line-height:20px}.step-app{background-color:#f8f8f8;background-image:linear-gradient(to right,#f8f8f8 50%,#fff 50%)}.step-app .step-container{position:relative;overflow-y:hidden}.step-app .step-container::before{content:"";position:absolute;border:1px dashed #5fb9e6;top:2rem;left:1.3rem;height:86%}.step-app .img-illustrasi{max-width:7.5rem}.step-app .img-illustrasi img{width:100%}.step-app .title h2{font-size:2rem;font-weight:600;color:#000}.step-app .title p{font-size:1rem;font-weight:400;color:#8f9bba}.step-app .step-create{margin-bottom:1rem;position:relative;gap:48px}.step-app .step-create .circle-number{background-color:#c7ebfd;border-radius:5rem;width:2.75rem;height:2.75rem;z-index:2}.step-app .step-create .circle-number .number{background-color:#61bbe8;border-radius:5rem;width:1.5rem;height:1.5rem;color:#fff;font-weight:700;font-size:.875remasdjasjdajsdnsaj;text-align:center}.step-app .step-create:first-child .circle-number{background-color:#fff5d1}.step-app .step-create:first-child .circle-number .number{background-color:#ffe177;color:#000}.step-app .step-create .description h3{font-size:18px;font-weight:700;color:#000;line-height:30px;margin:0}.step-app .step-create .description p{font-size:16px;font-weight:400;color:#888}.create-app{background-color:#f8f8f8;padding:5.6rem 0}.create-app .container-sticky{position:sticky;top:8rem;transition:top .2s}.create-app .container-sticky .img-illustrasi{max-width:7.5rem}.create-app .container-sticky .img-illustrasi img{width:100%}.create-app .container-sticky .title h2{font-size:2rem;font-weight:600;color:#000}.create-app .container-sticky .title p{font-size:1rem;font-weight:400;color:#8f9bba}.create-app .card-step{background-color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1rem;gap:2rem}.create-app .card-step .ic-step{max-width:3.5rem}.create-app .card-step .ic-step img{width:100%}.create-app .card-step .description h3{font-size:18px;font-weight:700;color:#000;line-height:30px;margin:0}.create-app .card-step .description p{font-size:16px;font-weight:400;color:#888}.step-create-app .step-content{background-color:#f8f8f8;padding:90px 120px;position:relative}.step-create-app .step-content .container{overflow-x:hidden;position:relative}.step-create-app .step-content .container .card-step{background-color:#fff;padding:.75rem;border-radius:1.5rem;position:relative}.step-create-app .step-content .container .card-step .ic-step{max-width:60px}.step-create-app .step-content .container .card-step .ic-step img{width:100%}.step-create-app .step-content .container .card-step .description h6{font-size:16px;font-weight:400;color:#000}.step-create-app .step-content .container .card-step .description p{font-size:12px;color:#61bbe8;font-weight:400;padding:0;margin:0}.step-create-app .step-content .container .card-step .arrow-top-card{position:absolute;left:0;top:70px;z-index:1;max-width:30px}.step-create-app .step-content .container .card-step .arrow-top-card img{width:100%}.step-create-app .step-content .container .card-step .bottom-top-card{position:absolute;right:50px;bottom:85px;z-index:1;max-width:30px}.step-create-app .step-content .container .card-step .bottom-top-card img{width:100%}.step-create-app .step-content .container .number-wrapper{padding:.5rem}.step-create-app .step-content .container .number-wrapper .number-circle{background-color:#c7ebfd;border-radius:5rem;width:2.75rem;height:2.75rem;z-index:999}.step-create-app .step-content .container .number-wrapper .number-circle .number{background-color:#61bbe8;border-radius:5rem;width:1.5rem;height:1.5rem;color:#fff;border-radius:1px solid red;text-align:center}.step-create-app .step-content .container .number-wrapper .number-circle .number span{font-weight:700;font-size:14px}.step-create-app .step-content .container .number-wrapper::before{content:"";position:absolute;border:1px dashed #5fb9e6;top:140px;padding:0 20px;left:2.5rem;width:auto;right:2.5rem;z-index:0}.img-logo img{width:75%}.mobile-tech .col-lg-1{display:flex;align-items:center;justify-content:center}.mobile-tech .img-logo{max-width:100px}.mobile-tech .img-logo img{width:100%}.mobile-tech .img-logo p{text-align:center}.why-mobile .card-container{gap:12px}.why-mobile .card-info{border-radius:20px;border:1px solid #e5e5e5;padding:32px 24px;width:100%}.why-mobile .card-info .icon-card{max-width:48px;margin:0 auto;display:block}.why-mobile .card-info .icon-card img{width:100%}.why-mobile .card-info h3{margin-top:20px;font-size:18px;font-weight:600;margin-bottom:20px;color:#2498d3}.service-crocodic .card-option{border:1px solid #e5e5e5;padding:15px;border-radius:12px;cursor:pointer;gap:1rem}.service-crocodic .card-option.active-tech.selected-card .gap-3{gap:1rem!important}.service-crocodic .card-option .ic-service{max-width:48px}.service-crocodic .card-option .ic-service img{width:100%}.service-crocodic .card-option .title h4{font-size:16px;font-weight:400;margin:0;padding:0;color:#000}.service-crocodic .card-option.active,.service-crocodic .card-option:hover{background-color:#61bbe8;border:1px solid #61bbe8}.service-crocodic .card-option.active .title h4,.service-crocodic .card-option:hover .title h4{color:#fff}.service-crocodic .card-option.active-tech,.service-crocodic .card-option.card-tech:hover{background-color:#f8f8f8;border:1px solid #f8f8f8}.service-crocodic .card-option.active-tech .title h4,.service-crocodic .card-option.card-tech:hover .title h4{color:#000}.fa-chevron-down:before{content:"\f078"}