    <style>
        .comer-registration-form-password-wrapper {
            position: relative;
            width: fit-content;
        }
        .comer-registration-form-password-wrapper svg {
            height: 1em;
            position: absolute;
            right: 0.5em;
            cursor: pointer;
            top: 50%;
            transform: translateY(-50%);
        }
    </style>
    <div id="comer-registration-form-main-wrapper">
        <form action="" method="post" id="comer-registration-form">
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-fname">Name<span class="comer-mandatory-sign">*</span></label>
				<input type="text" id="comer-register-fname" class="comer-registration-form-input-field" name="fname" placeholder="Name" required>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-lname">Surname<span class="comer-mandatory-sign">*</span></label>
				<input type="text" id="comer-register-lname" class="comer-registration-form-input-field" name="lname" placeholder="Surname" required>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-country">Country<span class="comer-mandatory-sign">*</span></label>
                <select id="comer-register-country" class="comer-registration-form-select-field" name="country" required>
                    <option value="" disabled>Select a country</option>
                    <option value="Afghanistan[AF]">Afghanistan</option>
                    <option value="Aland Islands[AX]">Aland Islands</option>
                    <option value="Albania[AL]">Albania</option>
                    <option value="Algeria[DZ]">Algeria</option>
                    <option value="American Samoa[AS]">American Samoa</option>
                    <option value="Andorra[AD]">Andorra</option>
                    <option value="Angola[AO]">Angola</option>
                    <option value="Anguilla[AI]">Anguilla</option>
                    <option value="Antarctica[AQ]">Antarctica</option>
                    <option value="Antigua and Barbuda[AG]">Antigua and Barbuda</option>
                    <option value="Argentina[AR]">Argentina</option>
                    <option value="Armenia[AM]">Armenia</option>
                    <option value="Aruba[AW]">Aruba</option>
                    <option value="Australia[AU]">Australia</option>
                    <option value="Austria[AT]">Austria</option>
                    <option value="Azerbaijan[AZ]">Azerbaijan</option>
                    <option value="Bahamas, The[BS]">Bahamas, The</option>
                    <option value="Bahrain[BH]">Bahrain</option>
                    <option value="Bangladesh[BD]">Bangladesh</option>
                    <option value="Barbados[BB]">Barbados</option>
                    <option value="Belarus[BY]">Belarus</option>
                    <option value="Belgium[BE]">Belgium</option>
                    <option value="Belize[BZ]">Belize</option>
                    <option value="Benin[BJ]">Benin</option>
                    <option value="Bermuda[BM]">Bermuda</option>
                    <option value="Bhutan[BT]">Bhutan</option>
                    <option value="Bolivia[BO]">Bolivia</option>
                    <option value="Bosnia and Herzegovina[BA]">Bosnia and Herzegovina</option>
                    <option value="Botswana[BW]">Botswana</option>
                    <option value="Bouvet Island[BV]">Bouvet Island</option>
                    <option value="Brazil[BR]">Brazil</option>
                    <option value="British Indian Ocean Territory[IO]">British Indian Ocean Territory</option>
                    <option value="Brunei Darussalam[BN]">Brunei Darussalam</option>
                    <option value="Bulgaria[BG]">Bulgaria</option>
                    <option value="Burkina Faso[BF]">Burkina Faso</option>
                    <option value="Burundi[BI]">Burundi</option>
                    <option value="Cambodia[KH]">Cambodia</option>
                    <option value="Cameroon[CM]">Cameroon</option>
                    <option value="Canada[CA]">Canada</option>
                    <option value="Cape Verde[CV]">Cape Verde</option>
                    <option value="Cayman Islands[KY]">Cayman Islands</option>
                    <option value="Central African Republic[CF]">Central African Republic</option>
                    <option value="Chad[TD]">Chad</option>
                    <option value="Chile[CL]">Chile</option>
                    <option value="China[CN]">China</option>
                    <option value="Christmas Island[CX]">Christmas Island</option>
                    <option value="Cocos (Keeling) Islands[CC]">Cocos (Keeling) Islands</option>
                    <option value="Colombia[CO]">Colombia</option>
                    <option value="Comoros[KM]">Comoros</option>
                    <option value="Congo[CG]">Congo</option>
                    <option value="Congo, The Democratic Republic Of The[CD]">Congo, The Democratic Republic Of The</option>
                    <option value="Cook Islands[CK]">Cook Islands</option>
                    <option value="Costa Rica[CR]">Costa Rica</option>
                    <option value="Cote D'ivoire[CI]">Cote D'ivoire</option>
                    <option value="Croatia[HR]">Croatia</option>
                    <option value="Cuba[CU]">Cuba</option>
                    <option value="Cyprus[CY]">Cyprus</option>
                    <option value="Czech Republic[CZ]">Czech Republic</option>
                    <option value="Denmark[DK]">Denmark</option>
                    <option value="Djibouti[DJ]">Djibouti</option>
                    <option value="Dominica[DM]">Dominica</option>
                    <option value="Dominican Republic[DO]">Dominican Republic</option>
                    <option value="Ecuador[EC]">Ecuador</option>
                    <option value="Egypt[EG]">Egypt</option>
                    <option value="El Salvador[SV]">El Salvador</option>
                    <option value="Equatorial Guinea[GQ]">Equatorial Guinea</option>
                    <option value="Eritrea[ER]">Eritrea</option>
                    <option value="Estonia[EE]">Estonia</option>
                    <option value="Ethiopia[ET]">Ethiopia</option>
                    <option value="Falkland Islands (Malvinas)[FK]">Falkland Islands (Malvinas)</option>
                    <option value="Faroe Islands[FO]">Faroe Islands</option>
                    <option value="Fiji[FJ]">Fiji</option>
                    <option value="Finland[FI]">Finland</option>
                    <option value="France[FR]">France</option>
                    <option value="French Guiana[GF]">French Guiana</option>
                    <option value="French Polynesia[PF]">French Polynesia</option>
                    <option value="French Southern Territories[TF]">French Southern Territories</option>
                    <option value="Gabon[GA]">Gabon</option>
                    <option value="Gambia, The[GM]">Gambia, The</option>
                    <option value="Georgia[GE]">Georgia</option>
                    <option value="Germany[DE]">Germany</option>
                    <option value="Ghana[GH]">Ghana</option>
                    <option value="Gibraltar[GI]">Gibraltar</option>
                    <option value="Greece[GR]">Greece</option>
                    <option value="Greenland[GL]">Greenland</option>
                    <option value="Grenada[GD]">Grenada</option>
                    <option value="Guadeloupe[GP]">Guadeloupe</option>
                    <option value="Guam[GU]">Guam</option>
                    <option value="Guatemala[GT]">Guatemala</option>
                    <option value="Guernsey[GG]">Guernsey</option>
                    <option value="Guinea[GN]">Guinea</option>
                    <option value="Guinea-Bissau[GW]">Guinea-Bissau</option>
                    <option value="Guyana[GY]">Guyana</option>
                    <option value="Haiti[HT]">Haiti</option>
                    <option value="Heard Island and the McDonald Islands[HM]">Heard Island and the McDonald Islands</option>
                    <option value="Holy See[VA]">Holy See</option>
                    <option value="Honduras[HN]">Honduras</option>
                    <option value="Hong Kong[HK]">Hong Kong</option>
                    <option value="Hungary[HU]">Hungary</option>
                    <option value="Iceland[IS]">Iceland</option>
                    <option value="India[IN]">India</option>
                    <option value="Indonesia[ID]">Indonesia</option>
                    <option value="Iraq[IQ]">Iraq</option>
                    <option value="Iran[IR]">Iran</option>
                    <option value="Ireland[IE]">Ireland</option>
                    <option value="Isle Of Man[IM]">Isle Of Man</option>
                    <option value="Israel[IL]">Israel</option>
                    <option value="Italy[IT]" selected>Italy</option>
                    <option value="Jamaica[JM]">Jamaica</option>
                    <option value="Japan[JP]">Japan</option>
                    <option value="Jersey[JE]">Jersey</option>
                    <option value="Jordan[JO]">Jordan</option>
                    <option value="Kazakhstan[KZ]">Kazakhstan</option>
                    <option value="Kenya[KE]">Kenya</option>
                    <option value="Kiribati[KI]">Kiribati</option>
                    <option value="Korea, Republic Of[KR]">Korea, Republic Of</option>
                    <option value="Kosovo[KS]">Kosovo</option>
                    <option value="Kuwait[KW]">Kuwait</option>
                    <option value="Kyrgyzstan[KG]">Kyrgyzstan</option>
                    <option value="Lao People's Democratic Republic[LA]">Lao People's Democratic Republic</option>
                    <option value="Latvia[LV]">Latvia</option>
                    <option value="Lebanon[LB]">Lebanon</option>
                    <option value="Lesotho[LS]">Lesotho</option>
                    <option value="Liberia[LR]">Liberia</option>
                    <option value="Libya[LY]">Libya</option>
                    <option value="Liechtenstein[LI]">Liechtenstein</option>
                    <option value="Lithuania[LT]">Lithuania</option>
                    <option value="Luxembourg[LU]">Luxembourg</option>
                    <option value="Macao[MO]">Macao</option>
                    <option value="Macedonia, The Former Yugoslav Republic Of[MK]">Macedonia, The Former Yugoslav Republic Of</option>
                    <option value="Madagascar[MG]">Madagascar</option>
                    <option value="Malawi[MW]">Malawi</option>
                    <option value="Malaysia[MY]">Malaysia</option>
                    <option value="Maldives[MV]">Maldives</option>
                    <option value="Mali[ML]">Mali</option>
                    <option value="Malta[MT]">Malta</option>
                    <option value="Marshall Islands[MH]">Marshall Islands</option>
                    <option value="Martinique[MQ]">Martinique</option>
                    <option value="Mauritania[MR]">Mauritania</option>
                    <option value="Mauritius[MU]">Mauritius</option>
                    <option value="Mayotte[YT]">Mayotte</option>
                    <option value="Mexico[MX]">Mexico</option>
                    <option value="Micronesia, Federated States Of[FM]">Micronesia, Federated States Of</option>
                    <option value="Moldova, Republic Of[MD]">Moldova, Republic Of</option>
                    <option value="Monaco[MC]">Monaco</option>
                    <option value="Mongolia[MN]">Mongolia</option>
                    <option value="Montenegro[ME]">Montenegro</option>
                    <option value="Montserrat[MS]">Montserrat</option>
                    <option value="Morocco[MA]">Morocco</option>
                    <option value="Mozambique[MZ]">Mozambique</option>
                    <option value="Myanmar[MM]">Myanmar</option>
                    <option value="Namibia[NA]">Namibia</option>
                    <option value="Nauru[NR]">Nauru</option>
                    <option value="Nepal[NP]">Nepal</option>
                    <option value="Netherlands[NL]">Netherlands</option>
                    <option value="Netherlands Antilles[AN]">Netherlands Antilles</option>
                    <option value="New Caledonia[NC]">New Caledonia</option>
                    <option value="New Zealand[NZ]">New Zealand</option>
                    <option value="Nicaragua[NI]">Nicaragua</option>
                    <option value="Niger[NE]">Niger</option>
                    <option value="Nigeria[NG]">Nigeria</option>
                    <option value="Niue[NU]">Niue</option>
                    <option value="Norfolk Island[NF]">Norfolk Island</option>
                    <option value="Northern Mariana Islands[MP]">Northern Mariana Islands</option>
                    <option value="Norway[NO]">Norway</option>
                    <option value="Oman[OM]">Oman</option>
                    <option value="Pakistan[PK]">Pakistan</option>
                    <option value="Palau[PW]">Palau</option>
                    <option value="Palestinian Territories[PS]">Palestinian Territories</option>
                    <option value="Panama[PA]">Panama</option>
                    <option value="Papua New Guinea[PG]">Papua New Guinea</option>
                    <option value="Paraguay[PY]">Paraguay</option>
                    <option value="Peru[PE]">Peru</option>
                    <option value="Philippines[PH]">Philippines</option>
                    <option value="Pitcairn[PN]">Pitcairn</option>
                    <option value="Poland[PL]">Poland</option>
                    <option value="Portugal[PT]">Portugal</option>
                    <option value="Puerto Rico[PR]">Puerto Rico</option>
                    <option value="Qatar[QA]">Qatar</option>
                    <option value="Reunion[RE]">Reunion</option>
                    <option value="Romania[RO]">Romania</option>
                    <option value="Russian Federation[RU]">Russian Federation</option>
                    <option value="Rwanda[RW]">Rwanda</option>
                    <option value="Saint Barthelemy[BL]">Saint Barthelemy</option>
                    <option value="Saint Helena[SH]">Saint Helena</option>
                    <option value="Saint Kitts and Nevis[KN]">Saint Kitts and Nevis</option>
                    <option value="Saint Lucia[LC]">Saint Lucia</option>
                    <option value="Saint Martin[MF]">Saint Martin</option>
                    <option value="Saint Pierre and Miquelon[PM]">Saint Pierre and Miquelon</option>
                    <option value="Saint Vincent and The Grenadines[VC]">Saint Vincent and The Grenadines</option>
                    <option value="Samoa[WS]">Samoa</option>
                    <option value="San Marino[SM]">San Marino</option>
                    <option value="Sao Tome and Principe[ST]">Sao Tome and Principe</option>
                    <option value="Saudi Arabia[SA]">Saudi Arabia</option>
                    <option value="Senegal[SN]">Senegal</option>
                    <option value="Serbia[RS]">Serbia</option>
                    <option value="Seychelles[SC]">Seychelles</option>
                    <option value="Sierra Leone[SL]">Sierra Leone</option>
                    <option value="Singapore[SG]">Singapore</option>
                    <option value="Slovakia[SK]">Slovakia</option>
                    <option value="Slovenia[SI]">Slovenia</option>
                    <option value="Solomon Islands[SB]">Solomon Islands</option>
                    <option value="Somalia[SO]">Somalia</option>
                    <option value="South Africa[ZA]">South Africa</option>
                    <option value="South Georgia and the South Sandwich Islands[GS]">South Georgia and the South Sandwich Islands</option>
                    <option value="Spain[ES]">Spain</option>
                    <option value="Sri Lanka[LK]">Sri Lanka</option>
                    <option value="Sudan[SD]">Sudan</option>
                    <option value="Suriname[SR]">Suriname</option>
                    <option value="Svalbard and Jan Mayen[SJ]">Svalbard and Jan Mayen</option>
                    <option value="Swaziland[SZ]">Swaziland</option>
                    <option value="Sweden[SE]">Sweden</option>
                    <option value="Switzerland[CH]">Switzerland</option>
                    <option value="Syria[SY]">Syria</option>
                    <option value="Taiwan[TW]">Taiwan</option>
                    <option value="Tajikistan[TJ]">Tajikistan</option>
                    <option value="Tanzania, United Republic Of[TZ]">Tanzania, United Republic Of</option>
                    <option value="Thailand[TH]">Thailand</option>
                    <option value="Timor-leste[TL]">Timor-leste</option>
                    <option value="Togo[TG]">Togo</option>
                    <option value="Tokelau[TK]">Tokelau</option>
                    <option value="Tonga[TO]">Tonga</option>
                    <option value="Trinidad and Tobago[TT]">Trinidad and Tobago</option>
                    <option value="Tunisia[TN]">Tunisia</option>
                    <option value="Turkey[TR]">Turkey</option>
                    <option value="Turkmenistan[TM]">Turkmenistan</option>
                    <option value="Turks and Caicos Islands[TC]">Turks and Caicos Islands</option>
                    <option value="Tuvalu[TV]">Tuvalu</option>
                    <option value="Uganda[UG]">Uganda</option>
                    <option value="Ukraine[UA]">Ukraine</option>
                    <option value="United Arab Emirates[AE]">United Arab Emirates</option>
                    <option value="United Kingdom[GB]">United Kingdom</option>
                    <option value="United States[US]">United States</option>
                    <option value="United States Minor Outlying Islands[UM]">United States Minor Outlying Islands</option>
                    <option value="Uruguay[UY]">Uruguay</option>
                    <option value="Uzbekistan[UZ]">Uzbekistan</option>
                    <option value="Vanuatu[VU]">Vanuatu</option>
                    <option value="Venezuela[VE]">Venezuela</option>
                    <option value="Vietnam[VN]">Vietnam</option>
                    <option value="Virgin Islands, British[VG]">Virgin Islands, British</option>
                    <option value="Virgin Islands, U.S.[VI]">Virgin Islands, U.S.</option>
                    <option value="Wallis and Futuna[WF]">Wallis and Futuna</option>
                    <option value="Western Sahara[EH]">Western Sahara</option>
                    <option value="Yemen[YE]">Yemen</option>
                    <option value="Zambia[ZM]">Zambia</option>
                    <option value="Zimbabwe[ZW]">Zimbabwe</option>
                </select>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-company">Agency<span class="comer-mandatory-sign">*</span></label>
                <input type="text" id="comer-register-company" class="comer-registration-form-input-field" name="company" placeholder="Agency" required>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-role">Role<span class="comer-mandatory-sign">*</span></label>
                <select id="comer-register-role" class="comer-registration-form-select-field" name="role" required>
                    <option value="" disabled selected>Your role</option>
                    <option value="Distributore">Distributor</option>
                    <option value="Impiantista">Installer</option>
                    <option value="Piscine & Spa">Pools &amp; Spa</option>
                    <option value="Progettista">Designer</option>
                    <option value="Rivenditore">Reseller</option>
                    <option value="Trasformatore materie plastiche">Plastics transformer</option>
                    <option value="Utilizzatore finale / Manutentore">End User / Maintainer</option>
                    <option value="Privato">Private</option>
                    <option value="Altro">Other</option>
                </select>
            </div>
            <div id="comer-registration-form-other-role-wrapper" class="comer-registration-form-input-wrapper" style="display: none;">
                <input type="text" id="comer-register-otherrole" class="comer-registration-form-input-field" name="otherrole" placeholder="Indicate your role">
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-website">Website<span class="comer-mandatory-sign">*</span></label>
                <input type="text" id="comer-register-website" class="comer-registration-form-input-field" name="website" placeholder="Website" required>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-email">Email<span class="comer-mandatory-sign">*</span></label>
                <input type="email" id="comer-register-email" class="comer-registration-form-input-field" name="email" placeholder="Email" required>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-phone">Phone<span class="comer-mandatory-sign">*</span></label>
                <input type="text" id="comer-register-phone" class="comer-registration-form-input-field" name="phone" placeholder="Phone" required>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-password">Password<span class="comer-mandatory-sign">*</span></label>
                <div class="comer-registration-form-password-wrapper">
                    <input type="password" id="comer-register-password" class="comer-registration-form-input-field" name="password" placeholder="Password" required>
                    <svg class="comer-registration-form-see-password-icon" data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
                    </svg>
                    <svg class="comer-registration-form-hide-password-icon" data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: none;">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"></path>
                    </svg>
                </div>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <label for="comer-register-passwordagain">Repeat password<span class="comer-mandatory-sign">*</span></label>
                <div class="comer-registration-form-password-wrapper">
                    <input type="password" id="comer-register-passwordagain" class="comer-registration-form-input-field" name="passwordagain" placeholder="Repeat password" required>
                    <svg class="comer-registration-form-see-password-icon" data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"></path>
                        <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path>
                    </svg>
                    <svg class="comer-registration-form-hide-password-icon" data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display: none;">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"></path>
                    </svg>
                </div>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <input type="checkbox" id="comer-register-privacy" name="privacy" value="yes" required>
                                <label for="comer-register-privacy">I have read and accepted the <a href="">privacy policy</a>.<span class="comer-mandatory-sign">*</span></label>
            </div>
            <div class="comer-registration-form-input-wrapper">
                <input type="checkbox" id="comer-register-newsletter" name="newsletter" value="yes">
                <label for="comer-register-newsletter">I want to subscribe to the newsletter.</label>
            </div>
            <div id="comer-registration-form-submit-wrapper" class="comer-registration-form-input-wrapper">
                <input type="hidden" name="action" value="comer_register_new_subscriber">
                <input type="submit" name="submit" id="comer-register-submit" value="Register">
            </div>
            <div id="comer-registration-form-submit-wrapper" class="comer-registration-form-input-wrapper text-center">
                <a href="https://www.comeritaly.com/en//login">Back to login</a>
            </div>
            <div id="comer-registration-form-spinner-wrapper">
                <svg
                id="comer-registration-form-spinner"
                style="display: none;"
                    class="spinner-container"
                    viewBox="0 0 40 40"
                    height="40"
                    width="40"
                    >
                    <circle 
                        class="track"
                        cx="20" 
                        cy="20" 
                        r="17.5" 
                        pathlength="100" 
                        stroke-width="5px" 
                        fill="none" 
                    />
                    <circle 
                        class="car"
                        cx="20" 
                        cy="20" 
                        r="17.5" 
                        pathlength="100" 
                        stroke-width="5px" 
                        fill="none" 
                    />
                    </svg>

                    <style>
                    .spinner-container {
                        --uib-size: 25px;
                        --uib-color: #d0021b;
                        --uib-speed: 2s;
                        --uib-bg-opacity: 0;
                        height: var(--uib-size);
                        width: var(--uib-size);
                        transform-origin: center;
                        animation: rotate var(--uib-speed) linear infinite;
                        will-change: transform;
                        overflow: visible;
                    }

                    .car {
                        fill: none;
                        stroke: var(--uib-color);
                        stroke-dasharray: 1, 200;
                        stroke-dashoffset: 0;
                        stroke-linecap: round;
                        animation: stretch calc(var(--uib-speed) * 0.75) ease-in-out infinite;
                        will-change: stroke-dasharray, stroke-dashoffset;
                        transition: stroke 0.5s ease;
                    }

                    .track {
                        fill: none;
                        stroke: var(--uib-color);
                        opacity: var(--uib-bg-opacity);
                        transition: stroke 0.5s ease;
                    }

                    @keyframes rotate {
                        100% {
                        transform: rotate(360deg);
                        }
                    }

                    @keyframes stretch {
                        0% {
                        stroke-dasharray: 0, 150;
                        stroke-dashoffset: 0;
                        }
                        50% {
                        stroke-dasharray: 75, 150;
                        stroke-dashoffset: -25;
                        }
                        100% {
                        stroke-dashoffset: -100;
                        }
                    }
                    </style>

            </div>
            <div id="comer-registration-form-feedback"></div>
        </form>
    </div>
    <script>
        jQuery(document).ready(function($) {
            // Funzione per gestire la selezione dell'elemento nel select
            $('#comer-register-role').change(function() {
                // Ottieni il valore selezionato
                var selectedValue = $(this).val();
                // Verifica se l'utente ha selezionato 'Altro'
                if (selectedValue === 'Altro') {
                    // Mostra il div e imposta il campo input come obbligatorio
                    $('#comer-registration-form-other-role-wrapper').show();
                    $('#comer-register-otherrole').attr('required', 'required');
                } else {
                    // Nascondi il div e rimuovi l'obbligatorietà dal campo input. Elimina anche un eventuale valore digitato.
                    $('#comer-registration-form-other-role-wrapper').hide();
                    $('#comer-register-otherrole').removeAttr('required').val('');
                }
            });
            // Trigger della funzione al caricamento della pagina nel caso in cui ci sia già una selezione
            jQuery('#comer-register-role').trigger('change');
        });
    </script>
    <script>
        jQuery(document).ready(function ($) {
            // Gestione del click sull'icona "mostra password"
            $('.comer-registration-form-see-password-icon').on('click', function () {
                var wrapper = $(this).closest('.comer-registration-form-password-wrapper'); // Trova il wrapper del campo
                wrapper.find('input').attr('type', 'text'); // Cambia il tipo dell'input in 'text'
                $(this).hide(); // Nasconde l'icona "mostra password"
                wrapper.find('.comer-registration-form-hide-password-icon').show(); // Mostra l'icona "nascondi password"
            });
            // Gestione del click sull'icona "nascondi password"
            $('.comer-registration-form-hide-password-icon').on('click', function () {
                var wrapper = $(this).closest('.comer-registration-form-password-wrapper'); // Trova il wrapper del campo
                wrapper.find('input').attr('type', 'password'); // Cambia il tipo dell'input in 'password'
                $(this).hide(); // Nasconde l'icona "nascondi password"
                wrapper.find('.comer-registration-form-see-password-icon').show(); // Mostra l'icona "mostra password"
            });
        });
    </script>
    <script>
	 
	jQuery("#comer-registration-form").submit(function(e) {
    	e.preventDefault(); 
		jQuery('#comer-registration-form-spinner').show();
		var dataFromForm = jQuery(this).serialize();
        jQuery.ajax({
			type:"POST",
			url: "https://www.comeritaly.com/wp-admin/admin-ajax.php",
			data: dataFromForm,
			success:function(data, typeName){
                jQuery('#comer-registration-form-spinner').hide();
                var parsedData = JSON.parse(data);
                if (parsedData.hasOwnProperty('general')) {
                    jQuery('#comer-registration-form-feedback').html('There are one or more compilation errors. Please try again.');
                } else if (parsedData.hasOwnProperty('already_exists')) {
                    jQuery('#comer-registration-form-feedback').html('ERROR: This email has already been used to register.');
                } else if (parsedData.hasOwnProperty('not_correspond')) {
                    jQuery('#comer-registration-form-feedback').html('ERROR: Passwords do not match.');
                } else {
                    jQuery(':input','#comer-registration-form').not(':button, :submit, :reset, :hidden, .obesity-check' ).val('').prop('checked', false).prop('selected', false);
                    jQuery('#comer-registration-form-feedback').html('Registration successful! You will receive a reminder with your login details to your email address');
                }
			},
			error:function(data){
                jQuery('#comer-registration-form-spinner').hide();
                jQuery(':input','#comer-registration-form').not(':button, :submit, :reset, :hidden, .obesity-check' ).val('').prop('checked', false).prop('selected', false);
				jQuery('#comer-registration-form-feedback').html('An error occurred. Please try again!');
			}
		});
	});
	</script>
    {"id":19430,"date":"2024-11-21T15:22:09","date_gmt":"2024-11-21T15:22:09","guid":{"rendered":"https:\/\/www.comeritaly.com\/registrazione\/"},"modified":"2025-01-12T16:01:52","modified_gmt":"2025-01-12T16:01:52","slug":"register","status":"publish","type":"page","link":"https:\/\/www.comeritaly.com\/en\/register\/","title":{"rendered":"Register"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/login-register.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19430","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/pages\/19430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/comments?post=19430"}],"version-history":[{"count":0,"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/pages\/19430\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.comeritaly.com\/en\/wp-json\/wp\/v2\/media?parent=19430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}