@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;900&display=swap");:root{--warna-primary:#0b8be3;--warna-sekunder:#293e92;--warna-tulisan:#333;--warna-tulisan2:#fff;--font-family:"Titillium Web",sans-serif}a,h1,h2,h3,h4,h5,h6,p{color:var(--warna-tulisan)}.invisible{display:none}.btn-custom{font-family:Raleway,sans-serif;text-transform:uppercase;color:#fff;background-color:#5ca9fb;background-image:linear-gradient(90deg,#5ca9fb 0,#6372ff);padding:14px 34px;letter-spacing:1px;margin:0;font-size:15px;font-weight:500;border-radius:25px;transition:all .5s linear;border:0}.btn-custom.active,.btn-custom.focus,.btn-custom:active,.btn-custom:focus,.btn-custom:hover{color:#fff;background-image:none;background-color:#6372ff}.btn.active,.btn:active{background-image:none;outline:0;box-shadow:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a:focus{outline:none;outline-offset:none}.section-title{margin-bottom:70px}.section-title h2{position:relative;margin-top:10px;margin-bottom:15px;padding-bottom:15px;font-weight:800}.section-title h2:after{position:absolute;content:"";background:linear-gradient(90deg,#5ca9fb 0,#6372ff);height:4px;width:60px;bottom:0;margin-left:-30px;left:50%}.section-title p{font-size:18px}#menu{padding:15px;transition:all .8s;font-family:Raleway,sans-serif;color:var(--warna-tulisan)}.mainhero-section{padding:100px 0;height:100vh;background-color:#e5e5e5;align-content:center}.mainhero-section .text{position:relative;z-index:1;text-align:center}.intro{display:table;position:relative;width:100%;padding:0;background-size:cover;-o-background-size:cover}.intro .overlay{background:rgba(0,0,0,.2)}.intro h1{font-family:Raleway,sans-serif;color:#fff;font-size:82px;font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:10px}.intro h1 span{font-weight:800;color:#5ca9fb}.intro p{color:#fff;font-size:22px;font-weight:300;line-height:30px;margin:0 auto 60px}header .intro-text{padding-top:350px;padding-bottom:200px;text-align:center}.organized-section{background-color:#f6f6f6;padding:100px 0}.organized-section .row{align-items:center}.about-section{padding:100px 0}.about-section h3{font-size:22px;margin:0 0 20px}.about-section h2{position:relative;margin-bottom:15px;padding-bottom:15px}.about-section h2:after{position:absolute;content:"";background:linear-gradient(90deg,#5ca9fb 0,#6372ff);height:4px;width:60px;bottom:0;left:0}.about-section .about-text h2{position:relative;font-weight:800}.about-section .image{display:flex;align-items:center}.about-section img{background:#fff;border-right:0;box-shadow:0 0 50px rgba(0,0,0,.06)}.about-section p{line-height:24px;margin:30px 0;text-align:justify}.process-section{padding:10rem 0}.process-section h1{font-weight:900;text-align:center;color:#333;text-decoration:underline;margin-bottom:5rem}.process-section .process-work{margin:5rem 0}.process-section .process-work h2{font-weight:700;font-size:34px}.process-section .process-work .number{text-align:center;color:#000;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);border:1px dashed #fff;border-radius:50%;font-size:28px;font-weight:800;display:inline-block;width:40px;height:40px;color:#fff;line-height:30px;margin-right:5px}@media (max-width:768px){.process-section .process-work h2{font-size:22px}}#services{padding-bottom:100px;padding-top:80px;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);color:#fff}#services .service-desc{margin:10px 10px 20px}#services h2{color:#fff}#services .section-title h2:after{position:absolute;content:"";background:hsla(0,0%,100%,.3);height:4px;width:60px;bottom:0;margin-left:-30px;left:50%}#services i.fa{font-size:42px;width:120px;height:120px;padding:40px 0;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);border-radius:50%;color:#fff;box-shadow:10px 10px 10px rgba(0,0,0,.05)}#services h3{font-weight:500;padding:5px 0;color:#fff}#services p{color:hsla(0,0%,100%,.75)}#services .service-desc{margin-bottom:40px}#testimonials{padding:100px 0;background:#f6f6f6}#testimonials i{color:#e6e6e6;font-size:32px;margin-bottom:20px}.testimonial{position:relative;padding:20px}.testimonial-image{float:left;margin-right:15px}.testimonial-image,.testimonial-image img{display:block;width:64px;height:64px;border-radius:50%}.testimonial-content{position:relative;overflow:hidden}.testimonial-content p{margin-bottom:0;font-size:14px;font-style:italic}.testimonial-meta{margin-top:10px;font-size:15px;font-weight:600;color:#666}.contact-section{padding:100px 0 60px;background:linear-gradient(90deg,#6372ff 0,#5ca9fb);color:hsla(0,0%,100%,.75)}.contact-section .section-title{margin-bottom:40px}.contact-section .section-title p{color:var(--warna-tulisan2);font-size:16px}.contact-section h2{color:#fff;margin-top:10px;margin-bottom:15px;padding-bottom:15px}.contact-section .section-title h2:after{position:absolute;content:"";background:hsla(0,0%,100%,.3);height:4px;width:60px;bottom:0;left:30px}.contact-section h3{color:#fff;margin-top:80px;margin-bottom:25px;padding-bottom:20px;font-weight:400}.contact-section form{padding-top:20px}.contact-section .text-danger{color:#c03;text-align:left}.contact-section .btn-custom{margin:30px 0;background:transparent;border:2px solid #fff}.contact-section .btn-custom:hover{color:#1f386e;background:#fff}label{color:var(--warna-tulisan);font-size:12px;font-weight:600;font-family:Open Sans,sans-serif;float:left}.contact-section .form-control{display:block;width:100%;padding:6px 12px;font-size:16px;line-height:1.42857143;color:#444;background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:0;box-shadow:none;transition:none}.contact-section .form-control:focus{border-color:#999;outline:0;box-shadow:transparent}.form-control::-webkit-input-placeholder{color:#777}.form-control:-moz-placeholder,.form-control::-moz-placeholder{color:#777}.form-control:-ms-input-placeholder{color:#777}.contact-section .contact-item{margin:20px 0}.contact-section .contact-item span{color:#fff!important;margin-bottom:10px;display:block}.contact-section .contact-item a{color:var(--warna-tulisan2)!important}.contact-section .contact-item i.fa{margin-right:10px}.contact-section .social{border-top:1px solid hsla(0,0%,100%,.15);padding-top:50px;margin-top:50px;text-align:center}.contact-section .social ul li{display:inline-block;margin:0 20px}.contact-section .social i.fa{font-size:22px;width:48px;height:48px;padding:12px 0;border:2px solid #fff;color:#fff;border-radius:50%;transition:all .3s}.contact-section .social i.fa:hover{color:#608dfd;background:#fff}#footer{background:#b0e0e6!important;padding:30px 0}#footer p{font-size:14px}#footer a,#footer p{color:var(--warna-tulisan)!important}#footer a{text-decoration:none}#footer a:hover{border-bottom:2px solid var(--warna-sekunder)!important}.footer-section{margin-left:70px}#FAQ .faq h2{margin-bottom:100px}.faq-section{background:#fdfdfd;min-height:100vh;margin:100px 0}.faq-title h2{position:relative;margin-bottom:45px;display:inline-block;font-weight:600;line-height:1}.faq-title h2:before{content:"";position:absolute;left:50%;width:60px;height:2px;background:#007bff;bottom:-25px;margin-left:-30px}.faq-title p{padding:0 190px;margin-bottom:10px}.faq{background:#fff;box-shadow:0 2px 48px 0 rgba(0,0,0,.06);border-radius:4px}.faq .card{background:none;border:none;border-bottom:1px dashed #cee1f8}.faq .card .card-header{padding:0;border:none;background:none;transition:all .3s ease 0s}.faq .card .card-header:hover{background:rgba(233,30,99,.1);padding-left:10px}.faq .card .card-header .faq-title{width:100%;text-align:left;font-weight:400;font-size:15px;letter-spacing:1px;color:#3b566e;text-decoration:none!important;transition:all .3s ease 0s;cursor:pointer;padding:20px 30px}.faq .card .card-header .faq-title .badge{display:inline-block;width:20px;height:20px;line-height:14px;border-radius:100px;text-align:center;background:#007bff;color:#fff;font-size:12px;margin-right:20px}.faq .card .card-body{padding:30px 30px 16px 35px;font-weight:400;font-size:16px;color:#6f8ba4;line-height:28px;letter-spacing:1px;border-top:1px solid #f3f8ff}.faq .card .card-body p{margin-bottom:14px}@media (max-width:991px){.faq{margin-bottom:30px}.faq .card .card-header .faq-title{line-height:26px;margin-top:10px}}.news-section{padding:100px 0}.news-section .container .row{margin:0 auto}.news-section .page-header{background-color:#b0e0e6;padding:75px 25px 50px;margin-bottom:50px;border-end-start-radius:50%;border-end-end-radius:50%}.news-section .card-news{border:2px solid #10101010;height:auto;margin:10px;width:30%}.news-section .card-news .content a{color:#000}.news-section .card-news .button a{margin:10px}.news .container{padding-top:100px}.news .container a{color:#777}.news .content-top{margin-bottom:3rem}.news .content-bottom{padding-bottom:100px;margin-bottom:3rem;text-align:justify}.news .content-bottom a{font-size:16px}.news .content-bottom a:hover{color:#8a2be2}@media (max-width:769px){.back-button{margin:1rem}.news .content-bottom p{text-align:justify!important}}.page-header{padding:150px 25px 75px;background:var(--warna-primary);text-align:center;align-content:center}.page-header a,.page-header h1{color:var(--warna-tulisan2)}.page-header a{text-decoration:none}.page-header .divider{width:100%!important;position:absolute;pointer-events:none;background:var(--warna-tulisan2);-webkit-mask-size:100%;mask-size:100%;z-index:-1;bottom:0;left:0}.page-header ul{padding-left:0;list-style-type:none;margin-bottom:0;margin-top:1rem}.page-header ul li{color:var(--warna-tulisan2);display:inline-block;position:relative;opacity:.9;margin-left:15px}.page-header ul .titik:before{border-radius:50%;background-color:var(--warna-tulisan2);height:5px;width:5px;position:absolute;content:"";right:-12px;transform:translate(-50%);top:45%}.homeregist-section{padding:75px 25px;height:100vh;display:flex;justify-content:center;align-items:center}.homeregist-section,.registration-section{background:var(--warna-tulisan2);background-size:cover;background-repeat:no-repeat}.registration-section{padding:10rem 25px 75px}.registration-section .container .title{font-size:25px;font-weight:500;position:relative}.registration-section .container .title:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:30px;border-radius:5px}.registration-section .content form .user-details{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0 20px}.registration-section form .user-details .input-box{margin-bottom:30px;width:calc(100% / 2 - 20px);color:var(--warna-primary);font-size:clamp(14px,2vw,24px)}.registration-section form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.registration-section .form-label{color:var(--warna-tulisan);font-size:clamp(16px,2vw,24px)}.registration-section .gam{display:flex}.registration-section .user-details .input-box input,.registration-section .user-details .input-box select{height:45px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:solid var(--warna-primary);border-width:1px 1px 2px;transition:all .3s ease}.registration-section .user-details .input-box p{font-size:11px}.registration-section .container .content .sub{font-weight:700;font-size:clamp(30px,4vw,50px)}.registration-section .garis-bawah:after{position:absolute;content:"";background:var(--warna-primary);height:4px;width:50%;left:10%;transform:translateX(-50%)}.registration-section .user-details .input-box textarea{height:80px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:solid var(--warna-primary);border-width:1px 1px 2px;transition:all .3s ease}.registration-section .user-details .input-box input:focus,.registration-section .user-details .input-box input:valid{border-color:#6f42c1}.registration-section .user-details .input-box textarea:focus,.registration-section .user-details .input-box textarea:valid{border-color:#6f42c1}.registration-section .user-details .input-box select:focus,.registration-section .user-details .input-box select:valid{border-color:#6f42c1}.registration-section form .gender-details .gender-title{font-size:20px;font-weight:500}.registration-section form .category{display:flex;width:80%;margin:14px 0;justify-content:space-between}.registration-section form .category label{display:flex;align-items:center;cursor:pointer}.registration-section form .button{height:45px;margin:35px 0}.registration-section form .button input,.registration-section form .buttonindo input{height:100%;width:100%;border-radius:5px;border:none;color:var(--warna-tulisan2);font-size:20px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;background:var(--warna-primary)}.registration-section form .buttonindo input{display:none}.registration-section form .button input:hover,.registration-section form .buttonindo input:hover{box-shadow:12px 12px #262521;background-color:var(--warna-sekunder)!important;border-color:#262521;transition:.3s}@media (max-width:426px){.registration-section form .user-details .input-box{margin-bottom:15px;width:200%;color:var(--warna-tulisan)}.registration-section form .category{width:200%}.registration-section .content form .user-details{max-height:400px;overflow-y:scroll}.registration-section .user-details::-webkit-scrollbar{width:5px}.registration-section .container .content .con{width:23rem;height:60px}}.low-section{padding:100px 0;align-content:center}.modal-overlay{margin-top:2rem;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:auto}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:750px;width:90%;box-shadow:0 4px 10px rgba(0,0,0,.3);text-align:left;max-height:80vh;overflow-y:auto}.modal-content li{font-size:clamp(10px,2vw,16px);text-align:justify}.checkbox label{font-weight:700;font-size:clamp(10px,2vw,16px);text-align:center!important}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}input[type=checkbox]{margin:-10px 10px 0}