<!doctype html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <title>Wpixel - Free QR Code Generator</title>
        <meta name="description" content="Create free QR codes lifetime with use templates & your logo chose your colors & frames Generate now free.">
        <meta name="keywords" content="free QR code, Qr codes, lifetime QR code, wpixel">
        <link rel="shortcut icon" href="images/favicon.ico">
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="css/font-awesome.min.css" rel="stylesheet">
        <script src="js/jquery-3.7.1.min.js"></script>
        <link href="js/spectrum/spectrum.min.css" rel="stylesheet"><link href="js/ol/ol.css" rel="stylesheet"><link href="js/tempusdominus/css/tempus-dominus.min.css" rel="stylesheet"><link href="style.css?v=5.3.7" rel="stylesheet"><style type="text/css">:root {--bs-link-color: #868b22;--bs-link-hover-color:#5e6218;--bs-primary-color: #868b22;}.nav-pills, .nav-link {--bs-nav-pills-link-active-bg: #868b22;}.nav, .navbar-nav {--bs-nav-link-hover-color: #5e6218;}.btn-primary {--bs-btn-bg: #868b22;--bs-btn-border-color: #868b22;--bs-btn-disabled-bg: #868b22;--bs-btn-disabled-border-color: #868b22;}.btn-primary {--bs-btn-hover-bg: #5e6218;--bs-btn-hover-border-color: #5e6218;--bs-btn-active-bg: #5e6218;--bs-btn-active-border-color: #5e6218;}.btn-outline-primary {--bs-btn-color: #868b22;--bs-btn-border-color: #868b22;--bs-btn-disabled-bg: #868b22;--bs-btn-disabled-border-color: #868b22;}.btn-outline-primary {--bs-btn-hover-bg: #868b22;--bs-btn-hover-border-color: #868b22;--bs-btn-active-bg: #5e6218;--bs-btn-active-border-color: #868b22;}.dropdown-menu {--bs-dropdown-link-active-bg: #868b22;}.bg-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, label.custom-file-label:after{color:#F6F6F6;background-color:#868b22!important;}</style>    </head>
    <body class="qrcdr">
        <nav class="navbar bg-primary m-0 navbar-expand-sm navbar-dark bg-dark">
	<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#qrcdrNavbar" aria-controls="qrcdrNavbar" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="qrcdrNavbar">
		<ul class="navbar-nav ms-auto">
<!--
		<li class="nav-item">
			<a class="nav-link" href="#">Link 1</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">Link 2</a>
		</li>
-->
			<li class="langmenu nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-flag"></i></a><div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="?lang=ar">العربية</a><a class="dropdown-item" href="?lang=de-DE">Deutsch</a><a class="dropdown-item active" href="?lang=en">English</a><a class="dropdown-item" href="?lang=es-ES">Español</a><a class="dropdown-item" href="?lang=fr-FR">Français</a><a class="dropdown-item" href="?lang=it-IT">Italiano</a><a class="dropdown-item" href="?lang=pl-PL">Polski</a><a class="dropdown-item" href="?lang=pt-PT">Português</a><a class="dropdown-item" href="?lang=tr-TR">Türkçe</a><a class="dropdown-item" href="?lang=zh-CN">简体中文</a></div></li>		</ul>
	</div>
</nav><div class="bg-primary position-relative">
<div class="overlay-gradient"></div>
<div class="container position-relative">
<section class="text-center dark-grey-text">
  	<div class="row py-5">
    	<div class="col">
	<a href="https://www.wpixel.com"><img alt="WPIXEL" style="width:20%;" src="img/qrcdr.png"></a>
	<h2 class="display-1">Free QR Code Lifetime!!!</h2>
	<p class="lead"><strong>Generate Your Personal or Business QR Code In Few Clicks</strong></p>
	<p>Upload your logo, select custom colors and download the final QR code. Available formats: .png, .svg and .pdf</p>

  </div>
</div>
  </div>
</div>
</section><input type="hidden" id="qrcdr-relative" value="">
<div class="container">
    <div class="row mt-3">

        <div class="col-lg-4 order-last">
            <nav class="navbar sticky-top">
    <div class="placeresult bg-light d-grid">
        <div class="form-group text-center wrapresult">
            <div class="resultholder">
                <img class="img-fluid" src="images/placeholder.svg" />
                <div class="infopanel"></div>
            </div>
        </div>
        <div class="preloader"><i class="fa fa-cog fa-spin"></i></div>
        <input type="hidden" class="holdresult">
        <button class="btn btn-lg btn-block btn-primary ellipsis generate_qrcode rounded-pill" disabled><i class="fa fa-check"></i> Save</button>
        <div class="text-center mt-2 linksholder"></div>
    </div>
<div class="py-3">

</div></nav>        </div><!-- col md-4-->

        <div class="col-lg-8 pt-3 mb-3">
            <div class="row">
                <form role="form" class="qrcdr-form needs-validationNO w-100" novalidate>
                    <input type="submit" class="d-none">
                    <input type="hidden" name="section" id="getsec" value="#link">
                                        <div class="col-12 pb-2">
                        <div class="row">
                            <div class="col-12">
<ul class="nav nav-pills nav-fill" role="tablist">
        <li class="nav-item">
        <a class="nav-link active rounded-pill" href="#link" role="tab" data-bs-toggle="tab"><i class="fa fa-link"></i> <span class="d-inline-block d-sm-inline-block">Link</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#text" role="tab" data-bs-toggle="tab"><i class="fa fa-align-left"></i> <span class="d-inline-block d-sm-inline-block">Text</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#email" role="tab" data-bs-toggle="tab"><i class="fa fa-envelope-o"></i> <span class="d-inline-block d-sm-inline-block">E-mail</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#location" role="tab" data-bs-toggle="tab"><i class="fa fa-map-marker"></i> <span class="d-inline-block d-sm-inline-block">Location</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#tel" role="tab" data-bs-toggle="tab"><i class="fa fa-phone"></i> <span class="d-inline-block d-sm-inline-block">Phone</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#sms" role="tab" data-bs-toggle="tab"><i class="fa fa-mobile"></i> <span class="d-inline-block d-sm-inline-block">SMS</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#whatsapp" role="tab" data-bs-toggle="tab"><i class="fa fa-whatsapp"></i> <span class="d-inline-block d-sm-inline-block">WhatsApp</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#skype" role="tab" data-bs-toggle="tab"><i class="fa fa-skype"></i> <span class="d-inline-block d-sm-inline-block">Skype</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#zoom" role="tab" data-bs-toggle="tab"><i class="fa fa-video-camera"></i> <span class="d-inline-block d-sm-inline-block">Zoom</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#wifi" role="tab" data-bs-toggle="tab"><i class="fa fa-wifi"></i> <span class="d-inline-block d-sm-inline-block">WI-FI</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#vcard" role="tab" data-bs-toggle="tab"><i class="fa fa-list-alt"></i> <span class="d-inline-block d-sm-inline-block">V-card</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#event" role="tab" data-bs-toggle="tab"><i class="fa fa-calendar-o"></i> <span class="d-inline-block d-sm-inline-block">Event</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#paypal" role="tab" data-bs-toggle="tab"><i class="fa fa-paypal"></i> <span class="d-inline-block d-sm-inline-block">PayPal</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link rounded-pill" href="#bitcoin" role="tab" data-bs-toggle="tab"><i class="fa fa-bitcoin"></i> <span class="d-inline-block d-sm-inline-block">BitCoin</span></a>
    </li>
    </ul>
</div>

<div class="col-12">

                            <div class="tab-content mt-3" id="dataTabs">
                            <div class="tab-pane fade show active" id="link">
    <h4>Link</h4>
    <div class="form-group">
        <label for="malink">URL</label>
        <input type="text" name="link" id="malink" class="form-control ltr" placeholder="http://" required="required" value="" />
    </div>
</div>
        <div class="tab-pane fade " id="text">
        <h4>Text</h4>
        <div class="row">
        	<div class="col-12 form-group">
		            <label>Message</label>
		            <textarea rows="3" name="data" class="form-control" required="required" maxlength="1000"></textarea>
		    </div>
		</div>
    </div>
        <div class="tab-pane fade " id="email">
        <h4>E-mail</h4>
        <div class="row">
            <div class="col-md-6 form-group">
                <label>Send to</label>
                <input type="email" name="mailto" placeholder="E-Mail" class="form-control" required="required">
            </div>
            <div class="col-md-6 form-group">
                <label>Subject</label>
                <input type="text" name="subject" class="form-control" required="required">
            </div>
            <div class="col-12 form-group">
                 <label>Text</label>
                <textarea name="body" class="form-control" required="required" maxlength="1000"></textarea>
            </div>
        </div>
    </div>
        <div class="tab-pane fade " id="location">
        <h4>Location</h4>
            <script src="js/ol/ol.js"></script>
        <small>Search an address or drag the marker to adjust the position and get the coordinates</small>
        <div class="row">
            <div class="col-md-6 mb-1">
                <div class="input-group">
                    <input type="text" class="form-control venomaps-set-address nopreview" placeholder="Search">
                    <button class="btn btn-outline-primary venomaps-get-coordinates rounded-0" type="button"><i class="fa fa-search"></i></button>
                </div>
            </div>
            <div class="col-md-3">
                <input type="number" class="form-control venomaps-get-lat setinput-latlon no-validate" value="" placeholder="Latitude" name="lat" step="0.001">
            </div>
            <div class="col-md-3">
                <input type="number" class="form-control venomaps-get-lon setinput-latlon no-validate" value="" placeholder="Longitude" name="lng" step="0.001">
            </div>
        </div>
        <div class="form-group">
            <div id="wpol-admin-map" data-lat="40.7127837" data-lng="-74.00594130000002" class="venomap"></div>
            <div style="display:none;">
                <div class="wpol-infomarker" id="infomarker_admin"></div>
            </div>
        </div>
            </div>
        <div class="tab-pane fade " id="tel">
        <h4>Phone</h4>
        <div class="row">
            <div class="col-md-4">
               <div class="form-group">
                    <label>Country code</label>
                    <select class="form-select custom-select" name="countrycodetel"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select> 
                </div>
            </div>
            <div class="col-md-8">
                <div class="form-group">
                    <label>Phone number</label>
                    <input type="number" name="tel" placeholder="" class="form-control" required="required">
                </div>
            </div>
        </div>
    </div>
        <div class="tab-pane fade " id="sms">
        <h4>SMS</h4>
        <div class="row">
            <div class="col-md-4 form-group">
                <label>Country code</label>
                <select class="form-select custom-select" name="countrycodesms"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select> 
            </div>
            <div class="col-md-8 form-group">
                <label>Phone number</label>
                <input type="number" name="sms" placeholder="" class="form-control" required="required">
            </div>
            <div class="col-12 form-group">
                <label>Message</label>
                <textarea rows="3"  name="bodysms" class="form-control" maxlength="160"></textarea>
            </div>
        </div>
    </div>
        <div class="tab-pane fade" id="whatsapp">
        <h4>WhatsApp</h4>
        <div class="row">
            <div class="col-md-4 form-group">
                <label>Country code</label>
                <select class="form-select custom-select" name="wapp_countrycode" required="required"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select> 
            </div>

            <div class="col-md-8 form-group">
                <label>Phone number</label>
                <input type="number" name="wapp_number" placeholder="" class="form-control" required="required">
            </div>

            <div class="col-12 form-group">
                <label>Message</label>
                <textarea rows="3"  name="wapp_message" class="form-control" maxlength="750"></textarea>
            </div>
        </div>
    </div>
    <div class="tab-pane fade " id="skype">
    <h4>Skype</h4>

    <div class="form-group">
        <div class="form-check form-check-inline">
            <input type="radio" id="skypeType1" name="skypeType" class="form-check-input" value="chat" checked>
            <label class="form-check-label" for="skypeType1">Chat</label>
        </div>
        <div class="form-check form-check-inline">
            <input type="radio" id="skypeType2" name="skypeType" class="form-check-input" value="call">
            <label class="form-check-label" for="skypeType2">Call</label>
        </div>
    </div>
    <div class="form-group">
        <label for="skype">Username</label>
        <input type="text" name="skype" id="skype" class="form-control" required="required" />
    </div>
</div>
    <div class="tab-pane fade " id="zoom">
    <h4>Zoom</h4>
    <div class="row form-group">
    <div class="col-sm-6">
        <label for="zoom_id">Meeting ID</label>
        <input type="text" name="zoom_id" id="zoom_id" class="form-control" required="required" />
    </div>
    <div class="col-sm-6">
        <label for="zoom_pwd">Password</label>
        <input type="text" name="zoom_pwd" id="zoom_pwd" class="form-control" required="required" />
    </div>
    </div>
</div>
        <div class="tab-pane fade " id="wifi">
        <h4>WI-FI</h4>
        <div class="row form-group">
            <div class="col-md-4">
                <label>Network name</label>
                <input type="text" name="ssid" placeholder="SSID" class="form-control" required="required">
            </div>
            <div class="col-md-4">
                <label>Network type</label>
                <select class="form-select custom-select" name="networktype">
                  <option value="WEP">WEP</option>
                  <option value="WPA">WPA/WPA2</option>
                  <option value="">No encryption</option>
                </select>
            </div>
            <div class="col-md-4">
                <label>Password</label>
                <input type="text" name="wifipass" class="form-control">
            </div>
        </div>

        <div class="row form-group">
            <div class="col-12">
                <div class="form-check">
                    <input type="checkbox" class="form-check-input" id="wifihidden" name="wifihidden">
                    <label class="form-check-label" for="wifihidden">Hidden</label>
                </div>
            </div>
        </div>
    </div>
        <div class="tab-pane fade " id="vcard">
        <h4>V-card</h4>
        <div class="row">
            <div class="col-12 form-group">
                <label>Version</label>
                <select class="form-select custom-select" name="vversion">
                  <option value="2.1">2.1</option>
                  <option value="3.0">3.0</option>
                  <option value="4.0">4.0</option>
                </select>
            </div>

            <div class="col-md-2 form-group">
                <label>Title</label>
                <input type="text" name="vnametitle" class="form-control">
            </div>
            <div class="col-md-5 form-group">
                <label>First name</label>
                <input type="text" name="vname" class="form-control" required="required">
            </div>
            <div class="col-md-5 form-group">
                 <label>Last name</label>
                <input type="text" name="vlast" class="form-control">
            </div>

            <div class="col-md-6 form-group">
                <label>Phone (home)</label>
                <div class="row no-gutters">
                    <div class="col-4">
                        <select class="form-select custom-select" name="countrycodevphone"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select>                    </div>
                    <div class="col-8">
                        <input type="number" name="vphone" placeholder="" class="form-control">
                    </div>
                </div>
            </div>

            <div class="col-md-6 form-group">
                <label>Phone (mobile)</label>
                <div class="row no-gutters">
                    <div class="col-4">
                        <select class="form-select custom-select" name="countrycodevmobile"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select>                    </div>
                    <div class="col-8">
                        <input type="number" name="vmobile" placeholder="" class="form-control">
                    </div>
                </div>
            </div>

            <div class="col-md-6 form-group">
                <label>E-mail</label>
                <input type="email" name="vemail" class="form-control">
            </div>

            <div class="col-md-6 form-group">
                <label>Website (URL)</label>
                <input type="url" name="vurl" class="form-control" placeholder="http://">
            </div>

            <div class="col-md-6 form-group">
                <label>Company</label>
                <input type="text" name="vcompany" class="form-control">
            </div>

            <div class="col-md-6 form-group">
                <label>job title</label>
                <input type="text" name="vtitle" class="form-control">
            </div>

            <div class="col-md-6 orm-group">
                <label>Phone (office)</label>
                <div class="row no-gutters">
                    <div class="col-4">
                        <select class="form-select custom-select" name="countrycodevoffice"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select>                    </div>
                    
                    <div class="col-8">
                        <input type="number" name="vofficephone" placeholder="" class="form-control">
                    </div>
                </div>
            </div>

            <div class="col-md-6 form-group">
                <label>Fax</label>
                <div class="row no-gutters">
                    <div class="col-4">
                        <select class="form-select custom-select" name="countrycodevfax"><option value="" label="--">--</option><option value="7840" label="Abkhazia (+7 840)">Abkhazia (+7 840)</option><option value="7940" label="Abkhazia (+7 940)">Abkhazia (+7 940)</option><option value="93" label="Afghanistan (+93)">Afghanistan (+93)</option><option value="355" label="Albania (+355)">Albania (+355)</option><option value="213" label="Algeria (+213)">Algeria (+213)</option><option value="1684" label="American Samoa (+1 684)">American Samoa (+1 684)</option><option value="376" label="Andorra (+376)">Andorra (+376)</option><option value="244" label="Angola (+244)">Angola (+244)</option><option value="1264" label="Anguilla (+1 264)">Anguilla (+1 264)</option><option value="1268" label="Antigua and Barbuda (+1 268)">Antigua and Barbuda (+1 268)</option><option value="54" label="Argentina (+54)">Argentina (+54)</option><option value="374" label="Armenia (+374)">Armenia (+374)</option><option value="297" label="Aruba (+297)">Aruba (+297)</option><option value="247" label="Ascension (+247)">Ascension (+247)</option><option value="61" label="Australia (+61)">Australia (+61)</option><option value="672" label="Australian External Territories (+672)">Australian External Territories (+672)</option><option value="43" label="Austria (+43)">Austria (+43)</option><option value="994" label="Azerbaijan (+994)">Azerbaijan (+994)</option><option value="1242" label="Bahamas (+1 242)">Bahamas (+1 242)</option><option value="973" label="Bahrain (+973)">Bahrain (+973)</option><option value="880" label="Bangladesh (+880)">Bangladesh (+880)</option><option value="1246" label="Barbados (+1 246)">Barbados (+1 246)</option><option value="1268" label="Barbuda (+1 268)">Barbuda (+1 268)</option><option value="375" label="Belarus (+375)">Belarus (+375)</option><option value="32" label="Belgium (+32)">Belgium (+32)</option><option value="501" label="Belize (+501)">Belize (+501)</option><option value="229" label="Benin (+229)">Benin (+229)</option><option value="1441" label="Bermuda (+1 441)">Bermuda (+1 441)</option><option value="975" label="Bhutan (+975)">Bhutan (+975)</option><option value="591" label="Bolivia (+591)">Bolivia (+591)</option><option value="387" label="Bosnia and Herzegovina (+387)">Bosnia and Herzegovina (+387)</option><option value="267" label="Botswana (+267)">Botswana (+267)</option><option value="55" label="Brazil (+55)">Brazil (+55)</option><option value="246" label="British Indian Ocean Territory (+246)">British Indian Ocean Territory (+246)</option><option value="1284" label="British Virgin Islands (+1 284)">British Virgin Islands (+1 284)</option><option value="673" label="Brunei (+673)">Brunei (+673)</option><option value="359" label="Bulgaria (+359)">Bulgaria (+359)</option><option value="226" label="Burkina Faso (+226)">Burkina Faso (+226)</option><option value="257" label="Burundi (+257)">Burundi (+257)</option><option value="855" label="Cambodia (+855)">Cambodia (+855)</option><option value="237" label="Cameroon (+237)">Cameroon (+237)</option><option value="1" label="Canada (+1)">Canada (+1)</option><option value="238" label="Cape Verde (+238)">Cape Verde (+238)</option><option value="345" label="Cayman Islands (+345)">Cayman Islands (+345)</option><option value="236" label="Central African Republic (+236)">Central African Republic (+236)</option><option value="235" label="Chad (+235)">Chad (+235)</option><option value="56" label="Chile (+56)">Chile (+56)</option><option value="86" label="China (+86)">China (+86)</option><option value="61" label="Christmas Island (+61)">Christmas Island (+61)</option><option value="61" label="Cocos-Keeling Islands (+61)">Cocos-Keeling Islands (+61)</option><option value="57" label="Colombia (+57)">Colombia (+57)</option><option value="269" label="Comoros (+269)">Comoros (+269)</option><option value="242" label="Congo (+242)">Congo (+242)</option><option value="243" label="Congo, Dem. Rep. of (Zaire) (+243)">Congo, Dem. Rep. of (Zaire) (+243)</option><option value="682" label="Cook Islands (+682)">Cook Islands (+682)</option><option value="506" label="Costa Rica (+506)">Costa Rica (+506)</option><option value="225" label="Ivory Coast (+225)">Ivory Coast (+225)</option><option value="385" label="Croatia (+385)">Croatia (+385)</option><option value="53" label="Cuba (+53)">Cuba (+53)</option><option value="599" label="Curacao (+599)">Curacao (+599)</option><option value="537" label="Cyprus (+537)">Cyprus (+537)</option><option value="420" label="Czech Republic (+420)">Czech Republic (+420)</option><option value="45" label="Denmark (+45)">Denmark (+45)</option><option value="246" label="Diego Garcia (+246)">Diego Garcia (+246)</option><option value="253" label="Djibouti (+253)">Djibouti (+253)</option><option value="1767" label="Dominica (+1 767)">Dominica (+1 767)</option><option value="1809" label="Dominican Republic (+1 809)">Dominican Republic (+1 809)</option><option value="1829" label="Dominican Republic (+1 829)">Dominican Republic (+1 829)</option><option value="1849" label="Dominican Republic (+1 849)">Dominican Republic (+1 849)</option><option value="670" label="East Timor (+670)">East Timor (+670)</option><option value="56" label="Easter Island (+56)">Easter Island (+56)</option><option value="593" label="Ecuador (+593)">Ecuador (+593)</option><option value="20" label="Egypt (+20)">Egypt (+20)</option><option value="503" label="El Salvador (+503)">El Salvador (+503)</option><option value="240" label="Equatorial Guinea (+240)">Equatorial Guinea (+240)</option><option value="291" label="Eritrea (+291)">Eritrea (+291)</option><option value="372" label="Estonia (+372)">Estonia (+372)</option><option value="251" label="Ethiopia (+251)">Ethiopia (+251)</option><option value="500" label="Falkland Islands (+500)">Falkland Islands (+500)</option><option value="298" label="Faroe Islands (+298)">Faroe Islands (+298)</option><option value="679" label="Fiji (+679)">Fiji (+679)</option><option value="358" label="Finland (+358)">Finland (+358)</option><option value="33" label="France (+33)">France (+33)</option><option value="596" label="French Antilles (+596)">French Antilles (+596)</option><option value="594" label="French Guiana (+594)">French Guiana (+594)</option><option value="689" label="French Polynesia (+689)">French Polynesia (+689)</option><option value="241" label="Gabon (+241)">Gabon (+241)</option><option value="220" label="Gambia (+220)">Gambia (+220)</option><option value="995" label="Georgia (+995)">Georgia (+995)</option><option value="49" label="Germany (+49)">Germany (+49)</option><option value="233" label="Ghana (+233)">Ghana (+233)</option><option value="350" label="Gibraltar (+350)">Gibraltar (+350)</option><option value="30" label="Greece (+30)">Greece (+30)</option><option value="299" label="Greenland (+299)">Greenland (+299)</option><option value="1473" label="Grenada (+1 473)">Grenada (+1 473)</option><option value="590" label="Guadeloupe (+590)">Guadeloupe (+590)</option><option value="1671" label="Guam (+1 671)">Guam (+1 671)</option><option value="502" label="Guatemala (+502)">Guatemala (+502)</option><option value="224" label="Guinea (+224)">Guinea (+224)</option><option value="245" label="Guinea-Bissau (+245)">Guinea-Bissau (+245)</option><option value="595" label="Guyana (+595)">Guyana (+595)</option><option value="509" label="Haiti (+509)">Haiti (+509)</option><option value="504" label="Honduras (+504)">Honduras (+504)</option><option value="852" label="Hong Kong SAR China (+852)">Hong Kong SAR China (+852)</option><option value="36" label="Hungary (+36)">Hungary (+36)</option><option value="354" label="Iceland (+354)">Iceland (+354)</option><option value="91" label="India (+91)">India (+91)</option><option value="62" label="Indonesia (+62)">Indonesia (+62)</option><option value="98" label="Iran (+98)">Iran (+98)</option><option value="964" label="Iraq (+964)">Iraq (+964)</option><option value="353" label="Ireland (+353)">Ireland (+353)</option><option value="972" label="Israel (+972)">Israel (+972)</option><option value="39" label="Italy (+39)">Italy (+39)</option><option value="1876" label="Jamaica (+1 876)">Jamaica (+1 876)</option><option value="81" label="Japan (+81)">Japan (+81)</option><option value="962" label="Jordan (+962)">Jordan (+962)</option><option value="77" label="Kazakhstan (+7 7)">Kazakhstan (+7 7)</option><option value="254" label="Kenya (+254)">Kenya (+254)</option><option value="686" label="Kiribati (+686)">Kiribati (+686)</option><option value="850" label="North Korea (+850)">North Korea (+850)</option><option value="82" label="South Korea (+82)">South Korea (+82)</option><option value="965" label="Kuwait (+965)">Kuwait (+965)</option><option value="996" label="Kyrgyzstan (+996)">Kyrgyzstan (+996)</option><option value="856" label="Laos (+856)">Laos (+856)</option><option value="371" label="Latvia (+371)">Latvia (+371)</option><option value="961" label="Lebanon (+961)">Lebanon (+961)</option><option value="266" label="Lesotho (+266)">Lesotho (+266)</option><option value="231" label="Liberia (+231)">Liberia (+231)</option><option value="218" label="Libya (+218)">Libya (+218)</option><option value="423" label="Liechtenstein (+423)">Liechtenstein (+423)</option><option value="370" label="Lithuania (+370)">Lithuania (+370)</option><option value="352" label="Luxembourg (+352)">Luxembourg (+352)</option><option value="853" label="Macau SAR China (+853)">Macau SAR China (+853)</option><option value="389" label="Macedonia (+389)">Macedonia (+389)</option><option value="261" label="Madagascar (+261)">Madagascar (+261)</option><option value="265" label="Malawi (+265)">Malawi (+265)</option><option value="60" label="Malaysia (+60)">Malaysia (+60)</option><option value="960" label="Maldives (+960)">Maldives (+960)</option><option value="223" label="Mali (+223)">Mali (+223)</option><option value="356" label="Malta (+356)">Malta (+356)</option><option value="692" label="Marshall Islands (+692)">Marshall Islands (+692)</option><option value="596" label="Martinique (+596)">Martinique (+596)</option><option value="222" label="Mauritania (+222)">Mauritania (+222)</option><option value="230" label="Mauritius (+230)">Mauritius (+230)</option><option value="262" label="Mayotte (+262)">Mayotte (+262)</option><option value="52" label="Mexico (+52)">Mexico (+52)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="1808" label="Midway Island (+1 808)">Midway Island (+1 808)</option><option value="691" label="Micronesia (+691)">Micronesia (+691)</option><option value="373" label="Moldova (+373)">Moldova (+373)</option><option value="377" label="Monaco (+377)">Monaco (+377)</option><option value="976" label="Mongolia (+976)">Mongolia (+976)</option><option value="382" label="Montenegro (+382)">Montenegro (+382)</option><option value="1664" label="Montserrat (+1664)">Montserrat (+1664)</option><option value="212" label="Morocco (+212)">Morocco (+212)</option><option value="95" label="Myanmar (+95)">Myanmar (+95)</option><option value="264" label="Namibia (+264)">Namibia (+264)</option><option value="674" label="Nauru (+674)">Nauru (+674)</option><option value="977" label="Nepal (+977)">Nepal (+977)</option><option value="31" label="Netherlands (+31)">Netherlands (+31)</option><option value="599" label="Netherlands Antilles (+599)">Netherlands Antilles (+599)</option><option value="1869" label="Nevis (+1 869)">Nevis (+1 869)</option><option value="687" label="New Caledonia (+687)">New Caledonia (+687)</option><option value="64" label="New Zealand (64)">New Zealand (64)</option><option value="505" label="Nicaragua (+505)">Nicaragua (+505)</option><option value="227" label="Niger (+227)">Niger (+227)</option><option value="234" label="Nigeria (+234)">Nigeria (+234)</option><option value="683" label="Niue (+683)">Niue (+683)</option><option value="672" label="Norfolk Island (+672)">Norfolk Island (+672)</option><option value="1670" label="Northern Mariana Islands (+1 670)">Northern Mariana Islands (+1 670)</option><option value="47" label="Norway (+47)">Norway (+47)</option><option value="968" label="Oman (+968)">Oman (+968)</option><option value="92" label="Pakistan (+92)">Pakistan (+92)</option><option value="680" label="Palau (+680)">Palau (+680)</option><option value="970" label="Palestinian Territory (+970)">Palestinian Territory (+970)</option><option value="507" label="Panama (+507)">Panama (+507)</option><option value="675" label="Papua New Guinea (+675)">Papua New Guinea (+675)</option><option value="595" label="Paraguay (+595)">Paraguay (+595)</option><option value="51" label="Peru (+51)">Peru (+51)</option><option value="63" label="Philippines (+63)">Philippines (+63)</option><option value="48" label="Poland (+48)">Poland (+48)</option><option value="351" label="Portugal (+351)">Portugal (+351)</option><option value="1787" label="Puerto Rico (+1 787)">Puerto Rico (+1 787)</option><option value="1939" label="Puerto Rico (+1 939)">Puerto Rico (+1 939)</option><option value="974" label="Qatar (+974)">Qatar (+974)</option><option value="262" label="Reunion (+262)">Reunion (+262)</option><option value="40" label="Romania (+40)">Romania (+40)</option><option value="7" label="Russia (+7)">Russia (+7)</option><option value="250" label="Rwanda (+250)">Rwanda (+250)</option><option value="685" label="Samoa (+685)">Samoa (+685)</option><option value="378" label="San Marino (+378)">San Marino (+378)</option><option value="966" label="Saudi Arabia (+966)">Saudi Arabia (+966)</option><option value="221" label="Senegal (+221)">Senegal (+221)</option><option value="381" label="Serbia (+381)">Serbia (+381)</option><option value="248" label="Seychelles (+248)">Seychelles (+248)</option><option value="232" label="Sierra Leone (+232)">Sierra Leone (+232)</option><option value="65" label="Singapore (+65)">Singapore (+65)</option><option value="421" label="Slovakia (+421)">Slovakia (+421)</option><option value="386" label="Slovenia (+386)">Slovenia (+386)</option><option value="677" label="Solomon Islands (+677)">Solomon Islands (+677)</option><option value="27" label="South Africa (+27)">South Africa (+27)</option><option value="500" label="South Georgia and the South Sandwich Islands (+500)">South Georgia and the South Sandwich Islands (+500)</option><option value="34" label="Spain (+34)">Spain (+34)</option><option value="94" label="Sri Lanka (+94)">Sri Lanka (+94)</option><option value="249" label="Sudan (+249)">Sudan (+249)</option><option value="597" label="Suriname (+597)">Suriname (+597)</option><option value="268" label="Swaziland (+268)">Swaziland (+268)</option><option value="46" label="Sweden (+46)">Sweden (+46)</option><option value="41" label="Switzerland (+41)">Switzerland (+41)</option><option value="963" label="Syria (+963)">Syria (+963)</option><option value="886" label="Taiwan (+886)">Taiwan (+886)</option><option value="992" label="Tajikistan (+992)">Tajikistan (+992)</option><option value="255" label="Tanzania (+255)">Tanzania (+255)</option><option value="66" label="Thailand (+66)">Thailand (+66)</option><option value="670" label="Timor Leste (+670)">Timor Leste (+670)</option><option value="228" label="Togo (+228)">Togo (+228)</option><option value="690" label="Tokelau (+690)">Tokelau (+690)</option><option value="676" label="Tonga (+676)">Tonga (+676)</option><option value="1868" label="Trinidad and Tobago (+1 868)">Trinidad and Tobago (+1 868)</option><option value="216" label="Tunisia (+216)">Tunisia (+216)</option><option value="90" label="Turkey (+90)">Turkey (+90)</option><option value="993" label="Turkmenistan (+993)">Turkmenistan (+993)</option><option value="1649" label="Turks and Caicos Islands (+1 649)">Turks and Caicos Islands (+1 649)</option><option value="688" label="Tuvalu (+688)">Tuvalu (+688)</option><option value="256" label="Uganda (+256)">Uganda (+256)</option><option value="380" label="Ukraine (+380)">Ukraine (+380)</option><option value="971" label="United Arab Emirates (+971)">United Arab Emirates (+971)</option><option value="44" label="United Kingdom (+44)">United Kingdom (+44)</option><option value="1" label="United States (+1)">United States (+1)</option><option value="598" label="Uruguay (+598)">Uruguay (+598)</option><option value="1340" label="U.S. Virgin Islands (+1 340)">U.S. Virgin Islands (+1 340)</option><option value="998" label="Uzbekistan (+998)">Uzbekistan (+998)</option><option value="678" label="Vanuatu (+678)">Vanuatu (+678)</option><option value="58" label="Venezuela (+58)">Venezuela (+58)</option><option value="84" label="Vietnam (+84)">Vietnam (+84)</option><option value="1808" label="Wake Island (+1 808)">Wake Island (+1 808)</option><option value="681" label="Wallis and Futuna (+681)">Wallis and Futuna (+681)</option><option value="967" label="Yemen (+967)">Yemen (+967)</option><option value="260" label="Zambia (+260)">Zambia (+260)</option><option value="255" label="Zanzibar (+255)">Zanzibar (+255)</option><option value="263" label="Zimbabwe (+263)">Zimbabwe (+263)</option></select>                    </div>
                    
                    <div class="col-8">
                        <input type="number" name="vfax" placeholder="" class="form-control">
                    </div>
                </div>
            </div>

            <div class="col-12 form-group">
                 <label>Address</label>
                <textarea name="vaddress" class="form-control" maxlength="255"></textarea>
            </div>
            <div class="col-md-6 form-group">
                <label>Post code</label>
                <input type="text" name="vcap" class="form-control">
            </div>
            <div class="col-md-6 form-group">
                <label>City</label>
                <input type="text" name="vcity" class="form-control">
            </div>
            <div class="col-md-6 form-group">
                <label>State</label>
                <input type="text" name="vstate" class="form-control">
            </div>
            <div class="col-md-6 form-group">
                <label>Country</label>
                <input type="text" name="vcountry" class="form-control">
            </div>
                </div>
    </div>
        <div class="tab-pane fade " id="event">
        <h4>Event</h4>
        <div class="row">
            <div class="col-sm-6 form-group">
                <label>Event title</label>
                <input type="text" name="eventtitle" class="form-control" required="required">
            </div>
            <div class="col-sm-6 form-group">
                <label>Location</label>
                <input type="text" name="eventlocation" class="form-control">
            </div>

            <div class="col-sm-6 form-group">
                <label>Start time</label>
                <input type="text" class="form-control datetimepicker-input" id="eventstart" data-toggle="datetimepicker" data-target="#eventstart" data-timestamp="#eventstarttime" required="required"/>
                <input type="hidden" name="eventstarttime" id="eventstarttime" class="get-timestamp">
            </div>

            <div class="col-sm-6 form-group">
                <label>End time</label>
                <input type="text" class="form-control datetimepicker-input" id="eventend" data-toggle="datetimepicker" data-target="#eventend" data-timestamp="#eventendtime"/>
                <input type="hidden" name="eventendtime" id="eventendtime" class="get-timestamp">
            </div>

            <div class="col-12 form-group">
                <label>Reminder before event</label>
                <select class="form-select custom-select" name="eventreminder" id="eventreminder">
                    <option value="">--</option>
                    <option value="PT0M">When the event starts</option>
                    <option value="-PT5M">5 minutes</option>
                    <option value="-PT10M">10 minutes</option>
                    <option value="-PT15M">15 minutes</option>
                    <option value="-PT30M">30 minutes</option>
                    <option value="-PT1H">1 hour</option>
                    <option value="-PT2H">2 hours</option>
                    <option value="-PT3H">3 hours</option>
                    <option value="-PT4H">4 hours</option>
                    <option value="-PT5H">5 hours</option>
                    <option value="-PT6H">6 hours</option>
                    <option value="-PT12H">12 hours</option>
                    <option value="-PT24H">24 hours</option>
                    <option value="-PT48H">48 hours</option>
                    <option value="-PT168H">1 week</option>
                </select>
            </div>
           
            <div class="col-12 form-group">
                <label for="eventlink">Link</label>
                <input type="url" name="eventlink" id="eventlink" class="form-control" placeholder="http://" />
            </div>
           
            <div class="col-12 form-group">
                <label>Notes</label>
                <textarea rows="3" name="eventnote" class="form-control" maxlength="500"></textarea>
            </div>
        </div>
    </div>
        <div class="tab-pane fade " id="paypal">
        <h4>PayPal</h4>
        <div class="row form-group">

            <div class="col-sm-6">
                <label>Payment type</label>
                <select class="form-select custom-select" name="pp_type" id="pp_type">
                  <option value="_xclick">Buy now</option>
                  <option value="_cart">Add to cart</option>
                  <option value="_donations">Donations</option>
                </select>
            </div>

            <div class="col-sm-6">
                <label>E-mail</label>
                <input type="email" name="pp_email" class="form-control" required="required">
                <small>Email address to receive payments</small>
            </div>
        </div>

        <div class="row form-group">
            <div class="col-sm-8">
                <label>Item name</label>
                <input type="text" name="pp_name" class="form-control" required="required">
            </div>

            <div class="col-sm-4">
                <label>Item ID</label>
                <input type="text" name="pp_id" class="form-control ltr">
            </div>
        </div>

        <div class="row form-group">
           <div class="col-sm-6 yesdonation">
                <label>Price</label>
                <div class="input-group">
                    <input type="number" name="pp_price" class="form-control" placeholder="0.00">
                    <span class="input-group-text rounded-0 getcurrency">USD</span>
                </div>
            </div>

            <div class="col-sm-6 yesdonation">
                <label>Currency</label>
                <select class="form-select custom-select setvalue" name="pp_currency" id="setcurrency" data-target=".getcurrency">
                  <option value="USD">United States dollar</option>
                  <option value="EUR">Euro</option>
                  <option value="AUD">Australian dollar</option>
                  <option value="BRL">Brazilian real</option>
                  <option value="CAD">Canadian dollar</option>
                  <option value="CNY">Chinese Renmenbi</option>
                  <option value="CZK">Czech koruna</option>
                  <option value="DKK">Danish krone</option>
                  <option value="HKD">Hong Kong dollar</option>
                  <option value="HUF">Hungarian forint</option>
                  <option value="INR">Indian rupee</option>
                  <option value="ILS">Israeli new shekel</option>
                  <option value="JPY">Japanese yen</option>
                  <option value="MYR">Malaysian ringgit</option>
                  <option value="MXN">Mexican peso</option>
                  <option value="TWD">New Taiwan dollar</option>
                  <option value="NZD">New Zealand dollar</option>
                  <option value="NOK">Norwegian krone</option>
                  <option value="PHP">Philippine peso</option>
                  <option value="PLN">Polish złoty</option>
                  <option value="GBP">Pound sterling</option>
                  <option value="RUB">Russian ruble</option>
                  <option value="SGD">Singapore dollar</option>
                  <option value="SEK">Swedish krona</option>
                  <option value="CHF">Swiss franc</option>
                  <option value="THB">Thai baht</option>
                </select>
            </div>

            <div class="col-sm-6 nodonation">
                <label>Shipping</label>
                <div class="input-group">
                    <input type="number" name="pp_shipping" class="form-control" placeholder="0.00">
                    <span class="input-group-text rounded-0 getcurrency" id="getcurrency">USD</span>
                </div>
            </div>
            <div class="col-sm-6 nodonation">
                <label>Tax rate</label>
                <div class="input-group">
                    <input type="number" name="pp_tax" class="form-control" placeholder="0.00">
                    <span class="input-group-text rounded-0">%</span>
                </div>
            </div>

        </div>
    </div>
        <div class="tab-pane fade " id="bitcoin">
        <h4>BitCoin</h4>
        <div class="row form-group">
            <div class="col-sm-6">
                <label>Address</label>
                <input type="text" name="btc_account" class="form-control ltr" required="required">
            </div>
           <div class="col-sm-6">
                <label>Amount</label>
                <div class="input-group">
                    <input type="number" name="btc_amount" class="form-control">
                    <span class="input-group-text rounded-0">BTC</span>
                </div>
                <small class="form-text text-muted">1 BTC = 62808.175 USD<br />1 USD = 0.000016 BTC</small><small class="form-text text-muted">Last update: June 09 2026<br>Spot price from Coinbase</small>            </div>
            <div class="col-sm-6">
                <label>Item name</label>
                <input type="text" name="btc_label" class="form-control">
            </div>
            <div class="col-sm-6">
                <label>Message</label>
                <input type="text" name="btc_message" class="form-control">
            </div>
        </div>
    </div>
                                </div> <!-- tab content -->

                            <div class="accordion" id="collapseSettings">
    <div class="accordion-item d-grid">
        <button class="mb-2 btn btn-outline-primary btn-lg btn-block text-start text-left rounded-pill" type="button" data-bs-toggle="collapse" data-bs-target="#collapseColors">
            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor"><path d="M18.717 8.831c-.734.824-.665 2.087.158 2.825l-1.333 1.491-7.455-6.667 1.334-1.49c.822.736 2.087.666 2.822-.159l3.503-3.831c.593-.663 1.414-1 2.238-1 1.666 0 3.016 1.358 3.016 2.996 0 .723-.271 1.435-.779 2.005l-3.504 3.83zm-8.217 6.169h-2.691l3.928-4.362-1.491-1.333-7.9 8.794c-1.277 1.423-.171 2.261-1.149 4.052-.135.244-.197.48-.197.698 0 .661.54 1.151 1.141 1.151.241 0 .492-.079.724-.256 1.733-1.332 2.644-.184 3.954-1.647l7.901-8.792-1.491-1.333-2.729 3.028z"/></svg> <span class="vertical-middle">Colors</span>
        </button>
        <div class="collapse" id="collapseColors" data-bs-parent="#collapseSettings" data-parent="#collapseSettings">
            <div class="col-sm-12 mb-2 custom-background">
                <div class="row">
                    <div class="col-sm-6">
                        <label>Background</label>
                        <div class="collapse show" id="collapse-background">
                            <input type="text" class="form-control qrcolorpicker colorpickerback rounded-0 ltr" value="#FFFFFF" name="backcolor">
                        </div>
                        <div class="form-check form-switch mt-2">
                          <input type="checkbox" class="form-check-input" id="trans-bg" name="transparent">
                          <label class="form-check-label" for="trans-bg">Transparent background</label>
                        </div>
                        <div class="form-check form-switch mb-2">
                            <input type="checkbox" class="form-check-input collapse-control" id="transparent-qr" data-bs-target="#collapse-image-bg" data-target="#collapse-image-bg" name="transparent_code">
                            <label class="form-check-label" for="transparent-qr">Background image</label>
                        </div>
                        <div class="collapse" id="collapse-image-bg">
                            <div class="image-editor ltr">
                                <button title="Background image" type="button" class="btn btn-primary select-image-btn rounded-0"><i class="fa fa-upload"></i></button>
                                <button type="button" class="btn btn-primary export-bg-image d-none rounded-0"><i class="fa fa-check"></i></button>
                                <button type="button" class="btn btn-primary remove-bg-image d-none rounded-0"><i class="fa fa-close"></i></button>
                                <input type="file" class="cropit-image-input nopreview">
                                <div class="cropit-preview mx-auto"></div>
                                <input type="range" class="cropit-image-zoom-input qrcdr-slider-input nopreview">
                            </div>
                            <input id="bg_image" type="hidden" name="bg_image">
                            <div class="form-check form-switch d-none negative-code">
                                <input type="checkbox" class="form-check-input" id="negative-qr" name="negative_qr">
                                <label class="form-check-label" for="negative-qr">Masked</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label>Foreground</label>
                        <input type="text" class="form-control qrcolorpicker rounded-0 ltr" value="#000000" name="frontcolor">

                        <div class="form-group">
                            <div class="form-check form-switch">
                              <input type="checkbox" class="form-check-input collapse-control" id="gradient-bg" data-bs-target="#collapse-gradient" data-target="#collapse-gradient" name="gradient">
                              <label class="form-check-label" for="gradient-bg">Gradient</label>
                            </div>
                        </div>
                        <div class="collapse" id="collapse-gradient">
                            <label>Second color</label>
                            <input type="text" class="form-control qrcolorpicker qrcolorpicker_bg rounded-0 ltr" value="#8900D5" name="gradient_color">
                            <div class="form-group">
                                <div class="form-check form-switch">
                                  <input type="checkbox" class="form-check-input" id="radial-gradient" name="radial">
                                  <label class="form-check-label" for="radial-gradient">Radial</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="accordion-item d-grid">
    <button class="mb-2 btn btn-outline-primary btn-lg btn-block text-start text-left rounded-pill" type="button" data-bs-toggle="collapse" data-bs-target="#collapseStyle">
        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24"><path d="M21 21v3h3v-3h-1v-1h-1v1h-1zm2 1v1h-1v-1h1zm-23 2h8v-8h-8v8zm1-7h6v6h-6v-6zm20 3v-1h1v1h-1zm-19-2h4v4h-4v-4zm8-3v2h-1v-2h1zm2-8h1v1h-1v-1zm1-1h1v1h-1v-1zm1 2v-1h1v1h-1zm0-2h1v-6h-3v1h-3v1h3v1h2v3zm-1-4v-1h1v1h-1zm-7 4h-4v-4h4v4zm6 0h-1v-2h-2v-1h3v1h1v1h-1v1zm-4-6h-8v8h8v-8zm-1 7h-6v-6h6v6zm3 0h-1v-1h2v2h-1v-1zm-3 3v1h-1v-1h1zm15 6h2v3h-1v-1h-2v1h-1v-1h-1v-1h1v-1h1v1h1v-1zm-4 2h-1v1h-1v-1h-1v-1h1v-1h-2v-1h-1v1h-1v1h-2v1h-1v6h5v-1h-1v-2h-1v2h-2v-1h1v-1h-1v-1h3v-1h2v2h-1v1h1v2h1v-2h1v1h1v-1h1v-2h1v-1h-2v-1zm-1 3h-1v-1h1v1zm6-6v-2h1v2h-1zm-9 5v1h-1v-1h1zm5 3v-1h1v2h-2v-1h1zm-3-23v8h8v-8h-8zm7 7h-6v-6h6v6zm-1-1h-4v-4h4v4zm1 4h1v2h-1v1h-2v-4h1v2h1v-1zm-4 6v-3h1v3h-1zm-13-7v1h-2v1h1v1h-3v-1h1v-1h-2v1h-1v-2h6zm-1 4v-1h1v3h-1v-1h-1v1h-1v-1h-1v1h-2v-1h1v-1h4zm-4-1v1h-1v-1h1zm19-2h-1v-1h1v1zm-13 4h1v1h-1v-1zm15 2h-1v-1h1v1zm-5 1v-1h1v1h-1zm-1-1h1v-3h2v-1h1v-1h-1v-1h-2v-1h-1v1h-1v-1h-1v1h-1v-1h-1v1h-1v1h-1v-1h1v-1h-4v1h2v1h-2v1h1v2h1v-1h2v2h1v-4h1v2h3v1h-2v1h2v1zm1-5h1v1h-1v-1zm-2 1h-1v-1h1v1z"/></svg> <span class="vertical-middle">Design</span>
    </button>
    <div class="collapse" id="collapseStyle" data-bs-parent="#collapseSettings" data-parent="#collapseSettings">
                <div class="col-12">
            <label>Pattern</label>
        </div>
        <div class="col-12 mb-2">
            <div class="styleselecta d-inline-block"><input type="radio" name="pattern" id="pattern_default" value="default" checked class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_default"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M5,1h1l0-1L4,0v1H3V0L0,0v0v0v2h1V1h0h1h1v1v0v0l0,0H2v1H1H0h0v3h0v0h2v0H1l0-2h1l0,1h1v1h3v0H5v0V5h1V4H5v1H3 l0-2l1,0v1h1V3h1V2H5V1z M5,3H4V2h1V3z"/></svg></label><input type="radio" name="pattern" id="pattern_circle" value="circle"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_circle"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><circle cx="0.5" cy="0.5" r="0.5"/>
        <circle cx="1.5" cy="0.5" r="0.5"/>
        <circle cx="3.5" cy="0.5" r="0.5"/>
        <circle cx="4.5" cy="0.5" r="0.5"/>
        <circle cx="0.5" cy="1.5" r="0.5"/>
        <circle cx="4.5" cy="1.5" r="0.5"/>
        <circle cx="5.5" cy="1.5" r="0.5"/>
        <circle cx="0.5" cy="2.5" r="0.5"/>
        <circle cx="1.5" cy="2.5" r="0.5"/>
        <circle cx="0.5" cy="3.5" r="0.5"/>
        <circle cx="1.5" cy="3.5" r="0.5"/>
        <circle cx="4.5" cy="3.5" r="0.5"/>
        <circle cx="5.5" cy="3.5" r="0.5"/>
        <circle cx="2.5" cy="4.5" r="0.5"/>
        <circle cx="1.5" cy="5.5" r="0.5"/>
        <circle cx="3.5" cy="5.5" r="0.5"/>
        <circle cx="5.5" cy="5.5" r="0.5"/></svg></label><input type="radio" name="pattern" id="pattern_dot" value="dot"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_dot"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><circle cx="0.5" cy="0.5" r="0.3"/>
        <circle cx="1.5" cy="0.5" r="0.3"/>
        <circle cx="3.5" cy="0.5" r="0.3"/>
        <circle cx="4.5" cy="0.5" r="0.3"/>
        <circle cx="0.5" cy="1.5" r="0.3"/>
        <circle cx="4.5" cy="1.5" r="0.3"/>
        <circle cx="5.5" cy="1.5" r="0.3"/>
        <circle cx="0.5" cy="2.5" r="0.3"/>
        <circle cx="1.5" cy="2.5" r="0.3"/>
        <circle cx="0.5" cy="3.5" r="0.3"/>
        <circle cx="1.5" cy="3.5" r="0.3"/>
        <circle cx="4.5" cy="3.5" r="0.3"/>
        <circle cx="5.5" cy="3.5" r="0.3"/>
        <circle cx="2.5" cy="4.5" r="0.3"/>
        <circle cx="1.5" cy="5.5" r="0.3"/>
        <circle cx="3.5" cy="5.5" r="0.3"/>
        <circle cx="5.5" cy="5.5" r="0.3"/></svg></label><input type="radio" name="pattern" id="pattern_star" value="star"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_star"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><polygon points="0.5,0.8 0.2,1 0.2,0.6 0,0.4 0.3,0.3 0.5,0 0.7,0.3 1,0.4 0.7,0.6 0.8,1"/>
<polygon points="2.5,0.8 2.2,1 2.2,0.6 2,0.4 2.3,0.3 2.5,0 2.7,0.3 3,0.4 2.7,0.6 2.8,1"/>
<polygon points="4.5,0.8 4.2,1 4.3,0.6 4,0.4 4.3,0.3 4.5,0 4.7,0.3 5,0.4 4.8,0.6 4.8,1"/>
<polygon points="5.5,0.8 5.2,1 5.3,0.6 5,0.4 5.3,0.3 5.5,0 5.7,0.3 6,0.4 5.8,0.6 5.8,1"/>
<polygon points="3.5,1.8 3.2,2 3.2,1.6 3,1.4 3.3,1.3 3.5,1 3.7,1.3 4,1.4 3.7,1.6 3.8,2"/>
<polygon points="4.5,1.8 4.2,2 4.2,1.6 4,1.4 4.3,1.3 4.5,1 4.7,1.3 5,1.4 4.7,1.6 4.8,2"/>
<polygon points="2.5,2.8 2.2,3 2.2,2.6 2,2.4 2.3,2.3 2.5,2 2.7,2.3 3,2.4 2.7,2.6 2.8,3"/>
<polygon points="3.5,2.8 3.2,3 3.2,2.6 3,2.4 3.3,2.3 3.5,2 3.7,2.3 4,2.4 3.7,2.6 3.8,3"/>
<polygon points="0.5,3.8 0.2,4 0.2,3.6 0,3.4 0.3,3.3 0.5,3 0.7,3.3 1,3.4 0.7,3.6 0.8,4"/>
<polygon points="1.5,3.8 1.2,4 1.2,3.6 1,3.4 1.3,3.3 1.5,3 1.7,3.3 2,3.4 1.7,3.6 1.8,4"/>
<polygon points="2.5,5.8 2.2,6 2.2,5.6 2,5.4 2.3,5.3 2.5,5 2.7,5.3 3,5.4 2.8,5.6 2.8,6"/>
<polygon points="3.5,5.8 3.2,6 3.2,5.6 3,5.4 3.3,5.3 3.5,5 3.7,5.3 4,5.4 3.8,5.6 3.8,6"/>
<polygon points="0.5,1.8 0.2,2 0.2,1.6 0,1.4 0.3,1.3 0.5,1 0.7,1.3 1,1.4 0.7,1.6 0.8,2"/>
<polygon points="4.5,3.8 4.2,4 4.3,3.6 4,3.4 4.3,3.3 4.5,3 4.7,3.3 5,3.4 4.8,3.6 4.8,4"/>
<polygon points="5.5,4.8 5.2,5 5.3,4.6 5,4.4 5.3,4.3 5.5,4 5.7,4.3 6,4.4 5.8,4.6 5.8,5"/>
<polygon points="0.5,5.8 0.2,6 0.2,5.6 0,5.4 0.3,5.3 0.5,5 0.7,5.3 1,5.4 0.7,5.6 0.8,6"/></svg></label><input type="radio" name="pattern" id="pattern_diamond" value="diamond"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_diamond"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><rect x="0.1" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.2075 0.4992)" width="0.7" height="0.7"/>
<rect x="0.1" y="1.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.9146 0.7923)" width="0.7" height="0.7"/>
<rect x="2.1" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.3783 1.9134)" width="0.7" height="0.7"/>
<rect x="4.1" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.9641 3.3276)" width="0.7" height="0.7"/>
<rect x="5.1" y="0.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 1.257 4.0347)" width="0.7" height="0.7"/>
<rect x="4.1" y="1.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 0.257 3.6205)" width="0.7" height="0.7"/>
<rect x="3.1" y="1.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.593460e-02 2.9134)" width="0.7" height="0.7"/>
<rect x="3.1" y="2.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -0.743 3.2063)" width="0.7" height="0.7"/>
<rect x="2.1" y="2.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.0359 2.4992)" width="0.7" height="0.7"/>
<rect x="1.1" y="3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.0359 2.0849)" width="0.7" height="0.7"/>
<rect x="0.1" y="3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.3287 1.3777)" width="0.7" height="0.7"/>
<rect x="0.1" y="5.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.7428 1.9634)" width="0.7" height="0.7"/>
<rect x="2.1" y="5.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -3.1573 3.3778)" width="0.7" height="0.7"/>
<rect x="3.1" y="5.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -2.8644 4.0849)" width="0.7" height="0.7"/>
<rect x="5.1" y="4.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.5715 5.2063)" width="0.7" height="0.7"/>
<rect x="4.1" y="3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1573 4.2063)" width="0.7" height="0.7"/></svg></label><input type="radio" name="pattern" id="pattern_sparkle" value="sparkle"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_sparkle"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M0.4,0.9L0.4,0.9L0.4,0.9h0.1c0-0.2,0.2-0.3,0.4-0.4l0.1,0l0.1,0c0.2,0,0.3,0.2,0.4,0.4v0.1c0,0.2-0.2,0.3-0.4,0.4L1,1.5 v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4v0.1c0,0.2-0.2,0.3-0.4,0.4L1,2.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1 c0-0.2,0.2-0.3,0.4-0.4l0.1,0V2.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4V1.9c0-0.2,0.2-0.3,0.4-0.4l0.1,0V1.5l-0.1,0 c-0.2,0-0.3-0.2-0.4-0.4V0.9c0-0.2,0.2-0.3,0.4-0.4l0.1,0V0.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H1.5l0,0.1 c0,0.2-0.2,0.3-0.4,0.4L1,0.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H0.5l0,0.1c0,0.2-0.2,0.3-0.4,0.4L0,0.5v0.1l0.1,0 C0.3,0.6,0.4,0.7,0.4,0.9z"/>
    <path d="M3.6,4.1L3.6,4.1L3.6,4.1H3.4c0,0.2-0.2,0.3-0.4,0.4H2.9c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H2.5l0,0.1c0,0.2-0.2,0.3-0.4,0.4 L2,4.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4v0.1c0,0.2-0.2,0.3-0.4,0.4H1.9c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H1.5l0,0.1 c0,0.2-0.2,0.3-0.4,0.4H0.9c-0.2,0-0.3-0.2-0.4-0.4V4.9c0-0.2,0.2-0.3,0.4-0.4l0.1,0V4.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4V3.9 c0-0.2,0.2-0.3,0.4-0.4l0.1,0V3.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H0.5l0,0.1c0,0.2-0.2,0.3-0.4,0.4L0,3.5v0.1l0.1,0 c0.2,0,0.3,0.2,0.4,0.4v0.1c0,0.2-0.2,0.3-0.4,0.4L0,4.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4v0.1c0,0.2-0.2,0.3-0.4,0.4L0,5.5v0.1 l0.1,0c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1c0-0.2,0.2-0.3,0.4-0.4h0.1c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1 c0-0.2,0.2-0.3,0.4-0.4h0.1c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1c0-0.2,0.2-0.3,0.4-0.4h0.1c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1 l0-0.1c0-0.2,0.2-0.3,0.4-0.4l0.1,0V5.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4V4.9c0-0.2,0.2-0.3,0.4-0.4l0.1,0V4.5l-0.1,0 C3.7,4.4,3.6,4.3,3.6,4.1z M3.4,5.1c0,0.2-0.2,0.3-0.4,0.4H2.9c-0.2,0-0.3-0.2-0.4-0.4V4.9c0-0.2,0.2-0.3,0.4-0.4h0.1 c0.2,0,0.3,0.2,0.4,0.4V5.1z"/>
    <path d="M5.6,4.1L5.6,4.1L5.6,4.1H5.4c0,0.2-0.2,0.3-0.4,0.4L5,4.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1 c0-0.2,0.2-0.3,0.4-0.4l0.1,0V4.5l-0.1,0C5.7,4.4,5.6,4.3,5.6,4.1z"/>
    <path d="M5.6,2.1L5.6,2.1L5.6,2.1H5.4c0,0.2-0.2,0.3-0.4,0.4H4.9c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H4.5l0,0.1c0,0.2-0.2,0.3-0.4,0.4 H3.9c-0.2,0-0.3-0.2-0.4-0.4V1.9c0-0.2,0.2-0.3,0.4-0.4l0.1,0V1.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4V0.9c0-0.2,0.2-0.3,0.4-0.4l0.1,0 V0.5l-0.1,0c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H3.5l0,0.1c0,0.2-0.2,0.3-0.4,0.4L3,0.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4v0.1 c0,0.2-0.2,0.3-0.4,0.4L3,1.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4v0.1c0,0.2-0.2,0.3-0.4,0.4L3,2.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4 l0,0.1h0.1l0-0.1c0-0.2,0.2-0.3,0.4-0.4h0.1c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1c0-0.2,0.2-0.3,0.4-0.4h0.1 c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1l0-0.1c0-0.2,0.2-0.3,0.4-0.4l0.1,0V2.5l-0.1,0C5.7,2.4,5.6,2.3,5.6,2.1z"/>
    <path d="M5.9,0.4c-0.2,0-0.3-0.2-0.4-0.4l0-0.1H5.5l0,0.1c0,0.2-0.2,0.3-0.4,0.4L5,0.5v0.1l0.1,0c0.2,0,0.3,0.2,0.4,0.4l0,0.1h0.1 l0-0.1c0-0.2,0.2-0.3,0.4-0.4V0.4L5.9,0.4L5.9,0.4z"/></svg></label><input type="radio" name="pattern" id="pattern_danger" value="danger"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_danger"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><polygon points="2.9,0.5 3,0.4 3,0 2.6,0 2.5,0.1 2.4,0 2,0 2,0.4 2.1,0.5 2,0.6 2,1 2.4,1 2.5,0.9 2.6,1 3,1 3,0.6"/>
    <path d="M6,0H5.6L5.5,0.1L5.4,0H5H4.6L4.5,0.1L4.4,0H4v0.4l0.1,0.1L4,0.6V1H3.6L3.5,1.1L3.4,1H3v0.4l0.1,0.1L3,1.6V2 h0.4l0.1-0.1L3.6,2H4h0.4l0.1-0.1L4.6,2H5V1.6L4.9,1.5L5,1.4V1h0.4l0.1-0.1L5.6,1H6V0.6L5.9,0.5L6,0.4V0z M4,1.6L3.9,1.5L4,1.4 l0.1,0.1L4,1.6z M4.5,1.1L4.4,1l0.1-0.1L4.6,1L4.5,1.1z M5,0.6L4.9,0.5L5,0.4l0.1,0.1L5,0.6z"/>
    <polygon points="2.5,2.1 2.4,2 2,2 2,2.4 2.1,2.5 2,2.6 2,3 2.4,3 2.5,2.9 2.6,3 3,3 3,2.6 2.9,2.5 3,2.4 3,2 2.6,2"/>
    <path d="M0.5,1.9L0.6,2H1V1.6L0.9,1.5L1,1.4V1V0.6L0.9,0.5L1,0.4V0H0.6L0.5,0.1L0.4,0H0v0.4l0.1,0.1L0,0.6V1v0.4 l0.1,0.1L0,1.6V2h0.4L0.5,1.9z M0.5,0.9L0.6,1L0.5,1.1L0.4,1L0.5,0.9z"/>
    <path d="M1.5,3.1L1.4,3H1H0.6L0.5,3.1L0.4,3H0v0.4l0.1,0.1L0,3.6V4h0.4l0.1-0.1L0.6,4H1h0.4l0.1-0.1L1.6,4H2V3.6 L1.9,3.5L2,3.4V3H1.6L1.5,3.1z M1,3.6L0.9,3.5L1,3.4l0.1,0.1L1,3.6z"/>
    <polygon points="0.5,5.1 0.4,5 0,5 0,5.4 0.1,5.5 0,5.6 0,6 0.4,6 0.5,5.9 0.6,6 1,6 1,5.6 0.9,5.5 1,5.4 1,5 0.6,5"/>
    <path d="M3.5,5.1L3.4,5H3H2.6L2.5,5.1L2.4,5H2v0.4l0.1,0.1L2,5.6V6h0.4l0.1-0.1L2.6,6H3h0.4l0.1-0.1L3.6,6H4V5.6 L3.9,5.5L4,5.4V5H3.6L3.5,5.1z M3,5.6L2.9,5.5L3,5.4l0.1,0.1L3,5.6z"/>
    <polygon points="4.9,3.5 5,3.4 5,3 4.6,3 4.5,3.1 4.4,3 4,3 4,3.4 4.1,3.5 4,3.6 4,4 4.4,4 4.5,3.9 4.6,4 5,4 5,3.6"/>
    <polygon points="5.5,4.1 5.4,4 5,4 5,4.4 5.1,4.5 5,4.6 5,5 5.4,5 5.5,4.9 5.6,5 6,5 6,4.6 5.9,4.5 6,4.4 6,4 5.6,4"/></svg></label><input type="radio" name="pattern" id="pattern_cross" value="cross"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_cross"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><polygon points="0.3,2 0.7,2 0.7,1.7 1,1.7 1,1.3 0.7,1.3 0.7,1 0.7,0.7 1,0.7 1,0.3 0.7,0.3 0.7,0 0.3,0 0.3,0.3 0,0.3 0,0.7 0.3,0.7 0.3,1 0.3,1.3 0,1.3 0,1.7 0.3,1.7 "/>
<polygon points="2.3,1 2.7,1 2.7,0.7 3,0.7 3,0.3 2.7,0.3 2.7,0 2.3,0 2.3,0.3 2,0.3 2,0.7 2.3,0.7 "/>
<polygon points="5.7,0.3 5.7,0 5.3,0 5.3,0.3 5,0.3 4.7,0.3 4.7,0 4.3,0 4.3,0.3 4,0.3 4,0.7 4.3,0.7 4.3,1 4.3,1.3 4,1.3 3.7,1.3 3.7,1 3.3,1 3.3,1.3 3,1.3 3,1.7 3.3,1.7 3.3,2 3.7,2 3.7,1.7 4,1.7 4,1.7 4.3,1.7 4.3,2 4.7,2 4.7,1.7 5,1.7 5,1.3 4.7,1.3 4.7,1 4.7,0.7 5,0.7 5,0.7 5.3,0.7 5.3,1 5.7,1 5.7,0.7 6,0.7 6,0.3 "/>
<polygon points="2.3,3 2.7,3 2.7,2.7 3,2.7 3,2.3 2.7,2.3 2.7,2 2.3,2 2.3,2.3 2,2.3 2,2.7 2.3,2.7 "/>
<polygon points="1.7,3 1.3,3 1.3,3.3 1,3.3 0.7,3.3 0.7,3 0.3,3 0.3,3.3 0,3.3 0,3.7 0.3,3.7 0.3,4 0.7,4 0.7,3.7 1,3.7 1,3.7 1.3,3.7 1.3,4 1.7,4 1.7,3.7 2,3.7 2,3.3 1.7,3.3 "/>
<polygon points="4.7,3 4.3,3 4.3,3.3 4,3.3 4,3.7 4.3,3.7 4.3,4 4.7,4 4.7,3.7 5,3.7 5,3.3 4.7,3.3 "/>
<polygon points="5.7,4 5.3,4 5.3,4.3 5,4.3 5,4.7 5.3,4.7 5.3,5 5.7,5 5.7,4.7 6,4.7 6,4.3 5.7,4.3 "/>
<polygon points="3.7,5 3.3,5 3.3,5.3 3,5.3 2.7,5.3 2.7,5 2.3,5 2.3,5.3 2,5.3 2,5.7 2.3,5.7 2.3,6 2.7,6 2.7,5.7 3,5.7 3,5.7 3.3,5.7 3.3,6 3.7,6 3.7,5.7 4,5.7 4,5.3 3.7,5.3 "/>
<polygon points="0.7,5 0.3,5 0.3,5.3 0,5.3 0,5.7 0.3,5.7 0.3,6 0.7,6 0.7,5.7 1,5.7 1,5.3 0.7,5.3 "/></svg></label><input type="radio" name="pattern" id="pattern_plus" value="plus"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_plus"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M0.7,0.8L0.7,0.8L0.7,0.8c0.1-0.1,0.2-0.1,0.2-0.1C1,0.6,1,0.6,1,0.5c0-0.1-0.1-0.2-0.2-0.2H0.7V0.2
    C0.7,0.1,0.6,0,0.5,0S0.3,0.1,0.3,0.2v0.1H0.2C0.1,0.3,0,0.4,0,0.5s0.1,0.2,0.2,0.2h0.1v0.1C0.3,0.9,0.4,1,0.5,1 c0.1,0,0.1,0,0.2-0.1S0.7,0.8,0.7,0.8z"/>
<path d="M2.2,0.7L2.2,0.7L2.2,0.7C2.3,0.9,2.4,1,2.5,1c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V0.7h0.1 c0.1,0,0.1,0,0.2-0.1C3,0.6,3,0.6,3,0.5c0-0.1-0.1-0.2-0.2-0.2H2.7V0.2C2.7,0.1,2.6,0,2.5,0S2.3,0.1,2.3,0.2v0.1H2.2 C2.1,0.3,2,0.4,2,0.5S2.1,0.7,2.2,0.7z"/>
<path d="M4.7,0.8L4.7,0.8L4.7,0.8c0.1-0.1,0.2-0.1,0.2-0.1C5,0.6,5,0.6,5,0.5c0-0.1-0.1-0.2-0.2-0.2H4.7V0.2 C4.7,0.1,4.6,0,4.5,0S4.3,0.1,4.3,0.2v0.1H4.2C4.1,0.3,4,0.4,4,0.5s0.1,0.2,0.2,0.2h0.1v0.1C4.3,0.9,4.4,1,4.5,1 c0.1,0,0.1,0,0.2-0.1S4.7,0.8,4.7,0.8z"/>
<path d="M5.2,0.7L5.2,0.7L5.2,0.7C5.3,0.9,5.4,1,5.5,1c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V0.7h0.1 c0.1,0,0.1,0,0.2-0.1C6,0.6,6,0.6,6,0.5c0-0.1-0.1-0.2-0.2-0.2H5.7V0.2C5.7,0.1,5.6,0,5.5,0S5.3,0.1,5.3,0.2v0.1H5.2 C5.1,0.3,5,0.4,5,0.5S5.1,0.7,5.2,0.7z"/>
<path d="M4.2,1.7L4.2,1.7L4.2,1.7C4.3,1.9,4.4,2,4.5,2c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V1.7h0.1 c0.1,0,0.1,0,0.2-0.1C5,1.6,5,1.6,5,1.5c0-0.1-0.1-0.2-0.2-0.2H4.7V1.2C4.7,1.1,4.6,1,4.5,1S4.3,1.1,4.3,1.2v0.1H4.2 C4.1,1.3,4,1.4,4,1.5S4.1,1.7,4.2,1.7z"/>
<path d="M3.7,1.8L3.7,1.8L3.7,1.8c0.1-0.1,0.2-0.1,0.2-0.1C4,1.6,4,1.6,4,1.5c0-0.1-0.1-0.2-0.2-0.2H3.7V1.2 C3.7,1.1,3.6,1,3.5,1S3.3,1.1,3.3,1.2v0.1H3.2C3.1,1.3,3,1.4,3,1.5s0.1,0.2,0.2,0.2h0.1v0.1C3.3,1.9,3.4,2,3.5,2 c0.1,0,0.1,0,0.2-0.1S3.7,1.8,3.7,1.8z"/>
<path d="M3.2,2.7L3.2,2.7L3.2,2.7C3.3,2.9,3.4,3,3.5,3c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V2.7h0.1 c0.1,0,0.1,0,0.2-0.1C4,2.6,4,2.6,4,2.5c0-0.1-0.1-0.2-0.2-0.2H3.7V2.2C3.7,2.1,3.6,2,3.5,2S3.3,2.1,3.3,2.2v0.1H3.2 C3.1,2.3,3,2.4,3,2.5S3.1,2.7,3.2,2.7z"/>
<path d="M2.2,2.7L2.2,2.7L2.2,2.7C2.3,2.9,2.4,3,2.5,3c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V2.7h0.1 c0.1,0,0.1,0,0.2-0.1C3,2.6,3,2.6,3,2.5c0-0.1-0.1-0.2-0.2-0.2H2.7V2.2C2.7,2.1,2.6,2,2.5,2S2.3,2.1,2.3,2.2v0.1H2.2 C2.1,2.3,2,2.4,2,2.5S2.1,2.7,2.2,2.7z"/>
<path d="M0.3,1.2L0.3,1.2L0.3,1.2C0.1,1.3,0,1.4,0,1.5s0.1,0.2,0.2,0.2h0.1v0.1C0.3,1.9,0.4,2,0.5,2 c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V1.7h0.1c0.1,0,0.1,0,0.2-0.1C1,1.6,1,1.6,1,1.5c0-0.1-0.1-0.2-0.2-0.2H0.7V1.2 C0.7,1.1,0.6,1,0.5,1S0.3,1.1,0.3,1.2z"/>
<path d="M0.8,3.3L0.8,3.3L0.8,3.3C0.7,3.1,0.6,3,0.5,3S0.3,3.1,0.3,3.2v0.1H0.2C0.1,3.3,0,3.4,0,3.5s0.1,0.2,0.2,0.2 h0.1v0.1C0.3,3.9,0.4,4,0.5,4c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V3.7h0.1c0.1,0,0.1,0,0.2-0.1C1,3.6,1,3.6,1,3.5 C1,3.4,0.9,3.3,0.8,3.3z"/>
<path d="M1.8,3.3L1.8,3.3L1.8,3.3C1.7,3.1,1.6,3,1.5,3S1.3,3.1,1.3,3.2v0.1H1.2C1.1,3.3,1,3.4,1,3.5s0.1,0.2,0.2,0.2 h0.1v0.1C1.3,3.9,1.4,4,1.5,4c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V3.7h0.1c0.1,0,0.1,0,0.2-0.1C2,3.6,2,3.6,2,3.5 C2,3.4,1.9,3.3,1.8,3.3z"/>
<path d="M4.8,3.3L4.8,3.3L4.8,3.3C4.7,3.1,4.6,3,4.5,3S4.3,3.1,4.3,3.2v0.1H4.2C4.1,3.3,4,3.4,4,3.5s0.1,0.2,0.2,0.2 h0.1v0.1C4.3,3.9,4.4,4,4.5,4c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V3.7h0.1c0.1,0,0.1,0,0.2-0.1C5,3.6,5,3.6,5,3.5 C5,3.4,4.9,3.3,4.8,3.3z"/>
<path d="M5.8,4.3L5.8,4.3L5.8,4.3C5.7,4.1,5.6,4,5.5,4S5.3,4.1,5.3,4.2v0.1H5.2C5.1,4.3,5,4.4,5,4.5s0.1,0.2,0.2,0.2 h0.1v0.1C5.3,4.9,5.4,5,5.5,5c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V4.7h0.1c0.1,0,0.1,0,0.2-0.1C6,4.6,6,4.6,6,4.5 C6,4.4,5.9,4.3,5.8,4.3z"/>
<path d="M3.8,5.3L3.8,5.3L3.8,5.3C3.7,5.1,3.6,5,3.5,5S3.3,5.1,3.3,5.2v0.1H3.2C3.1,5.3,3,5.4,3,5.5s0.1,0.2,0.2,0.2 h0.1v0.1C3.3,5.9,3.4,6,3.5,6c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V5.7h0.1c0.1,0,0.1,0,0.2-0.1C4,5.6,4,5.6,4,5.5 C4,5.4,3.9,5.3,3.8,5.3z"/>
<path d="M2.8,5.3L2.8,5.3L2.8,5.3C2.7,5.1,2.6,5,2.5,5S2.3,5.1,2.3,5.2v0.1H2.2C2.1,5.3,2,5.4,2,5.5s0.1,0.2,0.2,0.2 h0.1v0.1C2.3,5.9,2.4,6,2.5,6c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V5.7h0.1c0.1,0,0.1,0,0.2-0.1C3,5.6,3,5.6,3,5.5 C3,5.4,2.9,5.3,2.8,5.3z"/>
<path d="M0.8,5.3L0.8,5.3L0.8,5.3C0.7,5.1,0.6,5,0.5,5S0.3,5.1,0.3,5.2v0.1H0.2C0.1,5.3,0,5.4,0,5.5s0.1,0.2,0.2,0.2 h0.1v0.1C0.3,5.9,0.4,6,0.5,6c0.1,0,0.1,0,0.2-0.1s0.1-0.1,0.1-0.2V5.7h0.1c0.1,0,0.1,0,0.2-0.1C1,5.6,1,5.6,1,5.5 C1,5.4,0.9,5.3,0.8,5.3z"/></svg></label><input type="radio" name="pattern" id="pattern_x" value="x"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_x"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M0.5,0.9L0.5,0.9C0.6,1,0.7,1,0.7,1s0.1,0,0.2-0.1C1,0.8,1,0.7,0.9,0.6L0.9,0.5l0.1-0.1C1,0.3,1,0.2,0.9,0.1 S0.7,0,0.6,0.1L0.5,0.1L0.4,0.1C0.3,0,0.2,0,0.1,0.1C0,0.2,0,0.3,0.1,0.4l0.1,0.1L0.1,0.6C0,0.7,0,0.8,0.1,0.9C0.1,1,0.2,1,0.3,1 C0.3,1,0.4,1,0.5,0.9L0.5,0.9z"/>
<path d="M2.1,0.9C2.1,1,2.2,1,2.3,1c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C2.6,1,2.7,1,2.7,1s0.1,0,0.2-0.1 C3,0.8,3,0.7,2.9,0.6L2.9,0.5l0.1-0.1C3,0.3,3,0.2,2.9,0.1S2.7,0,2.6,0.1L2.5,0.1L2.4,0.1C2.3,0,2.2,0,2.1,0.1S2,0.3,2.1,0.4 l0.1,0.1L2.1,0.6C2,0.7,2,0.8,2.1,0.9z"/>
<path d="M4.9,0.5L4.9,0.5C5,0.4,5,0.3,5,0.3s0-0.1-0.1-0.2C4.8,0,4.7,0,4.6,0.1L4.5,0.1L4.4,0.1C4.3,0,4.2,0,4.1,0.1 S4,0.3,4.1,0.4l0.1,0.1L4.1,0.6C4,0.7,4,0.8,4.1,0.9C4.1,1,4.2,1,4.3,1c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C4.6,1,4.7,1,4.7,1 s0.1,0,0.2-0.1C5,0.9,5,0.8,5,0.7C5,0.7,5,0.6,4.9,0.5L4.9,0.5z"/>
<path d="M5.9,0.5L5.9,0.5C6,0.3,6,0.2,5.9,0.1S5.7,0,5.6,0.1L5.5,0.1L5.4,0.1C5.3,0,5.2,0,5.1,0.1C5,0.1,5,0.2,5,0.3 s0,0.1,0.1,0.2l0.1,0.1L5.1,0.6C5,0.6,5,0.7,5,0.7c0,0.1,0,0.1,0.1,0.2C5.1,1,5.2,1,5.3,1c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1 C5.6,1,5.7,1,5.7,1s0.1,0,0.2-0.1C6,0.8,6,0.7,5.9,0.5L5.9,0.5z"/>
<path d="M4.5,1.1L4.5,1.1C4.4,1,4.3,1,4.3,1S4.1,1,4.1,1.1C4,1.1,4,1.2,4,1.3s0,0.1,0.1,0.2l0.1,0.1L4.1,1.6 C4,1.6,4,1.7,4,1.7c0,0.1,0,0.1,0.1,0.2C4.1,2,4.2,2,4.3,2c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C4.6,2,4.7,2,4.7,2s0.1,0,0.2-0.1 C5,1.8,5,1.7,4.9,1.6L4.9,1.5l0.1-0.1C5,1.3,5,1.2,4.9,1.1C4.9,1,4.8,1,4.7,1C4.7,1,4.6,1,4.5,1.1L4.5,1.1z"/>
<path d="M3.9,1.5L3.9,1.5C4,1.4,4,1.3,4,1.3s0-0.1-0.1-0.2C3.8,1,3.7,1,3.6,1.1L3.5,1.1L3.4,1.1C3.3,1,3.2,1,3.1,1.1 C3,1.2,3,1.3,3.1,1.4l0.1,0.1L3.1,1.6C3,1.7,3,1.8,3.1,1.9C3.1,2,3.2,2,3.3,2c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1 C3.6,2,3.7,2,3.7,2s0.1,0,0.2-0.1C4,1.9,4,1.8,4,1.7C4,1.7,4,1.6,3.9,1.5L3.9,1.5z"/>
<path d="M2.1,2.9C2.1,3,2.2,3,2.3,3c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C2.6,3,2.7,3,2.7,3s0.1,0,0.2-0.1 C3,2.8,3,2.7,2.9,2.6L2.9,2.5l0.1-0.1C3,2.3,3,2.2,2.9,2.1C2.8,2,2.7,2,2.6,2.1L2.5,2.1L2.4,2.1C2.3,2,2.2,2,2.1,2.1 C2,2.2,2,2.3,2.1,2.4l0.1,0.1L2.1,2.6C2,2.7,2,2.8,2.1,2.9z"/>
<path d="M0.1,1.9C0.1,2,0.2,2,0.3,2c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C0.6,2,0.7,2,0.7,2s0.1,0,0.2-0.1 C1,1.8,1,1.7,0.9,1.6L0.9,1.5l0.1-0.1C1,1.3,1,1.2,0.9,1.1C0.9,1,0.8,1,0.7,1C0.7,1,0.6,1,0.6,1.1L0.5,1.1L0.4,1.1 C0.4,1,0.3,1,0.3,1S0.1,1,0.1,1.1C0,1.2,0,1.3,0.1,1.4l0.1,0.1L0.1,1.6C0,1.7,0,1.8,0.1,1.9z"/>
<path d="M0.9,3.5L0.9,3.5C1,3.4,1,3.3,1,3.3s0-0.1-0.1-0.2C0.8,3,0.7,3,0.6,3.1L0.5,3.1L0.4,3.1C0.3,3,0.2,3,0.1,3.1 C0,3.2,0,3.3,0.1,3.4l0.1,0.1L0.1,3.6C0,3.7,0,3.8,0.1,3.9C0.1,4,0.2,4,0.3,4c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1 C0.6,4,0.7,4,0.7,4s0.1,0,0.2-0.1C1,3.9,1,3.8,1,3.7C1,3.7,1,3.6,0.9,3.5L0.9,3.5z"/>
<path d="M1.9,3.6L1.9,3.6V3.4C2,3.3,2,3.2,1.9,3.1C1.8,3,1.7,3,1.6,3.1L1.5,3.1L1.4,3.1C1.3,3,1.2,3,1.1,3.1 C1,3.1,1,3.2,1,3.3s0,0.1,0.1,0.2l0.1,0.1L1.1,3.6C1,3.6,1,3.7,1,3.7c0,0.1,0,0.1,0.1,0.2C1.1,4,1.2,4,1.3,4c0.1,0,0.1,0,0.2-0.1 l0.1-0.1l0.1,0.1C1.6,4,1.7,4,1.7,4s0.1,0,0.2-0.1C2,3.8,2,3.7,1.9,3.6z"/>
<path d="M4.9,3.6L4.9,3.6V3.4C5,3.3,5,3.2,4.9,3.1C4.8,3,4.7,3,4.6,3.1L4.5,3.1L4.4,3.1C4.3,3,4.2,3,4.1,3.1 C4,3.2,4,3.3,4.1,3.4l0.1,0.1L4.1,3.6C4,3.7,4,3.8,4.1,3.9C4.1,4,4.2,4,4.3,4c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1 C4.6,4,4.7,4,4.7,4s0.1,0,0.2-0.1C5,3.8,5,3.7,4.9,3.6z"/>
<path d="M5.9,4.1C5.8,4,5.7,4,5.6,4.1L5.5,4.1L5.4,4.1C5.3,4,5.2,4,5.1,4.1C5,4.2,5,4.3,5.1,4.4l0.1,0.1L5.1,4.6 C5,4.7,5,4.8,5.1,4.9C5.1,5,5.2,5,5.3,5c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C5.6,5,5.7,5,5.7,5s0.1,0,0.2-0.1C6,4.8,6,4.7,5.9,4.6 L5.9,4.5l0.1-0.1C6,4.3,6,4.2,5.9,4.1z"/>
<path d="M3.9,5.1C3.8,5,3.7,5,3.6,5.1L3.5,5.1L3.4,5.1C3.3,5,3.2,5,3.1,5.1C3,5.1,3,5.2,3,5.3s0,0.1,0.1,0.2l0.1,0.1 L3.1,5.6C3,5.6,3,5.7,3,5.7c0,0.1,0,0.1,0.1,0.2C3.1,6,3.2,6,3.3,6c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C3.6,6,3.7,6,3.7,6 s0.1,0,0.2-0.1C4,5.8,4,5.7,3.9,5.6L3.9,5.5l0.1-0.1C4,5.3,4,5.2,3.9,5.1z"/>
<path d="M2.9,5.5L2.9,5.5C3,5.4,3,5.3,3,5.3s0-0.1-0.1-0.2C2.8,5,2.7,5,2.6,5.1L2.5,5.1L2.4,5.1C2.3,5,2.2,5,2.1,5.1 C2,5.2,2,5.3,2.1,5.4l0.1,0.1L2.1,5.6C2,5.7,2,5.8,2.1,5.9C2.1,6,2.2,6,2.3,6c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1 C2.6,6,2.7,6,2.7,6s0.1,0,0.2-0.1C3,5.9,3,5.8,3,5.7C3,5.7,3,5.6,2.9,5.5L2.9,5.5z"/>
<path d="M0.9,5.1C0.8,5,0.7,5,0.6,5.1L0.5,5.1L0.4,5.1C0.3,5,0.2,5,0.1,5.1C0,5.2,0,5.3,0.1,5.4l0.1,0.1L0.1,5.6 C0,5.7,0,5.8,0.1,5.9C0.1,6,0.2,6,0.3,6c0.1,0,0.1,0,0.2-0.1l0.1-0.1l0.1,0.1C0.6,6,0.7,6,0.7,6s0.1,0,0.2-0.1C1,5.8,1,5.7,0.9,5.6 L0.9,5.5l0.1-0.1C1,5.3,1,5.2,0.9,5.1z"/></svg></label><input type="radio" name="pattern" id="pattern_heart" value="heart"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_heart"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M0.8,0C0.7,0,0.6,0,0.5,0.1C0.4,0,0.4,0,0.3,0C0.1,0,0,0.1,0,0.3c0,0.1,0,0.1,0,0.2l0,0L0.5,1l0.4-0.5 C1,0.4,1,0.3,1,0.3C1,0.1,0.9,0,0.8,0z"/>
<path d="M2.8,0C2.7,0,2.6,0,2.5,0.1C2.4,0,2.4,0,2.3,0C2.1,0,2,0.1,2,0.3c0,0.1,0,0.1,0,0.2l0,0L2.5,1l0.4-0.5 C3,0.4,3,0.3,3,0.3C3,0.1,2.9,0,2.8,0z"/>
<path d="M4.8,0C4.7,0,4.6,0,4.5,0.1C4.4,0,4.4,0,4.3,0C4.1,0,4,0.1,4,0.3c0,0.1,0,0.1,0,0.2l0,0L4.5,1l0.4-0.5 C5,0.4,5,0.3,5,0.3C5,0.1,4.9,0,4.8,0z"/>
<path d="M5,0.5L5.5,1l0.4-0.5C6,0.4,6,0.3,6,0.3C6,0.1,5.9,0,5.8,0C5.7,0,5.6,0,5.5,0.1C5.4,0,5.4,0,5.3,0 C5.1,0,5,0.1,5,0.3C5,0.3,5,0.4,5,0.5L5,0.5z"/>
<path d="M4.8,1C4.7,1,4.6,1,4.5,1.1C4.4,1,4.4,1,4.3,1C4.1,1,4,1.1,4,1.3c0,0.1,0,0.1,0,0.2l0,0L4.5,2l0.4-0.5 C5,1.4,5,1.3,5,1.3C5,1.1,4.9,1,4.8,1z"/>
<path d="M3.8,1C3.7,1,3.6,1,3.5,1.1C3.4,1,3.4,1,3.3,1C3.1,1,3,1.1,3,1.3c0,0.1,0,0.1,0,0.2l0,0L3.5,2l0.4-0.5 C4,1.4,4,1.3,4,1.3C4,1.1,3.9,1,3.8,1z"/>
<path d="M2.8,2C2.7,2,2.6,2,2.5,2.1C2.4,2,2.4,2,2.3,2C2.1,2,2,2.1,2,2.3c0,0.1,0,0.1,0,0.2l0,0L2.5,3l0.4-0.5 C3,2.4,3,2.3,3,2.3C3,2.1,2.9,2,2.8,2z"/>
<path d="M0.8,1C0.7,1,0.6,1,0.5,1.1C0.4,1,0.4,1,0.3,1C0.1,1,0,1.1,0,1.3c0,0.1,0,0.1,0,0.2l0,0L0.5,2l0.4-0.5 C1,1.4,1,1.3,1,1.3C1,1.1,0.9,1,0.8,1z"/>
<path d="M0.8,3C0.7,3,0.6,3,0.5,3.1C0.4,3,0.4,3,0.3,3C0.1,3,0,3.1,0,3.3c0,0.1,0,0.1,0,0.2l0,0L0.5,4l0.4-0.5 C1,3.4,1,3.3,1,3.3C1,3.1,0.9,3,0.8,3z"/>
<path d="M1.8,3C1.7,3,1.6,3,1.5,3.1C1.4,3,1.4,3,1.3,3C1.1,3,1,3.1,1,3.3c0,0.1,0,0.1,0,0.2l0,0L1.5,4l0.4-0.5 C2,3.4,2,3.3,2,3.3C2,3.1,1.9,3,1.8,3z"/>
<path d="M4.8,3C4.7,3,4.6,3,4.5,3.1C4.4,3,4.4,3,4.3,3C4.1,3,4,3.1,4,3.3c0,0.1,0,0.1,0,0.2l0,0L4.5,4l0.4-0.5 C5,3.4,5,3.3,5,3.3C5,3.1,4.9,3,4.8,3z"/>
<path d="M5.8,4C5.7,4,5.6,4,5.5,4.1C5.4,4,5.4,4,5.3,4C5.1,4,5,4.1,5,4.3c0,0.1,0,0.1,0,0.2l0,0L5.5,5l0.4-0.5 C6,4.4,6,4.3,6,4.3C6,4.1,5.9,4,5.8,4z"/>
<path d="M3.8,5C3.7,5,3.6,5,3.5,5.1C3.4,5,3.4,5,3.3,5C3.1,5,3,5.1,3,5.3c0,0.1,0,0.1,0,0.2l0,0L3.5,6l0.4-0.5 C4,5.4,4,5.3,4,5.3C4,5.1,3.9,5,3.8,5z"/>
<path d="M2.8,5C2.7,5,2.6,5,2.5,5.1C2.4,5,2.4,5,2.3,5C2.1,5,2,5.1,2,5.3c0,0.1,0,0.1,0,0.2l0,0L2.5,6l0.4-0.5 C3,5.4,3,5.3,3,5.3C3,5.1,2.9,5,2.8,5z"/>
<path d="M0.8,5C0.7,5,0.6,5,0.5,5.1C0.4,5,0.4,5,0.3,5C0.1,5,0,5.1,0,5.3c0,0.1,0,0.1,0,0.2l0,0L0.5,6l0.4-0.5 C1,5.4,1,5.3,1,5.3C1,5.1,0.9,5,0.8,5z"/></svg></label><input type="radio" name="pattern" id="pattern_shake" value="shake"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_shake"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><rect x="0.1" y="0.1" transform="matrix(0.9962 -8.720575e-02 8.720575e-02 0.9962 -4.170330e-02 4.550928e-02)" width="0.8" height="0.8"/>
<rect x="2.1" y="0.1" transform="matrix(6.981014e-02 -0.9976 0.9976 6.981014e-02 1.8266 2.9591)" width="0.8" height="0.8"/>
<rect x="4.1" y="0.1" transform="matrix(0.1045 -0.9945 0.9945 0.1045 3.5323 4.9232)" width="0.8" height="0.8"/>
<rect x="5.1" y="0.1" transform="matrix(0.9962 -8.713004e-02 8.713004e-02 0.9962 -2.265348e-02 0.4811)" width="0.8" height="0.8"/>
<rect x="4.1" y="1.1" transform="matrix(0.9986 -5.233859e-02 5.233859e-02 0.9986 -7.234332e-02 0.2376)" width="0.8" height="0.8"/>
<rect x="3.1" y="1.1" transform="matrix(0.1736 -0.9848 0.9848 0.1736 1.415 4.6864)" width="0.8" height="0.8"/>
<rect x="2.1" y="2.1" transform="matrix(0.9962 -8.720575e-02 8.720575e-02 0.9962 -0.2085 0.2275)" width="0.8" height="0.8"/>
<rect x="0.1" y="1.1" transform="matrix(5.233460e-02 -0.9986 0.9986 5.233460e-02 -1.0241 1.9209)" width="0.8" height="0.8"/>
<rect x="0.1" y="3.1" transform="matrix(0.9998 -1.747158e-02 1.747158e-02 0.9998 -6.107527e-02 9.270038e-03)" width="0.8" height="0.8"/>
<rect x="1.1" y="3.1" transform="matrix(3.486695e-02 -0.9994 0.9994 3.486695e-02 -2.0502 4.8771)" width="0.8" height="0.8"/>
<rect x="4.1" y="3.1" transform="matrix(0.1564 -0.9877 0.9877 0.1564 0.3392 7.3973)" width="0.8" height="0.8"/>
<rect x="5.1" y="4.1" transform="matrix(0.1045 -0.9945 0.9945 0.1045 0.4498 9.4996)" width="0.8" height="0.8"/>
<rect x="3.1" y="5.1" transform="matrix(0.9962 -8.720575e-02 8.720575e-02 0.9962 -0.4663 0.3262)" width="0.8" height="0.8"/>
<rect x="2.1" y="5.1" transform="matrix(8.719913e-02 -0.9962 0.9962 8.719913e-02 -3.1971 7.511)" width="0.8" height="0.8"/>
<rect x="0.1" y="5.1" transform="matrix(8.719913e-02 -0.9962 0.9962 8.719913e-02 -5.0227 5.5186)" width="0.8" height="0.8"/></svg></label><input type="radio" name="pattern" id="pattern_blob" value="blob"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_blob"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><circle cx="5.5" cy="4.5" r="0.5"/>
    <path d="M5.8,0.2C5.7,0.2,5.6,0.1,5.5,0.1c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4c0.1,0,0.2,0,0.3-0.1
        C5.8,0.7,5.9,0.7,6,0.7V0.3C5.9,0.3,5.8,0.3,5.8,0.2z"/>
    <path d="M3.9,4.5c0-0.2-0.2-0.4-0.4-0.4c-0.1,0-0.2,0-0.3,0.1C3.2,4.3,3.1,4.3,3,4.3c-0.1,0-0.2,0-0.2-0.1 C2.7,4.2,2.6,4.1,2.5,4.1c-0.2,0-0.4,0.2-0.4,0.4c0,0.1,0,0.2,0.1,0.3C2.3,4.8,2.3,4.9,2.3,5c0,0.2-0.1,0.3-0.3,0.3c0,0,0,0-0.1,0
        C1.9,5.1,1.7,5,1.5,5S1.1,5.1,1.1,5.3c0,0,0,0-0.1,0v0c-0.1,0-0.2,0-0.2-0.1c0,0,0,0,0,0C0.7,5.2,0.7,5.1,0.7,5c0,0,0,0,0-0.1 C0.9,4.9,1,4.7,1,4.5S0.9,4.1,0.7,4.1c0,0,0,0,0-0.1h0c0-0.1,0-0.2,0.1-0.2c0.1-0.1,0.1-0.2,0.1-0.3c0-0.2-0.2-0.4-0.4-0.4 S0.1,3.3,0.1,3.5c0,0.1,0,0.2,0.1,0.3C0.3,3.8,0.3,3.9,0.3,4c0,0,0,0,0,0.1C0.1,4.1,0,4.3,0,4.5s0.1,0.4,0.3,0.4c0,0,0,0,0,0 c0,0,0,0,0,0c0,0.1,0,0.2-0.1,0.2C0.2,5.3,0.1,5.4,0.1,5.5c0,0.2,0.2,0.4,0.4,0.4c0.1,0,0.2,0,0.3-0.1C0.8,5.7,0.9,5.7,1,5.7v0 c0,0,0,0,0.1,0C1.1,5.9,1.3,6,1.5,6s0.4-0.1,0.4-0.3c0,0,0,0,0.1,0c0.2,0,0.3,0.1,0.3,0.3h0.3c0-0.2,0.1-0.3,0.3-0.3h0 c0,0,0,0,0.1,0c0.1,0,0.1,0,0.2,0.1c0,0,0,0,0,0C3.3,5.8,3.3,5.9,3.3,6h0.3c0-0.1,0-0.2,0.1-0.2c0,0,0,0,0,0 c0.1-0.1,0.1-0.2,0.1-0.3c0-0.1,0-0.2-0.1-0.3c0,0,0,0,0,0C3.7,5.2,3.7,5.1,3.7,5h0c0-0.1,0-0.2,0.1-0.2C3.8,4.7,3.9,4.6,3.9,4.5z M3.2,5.2C3.2,5.2,3.2,5.2,3.2,5.2c0,0-0.1,0.1-0.2,0.1c0,0,0,0-0.1,0h0C2.8,5.3,2.7,5.2,2.7,5c0-0.1,0-0.2,0.1-0.2c0,0,0,0,0,0 C2.8,4.7,2.9,4.7,3,4.7s0.2,0,0.2,0.1c0,0,0,0,0,0C3.3,4.8,3.3,4.9,3.3,5h0C3.3,5.1,3.3,5.2,3.2,5.2z"/>
    <path d="M5.2,2.8c0.1,0.1,0.2,0.1,0.3,0.1c0.2,0,0.4-0.2,0.4-0.4S5.7,2.1,5.5,2.1c-0.1,0-0.2,0-0.3,0.1 C5.2,2.3,5.1,2.3,5,2.3c0,0,0,0,0,0v0c0,0,0,0-0.1,0C4.9,2.1,4.7,2,4.5,2C4.3,2,4.1,2.1,4.1,2.3c0,0,0,0-0.1,0 c-0.1,0-0.2,0-0.2-0.1c0,0,0,0,0,0C3.7,2.2,3.7,2.1,3.7,2c0-0.1,0-0.2,0.1-0.2c0,0,0,0,0,0c0.1-0.1,0.1-0.2,0.1-0.3 c0-0.1,0-0.2-0.1-0.3c0,0,0,0,0,0C3.7,1.2,3.7,1.1,3.7,1c0-0.1,0-0.2,0.1-0.2c0.1-0.1,0.1-0.2,0.1-0.3c0-0.2-0.2-0.4-0.4-0.4 c-0.2,0-0.4,0.2-0.4,0.4c0,0.1,0,0.2,0.1,0.3C3.3,0.8,3.3,0.9,3.3,1c0,0.1,0,0.2-0.1,0.2c0,0,0,0,0,0C3.2,1.3,3.1,1.4,3.1,1.5 c0,0.1,0,0.2,0.1,0.3c0,0,0,0,0,0C3.3,1.8,3.3,1.9,3.3,2c0,0.1,0,0.2-0.1,0.2C3.2,2.3,3.1,2.4,3.1,2.5c0,0.2,0.2,0.4,0.4,0.4 c0.1,0,0.2,0,0.3-0.1C3.8,2.7,3.9,2.7,4,2.7c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0.1,0C4.1,2.9,4.3,3,4.5,3c0.2,0,0.4-0.1,0.4-0.3 c0,0,0,0,0.1,0c0,0,0,0,0,0C5.1,2.7,5.2,2.7,5.2,2.8z"/>
    <path d="M0.5,0.9c0.1,0,0.2,0,0.3-0.1C0.8,0.7,0.9,0.7,1,0.7c0,0,0,0,0.1,0c0.1,0,0.1,0,0.2,0.1c0,0,0,0,0,0 C1.3,0.8,1.3,0.9,1.3,1h0c0,0,0,0,0,0.1C1.1,1.1,1,1.3,1,1.5s0.1,0.4,0.3,0.4c0,0,0,0,0,0.1c0,0,0,0,0,0c0,0.1,0,0.2-0.1,0.2 C1.2,2.3,1.1,2.4,1.1,2.5c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4c0-0.1,0-0.2-0.1-0.3C1.7,2.2,1.7,2.1,1.7,2c0,0,0,0,0,0 c0,0,0,0,0,0C1.9,1.9,2,1.7,2,1.5S1.9,1.1,1.7,1.1c0,0,0,0,0-0.1v0c0-0.1,0-0.2,0.1-0.2c0,0,0,0,0,0c0.1-0.1,0.1-0.2,0.1-0.3 c0-0.1,0-0.2-0.1-0.3c0,0,0,0,0,0C1.7,0.2,1.7,0.1,1.7,0H1.3c0,0.1,0,0.2-0.1,0.2c0,0,0,0,0,0c0,0-0.1,0.1-0.2,0.1c0,0,0,0-0.1,0 c-0.1,0-0.2,0-0.2-0.1C0.7,0.2,0.6,0.1,0.5,0.1c-0.2,0-0.4,0.2-0.4,0.4S0.3,0.9,0.5,0.9z"/></svg></label><input type="radio" name="pattern" id="pattern_special-circle-orizz" value="special-circle-orizz"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_special-circle-orizz"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M0.5,0.9l1,0c0.2,0,0.4-0.2,0.4-0.4c0-0.2-0.2-0.4-0.4-0.4l-1,0c-0.2,0-0.4,0.2-0.4,0.4S0.3,0.9,0.5,0.9z"/>
    <path d="M1.5,1.9l2,0c0.2,0,0.4-0.2,0.4-0.4c0-0.2-0.2-0.4-0.4-0.4l-2,0c-0.2,0-0.4,0.2-0.4,0.4S1.3,1.9,1.5,1.9z"/>
    <path d="M3.5,0.9c0.2,0,0.4-0.2,0.4-0.4c0-0.2-0.2-0.4-0.4-0.4S3.1,0.3,3.1,0.5C3.1,0.7,3.3,0.9,3.5,0.9z"/>
    <path d="M4.5,2.1l-3,0c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4l3,0c0.2,0,0.4-0.2,0.4-0.4S4.7,2.1,4.5,2.1z"/>
    <path d="M1.9,3.5c0-0.2-0.2-0.4-0.4-0.4H0v0.8h1.5C1.7,3.9,1.9,3.7,1.9,3.5z"/>
    <path d="M4.5,3.1c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4S4.7,3.1,4.5,3.1z"/>
    <path d="M5.9,4.5c0-0.2-0.2-0.4-0.4-0.4l-1,0c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4l1,0C5.7,4.9,5.9,4.7,5.9,4.5z"/>
    <path d="M3.5,4.1l-2,0c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4l2,0c0.2,0,0.4-0.2,0.4-0.4S3.7,4.1,3.5,4.1z"/>
    <path d="M2.5,5.1l-2,0c-0.2,0-0.4,0.2-0.4,0.4c0,0.2,0.2,0.4,0.4,0.4l2,0c0.2,0,0.4-0.2,0.4-0.4S2.7,5.1,2.5,5.1z"/>
    <path d="M6,0.1l-1.5,0c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4l1.5,0h0L6,0.1L6,0.1z"/>
    <path d="M5.1,5.5c0,0.2,0.2,0.4,0.4,0.4H6V5.1H5.5C5.3,5.1,5.1,5.3,5.1,5.5z"/></svg></label><input type="radio" name="pattern" id="pattern_special-circle-vert" value="special-circle-vert"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_special-circle-vert"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M0.5,4.1c-0.2,0-0.4,0.2-0.4,0.4l0,1c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4l0-1C0.9,4.3,0.7,4.1,0.5,4.1z"/>
    <path d="M1.5,2.1c-0.2,0-0.4,0.2-0.4,0.4l0,2c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4l0-2C1.9,2.3,1.7,2.1,1.5,2.1z"/>
    <path d="M0.5,2.9c0.2,0,0.4-0.2,0.4-0.4S0.7,2.1,0.5,2.1c-0.2,0-0.4,0.2-0.4,0.4S0.3,2.9,0.5,2.9z"/>
    <path d="M2.5,1.1c-0.2,0-0.4,0.2-0.4,0.4l0,3c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4l0-3C2.9,1.3,2.7,1.1,2.5,1.1z"/>
    <path d="M3.5,4.1c-0.2,0-0.4,0.2-0.4,0.4V6h0.8V4.5C3.9,4.3,3.7,4.1,3.5,4.1z"/>
    <path d="M3.5,1.1c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4S3.7,1.1,3.5,1.1z"/>
    <path d="M4.5,1.9c0.2,0,0.4-0.2,0.4-0.4l0-1c0-0.2-0.2-0.4-0.4-0.4c-0.2,0-0.4,0.2-0.4,0.4l0,1 C4.1,1.7,4.3,1.9,4.5,1.9z"/>
    <path d="M4.5,2.1c-0.2,0-0.4,0.2-0.4,0.4l0,2c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4l0-2C4.9,2.3,4.7,2.1,4.5,2.1z"/>
    <path d="M5.5,3.1c-0.2,0-0.4,0.2-0.4,0.4l0,2c0,0.2,0.2,0.4,0.4,0.4c0.2,0,0.4-0.2,0.4-0.4l0-2 C5.9,3.3,5.7,3.1,5.5,3.1z"/>
    <path d="M0.1,0l0,1.5c0,0.2,0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4l0-1.5v0L0.1,0L0.1,0z"/>
    <path d="M5.5,0.9c0.2,0,0.4-0.2,0.4-0.4V0H5.1v0.5C5.1,0.7,5.3,0.9,5.5,0.9z"/></svg></label><input type="radio" name="pattern" id="pattern_special-circle" value="special-circle"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_special-circle"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M2.5,3C2.8,3,3,2.8,3,2.5L3,2h1.5C4.8,2,5,1.8,5,1.5C5,1.2,4.8,1,4.5,1H4V0L2,0l0,2.5C2,2.8,2.2,3,2.5,3z M4,1 L4,1L4,1L4,1z"/>
<path d="M5.5,3C5.2,3,5,3.2,5,3.5S5.2,4,5.5,4C5.8,4,6,3.8,6,3.5S5.8,3,5.5,3z"/>
<path d="M0.5,1C0.8,1,1,0.8,1,0.5V0L0,0v0v0.5C0,0.8,0.2,1,0.5,1z"/>
<path d="M4,4L4,4L3,4l0,0v0C2.4,4,2,4.4,2,5h0H1V2.5C1,2.2,0.8,2,0.5,2S0,2.2,0,2.5V5h0c0,0.6,0.4,1,1,1h2v0V5h1v0h0v1 l1,0V5h0C5,4.4,4.6,4,4,4z"/></svg></label><input type="radio" name="pattern" id="pattern_special-diamond" value="special-diamond"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_special-diamond"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><rect x="4.1" y="3.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.1563 4.2076)" width="0.7" height="0.7"/>
<polygon points="1,1.5 1,1 1,1 2.5,1 3,0.5 2.5,0 0.5,0 0,0.5 0,1.5 0.5,2 "/>
<path d="M3,2"/>
<rect x="5.1" y="4.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.5707 5.2069)" width="0.7" height="0.7"/>
<polygon points="0.5,3 0,3.5 0,5.5 0.5,6 1,5.5 1,4 2,4 2,5.5 2.5,6 4.5,6 5,5.5 4.5,5 3,5 3,3.5 2.5,3"/>
<polygon points="5.5,0 4.5,0 4,0.5 4,1 3.5,1 3,1.5 3,2.5 3.5,3 4,2.5 4,2 4.5,2 5,1.5 5,1 5.5,1 6,0.5"/></svg></label><input type="radio" name="pattern" id="pattern_ribbon" value="ribbon"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_ribbon"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><rect x="4" y="3" width="1" height="1"/>
    <rect x="5" y="4" width="1" height="1"/>
    <polygon points="5,1 6,1 6,1 6,1 5.5,0.5 6,0 4,0 4,0 4,0 4,1 4,1 4,1 3,1 2.5,0.5 3,0 3,0 3,0 0,0 0,2 0,2 0,2 0.5,1.5 1,2 1,2 1,2 1,1 1,1 3,1 3,3 0,3 0,6 0,6 0,6 0.5,5.5 1,6 1,6 1,4 2,4 2,6 6,6 6,6 5,6 4.5,5.5 5,5 5,5 5,5 3,5 3,3 3.5,2.5 4,3 4,3 4,3 4,2 5,2 5,2 5,2"/></svg></label><input type="radio" name="pattern" id="pattern_oriental" value="oriental"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_oriental"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M5.5,4C5.2,4,5,4.2,5,4.5S5.2,5,5.5,5C5.8,5,6,4.8,6,4.5S5.8,4,5.5,4z"/>
<path d="M0,2c0.6,0,1-0.4,1-1l1,0v0l0.2-0.1c0.2-0.1,0.4-0.1,0.6,0L3,1c0,0,0,0,0,0v0l0,0c0-0.6-0.4-1-1-1v0H0l0,1h0l0.1,0.2 c0.1,0.2,0.1,0.4,0,0.6L0,2z"/>
<path d="M4.5,3C4.2,3,4,3.2,4,3.5S4.2,4,4.5,4C4.8,4,5,3.8,5,3.5S4.8,3,4.5,3z"/>
<path d="M3,2L3,2L3,2l0.1,0.2c0.1,0.2,0.1,0.4,0,0.6L3,3c0.6,0,1-0.4,1-1l0,0h0h0.5C4.8,2,5,1.8,5,1.5V1l0.2-0.1 c0.2-0.1,0.4-0.1,0.6,0L6,1c0-0.6-0.4-1-1-1l0,0h0H4.5C4.2,0,4,0.2,4,0.5V1h0H3.5C3.2,1,3,1.2,3,1.5V2z"/>
<path d="M4,5L4,5L3,5v0h0l0-1.5C3,3.2,2.8,3,2.5,3l-1,0C1.2,3,1,3.2,1,3.5L1,4l0,0L0.8,4.1c-0.2,0.1-0.4,0.1-0.6,0L0,4 c0,0.6,0.4,1,1,1l0,0l1,0l0,0.5C2,5.8,2.2,6,2.5,6L4,6l0,0v0l0.2-0.1c0.2-0.1,0.4-0.1,0.6,0L5,6C5,5.4,4.6,5,4,5z"/></svg></label><input type="radio" name="pattern" id="pattern_ellipse" value="ellipse"  class="btn-check" autocomplete="off"><label class="btn btn-light p-1 me-1 mb-1 rounded-0" for="pattern_ellipse"><svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><path d="M5.2,4C5,4,4.9,4.3,5.1,4.5C5.3,4.8,5.6,5,5.8,5C6,5,6.1,4.7,5.9,4.5C5.7,4.2,5.4,4,5.2,4z"/>
    <path d="M5,0.9C5,0.9,5.1,1,5.1,1H6V0C5.8,0,5,0.6,5,0.9z"/>
    <path d="M5.9,2H4l0,0h0V1l0,0h0c0-0.2-0.6-1-0.9-1C3.1,0,3,0.1,3,0.1v2.5C3,2.9,3.1,3,3.3,3L5,3v0l0,0c0.2,0,1-0.6,1-0.9 C6,2.1,5.9,2,5.9,2z"/>
    <path d="M3.7,4H2.3C2.1,4,2,4.1,2,4.3V5h0l0,0H1v0V4h0l0,0c0-0.2-0.6-1-0.9-1C0.1,3,0,3.1,0,3.1v2.5C0,5.9,0.1,6,0.3,6L4,6V4.3 C4,4.1,3.9,4,3.7,4z"/>
    <path d="M0.1,1H1v0v1h0l0,0c0,0.2,0.6,1,0.9,1C1.9,3,2,2.9,2,2.9L2,0H1v0C0.8,0,0,0.6,0,0.9C0,0.9,0.1,1,0.1,1z"/></svg></label></div>        </div>
        <div class="col-12">
            <label>Marker border</label>
        </div>
        <div class="col-12 mb-2">
            <div class="btn-group-toggle styleselecta d-inline-block"><input type="radio" name="marker_out" id="marker_out_default" value="default" checked class="btn-check" autocomplete="off"><label for="marker_out_default" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_flurry" value="flurry"  class="btn-check" autocomplete="off"><label for="marker_out_flurry" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.2,0.1L0.1,0.6l0.1,0.5L0.2,1.6L0.1,2.1l0.1,0.5L0,3.1l0,0.5L0,4l0.1,0.5l0,0.5l0.1,0.5L0.1,6l0,0.5l0,0.5 l0.2,0.5L0.1,8l0.1,0.5L0,8.9l0.2,0.5L0,9.9l0.2,0.5l-0.1,0.5l0,0.5L0,11.9l0.2,0.5l-0.1,0.5l0.1,0.5l0,0.4L0.6,14l0.5,0l0.5-0.1 l0.5,0.1l0.5,0.1L3.1,14l0.5-0.1l0.5-0.1l0.5,0L5,13.9l0.5-0.1l0.5,0l0.5,0L7,13.9L7.5,14L8,14l0.5-0.2L9,13.9L9.4,14l0.5-0.2 l0.5,0.2l0.5-0.1l0.5,0l0.5-0.1l0.5,0l0.5,0l0.5,0l0.5,0.1l-0.1-0.5l0.2-0.5l-0.1-0.5l-0.1-0.5l0.2-0.5l-0.2-0.5l0.1-0.5L14,9.9 l-0.2-0.5L13.9,9L14,8.5L14,8l-0.2-0.5l0-0.5l0.1-0.5L13.8,6l0-0.5L14,5l0-0.5l-0.1-0.5l0.1-0.5l-0.2-0.5l0.1-0.5l0-0.5l0-0.5 l-0.1-0.5L14,0.6l-0.2-0.4l-0.4,0l-0.5,0L12.4,0l-0.5,0.2l-0.5,0l-0.5-0.1l-0.5,0L10,0l-0.5,0L9,0L8.5,0.2L8,0.2L7.5,0.1L7,0.1 L6.5,0.2L6,0L5.5,0.2L5.1,0.2L4.6,0.1L4.1,0.1L3.6,0L3.1,0.1L2.6,0L2.1,0.1l-0.5,0l-0.5,0L0.6,0.2L0.2,0.1z M11.9,11.9l-0.5-0.1 L10.9,12l-0.5-0.1L10,11.9l-0.5,0.1L9,11.8l-0.5,0l-0.5,0l-0.5,0.1l-0.5,0L6.5,12L6,11.9l-0.5,0l-0.5,0L4.6,12l-0.5-0.2L3.6,12 l-0.5-0.1L2.6,12l-0.4-0.1L2,11.4l0.1-0.5l0-0.5l0.1-0.5L2,9.5L2.1,9L2,8.5L2,8l0.2-0.5l0-0.5L2,6.5L2.1,6l0.1-0.5L2.2,5L2.1,4.5 L2,4.1l0-0.5l0.2-0.5L2,2.6L2,2l0.5,0l0.5,0.1l0.5,0.1l0.5,0L4.5,2L5,2.1l0.5,0.1L6,2l0.5,0.2L7,2.1l0.5,0L8,2l0.5,0L9,2l0.5,0 l0.5,0.1L10.4,2l0.5,0.2L11.4,2L12,2l-0.1,0.6L12,3.1l-0.1,0.5L11.8,4L12,4.5L11.9,5l-0.1,0.5l0,0.5L12,6.5L12,7l-0.1,0.5L12,8 l0,0.5l-0.2,0.5l0,0.5l0.1,0.5l-0.1,0.5l0.2,0.5l-0.1,0.5L11.9,11.9z"/></svg></label><input type="radio" name="marker_out" id="marker_out_sdoz" value="sdoz"  class="btn-check" autocomplete="off"><label for="marker_out_sdoz" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0.9,13c0,0.6,0.5,1,1,1h12V2c0-0.6-0.4-1-1-1L0,0z M12,12H3.8c-0.5,0-1-0.4-1-1L2,2l9,0.7c0.5,0,1,0.5,1,1 V12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_drop_in" value="drop_in"  class="btn-check" autocomplete="off"><label for="marker_out_drop_in" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0,7c0,3.9,3.1,7,7,7h0c3.9,0,7-3.1,7-7v0c0-3.9-3.1-7-7-7H0z M7,12L7,12c-2.8,0-5-2.2-5-5V2h5c2.8,0,5,2.2,5,5v0 C12,9.8,9.8,12,7,12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_drop" value="drop"  class="btn-check" autocomplete="off"><label for="marker_out_drop" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,7L0,7c0,3.9,3.1,7,7,7h7V7c0-3.9-3.1-7-7-7h0C3.1,0,0,3.1,0,7z M12,12H7c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5h0 c2.8,0,5,2.2,5,5V12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_dropeye" value="dropeye"  class="btn-check" autocomplete="off"><label for="marker_out_dropeye" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0,7c0,3.9,3.1,7,7,7h7V7c0-3.9-3.1-7-7-7H0z M12,12H7c-2.8,0-5-2.2-5-5V2h5c2.8,0,5,2.2,5,5V12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_dropeyeleft" value="dropeyeleft"  class="btn-check" autocomplete="off"><label for="marker_out_dropeyeleft" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0,7c0,3.9,3.1,7,7,7h7V7c0-3.9-3.1-7-7-7H0z M12,12H7c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5h0c2.8,0,5,2.2,5,5V12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_dropeyeleaf" value="dropeyeleaf"  class="btn-check" autocomplete="off"><label for="marker_out_dropeyeleaf" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0,7c0,3.9,3.1,7,7,7h7V7c0-3.9-3.1-7-7-7H0z M7,12L7,12c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5h0c2.8,0,5,2.2,5,5v0 C12,9.8,9.8,12,7,12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_dropeyeright" value="dropeyeright"  class="btn-check" autocomplete="off"><label for="marker_out_dropeyeright" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0,7c0,3.9,3.1,7,7,7h7V7c0-3.9-3.1-7-7-7H0z M7,12L7,12c-2.8,0-5-2.2-5-5V2h5c2.8,0,5,2.2,5,5v0C12,9.8,9.8,12,7,12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_squarecircle" value="squarecircle"  class="btn-check" autocomplete="off"><label for="marker_out_squarecircle" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0l0,14h14V0H0z M7,12L7,12c-2.8,0-5-2.2-5-5v0c0-2.8,2.2-5,5-5h0c2.8,0,5,2.2,5,5v0C12,9.8,9.8,12,7,12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_circle" value="circle"  class="btn-check" autocomplete="off"><label for="marker_out_circle" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,7L0,7c0,3.9,3.1,7,7,7h0c3.9,0,7-3.1,7-7v0c0-3.9-3.1-7-7-7h0C3.1,0,0,3.1,0,7z M7,12L7,12c-2.8,0-5-2.2-5-5v0 c0-2.8,2.2-5,5-5h0c2.8,0,5,2.2,5,5v0C12,9.8,9.8,12,7,12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_rounded" value="rounded"  class="btn-check" autocomplete="off"><label for="marker_out_rounded" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.5,14h5.1C12,14,14,12,14,9.6V4.5C14,2,12,0,9.5,0H4.4C2,0,0,2,0,4.4v5.1C0,12,2,14,4.5,14z M12,4.8v4.4 c0,1.5-1.3,2.8-2.8,2.8H4.8C3.2,12,2,10.8,2,9.2V4.8C2,3.3,3.3,2,4.8,2h4.4C10.8,2,12,3.2,12,4.8z"/></svg></label><input type="radio" name="marker_out" id="marker_out_flower" value="flower"  class="btn-check" autocomplete="off"><label for="marker_out_flower" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v9.6C0,12,2,14,4.4,14h5.1C12,14,14,12,14,9.6V4.4C14,2,12,0,9.6,0H0z M9.2,12H4.8C3.3,12,2,10.7,2,9.2V2h7.2 C10.7,2,12,3.3,12,4.8v4.4C12,10.7,10.7,12,9.2,12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_flower_in" value="flower_in"  class="btn-check" autocomplete="off"><label for="marker_out_flower_in" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14,14V4.4C14,2,12,0,9.6,0H4.4C2,0,0,2,0,4.4v5.1C0,12,2,14,4.4,14H14z M4.8,2h4.4C10.7,2,12,3.3,12,4.8V12H4.8 C3.3,12,2,10.7,2,9.2V4.8C2,3.3,3.3,2,4.8,2z"/></svg></label><input type="radio" name="marker_out" id="marker_out_leaf" value="leaf"  class="btn-check" autocomplete="off"><label for="marker_out_leaf" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v9.6C0,12,2,14,4.4,14H14V4.4C14,2,12,0,9.6,0H0z M12,12H4.8C3.3,12,2,10.7,2,9.2V2h7.2C10.7,2,12,3.3,12,4.8V12z"/></svg></label><input type="radio" name="marker_out" id="marker_out_3-corners" value="3-corners"  class="btn-check" autocomplete="off"><label for="marker_out_3-corners" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14,0H4.4C2,0,0,2,0,4.4V14h14V0z M2,12V4.8C2,3.3,3.3,2,4.8,2H12v10H2z"/></svg></label><input type="radio" name="marker_out" id="marker_out_vortex" value="vortex"  class="btn-check" autocomplete="off"><label for="marker_out_vortex" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M13.8,1.1c-3.5,3.9-3.8-1.9-12.8-0.9c3.9,3.5-1.9,3.8-0.9,12.8c3.5-3.9,3.8,1.9,12.8,0.9C9.1,10.4,14.9,10.1,13.8,1.1z
     M9.4,13.2c-6.5-1.6-5.2-5.6-8.6-3.8c1.6-6.5,5.6-5.2,3.8-8.6c6.5,1.6,5.2,5.6,8.6,3.8C11.7,11.1,7.6,9.8,9.4,13.2z"/><path d="M5.8,4.6"/></svg></label><input type="radio" name="marker_out" id="marker_out_dots" value="dots"  class="btn-check" autocomplete="off"><label for="marker_out_dots" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14,3.1c0-0.4-0.3-0.8-0.6-1c0.4-0.2,0.6-0.5,0.6-1C14,0.5,13.5,0,12.9,0c-0.4,0-0.8,0.3-1,0.6 c-0.2-0.4-0.5-0.6-1-0.6s-0.8,0.3-1,0.6C9.8,0.3,9.4,0,9,0C8.5,0,8.2,0.3,8,0.6C7.8,0.3,7.4,0,7,0S6.2,0.3,6,0.6C5.8,0.3,5.5,0,5,0 C4.6,0,4.2,0.3,4,0.6C3.9,0.3,3.5,0,3.1,0s-0.8,0.3-1,0.6C1.9,0.3,1.5,0,1.1,0C0.5,0,0,0.5,0,1.1c0,0.4,0.3,0.8,0.6,1 C0.3,2.2,0,2.6,0,3.1s0.3,0.8,0.6,1C0.3,4.2,0,4.6,0,5c0,0.4,0.3,0.8,0.6,1C0.3,6.2,0,6.6,0,7s0.3,0.8,0.6,1C0.3,8.2,0,8.5,0,9 c0,0.4,0.3,0.8,0.6,1c-0.4,0.2-0.6,0.5-0.6,1s0.3,0.8,0.6,1c-0.4,0.2-0.6,0.5-0.6,1C0,13.5,0.5,14,1.1,14c0.4,0,0.8-0.3,1-0.6 c0.2,0.4,0.5,0.6,1,0.6s0.8-0.3,1-0.6C4.2,13.7,4.6,14,5,14c0.4,0,0.8-0.3,1-0.6C6.2,13.7,6.6,14,7,14s0.8-0.3,1-0.6 C8.2,13.7,8.5,14,9,14c0.4,0,0.8-0.3,1-0.6c0.2,0.4,0.5,0.6,1,0.6s0.8-0.3,1-0.6c0.2,0.4,0.5,0.6,1,0.6c0.6,0,1.1-0.5,1.1-1.1 c0-0.4-0.3-0.8-0.6-1c0.4-0.2,0.6-0.5,0.6-1s-0.3-0.8-0.6-1C13.7,9.8,14,9.4,14,9c0-0.4-0.3-0.8-0.6-1C13.7,7.8,14,7.4,14,7 s-0.3-0.8-0.6-1C13.7,5.8,14,5.5,14,5c0-0.4-0.3-0.8-0.6-1C13.7,3.9,14,3.5,14,3.1z M11.9,12.5c-0.2-0.4-0.5-0.6-1-0.6 s-0.8,0.3-1,0.6c-0.2-0.4-0.5-0.6-1-0.6c-0.4,0-0.8,0.3-1,0.6c-0.2-0.4-0.5-0.6-1-0.6s-0.8,0.3-1,0.6c-0.2-0.4-0.5-0.6-1-0.6 c-0.4,0-0.8,0.3-1,0.6c-0.2-0.4-0.5-0.6-1-0.6s-0.8,0.3-1,0.6C2,12.2,1.8,12,1.5,11.9c0.4-0.2,0.6-0.5,0.6-1s-0.3-0.8-0.6-1 c0.4-0.2,0.6-0.5,0.6-1c0-0.4-0.3-0.8-0.6-1c0.4-0.2,0.6-0.5,0.6-1S1.9,6.2,1.5,6c0.4-0.2,0.6-0.5,0.6-1c0-0.4-0.3-0.8-0.6-1 c0.4-0.2,0.6-0.5,0.6-1s-0.3-0.8-0.6-1C1.8,2,2,1.8,2.1,1.5c0.2,0.4,0.5,0.6,1,0.6s0.8-0.3,1-0.6c0.2,0.4,0.5,0.6,1,0.6 c0.4,0,0.8-0.3,1-0.6c0.2,0.4,0.5,0.6,1,0.6s0.8-0.3,1-0.6c0.2,0.4,0.5,0.6,1,0.6c0.4,0,0.8-0.3,1-0.6c0.2,0.4,0.5,0.6,1,0.6 s0.8-0.3,1-0.6C12,1.8,12.2,2,12.5,2.1c-0.4,0.2-0.6,0.5-0.6,1s0.3,0.8,0.6,1c-0.4,0.2-0.6,0.5-0.6,1c0,0.4,0.3,0.8,0.6,1 c-0.4,0.2-0.6,0.5-0.6,1s0.3,0.8,0.6,1c-0.4,0.2-0.6,0.5-0.6,1c0,0.4,0.3,0.8,0.6,1c-0.4,0.2-0.6,0.5-0.6,1s0.3,0.8,0.6,1 C12.2,12,12,12.2,11.9,12.5z"/></svg></label><input type="radio" name="marker_out" id="marker_out_bruised" value="bruised"  class="btn-check" autocomplete="off"><label for="marker_out_bruised" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14,9.6V3c-1.7,0-3-1.3-3-3H4.4C2,0,0,2,0,4.4V11c1.7,0,3,1.3,3,3h6.6C12,14,14,12,14,9.6z M4.6,12C4.1,10.8,3.2,9.9,2,9.4 v-5C2,3.1,3.1,2,4.4,2h5c0.5,1.2,1.4,2.1,2.6,2.6v5c0,1.3-1.1,2.4-2.4,2.4H4.6z"/></svg></label><input type="radio" name="marker_out" id="marker_out_canvas" value="canvas"  class="btn-check" autocomplete="off"><label for="marker_out_canvas" class="btn btn-light p-1 me-1 mb-1"><svg width="32" height="32" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="M13.8,1.8H14V0.2h-0.2V0h-1.6v0.2H12v0L11.7,0L11,0.4L10.3,0L9.7,0.4L9,0L8.3,0.4L7.7,0L7,0.4L6.3,0L5.7,0.4
    L5,0L4.3,0.4L3.7,0L3,0.4L2.3,0L2,0.2v0H1.8V0H0.2v0.2H0v1.6h0.2V2h0L0,2.3L0.4,3L0,3.7l0.4,0.7L0,5l0.4,0.7L0,6.3L0.4,7L0,7.7
    l0.4,0.7L0,9l0.4,0.7L0,10.3L0.4,11L0,11.7L0.2,12h0v0.2H0v1.6h0.2V14h1.6v-0.2H2v0L2.3,14L3,13.6L3.7,14l0.7-0.4L5,14l0.7-0.4
    L6.3,14L7,13.6L7.7,14l0.7-0.4L9,14l0.7-0.4l0.7,0.4l0.7-0.4l0.7,0.4l0.3-0.2v0h0.2V14h1.6v-0.2H14v-1.6h-0.2V12h0l0.2-0.3L13.6,11
    l0.4-0.7l-0.4-0.7L14,9l-0.4-0.7L14,7.7L13.6,7L14,6.3l-0.4-0.7L14,5l-0.4-0.7L14,3.7L13.6,3L14,2.3L13.8,2h0V1.8z M12.4,3L12,3.7
    l0.4,0.7L12,5l0.4,0.7L12,6.3L12.4,7L12,7.7l0.4,0.7L12,9l0.4,0.7L12,10.3l0.4,0.7L12,11.7l0.2,0.3h0v0.2H12v0L11.7,12L11,12.4
    L10.3,12l-0.7,0.4L9,12l-0.7,0.4L7.7,12L7,12.4L6.3,12l-0.7,0.4L5,12l-0.7,0.4L3.7,12L3,12.4L2.3,12L2,12.2v0H1.8V12h0L2,11.7
    L1.6,11L2,10.3L1.6,9.7L2,9L1.6,8.3L2,7.7L1.6,7L2,6.3L1.6,5.7L2,5L1.6,4.3L2,3.7L1.6,3L2,2.3L1.8,2h0V1.8H2v0L2.3,2L3,1.6L3.7,2
    l0.7-0.4L5,2l0.7-0.4L6.3,2L7,1.6L7.7,2l0.7-0.4L9,2l0.7-0.4L10.3,2L11,1.6L11.7,2L12,1.8v0h0.2V2h0L12,2.3L12.4,3z"/></svg></label></div>        </div>
        <div class="col-12">
            <label>Marker center</label>
        </div>
        <div class="col-12">
            <div class="btn-group-toggle styleselecta d-inline-block"><input type="radio" name="marker_in" id="marker_in_default" value="default" checked class="btn-check" autocomplete="off"><label for="marker_in_default" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><rect width="6" height="6"/></svg></label><input type="radio" name="marker_in" id="marker_in_flurry" value="flurry"  class="btn-check" autocomplete="off"><label for="marker_in_flurry" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="5.9,5.9 5.6,5.9 5.3,6 5,5.7 4.7,5.8 4.4,5.8 4.1,5.8 3.9,5.7 3.6,5.7 3.3,5.8 3,5.9 2.7,5.8 2.4,5.8 2.1,5.8 1.9,5.7 1.6,5.7 1.3,5.7 1,5.8 0.7,5.8 0.4,5.8 0.1,5.9 0,5.5 0.1,5.3 0,5 0.3,4.7 0.3,4.4 0.2,4.1 0.2,3.8 0.1,3.5 0.3,3.3 0.1,3 0.1,2.7 0.2,2.4 0.1,2.1 0.1,1.8 0.1,1.5 0.2,1.3 0.3,1 0,0.7 0,0.4 0.3,0.2 0.4,0.1 0.7,0.1 1,0.2 1.3,0.1 1.6,0.3 1.9,0.1 2.1,0.1 2.4,0.2 2.7,0.1 3,0.3 3.3,0.2 3.6,0.2 3.8,0.2 4.1,0.1 4.4,0.3 4.7,0.1 5,0.2 5.3,0.1 5.6,0 5.9,0 5.8,0.4 6,0.7 6,1 5.9,1.2 5.7,1.5 5.7,1.8 5.9,2.1 5.7,2.4 5.8,2.7 6,3 5.9,3.3 5.8,3.5 5.8,3.8 5.8,4.1 6,4.4 5.8,4.7 5.7,5 5.7,5.3 5.8,5.5"/></svg></label><input type="radio" name="marker_in" id="marker_in_sdoz" value="sdoz"  class="btn-check" autocomplete="off"><label for="marker_in_sdoz" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="6,6 0.5,6 0,0 6,0.5"/></svg></label><input type="radio" name="marker_in" id="marker_in_drop_in" value="drop_in"  class="btn-check" autocomplete="off"><label for="marker_in_drop_in" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3,6L3,6C1.3,6,0,4.7,0,3l0-3l3,0c1.7,0,3,1.3,3,3v0C6,4.7,4.7,6,3,6z"/></svg></label><input type="radio" name="marker_in" id="marker_in_drop" value="drop"  class="btn-check" autocomplete="off"><label for="marker_in_drop" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6,6H3C1.3,6,0,4.7,0,3v0c0-1.7,1.3-3,3-3h0c1.7,0,3,1.3,3,3V6z"/></svg></label><input type="radio" name="marker_in" id="marker_in_dropeye" value="dropeye"  class="btn-check" autocomplete="off"><label for="marker_in_dropeye" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6,6H3C1.3,6,0,4.7,0,3l0-3l3,0c1.7,0,3,1.3,3,3V6z"/></svg></label><input type="radio" name="marker_in" id="marker_in_circle" value="circle"  class="btn-check" autocomplete="off"><label for="marker_in_circle" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3" r="3"/></svg></label><input type="radio" name="marker_in" id="marker_in_rounded" value="rounded"  class="btn-check" autocomplete="off"><label for="marker_in_rounded" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6,1.7v2.7C6,5.2,5.2,6,4.3,6H1.7C0.7,6,0,5.3,0,4.3V1.7C0,0.8,0.8,0,1.7,0h2.7C5.3,0,6,0.7,6,1.7z"/></svg></label><input type="radio" name="marker_in" id="marker_in_sun" value="sun"  class="btn-check" autocomplete="off"><label for="marker_in_sun" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="3,0 3.4,0.7 4,0.2 4.1,0.9 4.9,0.7 4.8,1.5 5.6,1.5 5.2,2.2 5.9,2.5 5.3,3 5.9,3.5 5.2,3.8 5.6,4.5 4.8,4.5 4.9,5.3 4.1,5.1 4,5.8 3.4,5.3 3,6 2.5,5.3 1.9,5.8 1.8,5.1 1,5.3 1.1,4.5 0.4,4.5 0.7,3.8 0,3.5 0.6,3 0,2.5 0.7,2.2 0.4,1.5 1.1,1.5 1,0.7 1.8,0.9 1.9,0.2 2.5,0.7"/></svg></label><input type="radio" name="marker_in" id="marker_in_star" value="star"  class="btn-check" autocomplete="off"><label for="marker_in_star" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3.2,0.3l0.6,1.3C4,1.8,4.1,1.9,4.3,1.9l1.4,0.2c0.2,0,0.3,0.3,0.2,0.5l-1,1C4.7,3.7,4.7,3.9,4.7,4.1L5,5.5 c0,0.2-0.2,0.4-0.4,0.3L3.3,5.2c-0.2-0.1-0.4-0.1-0.6,0L1.4,5.8C1.2,5.9,1,5.8,1,5.5l0.2-1.4c0-0.2,0-0.4-0.2-0.5l-1-1 C-0.1,2.4,0,2.2,0.2,2.1l1.4-0.2c0.2,0,0.4-0.2,0.5-0.3l0.6-1.3C2.9,0.1,3.1,0.1,3.2,0.3z"/></svg></label><input type="radio" name="marker_in" id="marker_in_diamond" value="diamond"  class="btn-check" autocomplete="off"><label for="marker_in_diamond" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><rect x="0.9" y="0.9" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -1.2426 3)" width="4.2" height="4.2"/></svg></label><input type="radio" name="marker_in" id="marker_in_danger" value="danger"  class="btn-check" autocomplete="off"><label for="marker_in_danger" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="3,5.1 3.9,6 6,6 6,3.9 5.1,3 6,2.1 6,0 3.9,0 3,0.9 2.1,0 0,0 0,2.1 0.9,3 0,3.9 0,6 2.1,6"/></svg></label><input type="radio" name="marker_in" id="marker_in_cross" value="cross"  class="btn-check" autocomplete="off"><label for="marker_in_cross" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="6,1.5 4.5,1.5 4.5,0 1.5,0 1.5,1.5 0,1.5 0,4.5 1.5,4.5 1.5,6 4.5,6 4.5,4.5 6,4.5"/></svg></label><input type="radio" name="marker_in" id="marker_in_plus" value="plus"  class="btn-check" autocomplete="off"><label for="marker_in_plus" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.5,1.5L4.5,1.5L4.5,1.5C4.5,0.7,3.8,0,3,0h0C2.2,0,1.5,0.7,1.5,1.5v0h0C0.7,1.5,0,2.2,0,3v0 c0,0.8,0.7,1.5,1.5,1.5h0v0C1.5,5.3,2.2,6,3,6h0c0.8,0,1.5-0.7,1.5-1.5v0h0C5.3,4.5,6,3.8,6,3v0C6,2.2,5.3,1.5,4.5,1.5z"/></svg></label><input type="radio" name="marker_in" id="marker_in_x" value="x"  class="btn-check" autocomplete="off"><label for="marker_in_x" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3,5.1l0.4,0.4C3.7,5.8,4.1,6,4.5,6h0C5.3,6,6,5.3,6,4.5v0c0-0.4-0.2-0.8-0.4-1.1L5.1,3l0.4-0.4 C5.8,2.3,6,1.9,6,1.5v0C6,0.7,5.3,0,4.5,0h0C4.1,0,3.7,0.2,3.4,0.4L3,0.9L2.6,0.4C2.3,0.2,1.9,0,1.5,0h0C0.7,0,0,0.7,0,1.5v0 c0,0.4,0.2,0.8,0.4,1.1L0.9,3L0.4,3.4C0.2,3.7,0,4.1,0,4.5v0C0,5.3,0.7,6,1.5,6h0c0.4,0,0.8-0.2,1.1-0.4L3,5.1z"/></svg></label><input type="radio" name="marker_in" id="marker_in_heart" value="heart"  class="btn-check" autocomplete="off"><label for="marker_in_heart" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6,1.8C5.9,1,5.3,0.4,4.5,0.3C3.9,0.2,3.4,0.5,3,0.9C2.6,0.5,2.1,0.3,1.6,0.3C0.8,0.4,0.1,1,0,1.8 C0,2.3,0.1,2.7,0.3,3l0,0l0,0c0.1,0.1,0.2,0.2,0.3,0.3l1.9,2.2c0.3,0.3,0.7,0.3,0.9,0l1.8-1.9c0.1-0.1,0.3-0.3,0.4-0.5 C5.9,2.8,6.1,2.3,6,1.8z"/></svg></label><input type="radio" name="marker_in" id="marker_in_vortex" value="vortex"  class="btn-check" autocomplete="off"><label for="marker_in_vortex" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3.5,6C0.7,4.7,1.7,3,0,3.5C1.3,0.7,3,1.7,2.5,0C5.3,1.3,4.3,3,6,2.5C4.7,5.3,3,4.3,3.5,6z"/></svg></label><input type="radio" name="marker_in" id="marker_in_sparkle_dot" value="sparkle_dot"  class="btn-check" autocomplete="off"><label for="marker_in_sparkle_dot" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3-1L3-1c0,2.2-1.8,4-4,4h0h0c2.2,0,4,1.8,4,4v0v0c0-2.2,1.8-4,4-4h0h0C4.8,3,3,1.2,3-1L3-1z"/></svg></label><input type="radio" name="marker_in" id="marker_in_9-dots" value="9-dots"  class="btn-check" autocomplete="off"><label for="marker_in_9-dots" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="1" cy="1" r="1"/><circle cx="3" cy="1" r="1"/><circle cx="5" cy="1" r="1"/><circle cx="1" cy="3" r="1"/><circle cx="3" cy="3" r="1"/><circle cx="5" cy="3" r="1"/><circle cx="1" cy="5" r="1"/><circle cx="3" cy="5" r="1"/><circle cx="5" cy="5" r="1"/></svg></label><input type="radio" name="marker_in" id="marker_in_9-dots-fat" value="9-dots-fat"  class="btn-check" autocomplete="off"><label for="marker_in_9-dots-fat" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6,3c0-0.4-0.3-0.8-0.6-1C5.7,1.9,6,1.5,6,1.1C6,0.5,5.5,0,4.9,0C4.5,0,4.1,0.3,4,0.6C3.8,0.3,3.4,0,3,0S2.2,0.3,2,0.6 C1.9,0.3,1.5,0,1.1,0C0.5,0,0,0.5,0,1.1c0,0.4,0.3,0.8,0.6,1C0.3,2.2,0,2.6,0,3s0.3,0.8,0.6,1C0.3,4.1,0,4.5,0,4.9 C0,5.5,0.5,6,1.1,6c0.4,0,0.8-0.3,1-0.6C2.2,5.7,2.6,6,3,6s0.8-0.3,1-0.6C4.1,5.7,4.5,6,4.9,6C5.5,6,6,5.5,6,4.9 c0-0.4-0.3-0.8-0.6-1C5.7,3.8,6,3.4,6,3z"/></svg></label><input type="radio" name="marker_in" id="marker_in_flower" value="flower"  class="btn-check" autocomplete="off"><label for="marker_in_flower" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.3,6H1.7C0.8,6,0,5.2,0,4.3V0h4.3C5.2,0,6,0.8,6,1.7v2.6C6,5.2,5.2,6,4.3,6z"/></svg></label><input type="radio" name="marker_in" id="marker_in_elastic" value="elastic"  class="btn-check" autocomplete="off"><label for="marker_in_elastic" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6,6L6,6C4.1,5.4,1.9,5.4,0,6l0,0l0,0c0.6-1.9,0.6-4.1,0-6l0,0l0,0c1.9,0.6,4.1,0.6,6,0l0,0l0,0C5.4,1.9,5.4,4.1,6,6L6,6z"/></svg></label><input type="radio" name="marker_in" id="marker_in_diagonal" value="diagonal"  class="btn-check" autocomplete="off"><label for="marker_in_diagonal" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="6,6 3,6 0,3 0,0 3,0 6,3 "/></svg></label><input type="radio" name="marker_in" id="marker_in_ropes" value="ropes"  class="btn-check" autocomplete="off"><label for="marker_in_ropes" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M5.1,1.9H0.9C0.4,1.9,0,1.5,0,1v0c0-0.5,0.4-0.9,0.9-0.9h4.2C5.6,0.1,6,0.5,6,1v0C6,1.5,5.6,1.9,5.1,1.9z"/><path d="M5.1,3.9H0.9C0.4,3.9,0,3.5,0,3v0c0-0.5,0.4-0.9,0.9-0.9h4.2C5.6,2.1,6,2.5,6,3v0C6,3.5,5.6,3.9,5.1,3.9z"/><path d="M5.1,5.9H0.9C0.4,5.9,0,5.5,0,5v0c0-0.5,0.4-0.9,0.9-0.9h4.2C5.6,4.1,6,4.5,6,5v0C6,5.5,5.6,5.9,5.1,5.9z"/></svg></label><input type="radio" name="marker_in" id="marker_in_ropes-vert" value="ropes-vert"  class="btn-check" autocomplete="off"><label for="marker_in_ropes-vert" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.1,5.1V0.9C4.1,0.4,4.5,0,5,0h0c0.5,0,0.9,0.4,0.9,0.9v4.2C5.9,5.6,5.5,6,5,6h0C4.5,6,4.1,5.6,4.1,5.1z"/><path d="M2.1,5.1V0.9C2.1,0.4,2.5,0,3,0h0c0.5,0,0.9,0.4,0.9,0.9v4.2C3.9,5.6,3.5,6,3,6h0C2.5,6,2.1,5.6,2.1,5.1z"/><path d="M0.1,5.1V0.9C0.1,0.4,0.5,0,1,0h0c0.5,0,0.9,0.4,0.9,0.9v4.2C1.9,5.6,1.5,6,1,6h0C0.5,6,0.1,5.6,0.1,5.1z"/></svg></label><input type="radio" name="marker_in" id="marker_in_bruised" value="bruised"  class="btn-check" autocomplete="off"><label for="marker_in_bruised" class="btn btn-light p-1 me-1 mb-1"><svg width="14" height="14" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.5,6C1.2,5.3,0.7,4.8,0,4.5v-3C0,0.7,0.7,0,1.5,0h3C4.8,0.7,5.3,1.2,6,1.5v3C6,5.3,5.3,6,4.5,6H1.5z"/></svg></label></div>        </div>

        <div class="col-12 mb-2">
            <div class="row collapse collapse-markers-bg">
                <div class="col-sm-6 mt-2">
                    <label>Marker border</label>
                    <div class="input-group rounded-0">
                      <span class="input-group-text rounded-0 border-0 text-dark"><svg width="1em" height="1em" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"></path></svg></span>
                      <input type="text" class="qrcolorpicker form-control rounded-0" value="#000000" name="marker_out_color">
                    </div>
                </div>

                <div class="col-sm-6 mt-2">
                    <label>Marker center</label>
                    <div class="input-group rounded-0">
                      <span class="input-group-text rounded-0 border-0 text-dark"><svg width="1em" height="1em" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><rect width="6" height="6"></rect></svg></span>
                      <input type="text" class="qrcolorpicker form-control rounded-0" value="#000000" name="marker_in_color">
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12 mt-2">
                    <div class="form-check form-switch">
                      <input type="checkbox" class="form-check-input collapse-control" id="markers-bg" data-bs-target=".collapse-markers-bg" data-target=".collapse-markers-bg" name="markers_color">
                      <label class="form-check-label" for="markers-bg">Custom marker color</label>
                    </div>
                </div>
            </div>

            <div class="collapse collapse-markers-bg">
                <div class="row">
                    <div class="col-12 mt-2">
                        <div class="form-check form-switch">
                          <input type="checkbox" class="form-check-input collapse-control" id="different-markers-bg" data-bs-target="#collapse-different-markers-bg" data-target="#collapse-different-markers-bg" name="different_markers_color">
                          <label class="form-check-label" for="different-markers-bg">Different markers colors</label>
                        </div>
                    </div>
                </div>

                <div class="row collapse" id="collapse-different-markers-bg">
                    <div class="col-sm-6 mt-2">
                        <label>Top Right</label>
                        <div class="input-group rounded-0">
                          <span class="input-group-text rounded-0 border-0 text-dark"><svg width="1em" height="1em" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"></path></svg></span>
                          <input type="text" class="qrcolorpicker form-control rounded-0" value="#000000" name="marker_top_right_outline">
                        </div>
                    </div>

                    <div class="col-sm-6 mt-2">
                        <label>Top Right</label>
                        <div class="input-group rounded-0">
                          <span class="input-group-text rounded-0 border-0 text-dark"><svg width="1em" height="1em" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><rect width="6" height="6"></rect></svg></span>
                          <input type="text" class="qrcolorpicker form-control rounded-0" value="#000000" name="marker_top_right_center">
                        </div>
                    </div>

                    <div class="col-sm-6 mt-2 mb-2">
                        <label>Bottom Left</label>
                        <div class="input-group rounded-0">
                          <span class="input-group-text rounded-0 border-0 text-dark"><svg width="1em" height="1em" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"></path></svg></span>
                          <input type="text" class="qrcolorpicker form-control rounded-0" value="#000000" name="marker_bottom_left_outline">
                        </div>
                    </div>

                    <div class="col-sm-6 mt-2 mb-2">
                        <label>Bottom Left</label>
                        <div class="input-group rounded-0">
                          <span class="input-group-text rounded-0 border-0 text-dark"><svg width="1em" height="1em" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><rect width="6" height="6"></rect></svg></span>
                          <input type="text" class="qrcolorpicker form-control rounded-0" value="#000000" name="marker_bottom_left_center">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    
    <div class="accordion-item d-grid">
    <button class="mb-2 btn btn-outline-primary btn-lg btn-block text-start text-left rounded-pill" type="button" data-bs-toggle="collapse" data-toggle="collapse" data-bs-target="#collapseWatermark" data-target="#collapseWatermark">
        <svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.273 2.513l-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/><path fill-rule="evenodd" d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z"/></svg> <span class="vertical-middle">Logo</span>
    </button>
    <div class="collapse" id="collapseWatermark" data-bs-parent="#collapseSettings" data-parent="#collapseSettings">
        <div class="col-12">
        <small>Upload your logo or select a watermark</small>
        <div class="custom-file">
          <input type="file" name="file" class="custom-file-input form-control" aria-describedby="validate-upload" id="upmarker">
            <div id="validate-upload" class="invalid-feedback">
                Invalid image            </div>
          <label class="custom-file-label" for="upmarker"></label>
        </div>
    </div>
                <div class="col-12 pt-2">
            <div class="logoselecta form-group">
                <div class="btn-group-toggle" data-bs-toggle="buttons">
                    <label class="btn btn-light">
                        <input type="radio" name="optionlogo" value="none" checked="" class="btn-check">
                        <svg width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-x" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
                        </svg>
                    </label><input id="water_0" type="radio" name="optionlogo" value="images/watermarks/01-link-b.png" id="optionlogo0" class="btn-check"><label for="water_0" class="btn btn-light"><img alt="01 link b" src="images/watermarks/01-link-b.png"></label><input id="water_1" type="radio" name="optionlogo" value="images/watermarks/01-link.png" id="optionlogo1" class="btn-check"><label for="water_1" class="btn btn-light"><img alt="01 link" src="images/watermarks/01-link.png"></label><input id="water_2" type="radio" name="optionlogo" value="images/watermarks/02-email-b.png" id="optionlogo2" class="btn-check"><label for="water_2" class="btn btn-light"><img alt="02 email b" src="images/watermarks/02-email-b.png"></label><input id="water_3" type="radio" name="optionlogo" value="images/watermarks/02-email.png" id="optionlogo3" class="btn-check"><label for="water_3" class="btn btn-light"><img alt="02 email" src="images/watermarks/02-email.png"></label><input id="water_4" type="radio" name="optionlogo" value="images/watermarks/03-location-b.png" id="optionlogo4" class="btn-check"><label for="water_4" class="btn btn-light"><img alt="03 location b" src="images/watermarks/03-location-b.png"></label><input id="water_5" type="radio" name="optionlogo" value="images/watermarks/03-location.png" id="optionlogo5" class="btn-check"><label for="water_5" class="btn btn-light"><img alt="03 location" src="images/watermarks/03-location.png"></label><input id="water_6" type="radio" name="optionlogo" value="images/watermarks/04-whatsapp.png" id="optionlogo6" class="btn-check"><label for="water_6" class="btn btn-light"><img alt="04 whatsapp" src="images/watermarks/04-whatsapp.png"></label><input id="water_7" type="radio" name="optionlogo" value="images/watermarks/05-skype.png" id="optionlogo7" class="btn-check"><label for="water_7" class="btn btn-light"><img alt="05 skype" src="images/watermarks/05-skype.png"></label><input id="water_8" type="radio" name="optionlogo" value="images/watermarks/06-zoom-b.png" id="optionlogo8" class="btn-check"><label for="water_8" class="btn btn-light"><img alt="06 zoom b" src="images/watermarks/06-zoom-b.png"></label><input id="water_9" type="radio" name="optionlogo" value="images/watermarks/06-zoom.png" id="optionlogo9" class="btn-check"><label for="water_9" class="btn btn-light"><img alt="06 zoom" src="images/watermarks/06-zoom.png"></label><input id="water_10" type="radio" name="optionlogo" value="images/watermarks/07-wifi-b.png" id="optionlogo10" class="btn-check"><label for="water_10" class="btn btn-light"><img alt="07 wifi b" src="images/watermarks/07-wifi-b.png"></label><input id="water_11" type="radio" name="optionlogo" value="images/watermarks/07-wifi.png" id="optionlogo11" class="btn-check"><label for="water_11" class="btn btn-light"><img alt="07 wifi" src="images/watermarks/07-wifi.png"></label><input id="water_12" type="radio" name="optionlogo" value="images/watermarks/08-vcard-b.png" id="optionlogo12" class="btn-check"><label for="water_12" class="btn btn-light"><img alt="08 vcard b" src="images/watermarks/08-vcard-b.png"></label><input id="water_13" type="radio" name="optionlogo" value="images/watermarks/08-vcard.png" id="optionlogo13" class="btn-check"><label for="water_13" class="btn btn-light"><img alt="08 vcard" src="images/watermarks/08-vcard.png"></label><input id="water_14" type="radio" name="optionlogo" value="images/watermarks/09-calendar-b.png" id="optionlogo14" class="btn-check"><label for="water_14" class="btn btn-light"><img alt="09 calendar b" src="images/watermarks/09-calendar-b.png"></label><input id="water_15" type="radio" name="optionlogo" value="images/watermarks/09-calendar.png" id="optionlogo15" class="btn-check"><label for="water_15" class="btn btn-light"><img alt="09 calendar" src="images/watermarks/09-calendar.png"></label><input id="water_16" type="radio" name="optionlogo" value="images/watermarks/10-paypal.png" id="optionlogo16" class="btn-check"><label for="water_16" class="btn btn-light"><img alt="10 paypal" src="images/watermarks/10-paypal.png"></label><input id="water_17" type="radio" name="optionlogo" value="images/watermarks/11-btc-b.png" id="optionlogo17" class="btn-check"><label for="water_17" class="btn btn-light"><img alt="11 btc b" src="images/watermarks/11-btc-b.png"></label><input id="water_18" type="radio" name="optionlogo" value="images/watermarks/11-btc.png" id="optionlogo18" class="btn-check"><label for="water_18" class="btn btn-light"><img alt="11 btc" src="images/watermarks/11-btc.png"></label>                    <label class="btn btn-light custom-watermark"><input type="radio" name="optionlogo" value="" class="btn-check"><div class="hold-custom-watermark"></div></label>
                </div>
            </div>
        </div>

        <div class="col-12 mb-2">
            <div class="form-check form-switch">
              <input type="checkbox" class="form-check-input" id="no-logo-bg" name="no_logo_bg">
              <label class="form-check-label" for="no-logo-bg">Remove background behind Logo</label>
            </div>
        </div>

        <div class="col-12 qrcdr-slider mb-3">
            <input type="range" min="30" max="100" value="100" class="qrcdr-slider-input" name="logo_size">
            <label class="small">Logo size: <span class="qrcdr-slider-value"></span></label>
        </div>
            </div> <!-- collapse logo -->
    </div>

    
    <div class="accordion-item d-grid">

    <button class="mb-2 btn btn-outline-primary btn-lg btn-block text-start text-left rounded-pill" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFrame">
        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24"><path d="M16 0v2h-8v-2h8zm0 24v-2h-8v2h8zm2-22h4v4h2v-6h-6v2zm-18 14h2v-8h-2v8zm2-10v-4h4v-2h-6v6h2zm22 2h-2v8h2v-8zm-2 10v4h-4v2h6v-6h-2zm-16 4h-4v-4h-2v6h6v-2z"/></svg> <span class="vertical-middle">Frame</span>
    </button>
    <div class="collapse" id="collapseFrame" data-bs-parent="#collapseSettings" data-parent="#collapseSettings">
        <div class="col-12 mb-2 py-2">
            <div class="btn-group-toggle styleselecta d-inline-block"><input type="radio" name="outer_frame" id="outer_frame_none" value="none" checked class="btn-check" autocomplete="off">
        <label for="outer_frame_none" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon points="18.7,6.6 12,13.3 5.3,6.6 4.6,7.3 11.3,14 4.6,20.7 5.3,21.4 12,14.7 18.7,21.4 19.4,20.7 12.7,14 19.4,7.3 "/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_bottom" value="bottom"  class="btn-check" autocomplete="off">
        <label for="outer_frame_bottom" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22.7,0H1.3C0.6,0,0,0.6,0,1.3v25.3C0,27.4,0.6,28,1.3,28h21.3c0.7,0,1.3-0.6,1.3-1.3V1.3C24,0.6,23.4,0,22.7,0 z M23,22c0,0.6-0.5,1-1,1H2c-0.6,0-1-0.5-1-1V2c0-0.6,0.5-1,1-1h20c0.6,0,1,0.5,1,1V22z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_top" value="top"  class="btn-check" autocomplete="off">
        <label for="outer_frame_top" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.3,28L22.6,28c0.7,0,1.3-0.6,1.3-1.3L24,1.4c0-0.7-0.6-1.3-1.3-1.3L1.4,0C0.7,0,0.1,0.6,0,1.3L0,26.6 C-0.1,27.4,0.5,28,1.3,28z M1,6c0-0.6,0.5-1,1-1L22,5c0.6,0,1,0.5,1,1L23,26c0,0.6-0.5,1-1,1L2,27c-0.6,0-1-0.5-1-1L1,6z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_balloon-bottom" value="balloon-bottom"  class="btn-check" autocomplete="off">
        <label for="outer_frame_balloon-bottom" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M1.3,24l21.3,0c0.7,0,1.3-0.6,1.3-1.3l0-21.3C24,0.6,23.4,0,22.7,0L1.3,0C0.6,0,0,0.6,0,1.3l0,21.3 C0,23.4,0.6,24,1.3,24z M1,2c0-0.6,0.5-1,1-1l20,0c0.6,0,1,0.5,1,1v20c0,0.6-0.5,1-1,1L2,23c-0.6,0-1-0.5-1-1V2z"/><path d="M1,30h22c0.5,0,1-0.4,1-1v-3c0-0.5-0.4-1-1-1H13l-1-1l-1,1H1c-0.5,0-1,0.4-1,1v3C0,29.6,0.4,30,1,30z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_balloon-top" value="balloon-top"  class="btn-check" autocomplete="off">
        <label for="outer_frame_balloon-top" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22.7,6L1.3,6C0.6,6,0,6.6,0,7.3l0,21.3C0,29.4,0.6,30,1.3,30l21.3,0c0.7,0,1.3-0.6,1.3-1.3l0-21.3 C24,6.6,23.4,6,22.7,6z M23,28c0,0.6-0.5,1-1,1L2,29c-0.6,0-1-0.5-1-1V8c0-0.6,0.5-1,1-1l20,0c0.6,0,1,0.5,1,1V28z"/><path d="M23,0H1C0.4,0,0,0.4,0,1v3c0,0.5,0.4,1,1,1h10l1,1l1-1h10c0.5,0,1-0.4,1-1V1C24,0.4,23.6,0,23,0z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_ribbon-bottom" value="ribbon-bottom"  class="btn-check" autocomplete="off">
        <label for="outer_frame_ribbon-bottom" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M24,21h-1.7V1.7H1.7V21H0l1,2l-1,2h1v2h22v-2h1l-1-2L24,21z M2,2h20v19v1H2v-1V2z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_ribbon-top" value="ribbon-top"  class="btn-check" autocomplete="off">
        <label for="outer_frame_ribbon-top" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,6h1.7v19.3h20.7V6H24l-1-2l1-2h-1V0H1v2H0l1,2L0,6z M22,25H2V6V5h20v1V25z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_phone" value="phone"  class="btn-check" autocomplete="off">
        <label for="outer_frame_phone" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 25.5" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M17.6,0H6.4c-1,0-1.8,0.8-1.8,1.8v20.4c0,1,0.8,1.8,1.8,1.8h11.1c1,0,1.8-0.8,1.8-1.8V1.8C19.4,0.8,18.6,0,17.6,0z M11.2,2.3h2.7c0.1,0,0.2,0.1,0.2,0.2S14,2.7,13.9,2.7h-2.7c-0.1,0-0.2-0.1-0.2-0.2S11.1,2.3,11.2,2.3z M10.1,2.3 c0.1,0,0.2,0.1,0.2,0.2s-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2S10,2.3,10.1,2.3z M19,19H5V5h14V19z"/></svg>
        </label><input type="radio" name="outer_frame" id="outer_frame_cine" value="cine"  class="btn-check" autocomplete="off">
        <label for="outer_frame_cine" class="btn btn-light p-1"><svg width="48" height="56" viewBox="0 0 24 23.9" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.5,4.5L4.5,4.5L4.5,4.5l0,17.2c0,0.3,0.3,0.6,0.6,0.6h13.8c0.3,0,0.6-0.3,0.6-0.6V4.5H4.5z M19,18.6
        c0,0.2-0.2,0.4-0.4,0.4H5.4C5.2,19,5,18.8,5,18.6V5.4C5,5.2,5.2,5,5.4,5h13.1C18.8,5,19,5.2,19,5.4V18.6z"/><path d="M19.1,0.1L4.2,1.7l0.3,2.8l14.9-1.6L19.1,0.1z M6.8,3.8L4.9,4l1.7-2.1l1.9-0.2L6.8,3.8z M10.5,3.4L8.6,3.6l1.7-2.1l1.9-0.2 L10.5,3.4z M14.2,3l-1.9,0.2L14,1.1l1.9-0.2L14.2,3z M18,2.6l-1.9,0.2l1.7-2.1l0.9-0.1l0.1,0.9L18,2.6z"/></svg>
        </label></div>        </div>
        <div class="col-12">
            <div class="row">
                <div class="col-sm-6">
                    <label>Frame label</label>
                    <input class="form-control" type="text" name="framelabel" value="SCAN ME">
                </div>
                <div class="col-sm-6">
                    <label>Label font</label>
                    <select name="label_font" class="form-select custom-select">
                                                <option value="AbrilFatface.svg">
                                AbrilFatface                        </option>
                                                        <option value="CormorantGaramond.svg">
                                CormorantGaramond                        </option>
                                                        <option value="FredokaOne.svg">
                                FredokaOne                        </option>
                                                        <option value="Galindo.svg">
                                Galindo                        </option>
                                                        <option value="OleoScript.svg">
                                OleoScript                        </option>
                                                        <option value="PlayfairDisplay.svg">
                                PlayfairDisplay                        </option>
                                                        <option value="Shrikhand.svg">
                                Shrikhand                        </option>
                                                        <option value="ZCOOLKuaiLe-Regular.svg">
                                ZCOOLKuaiLe-Regular                        </option>
                                                    </select>
                </div>
                <div class="col-12 qrcdr-slider">
                    <input type="range" min="10" max="100" value="100" class="qrcdr-slider-input" name="label-text-size">
                    <label class="small">Text size: <span class="qrcdr-slider-value"></span></label>
                </div>
            </div>
        </div>
        <div class="col-12 mb-2">
            <div class="row collapse" id="collapse-frame-color">
                <div class="col-sm-6 mt-2">
                    <label>Frame color</label>
                    <input type="text" class="form-control qrcolorpicker rounded-0" value="#000000" name="framecolor">
                </div>
            </div>

            <div class="form-group mt-2">
                <div class="form-check form-switch">
                  <input type="checkbox" class="form-check-input collapse-control" id="frame-color" data-bs-target="#collapse-frame-color" data-target="#collapse-frame-color" name="custom_frame_color">
                  <label class="form-check-label" for="frame-color">Custom frame color</label>
                </div>
            </div>
        </div>
    </div> <!-- collapse frame -->
    </div>
    
    <div class="accordion-item d-grid">
    <button class="mb-2 btn btn-outline-primary btn-lg btn-block text-start text-left rounded-pill" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOptions">
        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-toggles" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.5 9a3.5 3.5 0 1 0 0 7h7a3.5 3.5 0 1 0 0-7h-7zm7 6a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm-7-14a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm2.45 0A3.49 3.49 0 0 1 8 3.5 3.49 3.49 0 0 1 6.95 6h4.55a2.5 2.5 0 0 0 0-5H6.95zM4.5 0h7a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7z"/></svg> <span class="vertical-middle">Options</span>
    </button>
    <div class="collapse" id="collapseOptions" data-bs-parent="#collapseSettings" data-parent="#collapseSettings">
          
        <div class="col-sm-12 mb-2">
            <div class="row">
                <div class="col-sm-6">
                    <label>size</label>
                    <select name="size" class="form-select custom-select qrcode-size-selector">
                <option value="8" >200</option><option value="12" >300</option><option value="16" >400</option><option value="20" >500</option><option value="24" >600</option><option value="28" selected>700</option><option value="32" >800</option>                    </select>
                </div>
                <div class="col-sm-6">
                    <label>Precision</label>
                    <select name="level" class="form-select custom-select">
                        <option value="L" >
                            L - Smallest                        </option>
                        <option value="M" >
                            M - Medium                        </option>
                        <option value="Q" selected>
                            Q - High                        </option>
                        <option value="H" >
                            H - Best                        </option>
                    </select>
                </div>
            </div>
        </div>
    </div><!-- #collapseOptions -->
    </div><!-- accordion -->
    </div><!-- collapseSettings -->
                            </div><!-- main-col open at tabnav -->
                        </div> <!-- row -->
                    </div><!-- col-12-->
                </form>
            </div> <!-- row -->
        </div><!-- col-lg-8 -->

    </div><!-- row -->
</div><!-- containerOOO -->

<div class="alert_placeholder toast" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
    <div class="toast-header">
        <div class="mr-auto">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle" viewBox="0 0 16 16">
              <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
              <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
            </svg>
        </div>
        <button type="button" class="ml-2 ms-auto mb-1 btn-close close" data-dismiss="toast" aria-label="Close">
          <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg></span>
        </button>
    </div>
    <div class="toast-body"></div>
</div>
<script  type="text/javascript" src="js/popper.min.js"></script><script src="js/tempusdominus/js/tempus-dominus.min.js"></script><script src="js/qrcdr.min.js?v=5.3.7"></script><script src="js/call.js?v=5.3.7"></script><div class="pt-3">
  <div class="container">
  	<div class="row pt-5 pb-4">
    	<div class="col">
    <hr>
<section class="text-center dark-grey-text">
<h1 class="mb-4 pb-2">Create a Free QR Code Without Registering In 3 Steps</h1>
	</div></div><div class="row blue-headers text-center " id="three-clicks"><div class="col" id=""> <h3>Step 1</h3><p>Choose your QR code type</p><img class="lazyload mb-2 fade-in" src="https://wpixel.com/img/1qm7q5bixg74w0sg4.svg" alt="Step 1 - Select your QR type."></div>
	<div class="col" id=""> <h3>Step 2</h3><p>Customize your QR Code</p><img class="lazyload mb-2 fade-in" src="https://wpixel.com/img/7yj0ev1gvroc4kw0gs.svg" alt="Step 2 - Customize your QR code."></div>
	<div class="col" id=""> <h3>Step 3</h3><p>Download your static QR Code</p><img class="lazyload mb-2 fade-in" src="https://wpixel.com/img/15evw72mei9wk8wkws.svg" alt="Step 3 - Download your static QR code."></div></div>
	<div class="row  " id=""><div class="col-md-12  col-md-auto py-4 text-center" id=""> <p><a href="#" class="btn btn-primary btn-lg shadow" role="button">Create your own QR Code now</a><br><small></small></p></div></div></div></p>
	
    </div>
</section>

<div class="pt-3">
  <div class="container">
  	<div class="row pt-5 pb-4">
    	<div class="col">
    <hr>
<section class="text-center dark-grey-text">
<h1 class="mb-4 pb-2">QR Code Generator Free For Lifetime</h1>

<p class="grey-text mx-auto mb-5">The QR Generator helps you generate print-quality QR codes for free. It allows you to make brandable <br>and custom QR codes for your business. Start creating with a few clicks and download in various <br>formats such as transparent PNG, editable SVG Vector, or PDF.</p>

<div class="row">

<div class="col-md-4 mb-4">
<i class="fa fa-user-o fa-4x mb-4" style="color:#40a1ff"></i>
<h3 class="my-4">No Signup</h3>
<p>No signup or registration is required to use this web app.</p>
</div>

<div class="col-md-4 mb-4">
<i class="fa fa-universal-access fa-4x mb-4" style="color:#40a1ff"></i>
<h3 class="my-4">Free</h3>
<p>Make unlimited QR codes with unlimited scans without trails, redirects, or hidden ads.</p>
</div>

<div class="col-md-4 mb-4">
<i class="fa fa-expeditedssl fa-4x mb-4" style="color:#40a1ff"></i>
<h3 class="my-4">Lifetime Validity</h3>
<p>Create permanent QR codes with no expiry and lifetime validity.</p>
</div>

</div>
</section>


    <hr>

<section class="text-center">
	<i class="fa fa-compress fa-5x mb-6" style="color:#40a1ff"></i>
	<h1 class="mb-4 pb-2">Contact us</h1>
<ul class="list-inline">
       <li><i class="fa fa-phone fa-1x mb-2" style="color:#f8b611"></i><a href="tel:+19297089821"> +1(929)708-9821</a>
	</br>
        <li><i class="fa fa-envelope fa-1x mb-2" style="color:#f8b611"></i><a href="mailto:support@wpixel.com"> support@wpixel.com</a>
</ul>

</div>
</section>
<div class="text-center">
<h6>Share This Web Site</h5>
        <ul class="list-inline">
          <li class="list-inline-item"><a target="blank" href="http://www.facebook.com/sharer.php?u=http://www.wpixel.com/">
            <span class="fa-stack fa-lg">
              <i class="fa fa-circle fa-stack-2x"></i>
              <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
            </span></a>
          </li>
          <li class="list-inline-item"><a target="blank" href="https://twitter.com/intent/tweet?original_referer=http://www.wpixel.com/">
            <span class="fa-stack fa-lg">
              <i class="fa fa-circle fa-stack-2x"></i>
              <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
            </span></a>
          </li>
          <li class="list-inline-item"><a target="blank" href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.wpixel.com/">
            <span class="fa-stack fa-lg">
              <i class="fa fa-circle fa-stack-2x"></i>
              <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
            </span></a>
          </li>

        </ul>
      </div>
    <hr>
    <div class="row py-2 small mb-3">
      <div class="col-6">&copy; 2026 Wpixel, All rights reserved.</div>
      <div class="col-6">
        <ul class="list-inline text-end m-0">
      <li class="list-inline-item">
    <a href="#" class="" data-bs-toggle="modal" data-bs-target="#privacyModal">Privacy</a>
  </li>
          <li class="list-inline-item">
    <a href="#" class="" data-bs-toggle="modal" data-bs-target="#termsModal">Terms and conditions</a>
  </li>
        </ul>
      <div class="modal fade" id="privacyModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="content-preview">
        <div class="content33">&nbsp;</div>
        <div class="content66">
            <h1>Privacy Policy</h1>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Introduction</h3>
        </div>

        <div class="content66">
            <p>
                This Privacy Policy explains the nature, 
                scope and purpose of the processing of personal data 
                (hereinafter referred to as <em>data</em>).
                Data is processed within our online software <em>WPIXEL</em>, 
                its functions and contents, 
                the websites linked to it and external online presences such as social 
                media profiles (hereinafter jointly referred to as <em>Online Service</em>).
            </p>           
        </div>
        <div class="clear"></div>

        <div class="content33">&nbsp;</div>
        <div class="content66">
            <h2 id="section1">1. Controller and Overview of Data Processing</h2>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Controller</h3>
        </div>
        <div class="content66">
            <p>WPIXEL<br>
                New York<br>
                E-Mail: support@wpixel.com<br>
                The Controller is hereinafter also referred to as <em>we</em> or <em>us</em>.</p>
            <p></p>            
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Description of our services and objectives</h3>
        </div>
        <div class="content66">
            <p>
                The QR Code Manager of <em>WPIXEL</em> is an online tool
                to help you in creating successful mobile marketing campaigns. 
                You can track who scans your QR Codes and analyze your audience to 
                optimize your advertising strategy.
            </p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Type of processed data</h3>
        </div>
        <div class="content66">
            <ul>
                <li>Customer master data (company name, contact person, address, VAT registration number, e-mail address);</li>
                <li>Account data (name, e-mail address, cryptographic hash of the password);</li>
                <li>Payment data (account data and/or credit card data);</li>
                <li>Contract data (type of service, fee, term, contract history, payment history);</li>
                <li>Content data that is entered in <em>WPIXEL</em> by customers/users themselves (QR Codes, Landing Pages, Media Files);</li>
                <li>Usage data/ metadata (server logging: IP address, user agent, request parameter, time stamp).</li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Processing of special categories of Data (Art. 9 (1) GDPR)</h3>
        </div>
        <div class="content66">
            <p>
                In general, no special categories of data are processed, 
                unless these are submitted by the user for processing, e.g. in Lead Landing Pages.
            </p>
        </div>
        <div class="clear"></div>


        <div class="content33">
            <h3>Categories of data subjects</h3>
        </div>
        <div class="content66">
            <ul>
                <li>Customers, test users, business partners.</li>
                <li>Visitors and users of the online offer.</li>
            </ul>
            <p>In the following, we will also summarise the data subjects as <em>users</em>.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Purpose of Processing</h3>
        </div>
        <div class="content66">
            <ul>
                <li>Provision of the Online Service, its contents and functions.</li>
                <li>Providing and operating <em>WPIXEL</em> (Software as a Service) and related services (computing capacities, databases, software, maintenance and development).</li>
                <li>Security measures.</li>
                <li>Response to contact requests and communication with users.</li>
                <li>Marketing, advertising and market research.</li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Automated individual decision-making (Art. 22 GDPR)</h3>
        </div>
        <div class="content66">
            <p>We do not use exclusively automated individual decision-making.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>As of</h3>
        </div>
        <div class="content66">
            <p>May 2018</p>
        </div>
        <div class="clear"></div>


        <div class="content33">&nbsp;</div>
        <div class="content66">
            <h2 id="section2">2. Rights of data subjects, legal basis for the processing and general information</h2>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Rights of Data Subjects</h3>
        </div>
        <div class="content66">
            <p>You have the right to obtain from the controller confirmation as to whether or not personal data concerning you are being processed, and, where that is the case, access to the personal data and the  further information and a copy of the data in accordance with Art. 15 GDPR.</p>
            <p>In accordance with Article 16 of the GDPR, you have the right to obtain from the controller the rectification of inaccurate personal data concerning you, or the completion of the data concerning you.</p>
            <p>In accordance with Art. 17 GDPR, you have the right to demand that relevant data be erased without undue delay or, alternatively, to demand a restriction of the processing of the data in accordance with Art. 18 GDPR.</p>
            <p>You have in accordance with Art. 20 GDPR the right to receive the personal data concerning you, which you have provided to us, in a structured, commonly used and machine-readable format and have the right to transmit those data to another controller.</p>
            <p>In accordance with Art. 77 GDPR, you also have the right to file a complaint with a supervisory authority.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Right of Withdrawal</h3>
        </div>
        <div class="content66">
            <p>You have the right to withdraw consents granted pursuant to Art. 7 (3) GDPR with effect for the future.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Right to Object</h3>
        </div>
        <div class="content66">
            <p>You can object to the future processing of the data concerning you in accordance with Art. 21 GDPR at any time. The objection may be lodged in particular against processing for direct marketing purposes.</p>
        </div>
        <div class="clear"></div>

        <div id="cookies" class="content33">
            <h3>Cookies</h3>
        </div>
        <div class="content66">
            <p>
                We use temporary and permanent cookies, i.e. small files that are stored on the user's devices 
                (for the explanation of the term and function, see last section of this Privacy Policy). 
                Our cookies serve security purposes or are required for the operation of our Online Services 
                (e.g., for the appearance of the website).
            </p>
            <p>
                If users do not want cookies to be stored on their computer, 
                they are advised to deactivate the corresponding option in the system settings of their browser. 
                Stored cookies can be deleted in the system settings of the browser. 
                The exclusion of cookies leads to functional restrictions of this Online Service.
            </p>
            <style>td{padding-top:5px}</style>
<table>

    <tbody><tr>
        <td colspan="2"><h4 id="essential">Essential</h4></td>
    </tr>
    <tr>
        <td colspan="2">These items are required to enable basic website functionality.</td>
    </tr>

    <tr>
        <td colspan="2"><h4>PHPSESSID</h4></td>
    </tr>
    
    <tr>
        <td>
            Purpose
        </td>
        <td>  
            Necessary for the duration of the session to ensure a functioning page navigation, the login and the registration process.
        </td>
    </tr>
    <tr>
        <td>Expiry</td>
        <td>Session End</td>
    </tr>
    <tr>
        <td>Type</td>
        <td>1st party HTTP Cookie</td>
    </tr> 
    
    <tr>
        <td colspan="2"><h4>tid</h4></td>
    </tr>
    <tr>
        <td>
           Purpose
        </td>
        <td>
           Necessary to assign QR codes or landing pages to a temporary user account.
           If the user creates an account with his e-mail,
           his account will be assigned with the QR codes and landing pages from the temporary user account.
           If no account is created within 24 hours, the temporary user account will expire and the cookie will be deleted.
        </td>
    </tr>
    <tr>
        <td>Expiry</td>
        <td>expires after 24 hours</td>
    </tr>
    <tr>
        <td>Typ</td>
        <td>1st party HTTP Cookie</td>
    </tr>
    
    <tr>
        <td colspan="2"><h4>_pk_id., _pk_ses.</h4></td>
    </tr>
    <tr>
        <td>
           Provider
        </td>
        <td>
           <a target="_blank" rel="noopener noreferrer nofollow" class="external-link" href="https://matomo.org/">Matomo (On-Premise)</a>    
        </td>
    </tr>
    <tr>
        <td>
           Purpose
        </td>
        <td>
           Tracking anonymized visitor data so that we can better understand the behavior of our visitors on our website.  
        </td>
    </tr>
    <tr>
        <td>Expiry</td>
        <td>1 month, 30 minutes</td>
    </tr>
    <tr>
        <td>Type</td>
        <td>HTTP Cookie</td>
    </tr> 
    
     <!--    youtube -->
    <tr>
        <td colspan="2"><h4>allowYouTube</h4></td>
    </tr>
    <tr>
        <td>
           Provider
        </td>
        <td>
           <a target="_blank" rel="noopener noreferrer nofollow" class="external-link" href="https://youtube.com">YouTube</a>    
        </td>
    </tr>
    <tr>
        <td>
           Purpose
        </td>
        <td>
           User consent to play YouTube videos.<br>
           Set when you click the "Watch YouTube Video" button
        </td>
    </tr>
    <tr>
        <td>Expiry</td>
        <td>1 year</td>
    </tr>
    <tr>
        <td>Type</td>
        <td>1st party HTTP Cookie</td>
    </tr> 
  
    <tr>
        <td colspan="2"><h4>__tawkuuid, TawkConnectionTime</h4></td>
    </tr>
    <tr>
        <td style="padding-right: 20px;">
            Provider
        </td>
        <td>
            <a target="_blank" rel="noopener noreferrer nofollow" class="external-link" href="https://www.tawk.to/privacy-policy/">Tawk</a>    
        </td>
    </tr>
    <tr>
        <td>
            Purpose
        </td>
        <td>           
            Used by the live chat plugin Tawk to chat with users on our web page.
            <br>
            Persistent cookies are only saved when visitors give their consent in the Tawk widget.
        </td>
    </tr>
    <tr>
        <td>
            Expiry
        </td>
        <td>
            5 months, On Session End
        </td>
    </tr>
    <tr>
        <td>
            Type
        </td>
        <td>
            3rd party HTTP Cookie
        </td>
    </tr>

    <tr>
        <td colspan="2"><h4>__stripe_mid, __stripe_sid</h4></td>
    </tr>
    <tr>
        <td>
            Provider
        </td>
        <td>
            <a target="_blank" rel="noopener noreferrer nofollow" class="external-link" href="https://stripe.com">Stripe</a>    
        </td>
    </tr>
    <tr>
        <td>
            Purpose
        </td>
        <td>
            Making payments through our Payment Processor.<br>
            Is only set when a registered user wants to pay for a subscription.
        </td>
    </tr>
    <tr>
        <td>Expiry</td>
        <td>1 year, 1 day</td>
    </tr>
    <tr>
        <td>Type</td>
        <td>3rd party HTTP Cookie</td>
    </tr>  

    
        
</tbody></table>
<div class="spacer30"></div>


        </div>
        <div class="clear"></div>


        <div class="content33">
            <h3>Do not track policy</h3>
        </div>
        <div class="content66">
            <p>DNT is a web browser setting a consumer may set to "on" or "off."
                When turned on, the user is instructing their browser to disable tracking of 
                their web browsing activities. We honor <a href="https://en.wikipedia.org/wiki/Do_Not_Track" target="_blank" class="external-link" rel="noopener noreferrer nofollow">DNT cookie policy</a> and if it is set on your browser 
                we will not place any cookie when you visit our site.
            </p>
        </div>
        <div class="clear"></div>




        


        <div class="content33 ">
            <h3>Solely Automated individual decision-making</h3>
        </div>
        <div class="content66">
            <p>In accordance with Art. 22 GDPR, you have the right not to be subject to a decision based exclusively on automated processing - including profiling - which has legal effect concerning you or similarly significantly affects you.</p>
            <p>We inform you that we do not use exclusively automated individual decision-making.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Erasure of data and archiving obligations</h3>
        </div>
        <div class="content66">
            <p>
                The data processed by us will be erased or its processing restricted in accordance with Articles 17 and 18 GDPR. 
                Unless expressly stated in this Privacy Policy, the data stored by us will be erased as soon as it is no 
                longer required for its intended purpose and there are no legal obligations to retain it. 
                If the data are not erased because they are necessary for other and legally permissible purposes, 
                their processing is restricted. This means that the data is excluded and not processed for other purposes. 
                This applies, for example, to data that must be retained for commercial or taxation reasons.
            </p>
            <p>
                In accordance with statutory provisions in Austria, 
                the records are kept in particular for 7 years in accordance with Sections 132 (1) 
                Austrian Financial Act (BAO).                
            </p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Changes and Updates to this Privacy Policy</h3>
        </div>
        <div class="content66">
            <p>We ask you to keep yourself regularly informed about the contents of our Privacy Policy. We will adapt the Privacy Policy as soon as any changes in data processing carried out by us make this necessary. We will inform you as soon as the changes require your cooperation (e.g. consent) or other individual notification.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Relevant Legal Basis for the Processing</h3>
        </div>
        <div class="content66">
            <p>In accordance with Art. 13 GDPR, we inform you of the legal basis of our data processing. If the legal basis is not explicitly stated in the Privacy Policy, the following applies: The legal basis for obtaining consents is Art. 6 (1) a and Art. 7 GDPR, the legal basis for processing for the performance of our services and performance of contractual measures as well as for answering inquiries is Art. 6 (1) b GDPR, the legal basis for processing to fulfil our legal obligations is Art. 6 (1) c GDPR, and the legal basis for processing to protect our legitimate interests is Art. 6 (1) f GDPR. In the event that the vital interests of the data subject or another natural person require the processing of personal data, Article 6(1)(d) GDPR serves as the legal basis.</p>
            <p>The principles for commercial communications outside of business relations, in particular by post, telephone, fax and e-mail, are contained in 7 of the Austrian Unfair Competition Act (UWG).</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Security of Data Processing</h3>
        </div>
        <div class="content66">
            <p>We shall take appropriate technical and organisational measures to ensure a level of protection appropriate to the risk in accordance with Article 32 GDPR, taking into account the state of the art, the costs of implementation and the nature, scope, context and purposes of processing as well as the risk of varying likelihood and severity for the rights and freedoms of natural persons; the measures include in particular ensuring the confidentiality, integrity and availability of data by controlling physical access to the data, as well as the access, input, transfer, integrity and pseudonymity. Furthermore, we have established procedures that guarantee the assertion of data subjects' rights, the erasure of data and the response to data hazards. Furthermore, we already consider the protection of personal data during the development or selection of hardware, software and procedures, in accordance with the principle of data protection by design of technology and by data protection-friendly presettings (Art. 25 GDPR).</p>
            <p>
                The security measures include in particular the encrypted 
                transmission of data between your browser and our server 
                or the encryption of your password in our database.                
            </p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Disclosure and Transmission of Data</h3>
        </div>
        <div class="content66">
            <p>If we disclose data to other persons and companies (processors or third parties) within the scope of our processing, transfer the data to them or otherwise grant them access to the data, this will only be carried out on the basis of a legal permission (e.g. if a transfer of the data to third parties, such as to payment service providers, is required for contract fulfilment pursuant to Art. 6 (1) b GDPR), if you have consented, if a legal obligation requires this or on the basis of our legitimate interests (e.g. when using agents, web hosting services, etc.).</p>
            <p>If we commission third parties with the processing of data on the basis of a so-called <em>Data Processing Agreement</em>, this is done on the basis of Art. 28 GDPR.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Transfers to Third Countries</h3>
        </div>
        <div class="content66">
            <p>If we process data in a third country (i.e. outside the European Union (EU) or the European Economic Area (EEA) or if this occurs in the context of the use of third-party services or disclosure or transmission of data to third parties, this only takes place if it is necessary to fulfil our (pre)contractual obligations, on the basis of your consent, on the basis of a legal obligation or on the basis of our legitimate interests. Subject to legal or contractual permissions, we process or let the data being processed in a third country only if the special requirements of Art. 44 ff GDPR are met. This means, for example, processing is carried out on the basis of special guarantees, such as the officially recognised adequate data protection level corresponding to the EU (e.g. for the USA by the <em>Privacy Shield</em>) or compliance with officially recognised special contractual obligations (so-called <em>Standard Contractual Clauses</em>).</p>
        </div>
        <div class="clear"></div>


        <div class="content33">&nbsp;</div>
        <div class="content66">
            <h2 id="section3">3. Processing operations</h2>
        </div>
        <div class="clear"></div>

        <div class="content33">&nbsp;</div>
        <div class="content66">
            <p>The following section provides an overview of our processing activities, which we have subdivided into other areas of operation. Please note that the areas of operation are for guidance only and that processing activities may overlap (e.g. the same data may be processed in several operations). </p>
            <p>For reasons of clarity and comprehensibility, you will find the frequently repeated terms in section 4 of this data protection declaration.</p>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Contractual services (<em>WPIXEL</em>)</h3>
        </div>
        <div class="content66">
            <p>We process the data of our customers within the scope of <em>WPIXEL</em>'s services in order to provide our contractual services.</p>
            <ul>
                <li>Data processed: 
                    Customer master data (company name, contact person, address, VAT registration number, e-mail address), 
                    user and account data (name, e-mail address, cryptographic hash of password), 
                    payment data (account data and/or credit card data), 
                    contract data (type of service, fee, term, contract history, payment history), 
                    content data which are entered by customers/users themselves 
                    in <em>WPIXEL</em> 
                    (QR Codes, Location Data, Landing Pages), 
                    usage data/ metadata (server logging: IP address, user agent, request parameter, time stamp).
                </li>
                <li>Special categories of personal data: In general, no special categories of data are processed unless they are submitted by the user.</li>
                <li>
                    Data subjects: Customers, test users, business partners,
                    visitors who view landing pages or QR codes from customers.
                </li>
                <li>Purpose of Processing: infrastructure and platform services, computing capacity, storage and database services, security services, technical maintenance services.</li>
                <li>Legal basis: Art. 6 (1) b GDPR (performance of the contract).</li>
                <li>Necessity / interest in processing: The data are necessary to establish and fulfil the contractual performance.</li>
                <li>External disclosure and purpose: For hosting purposes only or within the scope of legal permissions and obligations towards legal consultants and authorities.</li>
                <li>Processing in third countries: none.</li>
                <li>
                    Deletion of data: 

                    Content data entered into <em>WPIXEL</em> 
                    by customers themselves will be archived for 2 years after termination 
                    of the account or expiration of the trial and automatically deleted afterwards.

                    Customer master data will be stored indefinitely, unless they are no longer required; 
                    the necessity of storing the data will be checked every three years; in the case of statutory archiving 
                    obligations the deletion will take place after their expiry 
                    (end of  retention obligation - commercial, 2 years / tax, 7 years).
                    <br>
                    Content data created by visitors to a customer's landing pages can be deleted by customers themselves.
                    With digital guest registration, contacts older than 28 days are automatically deleted.
                    Contacts from lead landing pages can be automated or manually deleted.
                </li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Hosting <em>WPIXEL</em> data</h3>
        </div>
        <div class="content66">
            <p>The hosting services we use serve to provide the following services: Infrastructure and platform services, computing capacity, storage and database services, security services, technical maintenance services.</p>
            <ul>
                <li>Data processed: Inventory data, contact data, content data, contract data, usage data, meta/communication data.</li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) f GDPR.</li>
                <li>Data subjects: customers, prospective customers.</li>
                <li>Special security measures: Data Processing Agreement.</li>
                <li>Processing in third countries: none.</li>
                <li>
                    External disclosure and purpose: <a href="https://www.hetzner.com" target="_blank">Hetzner Online GmbH</a> - Industriestr. 25 - 91710 Gunzenhausen -  Germany (hosting <em>WPIXEL</em>)
                    </li>
                <li>Necessity / interest in processing: Security, efficiency, business interests.</li>
            </ul>
        </div>
        <div class="clear"></div>


        <div class="content33">
            <h3>Hosting Website, Blog, Mail Server</h3>
        </div>
        <div class="content66">
            <p>The hosting services we use serve to provide the following services: Infrastructure and platform services, computing capacity, storage and database services, security services, technical maintenance services.</p>
            <ul>
                <li>Data processed: Inventory data, contact data, content data, contract data, usage data, meta/communication data.</li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) f GDPR.</li>
                <li>Data subjects: customers, prospective customers, visitors of the website.</li>
                <li>Special security measures: Data Processing Agreement.</li>
                <li>External disclosure and purpose: DI Kurz Klaus e.U. - Untere Weigerberstr. 28/11 - 1030 Wien - sterreich  (hosting website, blog, mail server). </li>
                <li>Processing in third countries: none</li>
                <li>Necessity / interest in processing: Security, efficiency, business interests.</li>
            </ul>
        </div>
        <div class="clear"></div>
        
        <div class="content33">
            <h3>DDoS Protection</h3>
        </div>
        <div class="content66">
            <p>
                The services we use serve to protect our service from DDoS attacks.
                Only in the event of an attack are visitors first directed to an external server,
                which checks whether it is a real person and only if the check is positive will it be forwarded to our servers.
            </p>
            <ul>
                <li>Data processed: content data, usage data, meta/communication data.</li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) f GDPR.</li>
                <li>Data subjects: customers, prospective customers, visitors of the website.</li>
                <li>Special security measures: Data Processing Agreement.</li>
                <li>External disclosure and purpose: Cloudflare Germany GmbH Rosental 7, c/o Mindspace, 80331 Munchen (securing <em>WPIXEL</em>)</li>
	 <li>Processing in third countries: yes</li>
                <li>Necessity / interest in processing: Security</li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Answering Inquiries and Customer Service</h3>
        </div>
        <div class="content66">
            <p>Information in inquiries that we receive via our contact form and other means, e.g. via e-mail, we process in order to answer the inquiries.  </p>
            <ul>
                <li>Data processed: Inventory data, contact data, contract data, payment data, usage data, metadata.</li>
                <li>Data subjects: customers, prospective customers, business partners, website visitors.</li>
                <li>Purpose of processing: Answering inquiries.</li>
                <li>Type, scope and mode of operation of the processing: registration process, termination option.</li>
                <li>Necessity / interest in processing: Necessary to answer queries. </li>
                <li>Legal basis: Art. 6 (1) b./f GDPR.</li>
				<li>Processing in third countries: none.</li>
                <li>Retention of data: 
                    We delete the inquiries if they are no longer required. 
                    We review the requirement every two years; requests from customers who have a customer account 
                    are stored permanently and are linked to the customer 
                    account details for deletion. In the case of statutory archiving obligations, 
                    the erasure takes place after their expiry (end of commercial law (2 years) and tax law (7 years) storage obligation).
                </li>
            </ul>
        </div>
        <div class="clear"></div>




        <div class="content33">
            <h3>Administration, Financial Accounting, Office Organization, Archiving</h3>
        </div>
        <div class="content66">
            <p>We process data within the framework of administrative tasks as well as the organization of our company, financial accounting and compliance with legal obligations, such as archiving.</p>
            <ul>
                <li>Data processed: Data that we process in the course of our Online Services.</li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) c GDPR, Art. 6 (1) f GDPR.</li>
                <li>Data subjects: customers, prospective customers, business partners, website visitors.</li>
                <li>Purpose of processing: administration, financial accounting, office organization, archiving.</li>
                <li>Necessity / interest in processing: The processing is necessary to maintain our business and our services.</li>
                <li>Processing in third countries: none.</li>
                <li>
                </li><li>Retention of data: 
                    We delete the inquiries if they are no longer required. 
                    We review the requirement every two years; requests from customers who have a customer account 
                    are stored permanently and are linked to the customer 
                    account details for deletion. In the case of statutory archiving obligations, 
                    the erasure takes place after their expiry (end of commercial law (2 years) and tax law (7 years) storage obligation).
                </li>
                
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Content delivery network</h3>
        </div>
        <div class="content66">
            <p>Users accessing our website will get static files like images, JavaScript  or CSS files from a content delivery network</p>
            <ul>
                <li>Data processed: IP-Address</li>
                <li>Special categories of personal data: none.</li>
                <li>Processing principles: Art. 6 (1) b GDPR; Art. 6 (1) f GDPR.</li>
                <li>Affected persons: Website visitors</li>
                <li>Purpose of the processing: improving page load time</li>
                <li>Necessity / interest in processing: lowering bounces and improving SEO</li>
                <li>Protective measures: IP addresses are stored anonymously</li>
                <li>processing in third countries: yes.</li>
                <li>
                    Deletion of data: not necessary since no personal data is stored.
                </li>
            </ul>
        </div>
        <div class="clear"></div>


        <div class="content33">
            <h3>Blog</h3>
        </div>
        <div class="content66">
            <p>User comments on the blog are stored and can be validated to ensure they are not spam.</p>
            <ul>
                <li>Data processed: Inventory data (names, e-mail addresses, links to own website); content data (comment)</li>
                <li>Special categories of personal data: none.</li>
                <li>Processing principles: Art. 6 (1) b GDPR; Art. 6 (1) f GDPR.</li>
                <li>Affected persons: Authors of comments</li>
                <li>Purpose of the processing: storage of the comment.</li>
                <li>Necessity / interest in processing: security purposes (spam check).</li>
                <li>Protective measures: Users are welcome to use pseudonyms.</li>
                <li>processing in third countries: no.</li>
                <li>
                    Deletion of data: 
                    Data remains stored until the author revokes his comment.
                    If the comment was identified as spam, then the data remains permanently stored.
                </li>
            </ul>
        </div>
        <div class="clear"></div>


        <div class="content33">
            <h3>Google Maps</h3>
        </div>
        <div class="content66">
            <p>
                To show QR code scan positions on a map, 
                we have included in our website maps from the service Google Maps by Google LLC 
                via their API.             
            </p>

            <ul>
                <li>Data processed: IP-Address</li>
                <li>Special categories of personal data: none.</li>
                <li>Processing principles: Art. 6 (1) b GDPR; Art. 6 (1) f GDPR.</li>
                <li>Affected persons: Customers, test users</li>
                <li>Purpose of the processing: Viewing Maps</li>
                <li>Necessity / interest in processing: Visualization of QR Code Scan Positions</li>
                <li>Protective measures: Users are welcome to use pseudonyms.</li>
                <li>
                    In this processing, our cooperation with Google is based on a shared responsibility 
                    agreement under Art. 26 GDPR, which can be accessed 
                    <a target="_blank" rel="nofollow" class="external-link" href="https://privacy.google.com/intl/en/businesses/mapscontrollerterms/">here</a>.
                </li>
                <li>Retention of data: The deletion policies of the respective networks / platforms apply.</li>
            </ul>

        </div>
        <div class="clear"></div>

  <div class="content33">
            <h3>Online Presences in Social Media</h3>
        </div>
        <div class="content66">
            <p>We maintain online presences within social networks and platforms in order to communicate with active customers, interested parties and users and to inform them about our services. When accessing the respective networks and platforms, the terms and conditions and the privacy policy of their respective providers apply. Unless otherwise stated in our privacy policy, we will process the data of users who communicate with us within social networks and platforms, e.g. send us messages.</p>
            <p>The links to social networks and platforms (hereinafter referred to as <em>social media</em>) used within our Online Services do not establish a data transmission between social networks and users until users click on the links and access the respective networks or their websites.</p>
            <p>Social networks/platforms used by us: Facebook, Twitter, UserVoice, tawk.to</p>
            <ul>
                <li>Data processed: Inventory data, content data.</li>
                <li>Special categories of personal data: In principle, no, except as provided voluntarily by users.</li>
                <li>Legal basis: Art. 6 (1) f GDPR.</li>
                <li>Data subjects: Users of social media networks / platforms (this can include customers and prospective customers).</li>
                <li>Purpose of processing: Information and communication.</li>
                <li>Type, scope and mode of operation of the processing: By providers of the respective platforms as a general rule: permanent cookies, tracking, targeting, remarketing, online behavioural advertising.</li>
                <li>Necessity / interest in processing: Expectations of users active on the platforms, business interests.</li>
                <li>External disclosure and purpose: To the social networks/platforms.</li>
                <li>Processing in third countries: USA.</li>
                <li>
                    Guarantee when processing in third countries: 
                    Privacy Shield, 
                    <a href="https://www.privacyshield.gov/participant?id=a2zt0000000GnywAAC" target="_blank" class="external-link">Facebook Inc.</a>, 
                    <a href="https://www.privacyshield.gov/participant?id=a2zt0000000TORzAAO" target="_blank" class="external-link">Twitter</a>, 
                    <a href="https://www.privacyshield.gov/participant?id=a2zt000000001L5AAI" target="_blank" class="external-link">Goolge LLC</a>,
                    <a href="https://www.privacyshield.gov/participant?id=a2zt0000000GnvnAAC&amp;status=Active" target="_blank" class="external-link">UserVoice</a>,
                    <a href="https://www.tawk.to/data-protection/gdpr/" target="_blank" class="external-link">tawk.to</a>
                </li>
                <li>Retention of data: The deletion policies of the respective networks / platforms apply.</li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Server-Logs</h3>
        </div>
        <div class="content66">
            <p>The server on which this Online Service is hosted collects so-called log files each time the Online Service is accessed, in which user data is stored. The data is used for statistical analysis to maintain and optimize server operation and for security purposes, e.g. to detect potential unauthorized access attempts.</p>
            <ul>
                <li>Data processed: 
                    Usage data and metadata (name of the accessed website, file, date and time of access, amount of data transferred, 
                    notification of successful access, browser type and version, the user's operating system, IP address).</li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) f GDPR.</li>
                <li>Data subjects: customers, prospective customers, visitors of the Online Service.</li>
                <li>Purpose of processing: Optimization of server operation and security monitoring.</li>
                <li>Necessity / interest in processing: Security, business interests.</li>
                <li>Processing in third countries: no.</li>
                <li>Deletion of data: After 1 month from the time of the collection.</li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3>Server-Monitoring</h3>
        </div>
        <div class="content66">
            <p>
                We monitor our servers with a local instance of Matomo (Piwik) to ensure the availability and integrity 
                of our Online Services and use the data for technical and user-friendly optimisation.
            </p>
            <ul>
                <li>
                    Data processed: Aggregated performance data and pseudonymisation of IP address
                </li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) f GDPR, Art. 28 (3 p. 1 GDPR.</li>
                <li>Data subjects: customers, users, business partners, website visitors</li>
                <li>Purpose of processing: server logging; server monitoring &amp; error tracking.</li>
                <li>Type, scope and mode of operation of the processing: Third-party cookies, permanent cookies.</li>
                <li>
                    Special security measures: No transmission of IP addresses. No transmission of unique user ids like e-mail.
                    In addition, users who have set "I don't want to be tracked" in their browser (do-not-track activated) 
                    will not be tracked by Matomo.
                </li>
                <li>Necessity / interest in processing: Security, efficiency of the Online Service.</li>
                <li>Processing in third countries: no.</li>                
                <li>
                    Deletion of data: IP addresses are immediately anonymized.
                    Aggregated data that is not personal data remains stored indefinitely.
                </li>
            </ul>
        </div>
        <div class="clear"></div>

        <div class="content33">
            <h3 id="newsletter">Newsletter</h3>
        </div>
        <div class="content66">
            <p>
                We send e-mail newsletters to users and our customers, 
                informing them about news on the platform, maintenance work, new functions, etc.
            </p>
            <ul>
                <li>
                    Data processed:  E-Mail-Address, Firstname, Lastname
                </li>
                <li>Special categories of personal data: none.</li>
                <li>Legal basis: Art. 6 (1) f GDPR, Art. 28 (3 p. 1 GDPR.</li>
                <li>Data subjects: customers, users</li>
                <li>Purpose of processing: Communication about maintenance, changes and news from our service </li>

                <li>
                    Special security measures: 
                    All data is processed in-house and is not sent to any third-party newsletter mailing programs.
                    A newsletter will only be sent to the user if the user has given his consent and
                    he has confirmed his email address via a double opt-in.
                    No profiling is carried out.
                </li>
                <li>Necessity / interest in processing: Communication about maintenance, changes and news from our service</li>
                <li>Processing in third countries: no.</li>                
                <li>
                    Deletion of data: 
                    The newsletter can be stopped any time via an unsubscribe link
                    in every email or deactivated in the user account.
                    If the user terminates his account, he will also no longer receive emails.
                </li>
            </ul>
        </div>
        <div class="clear"></div>



        <div class="content33">&nbsp;</div>
        <div class="content66">
            <h2 id="section4">4. Definitions</h2>
        </div>
        <div class="clear"></div>

        <div class="content33">&nbsp;</div>
        <div class="content66">
            <p>This section provides an overview of the terms used in this Privacy Policy. Many of the terms are taken from the law and defined above all in Art. 4 GDPR. The legal definitions are binding. The following explanations, on the other hand, are intended primarily for understanding. The terms are sorted alphabetically.</p>
        </div>
        <div class="clear"></div>

        <div class="content33"><h3>Consent</h3></div>
        <div class="content66"><p><em>Consent</em> of the data subject means any freely given, specific, informed and unambiguous indication of the data subjects wishes by which he or she, by a statement or by a clear affirmative action, signifies agreement to the processing of personal data relating to him or her.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Controller</h3></div>
        <div class="content66"><p><em>Controller</em> means the natural or legal person, public authority, agency or other body which, alone or jointly with others, determines the purposes and means of the processing of personal data.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Cookies</h3></div>
        <div class="content66"><p><em>Cookies</em> are small files that are stored on the user's computer. Different data can be stored in the cookies. A cookie is primarily used to store information about a user (or the device on which the cookie is stored) during or after his or her visit to a website. <em>Temporary cookies</em> or <em>session cookies</em> or <em>transient cookies</em> are cookies that are deleted after a user leaves a website and closes his browser. In such a cookie, for example, the login status can be stored. Cookies are referred to as <em>permanent</em> or <em>persistent</em> if they are stored even after the browser is closed. For example, the login status can be saved permanently.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Processor</h3></div>
        <div class="content66"><p><em>Processor</em> means a natural or legal person, public authority, agency or other body which processes personal data on behalf of the controller.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Privacy Shield</h3></div>
        <div class="content66"><p>The EU-US <em>Privacy Shield</em> is an informal agreement in the field of data protection law negotiated between the European Union and the United States of America. It consists of a number of assurances from the US government and a decision by the EU Commission. Companies certified under the Privacy Shield offer a guarantee to comply with European data protection law (<a href="https://www.privacyshield.gov">https://www.privacyshield.gov</a>).</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Processing</h3></div>
        <div class="content66"><p><em>Processing</em> means any operation or set of operations which is performed on personal data or on sets of personal data, whether or not by automated means, such as collection, recording, organisation, structuring, storage, adaptation or alteration, retrieval, consultation, use, disclosure by transmission, dissemination or otherwise making available, alignment or combination, restriction, erasure or destruction.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Pseudonymisation / Pseudonyms</h3></div>
        <div class="content66"><p><em>Pseudonymisation</em> means the processing of personal data in such a manner that the personal data can no longer be attributed to a specific data subject without the use of additional information, provided that such additional information is kept separately and is subject to technical and organisational measures to ensure that the personal data are not attributed to an identified or identifiable natural person; E.g. if an exact interest profile of the computer user is stored in a cookie, but not the name of the user, then data is processed pseudonymously. If his name is stored, e.g. as part of his e-mail address or his IP address is stored, then the processing is no longer pseudonymous.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Special categories of personal data</h3></div>
        <div class="content66"><p>Data identifying racial or ethnic origin, political opinions, religious or philosophical beliefs or trade union membership, as well as genetic data, biometric data uniquely identifying a natural person, health data or data relating to a natural person's sex life or sexual orientation.</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Third countries</h3></div>
        <div class="content66"><p><em>Third countries</em> are countries in which the GDPR is not directly applicable law, i.e. in general states that do not belong to the European Union (EU) or the European Economic Area (EEA).</p></div>
        <div class="clear"></div>

        <div class="content33"><h3>Third Party</h3></div>
        <div class="content66"><p><em>Third Party</em> means a natural or legal person, public authority, agency or body other than the data subject, controller, processor and persons who, under the direct authority of the controller or processor, are authorised to process personal data.</p></div>
        <div class="clear"></div>

        
        <p>
            This privacy policy was last revised and updated July 07, 2024.</p>
        <div class="clear"></div>
        <div class="spacer30"></div>
        <div class="spacer30"></div>
    </div>


        </div>
      </div>
    </div>
  </div>
      <div class="modal fade" id="termsModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="content-preview">
        <h1>Terms of Service for </h1>
        <h2>1. Introduction</h2>
        <p>Welcome to the QR Code Marketing Tool <strong>wpixel.com</strong> which you can use to generate and track QR Codes (QR Code is registered trademark
            of DENSO WAVE INCORPORATED). This terms and conditions apply to all use of the https://www.wpixel.com site and your relationship
            with this website and its affiliates (collectively QRcode including content, applications or service provided to user Service or Site),
            owner of the site  <a rel="nofollow" href="https://www.wpixel.com" target="_blank">https://www,wpixel.com</a>
            (collectively wpixel.com) and you are subject to these Terms of Service and <a href="https://www.wpixel.com/privacy">Privacy Policy</a>.
            By accessing or using any part of the Web site, each person or entity (collectedly you user company ) consent to the terms and conditions of this agreement.</p>

        <p><strong>Please read these terms of use carefully before you start to use the site. By using our site, you indicate that you accept these terms of use and that you agree to
                abide by them. If you do not agree to these terms of use, please refrain from using our site.</strong></p>

        <h2 id="access">2. Accessing our Site</h2>
        <p>Access to our site is permitted on a temporary basis,
            and we reserve the right to withdraw or amend our free service
            we provide on our site without notice.
            We will not be liable if for any reason our site is
            unavailable at any time or for any period.
        </p>
        <h2 id="free-account">3. Opening a free Account
        </h2>
        <p>By signing up on the Website and creating account to use
            the Service, you are responsible for maintaining the security
            of your account and you agree that your login credentials are
            personal and non transmissible. You are fully responsible for
            all activities that occur under your account and any other
            actions taken in connection with your account or Service.
        </p>
        <p>Furthermore, you must not describe or assign keywords to your
            account in a misleading or unlawful manner, including in a
            manner intended to trade Service on the name or reputation
            of others, and wpixel.com may change or remove any description
            or keyword that it considers inappropriate or unlawful, or
            otherwise likely to cause wpixel.com liability.
        </p>
        <p>You must immediately notify wpixel.com of any unauthorized uses
            of your account or any other breaches of security. wpixel.com will
            not be liable for any acts or omissions by You, including any
            damages of any kind incurred as a result of such acts or omissions.
        </p>
        <p>
            You make sure that we can contact you at the email address given during registration. 
            If the e-mail ceases to exist or messages can not be delivered, 
            we reserve the right to block your account.
        </p>
        <p>wpixel.com reserves the right to terminate any account or login credential
            if it remains inactive for a period longer than one year.
        </p>
        
        <p>
            After you have created an account, you will receive tips and tricks in the 
            first few days on how best to use the portal and QR codes by e-mail.
            You can unsubscribe these onboarding emails at any time with an 
            unsubscribe link in the footer of each email.
        </p>


        <h2>4. Links from our Site
        </h2>
        <p>Where our site contains links to other sites and resources
            provided by third parties, these links are provided for your
            information only.  We have no control over the contents of those
            sites or resources, and accept no responsibility for them or for
            any loss or damage that may arise from your use of them.
            When accessing a site via our website we advise you check their
            terms of use and privacy policies to ensure compliance and
            determine how they may use your information.
        </p>

        <h2 id="published-content">5. Responsibility for Published Content
        </h2>
        <p>You understand that all information, data, text, software,
            music, sound, photographs, graphics, video, messages, tags or
            other materials ("content") whether publicly posted or privately
            transmitted, are the sole responsibility of the person from
            whom such content originated. This means that you, and not us,
            are entirely responsible for all content that you upload, post,
            transmit via our service. We do not control the content published
            via our service and, as such, we can't guarantee the accuracy,
            integrity or quality of such content.
        </p>
        <p>The service may provide or third parties may provide links to other
            World Wide Web sites or resources. Because we have no control over
            such sites and resources you acknowledge and agree that we are not
            responsible for the availability of such external sites or recourses.
        </p>
        <p><strong>It is a violation of our terms of use to shorten urls that link to 
                illegal content, in particular radical right-wing, pornographic, 
                racist, offending, defaming content or contant harming someones 
                reputation or business. 
                wpixel.com reserves the right to remove such entries without further notice.
            </strong>
        </p>



        <h2 id="closing-account">6. Closing Your Account
        </h2>
        <p>You may close your Account at any time by contacting wpixel.com through email or by
            clicking on "Terminate Account" in your account settings.
            Following this action, all the services
            associated with your account and your account shall be
            suspended.
        </p>

        <h2 id="termination">7. Termination</h2>
        <p>wpixel.com may terminate your access to all or any part of the
            Website at any time, with or without cause, with or without notice,
            effective immediately. If you wish to terminate this agreement or your
            account (if you have one), you may simply discontinue using the Website or 
            terminate your account in your account settings.
        </p>
        <p>
            Groups or clusters of accounts using the free package will be terminated immediately 
            since the scope of free package is personal use and small projects. 
            Please use one of our paid plans instead.
        </p>

        <h2 id="intellectual-property">8. Intellectual Property and Ownership
        </h2>
        <p>We are the owner or the licensee of all intellectual property 
            rights in our site, and in the material published on it.  
            Those works are protected by copyright laws and treaties around 
            the world.  
            All such rights are reserved. 
            You may print off one copy, and may download extracts, 
            of any page(s) from our site for your personal reference 
            and you may draw the attention of others within your organisation 
            to material posted on our site.  
            You must not modify the paper or digital copies of any 
            materials you have printed off or downloaded in any way, 
            and you must not use any illustrations, photographs, video or 
            audio sequences or any graphics separately from any accompanying text. 
            Our status (and that of any identified contributors) 
            as the authors of material on our site must always be acknowledged. 
            You must not use any part of the materials on our site for commercial 
            purposes without obtaining a licence to do so from us or our licensors.
            If you print off, copy or download any part of our site in breach 
            of these terms of use, your right to use our site will cease 
            immediately and you must, at our option, return or destroy any 
            copies of the materials you have made.
        </p>

        <h2 id="changes">9. Our Site changes regulary
        </h2>
        <p>We aim to update our site regularly, and may change
            the content at any time. If the need arises, we may suspend
            access to our site, or close it indefinitely. Any of the material
            on our site may be out of date at any given time, and we are under
            no obligation to update such material.
        </p>


        <h2 id="liability">10. Our Liability
        </h2>
        <p>The material displayed on our site is provided without 
            any guarantees, conditions or warranties as to its 
            accuracy. To the extent permitted by law, we, and third 
            parties connected to us hereby expressly exclude:
        </p>
        <ol>
            <li>All conditions, warranties and other terms which might 
                otherwise be implied by statute, common law or the law of equity.
            </li>
            <li>Any liability for any direct, indirect or consequential loss 
                or damage incurred by any user in connection with our site or 
                in connection with the use, inability to use, or results of the 
                use of our site, any websites linked to it and any materials posted 
                on it, including, without limitation any liability for:
                <ul>
                    <li>
                        loss of income or revenue
                    </li>
                    <li>
                        loss of business
                    </li>
                    <li>
                        loss of profits or contracts
                    </li>
                    <li>
                        loss of anticipated savings
                    </li>
                    <li>
                        loss of data
                    </li>
                    <li>
                        loss of goodwill
                    </li>
                    <li>
                        wasted management or office time and
                    </li>
                    <li>
                        for any other loss or damage of any kind, however arising and
                        whether caused by tort (including negligence), breach of contract
                        or otherwise, even if foreseeable, provided that this condition
                        shall not prevent claims for loss of or damage to your tangible
                        property or any other claims for direct financial loss that are
                        not excluded by any of the categories set out above.
                    </li>
                </ul>
            </li>
        </ol>
        <p>This does not affect our liability for death or personal
            injury arising from our negligence, nor our liability for
            fraudulent misrepresentation or misrepresentation as to a
            fundamental matter, nor any other liability which cannot be
            excluded or limited under applicable law.

        </p>

        <h2>11. General Representation and Warranty
        </h2>
        <p>You represent and warrant that
        </p>
        <ol>
            <li>your use of the Website will be in strict accordance
                with the Website Privacy Policy, with this Agreement and with all
                applicable laws and regulations (including without limitation any
                local laws or regulations in your country, state, city, or other
                governmental area, regarding online conduct and acceptable content,
                and including all applicable laws regarding the transmission of
                technical data exported from the United States or the country
                in which you reside) and
            </li>
            <li>your use of the Website will not infringe or misappropriate
                the intellectual property rights of any third party.
            </li>
        </ol>


        <h2>12. Variations</h2>
        <p>We may revise these terms of use at any time by amending this page. You will be informed of changes by email.
             If you continue to use the service after the change, you have accepted the new terms of use.
             The General Terms of Use may only be changed in writing by an authorized representative of wpixel.com. </p>
       

        <h2>13. Indemnification</h2>
        <p>
            You agree to indemnify, hold harmless wpixel.com, its contractors and its licensors and their respective directors, officers, employees and agents from and against any and all claims and expenses, including attorneys' fees, arising out of your use of the website surrender to refrain.
    wpixel.com is only liable for damages - for whatever legal reason - in the case of intent, gross negligence or if qrplanet.com has assumed a guarantee for certain services.
        </p>  
         
        <h2>14. Your Concerns</h2>
        <p>If you have any concerns about material which appears on our site, please contact us </p>
        <p>This terms of use was last revised and updated 1st of September, 2024.</p>
        </div>
        <div class="spacer30"></div>
        <div class="spacer30"></div>
    </div>
        </div>
      </div>
    </div>
  </div>
          </div>
    </div>
  </div>
  </div>    </body>
</html>
