.form-field{opacity:0;flex-direction:column;max-width:800px;max-height:0;transition:opacity .5s,max-height .5s;display:flex;overflow:hidden}.visible{opacity:1;max-height:550px;overflow:visible}.hidd{display:none}.form__wrap{border-top:2px solid #fff;justify-content:center;align-items:flex-start;padding-top:20px;padding-left:10px;padding-right:10px;display:flex}.container__option{flex-direction:column;gap:1rem;display:flex}.form__option input[type=checkbox]{appearance:none;opacity:0}.form__option-label{cursor:pointer;color:#fff;background:#0c1e1f8c;border-radius:3px;width:100%;padding:14px 10px 14px 55px;font-size:1rem;transition:all .3s;display:inline-block;position:relative}.form__option-label:before{content:"";background:0 0;border:1px solid #fff;border-radius:2px;width:26px;height:26px;margin:auto auto auto 20px;display:inline-block;position:absolute;top:0;bottom:0;left:0}.form__option-label:after{content:"";background-color:#fff;width:18px;height:18px;margin:auto;display:none;position:absolute;top:0;bottom:0;left:24px}.container__option input:checked+.form__option-label{background-color:#eba859}.container__option input:checked+.form__option-label:after{display:block}.container__option input:checked+.form__option-label:before{border-color:#fff}.button__wrap{flex-flow:wrap;align-items:center;gap:10px;margin-top:1rem;display:flex}.button__wrap button{color:#063436;background:#fff;border:none;border-radius:2px;padding:13px 23px;font-size:1rem}.button__wrap button:nth-child(2){background-color:var(--color-secondary)}.button__wrap input[type=submit]{color:#fff;background-color:#1bb718;border:none;border-radius:2px;padding:13px 23px;font-size:1rem;font-weight:500}.form-field h1{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:500}.form-field input[type=text],.form-field input[type=number],.form-field input[type=email],.form-field input[type=tel]{color:#fff;border:1px solid #fff;outline:none;padding:20px;font-size:1rem;border-radius:0!important}.form-field input[type=text]:focus,.form-field input[type=number]:focus,.form-field input[type=email]:focus,.form-field input[type=tel]:focus{border:1px solid #eba859}.react-tel-input .country-list .search{align-items:center!important;display:flex!important}.react-tel-input .country-list .search-box{width:100%}@media screen and (max-width:768px){.container__option{gap:.4rem}}
