@import"https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;900&display=swap";:root{--warna-primary: #265188;--warna-sekunder: rgba(224, 44, 30, .8);--warna-tulisan: #fff;--warna-tulisan2: #212529;--font-family: "Kanit", sans-serif}body h1,h2,h3,h4,h5,h6,a,p{font-family:Kanit,sans-serif}.btn-action{color:#fff;background-color:var(--warna-primary);margin:5px 0 0}.btn-action:hover{box-shadow:8px 8px #262521;background-color:var(--warna-sekunder);border-color:#262521;color:var(--warna-tulisan);transition:.3s}body p{margin-bottom:0!important}.navbar{height:80px!important;color:var(--warna-tulisan)}.navbar .navbar-nav a{color:var(--warna-tulisan)!important}.navbar .navbar-nav a:hover{border-bottom:solid 3px var(--warna-tulisan);transition:5s cubic-bezier(.215,.61,.355,1)}@media (max-width:992px){.navbar .navbar-collapse{background-color:#212529;padding:2rem}}.navbar .dropdown-menu{background-color:#212529}.navbar .dropdown-item:hover{background-color:var(--warna-primary)}.navbar-light .navbar-toggler{border:3px solid #fff!important}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.main-hero{padding:100px 25px 75px}.main-hero .container{padding:75px 25px}.main-hero .hero-wrapper .content-img{border-radius:15px;background:var(--warna-primary);height:300px;display:flex;align-items:center;align-content:center}@media (max-width: 769px){.main-hero .hero-wrapper .content-img{margin:10px;height:200px;background:none}}.main-hero .hero-wrapper .content-img img{width:100%}.organized-section{padding:75px 25px;background-color:var(--warna-sekunder)}.organized-section .container{padding:75px 25px}.organized-wrapper .content-text h1{color:#fff}.organized-wrapper .content-box{border-radius:100px;background:var(--warna-primary);width:80%;height:150px;flex-shrink:0;margin:auto;align-items:center;align-content:center;display:flex}.organized-wrapper .content-box img{width:25%;margin:auto;display:block;transition:1s ease}.organized-wrapper .content-box img:hover{background-color:#fff;border-radius:10px;padding:1rem}.supported-wrapper .content-text h1{color:#fff}.supported-wrapper .content-box{border-radius:100px;background:var(--warna-primary);width:80%;height:150px;flex-shrink:0;margin:auto;align-items:center;align-content:center;display:flex}.supported-wrapper .content-box img{width:auto;max-height:100px;margin:auto;display:block;transition:1s ease}.supported-wrapper .content-box img:hover{background-color:#fff;border-radius:10px;padding:1rem;max-height:150px}@media (max-width: 769px){.organized-wrapper .content-box img{width:50%;margin:auto;display:block;transition:1s ease}.organized-wrapper .content-box img:hover{background-color:#fff;border-radius:10px;padding:1rem}}@media (max-width: 426px){.organized-wrapper .content-box img{width:75%;margin:auto;display:block;transition:1s ease}.organized-wrapper .content-box img:hover{background-color:#fff;border-radius:10px;padding:1rem}.supported-wrapper .content-box img:hover{max-height:120px}}.about-section,.about-section .container{padding:75px 25px}.about-section .content-text{text-align:justify}.category-section{padding:75px 25px;background-color:var(--warna-sekunder)}.category-section .container{padding:75px 25px}.category-section .category-wrapper h1{color:var(--warna-tulisan)}.category-section .category-icon{border-radius:70%}.category-section .category-icon p{color:var(--warna-tulisan);font-size:24px}@media (max-width:426px){.category-section .category-icon p{font-size:16px}}.category-section .category-icon img{position:relative;border:2px solid var(--warna-primary);border-radius:50%;max-width:80%;margin:0 auto;transition:.5s ease-in-out;z-index:1}.category-section .category-icon img:hover{border-radius:5%;max-width:90%;height:auto;z-index:20}.contact-section,.contact-section .container{padding:75px 25px}.contact-section .contact-info .contact-text{display:flex;flex-direction:column}.contact-section .contact-info .contact-text a{color:var(--warna-tulisan2);text-decoration:none}.contact-section .contact-info .contact-text a:hover{color:var(--warna-sekunder)}.contact-section .contact-input .btn-submit .btn-primary{width:150px!important}.contact-section .contact-input .input-first .input-box{margin-right:1rem;width:40%;border:solid 1px var(--warna-primary);padding:.2rem}.faq-section{padding:75px 25px;background:#fdfdfd;min-height:100vh;padding:10vh 0 0}.faq-section .container{padding:75px 25px}.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 .card{border:none;background:none}.faq .card .card-header{padding:0;border:none;background:none;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.faq .card .card-header:hover{background:var(--warna-sekunder);padding-left:10px}.faq .card .card-header .faq-title{width:100%;text-align:left;padding:20px 30px;font-weight:400;font-size:15px;letter-spacing:1px;color:var(--warna-tulisan2);text-decoration:none!important;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer}.faq .card .card-header .faq-title:hover{color:var(--warna-tulisan)}.faq .card .card-header .faq-title .badge{display:inline-block;width:20px;height:20px;line-height:14px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;text-align:center;background:var(--warna-primary);color:var(--warna-tulisan);font-size:12px;margin-right:20px}.faq .card .card-body{padding:30px 30px 16px 35px;font-weight:400;font-size:16px;color:var(--warna-tulisan2);line-height:28px;letter-spacing:1px;border-top:1px solid var(--warna-primary)}.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}}.faq-section .card-body img{width:10%}.footer-section{background-color:#265188;background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;padding:75px 25px 25px}.footer-section a,.footer-section p,.footer-section h5{color:var(--warna-tulisan);text-decoration:none}.footer-section .single-footer-widget a:hover{color:var(--warna-sekunder)}.footer-section .footer-area-content{margin-top:-25px}.footer-section .footer-area-content img{width:60%}.footer-section .footer-area-content p{text-align:justify;font-size:13px}.footer-section .sosmed{display:flex}.footer-section .sosmed li{margin-right:20px}.footer-section .sosmed li{font-size:25px}.btn-custom{font-family:Raleway,sans-serif;text-transform:uppercase;color:#fff;background-color:#5ca9fb;background-image:linear-gradient(to right,#5ca9fb,#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:hover,.btn-custom:focus,.btn-custom.focus,.btn-custom:active,.btn-custom.active{color:#fff;background-image:none;background-color:#6372ff}.homeregist-section{padding:75px 25px;height:100vh;background:var(--warna-sekunder);display:flex;justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;color:var(--warna-tulisan)!important}.registration-section{padding:10rem 25px 75px;background:var(--warna-sekunder);background-size:cover;background-repeat:no-repeat;color:var(--warna-tulisan)!important}.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(50% - 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:1px solid var(--warna-primary)!important;border-bottom-width:2px;transition:all .3s ease}.registration-section .user-details .input-box p{font-size:11px;color:var(--warna-tulisan)}.registration-section .user-details .input-box h6{color:var(--warna-tulisan)}.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:translate(-50%)}.registration-section .user-details .input-box textarea{height:80px;width:100%;outline:none;font-size:16px;border-radius:5px;padding-left:15px;border:1px solid var(--warna-primary)!important;border-bottom-width: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{height:100%;width:100%;border-radius:5px;border:none;color:var(--warna-tulisan);font-size:20px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;background:var(--warna-primary)}.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);display:none}.registration-section form .button input:hover{box-shadow:12px 12px #262521;background-color:var(--warna-tulisan)!important;border-color:#262521;transition:.3s;color:var(--warna-tulisan2)}.registration-section form .buttonindo input:hover{box-shadow:12px 12px #262521;background-color:var(--warna-tulisan)!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{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;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 #0000004d;text-align:left;max-height:80vh;overflow-y:auto;margin-top:5%}.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{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:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-message{margin-top:20px;color:#fff;font-size:18px;font-weight:700;text-align:center}.modal-overlay-submit{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-submit{background:#fff;padding:20px;border-radius:10px;width:80%;max-width:600px;text-align:justify;box-shadow:0 4px 10px #0003;animation:fadeIn .3s ease-in-out}.modal-submit h2{color:#d9534f;margin-bottom:10px}.modal-submit p{font-size:clamp(12px,2vw,16px);margin-bottom:20px;line-height:1.5;color:var(--warna-tulisan2)!important}.modal-submit b{font-size:clamp(14px,2vw,18px);margin-bottom:20px;line-height:1.5}.modal-buttons-submit{display:flex;justify-content:space-between}.modal-buttons-submit button:first-child{background:#ccc;color:#000;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;transition:.2s}.modal-buttons-submit button:last-child{background:#d9534f;color:#fff;border:none;padding:10px 15px;cursor:pointer;border-radius:5px;transition:.2s}.modal-buttons-submit button:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.thankyou{text-align:center;padding:20px}.thankyou-table{margin:20px auto;width:100%;border-collapse:collapse}.thankyou-table td{padding:10px;border:1px solid #ddd}.thankyou-table td:first-child{font-weight:700}.thankyou{height:100vh;background:var(--warna-sekunder);display:flex;justify-content:center;align-items:center;background-size:cover;background-repeat:no-repeat;color:var(--warna-tulisan)!important;text-align:center}@media (max-width: 426px){.thankyou{height:150vh}}