body{display:flex;align-items:center;justify-content:center}.images{height:50px;width:50px}.help{height:30px;width:30px}.contain{position:relative;height:500px;width:330px}.card{display:flex;justify-content:center;align-items:center;height:510px;width:330px;flex-direction:column;gap:35px;background:#111827;color:#fff;box-shadow:0 10px 20px #000;border-radius:8px;position:absolute;top:20px;transition:transform .5s ease,opacity .5s ease;opacity:0;z-index:0;transform:scale(.95);padding:5px}.card.active{opacity:1;z-index:2;transform:scale(1)}.card.hidden{opacity:0;z-index:0;transform:scale(.95)}.card-2{display:block;padding:40px}.login{color:#fff;text-transform:uppercase;letter-spacing:2px;display:block;font-weight:700;font-size:x-large}.card-2 .login{display:flex;justify-content:center}@media (max-width:768px){.card{height:630px}}.inputBox{position:relative;width:250px}.inputBox input{width:100%;padding:10px;outline:none;border:none;color:#fff;font-size:1em;background:transparent;border-left:2px solid #fff;border-bottom:2px solid #fff;transition:.1s;border-bottom-left-radius:8px}.inputBox span{margin-top:5px;position:absolute;left:0;transform:translateY(-4px);margin-left:10px;padding:10px;pointer-events:none;font-size:12px;color:#fff;text-transform:uppercase;transition:.5s;letter-spacing:3px;border-radius:8px}.inputBox input:focus~span,.inputBox input:valid~span{transform:translateX(113px) translateY(-15px);font-size:.8em;padding:5px 10px;background:#fff;letter-spacing:.2em;color:#333;border:2px}.inputBox input:focus,.inputBox input:valid{border:2px solid #fff;border-radius:8px}.next{height:45px;width:100px;border-radius:5px;border:2px solid #fff;cursor:pointer;background-color:transparent;transition:.5s;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin:3px;color:#fff}.next:hover{background-color:#fff;color:#333}.date{width:270px;padding:10px;background:#fff;border-radius:2px;border:2px solid #000;transition:all .2s;box-shadow:12px 12px 2px 1px #000}.date:hover{box-shadow:-12px 12px 2px -1px #000}.datee{height:210px;background:#fff}.checkbox-wrapper-46 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-46 .cbx{margin:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.checkbox-wrapper-46 .cbx span{display:inline-block;vertical-align:middle;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child{position:relative;width:18px;height:18px;border-radius:3px;transform:scale(1);vertical-align:middle;border:1px solid #9098a9;transition:all .2s ease}.checkbox-wrapper-46 .cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child:before{content:"";width:100%;height:100%;background:#506eec;display:block;transform:scale(0);opacity:1;border-radius:50%}.checkbox-wrapper-46 .cbx span:last-child{padding-left:8px}.checkbox-wrapper-46 .cbx:hover span:first-child{border-color:#506eec}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child{background:#506eec;border-color:#506eec;animation:wave-46 .4s ease}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before{transform:scale(3.5);opacity:0;transition:all .6s ease}@keyframes wave-46{50%{transform:scale(.9)}}.tick{font-weight:400;letter-spacing:1px;color:#fff}.line{height:10px;background-color:#06b;margin-top:20px}#file-input,.line{border-radius:10px}#file-input{width:95px;max-width:100%;color:#444;border:1px solid #007bff}.sec{margin-left:60px}#file-input::file-selector-button{border:1px solid #007bff;background-color:#06b;border-radius:5px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}#file-input::file-selector-button:hover{background:#0d45a5}.checkbox-wrapper-47 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-47 label{position:relative;padding-left:2em;padding-right:1em;line-height:2;cursor:pointer;display:inline-flex}.checkbox-wrapper-47 label:before{box-sizing:border-box;content:" ";position:absolute;top:.3em;left:0;display:block;width:1.4em;height:1.4em;border:2px solid #9098a9;border-radius:6px;z-index:-1}.checkbox-wrapper-47 input[type=checkbox]:checked+label{padding-left:1em;color:#0f5229}.checkbox-wrapper-47 input[type=checkbox]:checked+label:before{top:0;width:100%;height:2em;background:#b7e6c9;border-color:#2cbc63}.checkbox-wrapper-47 label,.checkbox-wrapper-47 label:before{transition:all .25s ease}.files{border:3px solid #fff;padding:10px;border-radius:5px;margin-bottom:5px;transition:.3s ease}.files:hover{transform:translateX(-5%);box-shadow:0 13px 47px -5px rgba(226,196,63,.25),0 8px 16px -8px rgba(180,71,71,.3)}.see{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:3px;background:#fff;border:2px solid green;box-shadow:12px 17px 51px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:5px;text-align:center;cursor:pointer;transition:all .7s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:bolder;color:#000}.see:hover{border:1px solid blue;transform:scale(1.07)}.see:active{transform:scale(.95) rotate(1.7deg)}.swal2-confirm.v-btn--contained{height:45px;width:100px;border-radius:5px;border:2px solid #000;cursor:pointer;background-color:transparent;transition:.5s;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin:3px;color:#000;font-weight:400}.swal2-confirm.v-btn--contained:hover{background-color:#fff;color:#333}.swal2-cancel.v-btn--contained{height:45px;width:100px;border-radius:5px;border:2px solid #000;cursor:pointer;background-color:red;transition:.5s;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin:3px;color:#fff}.crd{margin-top:20px;margin-bottom:30px;width:250px;height:50px;border-radius:5px;background:#f5f5f5;position:relative;padding:1.8rem;border:2px solid #c3c6ce;transition:.5s ease-out;overflow:visible}.card-details{color:#000;height:100%;display:flex;align-items:center;gap:.5em}.text-title{font-size:1.5em;font-weight:700;margin-top:15px;line-height:1.2}.card-button{transform:translate(-50%,125%);width:40%;border-radius:1rem;border:none;background-color:#008bf8;color:#fff;font-size:1rem;padding:.5rem 1rem;position:absolute;left:50%;bottom:0;opacity:0;transition:.3s ease-out}.crd:hover{border-color:#008bf8;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}.crd:hover .card-button{transform:translate(-50%,50%);opacity:1}.custom-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:#333;transition:color .3s}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox .checkmark{width:24px;height:24px;border:2px solid #333;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:10px;transition:background-color .3s,border-color .3s,transform .3s}.custom-checkbox .checkmark:before{content:"\2713";font-size:16px;color:transparent;transition:color .3s,transform .3s}.custom-checkbox input[type=checkbox]:checked+.checkmark{background-color:#333;border-color:#333;transform:scale(1.1) rotate(1turn) rotateY(1turn)}.custom-checkbox input[type=checkbox]:checked+.checkmark:before{color:#fff}.custom-checkbox:hover{color:#666}.custom-checkbox:hover .checkmark{border-color:#666;background-color:#f0f0f0;transform:scale(1.05)}.custom-checkbox input[type=checkbox]:focus+.checkmark{box-shadow:0 0 3px 2px rgba(0,0,0,.2);outline:none}.custom-checkbox .checkmark,.custom-checkbox input[type=checkbox]:checked+.checkmark{transition:background-color 1.3s,border-color 1.3s,color 1.3s,transform .3s}.container-btn-file{display:flex;position:relative;justify-content:center;align-items:center;background-color:#307750;color:#fff;border-style:none;padding:7px;border-radius:.5em;overflow:hidden;z-index:1;box-shadow:4px 8px 10px -3px rgba(0,0,0,.356);transition:all .25s}.container-btn-file input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.container-btn-file>svg{margin-right:1em}.container-btn-file:before{content:"";position:absolute;height:100%;width:0;border-radius:.5em;background-color:#469b61;z-index:-1;transition:all .35s}.container-btn-file:hover:before{width:100%}.Btnn{width:40px;height:40px;border:none;border-radius:50%;background-color:#1b1b1b;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition-duration:.3s;box-shadow:2px 2px 10px rgba(0,0,0,.11)}.svgIcon{fill:#d6b2ff}.icon2{width:18px;height:5px;border-bottom:2px solid #b68fff;border-left:2px solid #b68fff;border-right:2px solid #b68fff}.tooltipp{right:-105px;opacity:0;color:#fff;padding:5px 10px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition-duration:.2s;pointer-events:none;letter-spacing:.5px}.tooltipp,.tooltipp:before{position:absolute;background-color:#0c0c0c}.tooltipp:before{content:"";width:10px;height:10px;background-size:1000%;background-position:50%;transform:rotate(45deg);left:-5%;transition-duration:.3s}.Btnn:hover .tooltipp{opacity:1;transition-duration:.3s}.Btnn:hover{background-color:#965eff;transition-duration:.3s}.Btnn:hover .icon2{border-bottom:2px solid #ebebeb;border-left:2px solid #ebebeb;border-right:2px solid #ebebeb}.Btnn:hover .svgIcon{fill:#fff;animation:slide-in-top .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-top{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}#signature[data-v-a1f38a34]{border:5px double transparent;border-radius:15px;background-image:linear-gradient(#f0f8ff,#f0f8ff),radial-gradient(circle at top left,#4bc5e8,#9f6274);background-origin:border-box;background-clip:content-box,border-box}.container[data-v-a1f38a34]{margin-top:110px;width:100%;padding:8px 16px}.buttons[data-v-a1f38a34]{display:flex;gap:8px;justify-content:center;margin-top:8px}.styled-button[data-v-a1f38a34]{border:none;display:block;position:relative;padding:.7em 2.4em;font-size:18px;background:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;color:#4169e1;z-index:1;font-family:inherit;font-weight:500}.styled-button span[data-v-a1f38a34]{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;z-index:-1;border:4px solid #4169e1}.styled-button span[data-v-a1f38a34]:before{content:"";display:block;position:absolute;width:8%;height:500%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-60deg);transition:all .3s}.styled-button:hover span[data-v-a1f38a34]:before{transform:translate(-50%,-50%) rotate(-90deg);width:100%;background:#4169e1}.styled-button[data-v-a1f38a34]:hover{color:#fff}.styled-button:active span[data-v-a1f38a34]:before{background:#2751cd}@media (max-width:768px){#signature[data-v-a1f38a34]{height:300px}.styled-button[data-v-a1f38a34]{padding:.4em 1.2em;font-size:12px}.container[data-v-a1f38a34]{margin-top:150px}}.overlay[data-v-a1f38a34]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff}.spinner[data-v-a1f38a34]{border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:4px solid #fff;width:40px;height:40px;animation:spin-a1f38a34 1s linear infinite}@keyframes spin-a1f38a34{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.globall{height:300px;width:300px}