@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{background-color:#f5f5f5;margin:0}body #github-icon{position:fixed;right:0;top:10%;z-index:10000;background-color:#000;border-radius:10px 0 0 10px;text-align:right;text-decoration:none;cursor:pointer;padding:5px 10px;display:block;transition:.3s}body #github-icon:hover{padding-right:40px}body .alert{display:flex;justify-content:center;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}body .alert .alert-text{position:fixed;width:480px;height:100px;margin:25% auto;background-color:#fff;text-align:center;font-size:1.5rem;line-height:100px;pointer-events:none}@media screen and (max-width:767px){body .alert .alert-text{width:auto;height:auto;padding:15px}}@media screen and (max-width:319px){body .alert .alert-text{line-height:50px}}body #app{font-family:Roboto,sans-serif;position:relative}body #app .form{padding:6% 0}@media screen and (max-width:768px){body #app .form{padding:0}}body #app .form .form-step{width:480px;margin:0 auto;background:#fff;box-shadow:4px 4px 6px 0 #ccc}@media screen and (max-width:768px){body #app .form .form-step{width:100%}}body #app .form .form-step .form-header{font-family:Raleway,sans-serif;font-size:2.25rem;color:#fff;padding:40px 30px 20px 30px;background:linear-gradient(0deg,#00e4bb,#00bcd4);cursor:default}body #app .form .form-step .form-body{padding:40px 30px 50px;background:#fff}body #app .form .form-step .form-body .form-group{margin-bottom:40px}body #app .form .form-step .form-body .form-group .form-label{display:block;font-size:1rem;color:#787b7e;padding:2px}body #app .form .form-step .form-body .form-group .form-control{display:block;width:100%;line-height:1.5rem!important;font-size:1.125rem!important;color:#333;border:none;border-bottom:1px solid #b1b1b1;box-sizing:border-box;margin-bottom:10px;outline:none}body #app .form .form-step .form-body .form-group .wrapperPhoneNumber{display:flex;border-bottom:1px solid #b1b1b1;margin-bottom:10px;width:60%}@media screen and (max-width:768px){body #app .form .form-step .form-body .form-group .wrapperPhoneNumber{width:100%}}body #app .form .form-step .form-body .form-group .wrapperPhoneNumber #countryCode{display:inline-block;padding-bottom:1px;font-size:1.125rem;color:#333;padding:1px 2px 2px}body #app .form .form-step .form-body .form-group .wrapperPhoneNumber #phoneNumber{display:inline-block;width:100%;border:none;margin-bottom:0}body #app .form .form-step .form-body .form-group .wrapperPhoneNumber #phoneNumber::-moz-placeholder{color:#b1b1b1}body #app .form .form-step .form-body .form-group .wrapperPhoneNumber #phoneNumber:-ms-input-placeholder{color:#b1b1b1}body #app .form .form-step .form-body .form-group .wrapperPhoneNumber #phoneNumber::placeholder{color:#b1b1b1}body #app .form .form-step .form-body .form-group .error{font-size:.8125rem;color:#ff6464}body #app .form .form-step .form-body .form-group #checkboxLabel{display:inline-block;font-size:.75rem;margin-left:5px;cursor:pointer;vertical-align:top}body #app .form .form-step .form-body .form-group input[type=checkbox]{position:absolute;margin-left:0;margin-top:0;width:15px;height:15px;opacity:0;z-index:3;cursor:pointer}body #app .form .form-step .form-body .form-group input[type=checkbox]:checked~.checkmark{background-color:#00bcd4;border-color:#00bcd4}body #app .form .form-step .form-body .form-group .checkmark{display:inline-block;height:13px;width:13px;border:1px solid #b1b1b1;position:relative;cursor:pointer}body #app .form .form-step .form-body .form-group .checkmark:after{content:"";position:absolute;display:none}body #app .form .form-step .form-body .form-group input[type=checkbox]:checked~.checkmark:after{display:block}body #app .form .form-step .form-body .form-group .checkmark:after{left:0;right:0;margin:auto;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}body #app .form .form-step .form-body .date-field{position:relative;width:60%}@media screen and (max-width:768px){body #app .form .form-step .form-body .date-field{width:100%}}body #app .form .form-step .form-body .date-field .form-control{cursor:pointer}body #app .form .form-step .form-body .date-field input[type=date]{font-family:Roboto,sans-serif;font-size:1.125rem!important;line-height:1.5rem!important;width:100%;color:#333!important;cursor:pointer;position:relative;z-index:1}body #app .form .form-step .form-body .date-field input[type=date]::-webkit-calendar-picker-indicator{width:100%!important;position:absolute;opacity:0!important;cursor:pointer;background-size:contain;z-index:3}body #app .form .form-step .form-body .date-field .arrow{display:inline-block;position:absolute;width:6px;height:6px;right:2px;top:30px;border-top:1px solid #787b7e;border-right:1px solid #787b7e;transform:rotate(135deg);z-index:2}body #app .form .form-step .form-body .select-field{position:relative;width:60%}@media screen and (max-width:768px){body #app .form .form-step .form-body .select-field{width:100%}}body #app .form .form-step .form-body .select-field select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}body #app .form .form-step .form-body .select-field .arrow{display:inline-block;position:absolute;width:6px;height:6px;right:2px;top:30px;border-top:1px solid #787b7e;border-right:1px solid #787b7e;transform:rotate(135deg);z-index:2}body #app .form .form-step .form-body .multiple-field select{width:60%!important;overflow:hidden;height:75px;padding-top:2px;cursor:pointer}@media screen and (max-width:768px){body #app .form .form-step .form-body .multiple-field select{width:100%!important}}body #app .form .form-step .form-body .multiple-field select::-webkit-scrollbar{-webkit-appearance:none;width:7px}body #app .form .form-step .form-body .multiple-field .mark{font-size:.8125rem;color:#27c1a6}body #app .form .form-step .form-body .button{font-family:Raleway,sans-serif;color:#fff;font-size:1.125rem;font-weight:500;text-transform:uppercase;background:linear-gradient(0deg,#00e4bb,#00bcd4);margin-top:30px;padding:10px 30px;border:none;cursor:pointer;outline:none}body #app .form .form-step .form-body .button:hover{background:#00bcd4}body #app .form .form-step .form-body .button-left{margin-right:20px}@media screen and (max-width:575px){body #app .form .form-step .form-body .button-left{margin-right:10px}body #app .form .form-step .form-body .button-right{float:right}}