body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--warna-primary:#265188;--warna-sekunder:#2c2c2c;--warna-tulisan:#1d1b1b;--warna-tulisan2:#f4f4f4;--font-family:"Kanit",sans-serif}.btn-custom{background-color:#5ca9fb!important;background-image:linear-gradient(90deg,#5ca9fb 0,#6372ff);border:0;border-radius:25px;color:#fff;font-family:Raleway,sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;margin:0;padding:7px 16px;text-transform:uppercase;transition:all .5s linear}.btn-custom.active,.btn-custom.focus,.btn-custom:active,.btn-custom:focus,.btn-custom:hover{background-color:#265188!important;background-image:none;color:#fff}.homeregist-section{align-items:center;display:flex;height:100vh;justify-content:center}.homeregist-section,.registration-section{background:#f4f4f4;background:var(--warna-tulisan2);background-repeat:no-repeat;background-size:cover;padding:150px 25px 75px}.registration-section .container .title{font-size:25px;font-weight:500;position:relative}.registration-section .container .form-control{text-align:start!important}.registration-section .container .title:before{border-radius:5px;bottom:0;content:"";height:3px;left:0;position:absolute;width:30px}.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{color:#265188;color:var(--warna-primary);font-size:clamp(14px,2vw,24px);margin-bottom:30px;width:calc(50% - 20px)}.registration-section form .input-box span.details{display:block;font-weight:500;margin-bottom:5px}.registration-section .form-label{color:#1d1b1b;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{border:1px solid #265188!important;border:1px solid var(--warna-primary)!important;border-bottom-width:2px;border-radius:5px;font-size:16px;height:45px;outline:none;padding-left:15px;transition:all .3s ease;width:100%}.registration-section .user-details .input-box p{font-size:11px}.registration-section .container .content .sub{font-size:clamp(30px,4vw,50px);font-weight:700}.registration-section .garis-bawah{display:inline-block;padding-bottom:10px;position:relative}.registration-section .garis-bawah:after{background:#265188;background:var(--warna-primary);bottom:0;content:"";height:4px;left:0;margin-top:50px;position:absolute;width:100%}.registration-section .user-details .input-box textarea{border:1px solid #265188!important;border:1px solid var(--warna-primary)!important;border-bottom-width:2px;border-radius:5px;font-size:16px;height:80px;outline:none;padding-left:15px;transition:all .3s ease;width:100%}.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;margin:14px 0;width:80%}.registration-section form .category label{cursor:pointer;display:flex}.registration-section form .button{height:45px;margin:35px 0}.registration-section form .button input,.registration-section form .buttonindo input{background:#265188;background:var(--warna-primary);border:none;border-radius:5px;color:#f4f4f4;color:var(--warna-tulisan2);cursor:pointer;font-size:20px;font-weight:700;height:100%;letter-spacing:1px;transition:all .3s ease;width:100%}.registration-section form .buttonindo input{display:none}.registration-section form .button input:hover,.registration-section form .buttonindo input:hover{background-color:#1d1b1b!important;background-color:var(--warna-tulisan)!important;border-color:#262521;box-shadow:12px 12px #262521;transition:.3s}@media (max-width:426px){.registration-section form .user-details .input-box{color:#1d1b1b;color:var(--warna-tulisan);margin-bottom:15px;width:200%}.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{height:60px;width:23rem}}.low-section{align-content:center;padding:100px 0}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:100000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);max-height:80vh;max-width:750px;overflow-y:auto;padding:20px;text-align:left;width:90%}.modal-content li{font-size:clamp(10px,2vw,16px);list-style:circle;margin-bottom:.5rem!important;text-align:justify;-webkit-text-decoration:solid #262521!important;text-decoration:solid #262521!important}.checkbox label{font-size:clamp(10px,2vw,16px);font-weight:700;text-align:center!important}.modal-actions{display:flex;justify-content:space-between}input[type=checkbox]{margin-left:2px!important}.thankyou{padding:20px}.thankyou-table{border-collapse:collapse;margin:20px auto;width:100%}.thankyou-table td{border:1px solid #ddd;padding:10px}.thankyou-table td:first-child{background:#f4f4f4;font-weight:700}.thankyou{align-items:center;background:#f4f4f4;background:var(--warna-tulisan2);background-repeat:no-repeat;background-size:cover;color:#1d1b1b!important;color:var(--warna-tulisan)!important;display:flex;height:100vh;justify-content:center;text-align:center}@media (max-width:426px){.thankyou{height:150vh}}.overlay-loader{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.status-message{color:#fff;font-size:18px;font-weight:700;margin-top:20px;text-align:center}.modal-overlay-submit{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-submit{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:600px;padding:20px;text-align:justify;width:80%}.modal-submit h2{color:#d9534f;margin-bottom:10px}.modal-submit p{font-size:clamp(12px,2vw,16px)}.modal-submit b,.modal-submit p{line-height:1.5;margin-bottom:20px}.modal-submit b{font-size:clamp(14px,2vw,18px)}.modal-buttons-submit{display:flex;justify-content:space-between}.modal-buttons-submit button:first-child{background:#ccc;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px 15px;transition:.2s}.modal-buttons-submit button:last-child{background:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:.2s}.modal-buttons-submit button:hover{opacity:.8}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.c24d647c.css.map*/