:root{--warna-primary:#797979;--warna-sekunder:#05020f;--warna-tulisan:#fff;--warna-tulisan2:#212529;--font-family:"Kanit",sans-serif}.text-align{text-align:justify}.thankyou{text-align:center;padding:20px}.thankyou-table{border-collapse:collapse;width:100%;margin:20px auto}.thankyou-table td{border:1px solid #ddd;padding:10px}.thankyou-table td:first-child{background:#f4f4f4;font-weight:700}.thankyou{background:var(--warna-tulisan);text-align:center;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;color:var(--warna-tulisan2)!important}@media (max-width:426px){.thankyou{height:150vh}}.btn{color:#fff;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0d6efd;background:var(--warna-primary);border:1px solid #0d6efd;border-radius:5px;margin-top:10px;padding:10px 20px;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}.btn:hover{box-shadow:8px 8px var(--warna-primary);background-color:var(--warna-sekunder);margin-right:5px;transition:all .3s;color:var(--warna-tulisan)!important}.btn-action{color:var(--warna-tulisan);background-color:var(--warna-primary);margin:5px 0 0}.btn-action:hover{box-shadow:8px 8px var(--warna-primary);background-color:var(--warna-sekunder);margin-right:5px;transition:all .3s;color:var(--warna-tulisan)!important}.homeregist-section{background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;color:var(--warna-tulisan2)!important}.registration-section{background-repeat:no-repeat;background-size:cover;padding:10rem 25px 75px;color:var(--warna-tulisan2)!important}.registration-section .container .title{font-size:25px;font-weight:500;position:relative}.registration-section .container .title:before{content:"";border-radius:5px;width:30px;height:3px;position:absolute;bottom:0;left:0}.registration-section .content form .user-details{flex-wrap:wrap;justify-content:space-between;margin:50px 0 20px;display:flex}.registration-section form .user-details .input-box{width:calc(50% - 20px);color:var(--warna-primary);margin-bottom:30px;font-size:max(14px,min(2vw,24px))}.registration-section form .input-box span.details{margin-bottom:5px;font-weight:500;display:block}.registration-section .form-label{color:var(--warna-tulisan2);font-size:max(16px,min(2vw,24px))}.registration-section .gam{display:flex}.registration-section .user-details .input-box input,.registration-section .user-details .input-box select{border-bottom-width:2px;border-radius:5px;outline:none;width:100%;height:45px;padding-left:15px;font-size:16px;transition:all .3s;border:1px solid var(--warna-primary)!important}.registration-section .user-details .input-box p{color:var(--warna-tulisan2);font-size:11px}.registration-section .user-details .input-box h6{color:var(--warna-tulisan2)}.registration-section .container .content .sub{font-size:max(30px,min(4vw,50px));font-weight:700}.registration-section .garis-bawah:after{content:"";background:var(--warna-primary);width:50%;height:4px;position:absolute;left:10%;transform:translate(-50%)}.registration-section .user-details .input-box textarea{border-bottom-width:2px;border-radius:5px;outline:none;width:100%;height:80px;padding-left:15px;font-size:16px;transition:all .3s;border:1px solid var(--warna-primary)!important}.registration-section .user-details .input-box input:focus,.registration-section .user-details .input-box input:valid,.registration-section .user-details .input-box textarea:focus,.registration-section .user-details .input-box textarea:valid,.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{justify-content:space-between;width:80%;margin:14px 0;display:flex}.registration-section form .category label{cursor:pointer;align-items:center;display:flex}.registration-section form .btn{height:45px;margin:35px 0}.registration-section form .button input{background-color:var(--warna-primary);color:var(--warna-tulisan);letter-spacing:1px;cursor:pointer;border:none;border-radius:5px;padding:5px;font-size:20px;font-weight:700;transition:all .3s;width:100%!important}.registration-section form .buttonindo input{width:100%;height:100%;color:var(--warna-tulisan2);letter-spacing:1px;cursor:pointer;background:var(--warna-primary);border:none;border-radius:5px;font-size:20px;font-weight:700;transition:all .3s;display:none}.registration-section form .button input:hover{background-color:var(--warna-sekunder);color:var(--warna-tulisan);box-shadow:12px 12px var(--warna-primary);transition:all .3s}.registration-section form .buttonindo input:hover{color:var(--warna-tulisan);border-color:#e02807;transition:all .3s;box-shadow:12px 12px #da0808;background-color:var(--warna-sekunder)!important}@media (max-width:426px){.registration-section form .user-details .input-box{width:200%;color:var(--warna-tulisan);margin-bottom:15px}.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{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.modal-content{text-align:left;background:#fff;border-radius:8px;width:90%;max-width:750px;max-height:80vh;margin-top:5%;padding:20px;overflow-y:auto;box-shadow:0 4px 10px rgba(0,0,0,.3)}.modal-content li{text-align:justify;font-size:max(10px,min(2vw,16px))}.checkbox label{font-size:max(10px,min(2vw,16px));font-weight:700;text-align:center!important}.modal-actions{justify-content:space-between;display:flex}input[type=checkbox]{margin:-10px 10px 0}.overlay-loader{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-message{color:#fff;text-align:center;margin-top:20px;font-size:18px;font-weight:700}.modal-overlay-submit{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-submit{text-align:justify;background:#fff;border-radius:10px;width:80%;max-width:600px;padding:20px;animation:.3s ease-in-out fadeIn;box-shadow:0 4px 10px rgba(0,0,0,.2)}.modal-submit h2{color:#d9534f;margin-bottom:10px}.modal-submit p{margin-bottom:20px;font-size:max(12px,min(2vw,16px));line-height:1.5}.modal-submit b{margin-bottom:20px;font-size:max(14px,min(2vw,18px));line-height:1.5}.modal-buttons-submit{justify-content:space-between;display:flex}.modal-buttons-submit button:first-child{color:#000;cursor:pointer;background:#ccc;border:none;border-radius:5px;padding:10px 15px;transition:all .2s}.modal-buttons-submit button:last-child{color:#fff;cursor:pointer;background:#d9534f;border:none;border-radius:5px;padding:10px 15px;transition:all .2s}.modal-buttons-submit button:hover{opacity:.8;color:var(--warna-tulisan)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}