@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;900&display=swap");:root{--warna-primary:#343148;--warna-sekunder:#343148;--warna-tulisan:#333;--warna-tulisan2:#fff;--font-family:"Titillium Web",sans-serif}a,h1,h2,h3,h4,h5,h6,p{color:var(--warna-tulisan);font-family:var(--font-family)!important}body{margin:0!important}.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}.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{align-items:center;align-content:center;text-align:center;font-size:16px;width:100%;height:100vh;font-family:Roboto Condensed,sans-serif;font-weight:400;background:linear-gradient(90deg,#05020f 50%,#343148)}.homeregist-section .wrapper h1{font-size:70px;margin-top:1px;text-align:center;justify-content:center;color:#3e92b9}.homeregist-section .wrapper h1,.homeregist-section .wrapper h2{font-weight:700;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.homeregist-section .wrapper h2{margin:0 auto;justify-content:center!important;font-size:30px;color:#fff;border:1px solid #fff;width:400px;border-radius:20px;padding:5px;background:linear-gradient(90deg,#05020f 50%,#343148)}.homeregist-section .wrapper a{text-decoration:none;text-align:center;justify-content:center;font-weight:700;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media screen and (max-width:426px){.link-web .btn{width:95%;margin-top:2px!important;margin-bottom:10px}.wrapper h3{margin-top:1px!important;text-align:center;margin-bottom:50px!important;justify-content:center;font-weight:700;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.link-web a,.wrapper h3{font-size:20px}.wrapper h1{font-size:30px!important;text-align:center;margin-bottom:70px;margin-top:30px!important;justify-content:center}.wrapper h1,.wrapper h2{font-weight:700;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.wrapper h2{font-size:30px;margin-top:90px!important;border:1px solid #fff;width:350px;border-radius:25px;padding:5px;background:linear-gradient(135deg,#9b59b6,#71b7e6)}}.registration-section{padding:10rem 25px 75px;background:var(--warna-tulisan2);background-size:cover;background-repeat:no-repeat}.registration-section .user-details .input-box h6{margin:5px}.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}}.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)}.modal-actions{margin-top:20px;display:flex;justify-content:space-between}input[type=checkbox]{margin:-10px 10px 0}.overlay-loader{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:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader{border-radius:50%;border:4px solid #f3f3f3;border-top-color:#3498db;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-message{margin-top:20px;color:#fff;font-size:18px;font-weight:700;text-align:center}.thankyou{height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;color:#fff!important}.btn,.thankyou{text-align:center}.btn{display:inline-block;font-weight:400;color:#fff;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0d6efd;border:1px solid #0d6efd;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:hover{color:var(--warna-tulisan2)!important}.btn-action{color:var(--warna-tulisan2);background-color:var(--warna-primary);margin:5px 0 0}.btn-action:hover{box-shadow:8px 8px var(--warna-primary);background-color:var(--warna-sekunder);color:var(--warna-tulisan2)!important;transition:.3s;margin-right:5px}