a,a:hover{text-decoration:none}.navbar .button,.navbar .button1{font-weight:300;padding:2px 8px;margin-right:5px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Nunito Sans,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:inline-block}.navbar .dropdown ul,.navbar-mobile .dropdown ul{z-index:99;box-shadow:0 0 30px #7f89a140}#hero .btn-get-started,.navbar .button,.navbar .button1,body,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Nunito Sans,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#hero,#pos{margin-top:0}#textOverlay,#textOverlay1{left:50%;color:#000;text-align:justify}#textOverlay,.nav-link,body{color:#000}#pos,#produk{margin-bottom:2%}#demo .card-content p,#link .box,.floating,.myDiv,.navbar .btn-login,.navbar .btn-try,.section-title{text-align:center}a{color:#3498db}a:hover{color:#5faee3}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#3498db;width:40px;height:40px;border-radius:4px;transition:.4s}.back-to-top i{font-size:28px;color:#fff;line-height:0}.back-to-top:hover{background:#57aae1;color:#fff}.back-to-top.active{visibility:visible;opacity:1}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}#header{z-index:997;transition:.5s;padding:10px 0}#header.header-scrolled{box-shadow:0 2px 15px #0000001a;background-color:currentColor;padding:0}#header .logo h1{font-size:30px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:1px}#header .logo h1 a,#header .logo h1 a:hover{color:#fff;text-decoration:none}#header .logo img{padding:0;margin:0;max-height:70px}.navbar{padding:0}#footer .footer-links a:hover,.nav-link:hover,.navbar-mobile .active,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#3498db}.navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}.navbar li{position:relative}.navbar .button{font-size:1.125rem;border-radius:50px;transition:.5s;color:#fff;border:2px solid #fff;margin-left:80px}.navbar .button1:hover,.navbar .button:hover{background:#3498db;color:#fff;border:2px solid #3498db}.navbar .button1{font-size:1.125rem;border-radius:50px;transition:.5s;color:#fff;border:2px solid #fff;margin-left:5px}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-weight:400;font-size:1.125rem;font-weight:50%;color:#fff;white-space:nowrap;transition:.3s}#hero h1,.navbar .active,.navbar .active:focus,.navbar .btn-try,.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a,.navbar a:hover,.navbar li:hover>a{font-weight:700}.navbar a i,.navbar a:focus i{font-size:.75rem;line-height:0;margin-left:5px}.navbar .dropdown ul{display:block;position:absolute;left:30px;top:calc(100% + 30px);margin:0;padding:10px 0;opacity:0;visibility:hidden;background:#000;transition:.3s;border-radius:4px}.navbar .dropdown ul li,.navbar-mobile .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:1.125rem}.navbar .dropdown ul a i{font-size:.75rem}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}#footer .footer-text,.mobile-nav-toggle.bi-x{color:#fff}@media(max-width:991px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{position:fixed;overflow:hidden;inset:0;background:#090909e6;transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block!important;position:absolute;inset:55px 15px 15px;padding:10px 0;border-radius:8px;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#222}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;opacity:1;visibility:visible;background:#fff}.navbar-mobile .dropdown ul a{padding:10px 20px 0;font-size:16px}.navbar-mobile .dropdown ul a i{font-size:12px}.navbar-mobile .dropdown>.dropdown-active{display:block}.navbar .btn-try{padding:2px 25px;border-radius:50px;color:#fff;background-color:#2783c5;border:1px solid #2783c5}.navbar .btn-login{padding:2px 25px;border-radius:50px;color:#2783c5;background-color:#fff;display:inline-block;font-weight:700;border:1px solid #2783c5;margin:10px}.navbar .btn-try:hover{background:#fff;color:#3498db;border:#3498db}.navbar .btn-login:hover{background-color:#2383c4;color:#fff;border:1px solid #2383c4}.navbar .btn-try:active,.navbar .btn-try:focus{background-color:#fff;color:#2783c5;padding:2px 25px;border:1px solid #2783c5}.navbar .btn-login:active,.navbar .btn-login:focus{background-color:#2383c4;color:#fff;border:1px solid #2383c4;padding:2px 25px}.btn-logo{display:flex;margin:10px;justify-content:center;align-items:center}#buttonDiv,#integrasi{justify-content:center}#hero{width:100%;height:90vh;background:url(../img/feature/banner-feature/banner-kiosk.webp) 0 0/cover}#hero h1{margin:0 0 10px;line-height:56px;color:#fff}#hero .vertical-line{width:4px;height:130px;background-color:#fff;margin:0 0 0 25px}#hero h2{color:#fff;margin-bottom:20px;font-size:40px}#hero .btn-get-started{font-weight:500;font-size:20px;letter-spacing:1px;display:inline-block;padding:10px 30px;border-radius:50px;transition:.5s;color:#fff;border:2px solid #000;background-color:#000}#hero .btn-get-started:hover{background:#3498db;color:#fff;border:#3498db}#pos .image,#pos .image1{border-radius:45px;position:absolute;opacity:1}#hero .animated{animation:2s ease-in-out infinite alternate-reverse both up-down}section{padding:100px 0;overflow:hidden}.section-bg{background-color:#f7fbfe}.section-title{padding-bottom:10px;padding-top:20px}.section-title h2{font-size:25px;font-weight:700;position:relative;color:#222}.section-title h2:after,.section-title h2:before{content:"";width:50px;height:2px;background:#3498db}.section-title h2:before{margin:0 15px 10px 0}.section-title h2:after{margin:0 0 10px 15px}.section-title p{margin:15px 0 0}#pos{width:auto;height:70vh;background:0 0/cover #f6f6f6;position:relative}#pos .image{top:-20%;margin-left:-130px;left:1%;width:65%}#pos .image1{top:-15%;left:-7%;width:40%;height:110%;right:100px;margin-left:150px}#textOverlay{position:absolute;top:7%;left:52%;opacity:1;font-weight:900;font-size:28px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Nunito Sans,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;width:40rem}#buttonDiv button,#textOverlay1{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Nunito Sans,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px}#textOverlay1{position:absolute;top:17%;left:52%;opacity:1;font-weight:100;width:40%}@media screen and (max-width:1400px){#textOverlay{font-size:26px;width:42%}#textOverlay1{font-size:16px}}@media(min-width:820px)and (max-width:1024px){#pos{height:auto;min-height:50vh}#pos .image{top:-10%;margin-left:-130px;left:1%;border-radius:45px;width:80%;height:97%}#pos .image1{top:40%;margin-left:100px;left:-17%;opacity:1;border-radius:45px;width:60%}#textOverlay{top:7%;left:53%;font-size:26px;text-align:start;width:46%}#textOverlay1{top:25%;left:53%;font-size:16px}}@media(min-width:768px)and (max-width:819px){#pos .image{top:-10%;margin-left:-130px;left:1%;border-radius:45px;width:80%;height:95%}#pos{height:auto;min-height:60vh}#pos .image1{top:5%;margin-left:100px;left:-18%;opacity:1;border-radius:45px;width:60%;height:75%}#textOverlay{top:5%;left:53%;font-size:26px;text-align:start;width:46%}#textOverlay1{top:20%;left:53%;font-size:16px}}@media(max-width:767px){#textOverlay,#textOverlay1{text-align:center;width:80%;max-width:none;margin-left:10%}#pos{width:100%;height:auto;margin-top:0}#pos .image{position:absolute;top:-50px;width:120%;left:-70%;opacity:0;animation:2s forwards slideIn}#pos .image1,#textOverlay,#textOverlay1{position:relative;animation:2s forwards slideIn}#pos .image1{top:-40px;width:100%;margin:auto;opacity:0;width:270px;height:280px}@keyframes slideIn{0%{left:-70%;opacity:0}to{left:0;opacity:1}}#textOverlay{font-size:28px;margin-top:6%;margin-bottom:-4%}#textOverlay1{font-size:16px;margin-top:5%}}#buttonDiv{margin:10px;align-items:center;height:50vh;transition:margin-left 100s}#buttonDiv button{padding:10px 0;width:270px;cursor:pointer;outline:0;color:gray;background-color:#fff;border:1px solid #000;border-radius:30px;margin:15px;transition:margin-left 10s}.vertical-line1,.vertical-line2,.vertical-line3{width:6px;height:85px;background-color:#3498db;border-radius:4px;left:27%;position:absolute}#integrasi h2,#produk h2{font-size:25px;font-weight:700}#produk p{font-size:18px}.vertical-line1{top:33%}.vertical-line2{top:77%}.vertical-line3{top:55%}.myDiv{display:none;padding-top:58px}.img{width:80%;height:auto;border-radius:20px}#buttonDiv button:hover{background-color:#000;color:#fff}#buttonDiv button:active{transform:translateY(4px)}#line3 p,#myDiv1 p,#myDiv2 p,#myDiv4 p{text-align:justify;font-size:18px;margin-top:10%}#line1 p,#line2 p,#line6 p,#line7 p{text-align:justify;font-size:18px;margin-top:8%}#line4 p{text-align:justify;font-size:18px;margin-top:12%}#line5 p,#line8 p{text-align:justify;font-size:18px;margin-top:14%}#line10 p,#line9 p{text-align:justify;font-size:18px;margin-top:11%}@media only screen and (max-width:1024px){#buttonDiv{height:auto}#buttonDiv button{width:100%;margin:10px 0}.vertical-line1,.vertical-line2,.vertical-line3{display:none}.myDiv{padding-top:20px}#myDiv1 p,#myDiv2 p,#myDiv3 p,#myDiv4 p{margin-top:10px}}#tools{padding-bottom:5%}#tools .section-title{color:#1e1e1e;line-height:1.5;font-size:25px}#tools span.primary{color:#3498db;font-size:25px}.imagetools{width:35%;height:auto}@media(min-width:768px)and (max-width:991px){#tools .container{position:relative;width:80%}#tools .col-lg-3{right:auto;margin:0 auto 1%;position:relative!important;left:25%!important;top:0!important;transform:translate(-50%)!important;margin-bottom:1px!important}#tools .row.d-flex{row-gap:0!important;column-gap:0!important}#tools .imagetools{width:40%!important;height:auto}@media(min-width:1025px)and (max-width:1199px){#produk .img{width:120%;height:auto;border-radius:20px}}#tools h6{font-size:100%!important}}#integrasi{margin:auto;padding:0;display:grid;height:63vh;background-color:#f4f4f4}#integrasi .grid-container{display:grid;grid-template-columns:repeat(2,2fr);grid-row-gap:30px;grid-column-gap:100px;width:750px;padding-top:50px;margin:auto}#integrasi .image-container{width:120%;opacity:0;animation:4s forwards fadeInZoom;padding-bottom:0}#integrasi .image-container .image1{width:60%;height:60%;position:absolute;bottom:10%;left:40%;border-radius:15px}#integrasi .image-container .text-outside1{position:absolute;top:150px;left:40px;padding:10px}#integrasi .image-container .image2{width:90%;height:90%;border-radius:15px}#integrasi .image-container .text-outside2{position:absolute;top:130px;right:-80px;padding:10px}#integrasi .image-container .image3{width:100%;height:100%;border-radius:15px}#integrasi .image-container .text-outside3{position:absolute;bottom:0;top:165px;left:-120px;padding:10px}#integrasi .image-container .image4{width:70%;height:70%;position:absolute;left:7%;border-radius:15px}#integrasi .image-container .text-outside4{position:absolute;top:100px;right:-30px;padding:10px}@keyframes fadeInZoom{0%,to{opacity:0;transform:scale(1)}to,20%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}#integrasi .image-container:first-child{animation-delay:1s}#integrasi .image-container:nth-child(2){animation-delay:1.5s}#integrasi .image-container:nth-child(3){animation-delay:2s}#integrasi .image-container:nth-child(4){animation-delay:2.5s}@media screen and (max-width:1024px){.navbar{padding:0}.navbar ul{flex-direction:column;align-items:flex-start}.navbar li{margin-bottom:10px}.navbar .btn-get-started{margin-left:0;margin-top:10px}.navbar a,.navbar a:focus,.navbar b{padding:10px 20px;text-align:left;width:100%}.navbar .getstarted,.navbar .getstarted:focus{margin-left:0;margin-top:10px;width:100%}.navbar .dropdown .dropdown ul,.navbar .dropdown ul{left:0;top:auto}#hero{height:auto;background-size:cover}#hero h1{font-size:30px;line-height:40px}#hero h2{font-size:24px}#hero .btn-get-started{padding:10px 20px;font-size:14px}#hero .vertical-line{display:none}#integrasi{height:auto;padding:20px}#integrasi .grid-container{grid-template-columns:1fr;grid-row-gap:30px;grid-column-gap:0;width:auto;padding-top:20px}#integrasi .image-container{width:100%;position:relative;padding-bottom:5%}#integrasi .image-container .image1,#integrasi .image-container .image2,#integrasi .image-container .image3,#integrasi .image-container .image4{width:80%;height:80%;position:relative;left:0;bottom:0;right:0}#integrasi .image-container .text-outside1,#integrasi .image-container .text-outside2,#integrasi .image-container .text-outside3,#integrasi .image-container .text-outside4{position:static;inset:auto;padding:10px 0;text-align:center}}#demo .dekstop{padding-top:5rem;padding-bottom:2%}#demo .container{display:flex;justify-content:center;align-items:center;height:20vh;padding-top:10%;padding-bottom:3%}#demo .card{width:600px;height:155px;border:1px solid #ccc;border-radius:80px;box-shadow:0 4px 8px #0000001a;background-color:#7cbce6}#demo .card-content{padding:15px}#demo .card-content h2{margin-top:3%;font-size:24px;text-align:center}#demo .card-content p{font-size:18px;margin:0}#demo .container .btn-get-started{width:12rem;font-size:15px;letter-spacing:1px;padding:1px 10px;border-radius:50px;transition:.5s;color:#fff;border:2px solid #000;background-color:#000;display:inline-block;margin:auto}#demo .btn-get-started:hover,#link .btn-get-started:hover{background:#5faee3;color:#fff;border:2px solid #5faee3}@media(max-width:1500px){#demo .container{display:flex;justify-content:center;align-items:center;height:20vh;padding-top:20%;padding-bottom:3%}}@media(min-width:768px)and (max-width:1024px){#demo .card,#demo .card-content h2{margin-top:3%!important}#demo .card-content h2{font-size:1.5rem}#demo .card-content p{margin-top:.5rem!important;margin-bottom:.5rem!important;font-size:.95rem}}@media(max-width:767px){#demo .container{height:100px}#demo .card{height:130px}#demo .card-content{padding:8px}#demo .card-content h2{font-size:18px}#demo .card-content p{font-size:14px}#demo .container .btn-get-started{padding:4px 2px;font-size:14px;text-align:center;width:50%;position:absolute;top:85%;transform:translateY(-50%);left:50%;transform:translate(-50%)}}#link{padding-bottom:7%}#link .box{background:#dff4ff;border-radius:20px;position:relative;width:80%;display:flex;height:300px;flex-direction:column;align-items:center;padding-bottom:50px;margin:auto}#link .container .btn-get-started{width:12rem;height:2.2rem;padding:3px 10px 3px 5%;border-radius:60px 35px 35px 0;transition:.5s;color:#fff;border:2px solid #000;background-color:#000;display:inline-block;margin:auto;position:absolute;left:46%;top:93%}#footer .btn-try,.floating{border-radius:50px;color:#fff}#link p{margin-left:10%;margin-right:10%;text-align:justify}#link .box .mille1,#link .box .mille2,#link .box .mille3{width:45%;height:auto;padding-top:5%;transition:transform .3s}#link .box .mille1:hover,#link .box .mille2:hover,#link .box .mille3:hover{transform:scale(1.1);filter:brightness(0)}.floating{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}.fab-icon{margin-top:16px}#footer{color:#fff;vertical-align:top}#footer .footer-container{display:flex;justify-content:space-around}#footer .footer-column{flex:1;text-align:left;align-items:flex-start}#footer .footer-row{display:flex;justify-content:center;align-items:center}#footer .footer-column img{width:100%;max-width:100%}#footer .dw img{width:140px}#footer .footer-column p{margin:0}#footer .footer-title{font-size:1.2rem;text-align:left}#footer h5{margin-top:10%}#footer .footer-links a{color:#fff;padding-left:15px}#footer .footer-links a:first-child{padding-left:0}#footer .footer-column-left{text-align:left}#footer .footer-column-right{text-align:left;align-items:flex-start}#footer .btn-try{background-color:#3498db;font-weight:700;letter-spacing:1px;display:inline-block;padding:3px 30px;transition:.5s}#footer .social-icon{margin-right:7px;justify-content:left;margin-top:1rem}#footer .social-icon img{width:30px;height:auto;margin-bottom:50px;justify-content:left}@media(min-width:1025px){.desktop{display:block!important}.mobile{display:none!important}}@media(max-width:1250px){.mobile-nav-toggle{display:block!important}.navbar ul{display:none}#hero h1{font-size:24px}#hero h5{font-size:14px;margin-left:15px;margin-right:15px}#hero .btn-call-us,#hero .btn-get-started{font-size:14px;padding:8px 20px}#link .box{width:90%}#link .container .btn-get-started{font-size:14px;padding:5px 15px}}@media screen and (max-width:1024px){#footer .footer-container{flex-direction:column;align-items:left}#footer .footer-column{flex:none;width:100%;text-align:left;margin-bottom:20px}#footer .footer-links a{padding:0;margin-right:15px;margin-bottom:10px}#footer .btn-try,#footer .social-icon img{margin-bottom:20px}#footer .btn-try{padding:10px 30px}}@media(max-width:1024px){.desktop{display:none!important}.mobile{display:block!important}}.flag-option,.lang-btn{display:flex;background:0 0;cursor:pointer}.lang-dropdown{position:relative;margin-left:15px}.lang-btn{border:none;align-items:center;gap:6px}.lang-btn img{width:28px;height:28px;border-radius:50%;object-fit:cover}.lang-dropdown ul{position:absolute;top:40px;right:0;background:#fff;list-style:none;padding:8px 0;margin:0;border-radius:10px;box-shadow:0 6px 20px #00000026;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.lang-dropdown:hover ul,.lang-dropdown:focus-within ul{opacity:1;visibility:visible;transform:translateY(0)}.flag-option{width:80%;align-items:center;gap:10px;padding:10px 14px;color:#fff;border:none;text-align:left;transition:.5s ease-in-out}.flag-option img{width:26px;height:26px;border-radius:50%;object-fit:cover}.flag-option:hover{background:#f5f5f5;color:#000}.lang-dropdown .bi-chevron-down{color:#fff!important}@media(max-width:991px){.flag-option{color:#000}}.navbar-mobile .lang-dropdown ul{display:block!important}.navbar-mobile .lang-dropdown:focus-within ul{display:block!important}