@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap');

* { outline:none!important; appearance:none!important; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; box-shadow:none; }
*, *::before, *::after { box-sizing:border-box; }

html, body { font-family:'Nunito Sans', sans-serif; font-weight:400; width:100%; font-size:18px; color:rgba(51, 51, 51, 1); background:transparent!important; font-weight:400; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

.app { width:100%; }
.ev-form { width:100%; padding-inline:8px; }
/* .app > section { padding:50px 70px; background:#fff; border-radius:46px!important; } */

input { padding:17px 12px!important; background:#020E10!important; color:#E9E9E8!important; font-size:16px!important; border-radius:8px!important; border: 2px solid rgba(233, 233, 232, 0.30)!important; }
input::placeholder { color:#E9E9E8!important; opacity: 0.4!important; }
input.is-invalid { border:1px solid red!important; }
input:focus { box-shadow:none!important; }
input[type=submit], .btn { background:#E9E9E8!important; border:2px solid #E9E9E8!important; width:auto; color:#020E10!important; font-weight:700; font-size:24px!important; border-radius: 60px!important; padding:15px 35px!important; }
input[type=submit]:hover, .btn:hover { background:#020E10!important; color:#E9E9E8!important; }
.form-select { padding:8px 22px!important; background:#020E10; border:1px solid #E9E9E8; color:#fff; font-size:18px!important; border-radius:30px!important; box-shadow:none!important; }


h2 { font-weight:700; font-size:42px; letter-spacing:-0.9px; }
h3 { font-weight:700; font-size:30px; line-height:35px; letter-spacing:-0.9px; }
p { font-size:14px; line-height:24px; }
label { color:#E9E9E8!important; cursor:pointer!important; }
.white { color:#E9E9E8!important; }
.small { font-size:14px!important; }

.form-check-label { border: 2px solid rgba(233, 233, 232, 0.30)!important; }
.form-check-input { padding:0!important; border:2px solid #E9E9E8!important; cursor:pointer!important; }
.form-check-input:checked { background:#E9E9E8!important; border-color:#E9E9E8!important; }
.form-check-input:checked ~ label { background-color:rgba(233, 233, 232, 0.05); border: 2px solid rgb(233, 233, 232, 0.5)!important; }
[hidden] { display:none!important; }

.ev-loading img { 
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.ev-success img { border: 1px solid #FFFFFF; border-radius: 21.3818px; }

@media only screen and (max-width:768px) {
    body { color:#fff!important; }
    h2, h3 { font-weight: 700!important; font-size: 18px!important; line-height: 21px!important; }
    input, .btn, .form-select { padding:5px 15px!important; font-size:14px!important; }
    input[type=submit] { display:block!important; width:100%!important; max-width:100%!important; text-align:center!important; padding:10px 20px!important; font-size:16px!important; }
    p { font-size:12px!important; line-height:15px!important; }
    label { font-size:14px!important; position:relative; top:-3px; }
    .small { font-size:12px!important; }
    .form-check-input { position:relative!important; top:-3px!important; }
    .form-check-label img { width:auto!important; height:40px; }
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}