:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background:url(https://jalanconnect.id/images/landing-page/Jcover-small.gif),linear-gradient(#0009,#0009);background-position:center;background-size:cover;background-blend-mode:multiply;background-repeat:no-repeat;background-attachment:scroll;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{color:#d0d6e1}@media (max-width: 999px){:root{background:none}}*{margin:0;padding:0}.landing-banner{position:relative;background:linear-gradient(to bottom,#000,#000 19.5%,#14141499 25%,#141414cc);box-shadow:0 4px 10px #0c14274d;transition:transform .3s ease-in-out;max-width:49vw;height:100%;margin:0 auto;min-width:320px;overflow:hidden}.context-body{width:93%;margin:0 auto}@media (max-width: 480px){.context-body{width:100%;margin:0 auto}}.video-context{position:relative;margin:0 auto;padding-top:1.1vw;width:39.5vw;overflow:hidden;margin-bottom:1vw}.video-container{position:relative;z-index:1;margin:0 auto;padding-top:15px;width:45.5vw;margin-bottom:1vw}.video-container iframe{width:100%;height:21.2vw;border:none}.video-container video{position:relative;z-index:9999!important;width:100%;border-radius:1vw}@media (max-width: 999px){.video-container{width:95%}.video-container{margin-bottom:15px}.video-container iframe{width:100%;height:52.3vw;border:none}}.spinner-container{height:21.45vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:30px;height:30px;border:3px solid #ccc;border-top:3px solid #416cde;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 999px){.spinner-container{height:52.3vw;display:flex;flex-direction:column;align-items:center;justify-content:center}}.head-context{display:flex;justify-content:space-between;align-items:center;padding:0 4vw;margin-bottom:.8vw}.head-context .title h3{font-weight:600;font-size:1.2vw}.translate{position:relative;width:4vw;padding:.5vw .7vw;background:linear-gradient(135deg,#1d3467,#152447);display:flex;align-items:center;justify-content:center;border-radius:.5vw;cursor:pointer;-webkit-tap-highlight-color:transparent}.translate .translate-left{width:3vw}.translate .translate-left svg{width:1vw;height:1vw}.translate .translate-right{width:3vw}.translate .translate-right img{width:100%;height:1.3vw}.translate-page{position:absolute;top:2.3vw;right:0;background:linear-gradient(135deg,#1d3467,#152447);box-shadow:0 1vw 1vw #0000004d;border-radius:.5vw;z-index:99999}.translate-page ul{list-style:none;width:9.5vw}.translate-page li{display:flex;align-items:start;justify-content:start;padding:.7vw 1vw}.translate-page li p{font-size:1vw;font-weight:700}.translate-page li .image{width:2.3vw;margin-right:.5vw}.translate-page li .image img{width:100%;height:1.3vw}@media (max-width: 999px){.head-context{display:flex;justify-content:space-between;align-items:center;padding:0 30px;margin-bottom:10px}.head-context .title h3{font-weight:600;font-size:17px}.translate{position:relative;width:70px;padding:6px;background:linear-gradient(135deg,#1d3467,#152447);display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer}.translate .translate-left{width:30px}.translate .translate-left svg{width:15px;height:15px}.translate .translate-right{width:32px}.translate .translate-right img{width:100%;height:20px}.translate-page{position:absolute;top:35px;right:0;background:linear-gradient(135deg,#1d3467,#152447);box-shadow:0 1vw 1vw #0000004d;border-radius:5px}.translate-page ul{list-style:none;width:130px}.translate-page li{display:flex;align-items:start;justify-content:start;padding:10px}.translate-page li p{font-size:14px;font-weight:700}.translate-page li .image{width:35px;margin-right:5px}.translate-page li .image img{width:100%;height:20px}}.footer{margin:0 auto;padding:1vw 0 .5vw;width:91%}.footer h3{font-size:1.5vw}.footer-group{margin-top:1.5vw;margin-bottom:2vw}.footer-group h3{font-size:1.3vw;color:#d3d3d3}.footer-group ul{list-style:decimal;padding-left:1vw;margin-top:1vw}.footer-group ul li{margin-bottom:1.1vw;font-size:1vw;color:#dcdcdc}.footer-border-top{border-top:1px solid #2f2f2f;padding-top:1.5vw}@media (max-width: 999px){.footer{margin:0 auto;padding:10px 0 20px;width:91%}.footer h3{font-size:18px;text-align:center}.footer-group{margin-top:30px;margin-bottom:15px}.footer-group h3{font-size:17px;color:#d3d3d3}.footer-group ul{list-style:decimal;padding-left:15px;margin-top:15px}.footer-group ul li{margin-bottom:15px;font-size:15px;color:#dcdcdc}.footer-border-top{border-top:1px solid #2f2f2f;padding-top:25px}}.person-icon{position:absolute;top:.5vw;left:4.9vw}.person-icon svg{width:1.1vw;height:1.1vw}.phone-icon{position:absolute;top:4.3vw;left:4.9vw}.phone-icon svg{width:1.1vw;height:1.1vw}.note-icon{position:absolute;top:8vw;left:4.9vw;z-index:9999}.note-icon svg{width:1.1vw;height:1.1vw}.state-icon{position:absolute;top:11.7vw;left:4.9vw;z-index:9999}.state-icon svg{width:1.1vw;height:1.1vw}@media (max-width: 999px){.person-icon{position:absolute;top:20px;left:33px}.person-icon svg{width:18px;height:18px}.phone-icon{position:absolute;top:80px;left:33px}.phone-icon svg{width:18px;height:18px}.state-icon{position:absolute;top:137px;left:33px;z-index:9999}.state-icon svg{width:21px;height:21px}}.videoWrapper{position:relative;width:100%;height:14vw;overflow:hidden}.videoWrapper iframe{position:absolute;top:-35%;left:0;width:100%;height:170%;border:none}.tvideo-container{width:auto;position:relative}.tvideo-container video{border-radius:1vw;width:14.5vw;height:100%}.testimonial_video::-webkit-media-controls{display:none!important}.testimonial_video::-moz-media-controls{display:none!important}.testimonial_video::-o-media-controls{display:none!important}.testimonial_video::-ms-media-controls{display:none!important}.tvideo-description{z-index:33;position:absolute;bottom:0;padding-bottom:.8vw}.tvideo-blur{position:absolute;height:13vw;left:0;right:0;bottom:0;backdrop-filter:blur(2vw);-webkit-backdrop-filter:blur(2vw);mask:linear-gradient(to bottom,transparent,rgba(0,0,0,1),rgba(0,0,0,1));z-index:1;border-bottom-left-radius:1vw;border-bottom-right-radius:1vw}.tvideo-description .title{padding:0 1vw}.tvideo-description .title h2{text-align:start;font-size:1.6vw;color:#fff}.tvideo-description .description{text-align:start;padding:0 1vw}.tvideo-description .description p{font-size:.85vw;margin-top:.3vw;color:#fff}.tvideo-description .description .person{margin-top:.7vw}.tvideo-description .description .person h3{font-size:.8vw;font-weight:400;color:#fff}.tvideo-description .description .person p{font-size:.8vw;font-weight:700;margin-top:5px;padding:0;color:#fff}.form-context{position:relative;display:flex;flex-direction:column;padding:0 4vw}.form-context .form-input{background:linear-gradient(135deg,#1d3467,#152447);margin-bottom:1.3vw;padding:.6vw .6vw .6vw 2.9vw;outline:none;border:1px solid #182b54;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out;border-radius:.5vw;font-size:.9vw;color:#d0d6e1}.form-context .form-input::placeholder{color:#7987a1}.form-context .form-input option{color:#d0d6e1;background-color:#182b54}.form-context .form-input:valid{background-color:#182b54!important;color:#d0d6e1!important}.form-context .form-input option:disabled{background-color:#182b54!important;color:#d0d6e1!important}.form-context .form-input:focus{border:1px solid #416cde}.fselect{display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer;border-radius:.5vw}.fselect ul{list-style:none;position:absolute;top:2.4vw;left:0vw;width:100%;background:linear-gradient(135deg,#1d3467,#152447);outline:none;border:1px solid #182b54;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out;font-size:.9vw;color:#d0d6e1;z-index:999;height:17.5vw;overflow:auto;border-radius:.5vw}.fselect ul li{font-size:.9vw;color:#d0d6e1;border-bottom:1px solid #42464e;padding:.6vw;cursor:pointer}.fselect ul li:hover{background-color:#416cde}.form-context select{-webkit-appearance:none;-moz-appearance:none;background:transparent;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:99%;background-position-y:5px;position:relative}.form-context button{background:#416cde;padding:.6vw;outline:none;border:1px solid #182b54;cursor:pointer;border-radius:.5vw;font-size:.9vw}.form-context button:hover{background:#2fc876}.testimonial-container{text-align:center;margin-top:1vw}.testimonial-header{width:91%;margin:.7vw auto}.testimonial-title{font-size:1.5vw}.testimonial-info{font-size:1vw;margin-top:.2vw}.testimonial-cards{display:flex;justify-content:center;align-items:center;gap:1vw;padding:1vw 0;margin-top:.4vw}.testimonial-mobile-container{display:none}@media (max-width: 999px){.landing-banner{background:#0c1427;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out;max-width:100%;height:100%;margin:auto}.video-context{position:relative;width:93.5%;margin:0 auto 13px;padding-top:20px;height:100%;overflow:hidden}.videoWrapper{position:relative;width:100%;height:325px;overflow:hidden}.videoWrapper iframe{position:absolute;top:-35%;left:0;width:100%;height:170%;border:none}.form-context{display:flex;flex-direction:column;padding:10px 30px;margin-top:5px}.form-context .form-input{background:linear-gradient(135deg,#1d3467,#152447);margin-bottom:20px;padding:10px 10px 10px 50px;outline:none;border:1px solid #182b54;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out;border-radius:7px;font-size:14px;color:#d0d6e1}.form-context .form-input::placeholder{color:#7987a1}.form-context .form-input:focus{border:1px solid #416cde}.form-context button{background:#416cde;padding:10px;outline:none;border:1px solid #182b54;cursor:pointer;border-radius:7px;font-size:14px}.form-context button:hover{background:#2fc876}.testimonial-container{text-align:center;margin-top:20px}.testimonial-header{width:95%;margin:13px auto}.testimonial-title{font-size:18px}.testimonial-info{font-size:14px;margin-top:5px}.testimonial-cards{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 25px;margin-top:20px}.tvideo-container{width:35%;position:relative}.tvideo-container video{border-radius:13px;width:100%;height:100%}.tvideo-description{z-index:33;position:absolute;bottom:0;padding-bottom:20px}.tvideo-blur{position:absolute;height:200px;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask:linear-gradient(to bottom,transparent,rgba(0,0,0,1),rgba(0,0,0,1));z-index:1;border-bottom-left-radius:13px;border-bottom-right-radius:13px}.tvideo-description .title{padding:0 15px}.tvideo-description .title h2{text-align:start;font-size:27px;color:#fff}.tvideo-description .description{text-align:start;padding:0 15px}.tvideo-description .description p{font-size:14px;margin-top:7px;color:#fff}.tvideo-description .description .person{margin-top:13px}.tvideo-description .description .person h3{font-size:11px;font-weight:400;color:#fff}.tvideo-description .description .person p{font-size:13px;font-weight:700;margin-top:5px;padding:0;color:#fff}.fselect{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.fselect ul{list-style:none;position:absolute;top:35px;left:0vw;width:100%;background:linear-gradient(135deg,#1d3467,#152447);outline:none;border:1px solid #182b54;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out;border-radius:.5vw;font-size:14px;color:#d0d6e1;z-index:999;height:279px;overflow:auto;border-radius:7px}.fselect ul li{font-size:14px;color:#d0d6e1;border-bottom:1px solid #42464e;padding:10px;cursor:pointer}}@media (max-width: 799px){.landing-banner{background:#0c1427;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease-in-out;max-width:100%;height:100%;margin:auto}.video-context{position:relative;width:93.5%;margin:0 auto 13px;padding-top:20px;height:100%;overflow:hidden}.videoWrapper{position:relative;width:100%;height:250px;overflow:hidden}.videoWrapper iframe{position:absolute;top:-35%;left:0;width:100%;height:170%;border:none}.form-context{display:flex;flex-direction:column;padding:10px 20px;margin-top:5px}.testimonial-container{text-align:center;margin-top:15px}.testimonial-header{width:95%;margin:13px auto}.testimonial-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px 25px 20px;margin-top:20px}.testimonial-mobile-cards{display:none}.tvideo-container{width:auto;position:relative}.tvideo-container video{border-radius:13px;width:260px;height:70%}.tvideo-description{z-index:33;position:absolute;bottom:0;padding-bottom:20px}.tvideo-blur{position:absolute;height:200px;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask:linear-gradient(to bottom,transparent,rgba(0,0,0,1),rgba(0,0,0,1));z-index:1;border-bottom-left-radius:13px;border-bottom-right-radius:13px}.tvideo-description .title{padding:0 15px}.tvideo-description .title h2{text-align:start;font-size:27px;color:#fff}.tvideo-description .description{text-align:start;padding:0 15px}.tvideo-description .description p{font-size:14px;margin-top:7px;color:#fff}.tvideo-description .description .person{margin-top:13px}.tvideo-description .description .person h3{font-size:11px;font-weight:400;color:#fff}.tvideo-description .description .person p{font-size:13px;font-weight:700;margin-top:5px;padding:0;color:#fff}}@media (max-width: 500px){.testimonial-container{display:none}.testimonial-header{width:95%;margin:13px auto}.testimonial-mobile-container{display:block;text-align:center;margin-top:1vw}.testimonial-mobile-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px 25px 20px;margin-top:20px}.video-context{position:relative;width:93.5%;margin:0 auto 13px;padding-top:20px;height:100%;overflow:hidden}.videoWrapper{position:relative;width:100%;height:200px;overflow:hidden}.videoWrapper iframe{position:absolute;top:-35%;left:0;width:100%;height:170%;border:none}}@media (max-width: 390px){.video-context{position:relative;width:93.5%;margin:0 auto 13px;padding-top:20px;height:100%;overflow:hidden}.videoWrapper{position:relative;width:100%;height:150px;overflow:hidden}.videoWrapper iframe{position:absolute;top:-45%;left:0;width:100%;height:170%;border:none}}@media (max-width: 350px){.video-context{position:relative;width:93.5%;margin:0 auto 13px;padding-top:20px;height:100%;overflow:hidden}.videoWrapper{position:relative;width:100%;height:150px;overflow:hidden}.videoWrapper iframe{position:absolute;top:-40%;left:0;width:100%;height:170%;border:none}}