<!DOCTYPE HTML>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">  
    <head prefix="og: http://ogp.me/ns#">
        <title>Free QR Code Generator | Create QR Codes | QR Planet</title>
                <meta http-equiv="content-type" content="text/html;charset=utf-8"/>        
        <meta name="description" content="Create free QR codes ✅ with no expiration ✅ use templates & your logo ✅ chose your colors & frames ✅ without registration ▶ Generate now"/>  
        <link rel="canonical" href="https://qrplanet.com" />
                <link rel="alternate" href="https://qrplanet.com" hreflang="en" />
            <link rel="alternate" href="https://qr1.at" hreflang="de" />
               
                <link rel="alternate" href="https://qrplanet.com/es" hreflang="es" />
                            <link rel="alternate" href="https://qrplanet.com/pt" hreflang="pt" />
                            <link rel="alternate" href="https://qrplanet.com/it" hreflang="it" />
                            <link rel="alternate" href="https://qrplanet.com/fr" hreflang="fr" />
                            <link rel="alternate" href="https://qrplanet.com/pl" hreflang="pl" />
            
        <link id="faviconsvg-dark" media="(prefers-color-scheme: dark)" rel="icon" type="image/svg+xml" sizes="any" href="https://cdn.qrplanet.com/favicon-dark.svg"/>
        <link id="favicon-dark" media="(prefers-color-scheme: dark)"  rel="icon" href="https://cdn.qrplanet.com/favicon-dark.ico" type="image/png"/>

        <link id="faviconsvg" media="(prefers-color-scheme: light)" rel="icon" type="image/svg+xml" sizes="any" href="https://cdn.qrplanet.com/favicon.svg" />
        <link id="favicon" media="(prefers-color-scheme: light)" rel="icon" href="https://cdn.qrplanet.com/favicon.ico" type="image/png"/>

        <link rel="apple-touch-icon" href="https://cdn.qrplanet.com/img/qr1-apple.png"/>
        <meta property="og:type" content="article">        
         <meta property="og:url" content="https://qrplanet.com/">
         <meta property="og:locale" content="en_US">
         <meta property="og:image" content="https://qrplanet.com/img/qrplanet-trans-qr-flat.png">
         <meta property="og:image:type" content="image/jpeg"><meta name="robots" content="index,follow"/>                    <meta name="twitter:title" content="Free QR Code Generator | Create QR Codes | QR Planet"/>
            <meta property="og:title" content="Free QR Code Generator | Create QR Codes | QR Planet"/>
            <meta itemprop="name" content="Free QR Code Generator | Create QR Codes | QR Planet"/>
                            <meta property="og:description" content="Create free QR codes ✅ with no expiration ✅ use templates & your logo ✅ chose your colors & frames ✅ without registration ▶ Generate now"/>
            <meta itemprop="description" content="Create free QR codes ✅ with no expiration ✅ use templates & your logo ✅ chose your colors & frames ✅ without registration ▶ Generate now"/>
            <meta name="twitter:description" content="Create free QR codes ✅ with no expiration ✅ use templates & your logo ✅ chose your colors & frames ✅ without registration ▶ Generate now"/>
                            <meta property="og:url" content="https://qrplanet.com/?feed=rss2&amp;language=es"/>
            <meta property="og:type" content="website" />
            <meta property="og:image" content="https://cms.qrplanet.com/og/t1nk9lr37w0os8ok84.png"/>
            <noscript itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
            <link itemprop="url" href="t1nk9lr37w0os8ok84.png"/>
            <meta itemprop="width" content="1200"/>
            <meta itemprop="height" content="600"/>
            </noscript>
            <meta name="twitter:card" content="summary_large_image"/>
            <meta name="twitter:image" content="https://cdn.qrplanet.comt1nk9lr37w0os8ok84.png"/>
         
        <link rel="preload" href="https://cdn.qrplanet.com/css/fonts/opensans/OpenSans-Light-webfont.woff" as="font" type="font/woff2" crossorigin>
        
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-53RTCBWR');</script>
<!-- End Google Tag Manager -->
                                <meta name="viewport" content="width=device-width,initial-scale=1">
                <script type="application/ld+json">{
"@context":"http://schema.org","@type":"WebSite","name":"QR Planet","alternateName" : "QR Planet","url":"https://qrplanet.com","sameAs":["https://www.facebook.com/qrd.by","https://twitter.com/qrdby","https://www.linkedin.com/company/qr-code-generator"]}</script> 
                    
        <link href="https://cdn.qrplanet.com/css/bootstrap/bootstrap.css" rel="stylesheet" >
        
        <link href="https://cdn.qrplanet.com/css/fonts/ionicons/ionicons.min.css?v=1.53" rel="stylesheet" >
        <link href="https://cdn.qrplanet.com/css/bootstrap/-Fixed-Navbar-start-with-transparency-background-BS4-.css?v=1.53" rel="stylesheet" >
        <link href="https://cdn.qrplanet.com/css/bootstrap/Footer-Clean.css?v=1.53" rel="stylesheet" >
        <link href="https://cdn.qrplanet.com/css/bootstrap/styles.css?v=1.53" rel="stylesheet" >
        <link href="https://cdn.qrplanet.com/css/bootstrap/aos.css?v=1.53" rel="stylesheet" >
        
        <link href="https://cdn.qrplanet.com/css/bootstrap/bootstrap.clean.min.css?v=1.53" rel="stylesheet" />
        <!--link href="https://cdn.qrplanet.com/css/fonts/fontawesome/font-awesome.min.css?v=1.53" rel="stylesheet" /-->
        <link href="https://cdn.qrplanet.com/css/fonts/fontawesome6/css/all.min.css?v=1.53" rel="stylesheet" />

        <link href="https://cdn.qrplanet.com/proxy/qrcdr/style.min.css?v=1.53" rel="stylesheet" />
        
        <style>
            

            
            :root {
                --red-superdark: black;
                --red-dark: #ff8383;
                --red-light: #ff4d4c;
                --red-superlight: pink;

                --blue-superdark: black;
                --blue-dark: #40a1f8;
                --blue-light: #1ebbee;
                --blue-superlight: cyan;

                --black-superdark: grey;
                --black-dark: #28323b;
                --black-light: #74808b;
                --black-superlight: #a4b3c1;
                 
                --cms-designer: #40a1f8;
            }
            
         
            a {
                color: var(--blue-dark);
            }
                      
            section {
                padding:30px 25px;
            }
            
            section:first-of-type{
                padding:25px 25px
            } 
            
            section h3 {
                padding:5px 0 5px;
                line-height: 1.4;
            }
            
            .row.header2 {margin-bottom:30px;}
       
            .header2 p:first-of-type {
                padding-top:15px;
            }   
            .header2 h2 {
                color: #1E2A3A;
                font-size: 2em;
                font-weight: 500;
                padding:10px 0 0 0;
                line-height: 1.5;
            }
            
            .header2 h3 {
                color: var(--black-light);
                font-weight: 300;
                font-size: 1.5em;
                line-height: 1.5em;
            }  
 
            
            h4 {line-height:1.5}
            
            ol {margin-left:20px;}
            ol ol {margin-left:40px;}
            
            ol li::marker {color:var(--blue); font-weight:bold;}

            div.breadcrumbs {
                background: #fff;
                position: sticky;
                top: 60px;
                padding: 15px 0px 10px 20px!important;
                z-index: 100;
            }
            
            div.breadcrumbs > div.container {padding-left: 5px;}
            
            div.breadcrumbs.is-stuck {
            box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
            
}


            section.use-cases-branche h4 {line-height: 1.4em;}
            section.use-cases-branche h1 {line-height: 1.4em;}
            
            .mobile-d-none {display: none;}
            section.use-cases-branche .bluecheck li {margin-bottom: 10px;}
            
            .header1 h2 {
                color:var(--black-light);
                font-weight: 300;
                font-size: 1.7em;
                line-height: 1.4em;
                padding-bottom: 20px;
            } 
            
            .radius-10 {border-radius:10px;}
            .radius-20 {border-radius:20px;}
            
            .jumbo-title h1 {font-size:65px;font-weight:bold;line-height: 65px;}
            .jumbo-title h2 {font-size:65px!important;
                background: linear-gradient(135deg,  var(--red-dark),var(--blue-dark), var(--blue-dark));
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
            font-weight:bold!important; 
            line-height: 65px;
            
            }
            .jumbo-title p {font-size:22px!important;}
            
            
            
            
              .mini-title h2 {font-size:32px;font-weight:bold;line-height: 20px;}
            .mini-title h3  {font-size:24px!important;
                background: linear-gradient(135deg,  var(--red-dark),var(--blue-dark), var(--blue-dark));
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
            font-weight:bold!important; 
            }
            
            .mini-title h2 span{
                   background: linear-gradient(135deg,  var(--red-dark),var(--blue-dark), var(--blue-dark));
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
            font-weight:bold!important; 
            }
            
            .mini-title p {font-size:18px!important;}
            
          
  
  
            
            .home-claim h1 {
                color: #33A3FF;
                font-size: 18px;
            }
            
            .home-claim h2 {
                color: #232C33;
                font-size: 34px !important;
                font-weight: 500!important;
            }

            #team-members h4 {
                font-size: 1.2rem;
                color: #888;
                font-weight: normal;
                margin-top: -12px;
                margin-bottom: 35px;
              }

              #team-members .text-md-right div{
                  float:right
              }
              #team-header h2{
                  font-size:1.2em;
              }
              #team-members .fa-qrplanet{
                 background: url(https://cdn.qrplanet.com/img/logo/qrp_logo_dark.svg) 0 0 no-repeat;
                background-size:32px;
                height:32px;
                width:32px;
              }
              #team-members .linkedin-btn i:lang(de){padding-top:10px}
              
              @media(max-width:480px){
                  
                  
            .jumbo-title h1 {font-size:35px;line-height: 35px;}
            .jumbo-title h2 {font-size:35px!important;line-height: 35px;}
            .jumbo-title p {font-size:16px!important;}
            
            
            
                  
                  
                   .qr-code-types-box {
           width: 50%;
       }
                #team-members .col-md-3 img {
                     margin-top:30px;
                     margin-bottom:20px;
                }
                
                #team-members img {
                    max-width:200px;
                }
                
                #team-members .row {
                   display:flex;
                   flex-direction: column;
                }
                
                #team-members .col-md-3 {
                   display:flex;
                   justify-content: center;
                }
                
                
              }
            
             /*   section  .zigzag h2 {
                color:var(--black-light);
                font-weight: 500;
                font-size: 1.7em;
                line-height: 1.4em; 
                padding-bottom: 20px;
            }*/
          
            h2 {padding-bottom:20px; line-height:1.5;}
            h2.accordion-header {padding-bottom: 0px;}
 
            section.blue .container .row a {color: #ffffff;}
            section#references-block .container {padding: 20px 0;}
            .mega-icons div {
                text-align: center;
            }           
            .mega-icons h3 {
                font-size:1.1em;
            }
             .mega-icons img {
                max-height:60px;
            }
 
            p {line-height: 1.65;}

            main .row img {
               /* width: 100%;*/  
                height: auto;
            }
 

            div.ar169 img {
                aspect-ratio: 16/9;
                margin-top:10px;
            }
           
               div.mh100 img {
                max-height: 100px;
                margin-top:10px;
            }
            
              div.mh180 img {
                max-height: 180px;
                margin-top:10px;
            }
           
               div.mh250 img {
                max-height: 250px;
                margin-top:10px;
            }
            
                div.mh350 img {
                max-height: 350px;
            }
                div.mh500 img {
                max-height: 500px;
            } 
            
            
              div.mini-image img {
                max-height: 50px;
                margin:10px 15px 10px -18px;
                position: relative;
                width:unset;
                float:left;
            }
            
             div.mini-image h3{
                margin:10px 0 25px; 
            }
            
            .qrp_bullet_blue li{
                background: url(https://cdn.qrplanet.com/img/cms/qrp_bullet_blue.svg) 0 3px no-repeat;
                background-size: 20px;
                padding: 0 20px 0 40px;
                list-style: none;
            }
            
             .qrp_bullet_red li{
                background: url(https://cdn.qrplanet.com/img/cms/qrp_bullet_red.svg) 0 3px no-repeat;
                background-size: 20px;
                padding: 0 20px 0 40px;
                list-style: none; 
                margin-bottom:8px;
            }
            
              .doc_bullet li{
                background: url(https://cdn.qrplanet.com/img/cms/ico_doc.svg) 0 3px no-repeat; 
                background-size: 20px;
                padding: 0 20px 0 25px;
                list-style: none;
            }
            
            .new {/*border: 2px solid #40a1f8;*/
               /* background: #E9F4F7;*/
               background-image: linear-gradient(to bottom right, #ffffff, #b3dafc);
                border-radius: 12px;
                color: #266689;
                box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
                margin-bottom:15px;
            }
            
            .new .figure_col figcaption {color: #266689;
            }
            
            /*Section backgrounds*/
            
            .sky-gradient {
                background:linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(222, 241, 255, 0.39) 50%);
            }
            
            /* Row/Container backgorunds*/
            
            
            
            .box-light-blue{border: 1px solid #21b9ef45;
  border-radius: 10px;
  padding: 20px 20px 10px;
  background: #20b9ef14;}
            
             .dark-gradient .figure_col figcaption {color:#c2c2c2;}

            .custom-switch img {
                width: 40px!important;
            }
            
             
            
            .marker {
                    background: #d3ecff !important;
                }
                
            #dataTabs h4 {
                font-size: 1rem;
                margin-bottom: .5rem;
                margin-top: 1rem;
                color: #666;
            }
            
            
            .rounded-5 {
                border-radius:10px;
            }

            
            #gdrp-generic-block.blue .container .row img {
                max-height: 280px;
                margin-top: 10px;
            }
           
            .large-button a.button {
                font-size: 1.4em;
            }
            
            
#gdrp-generic-block.blue .container .row a {
               
                background: transparent;
                font-size: 16px;
                /*border: 1px solid #fff;*/
            }
#gdrp-generic-block.blue .container .row .button:hover {
                background-color: #fff;
                border-color: #004494;
            }
#gdrp-generic-block.blue .container .row a:hover {
                color: #FCD617;
               /* border-color: #004494;*/
            }
             
           .card-header {font-size:1.3em;}
           
           .card p {text-align:left;}
           .card ul {text-align:left;padding-left:5px;}
            
           
           .pricing-table h3 {font-size:18px;}
           .pricing-table div.row {border-bottom:1px solid #efefef;padding:15px 0;}
           .pricing a {color:var(--blue-dark); font-weight:bold;}
            
          div.bullet-checks ul.four-points {
                margin:0;
                padding-left: 0;
                width: 100%; 
                display: flex; 
                justify-content: space-between;
                flex-wrap: wrap; 
            } 
            
        .white80 {background: #ffffffd1; padding:30px 50px; border-radius:10px;}
       /* .qrdemo {z-index: 1;
            position: absolute;
            width: 140px;
            height: 250px;
            right: -70px;
            bottom: -70px;}
         */    
        #references-icons .col-md-3{width:auto; flex: 0 0 auto;}
        #references-icons {gap: 30px;}
        #references-icons .col-md-2 {flex: 0 0 auto; width: auto; max-width: none;}
        
        *:lang(de) {
            #references-ccpa {display:none;}
            #high-performer {display:none;}
            #g2-top-25 {display:none;}
            #g2-icon-references {display:none;}
            .display-none-de {display:none;}
        }
        
        *:not(:lang(de)) {
            #tdddg-konform {display:none;}
            .display-none-not-de {display: none!important;} 
        }
        
        #other-features .container {
/*          background-color: #ffffff; 
            mask-image: linear-gradient(to bottom, black, transparent);
            height: 950px;*/
        }
        
        .flex-auto {
            flex: 1 1 auto;
          }
        
 #featuresCarousel .carousel-item p{margin:auto;width:60%;margin-top:25px} 
 .modal-download-btns .card{border-radius:43px;background:#B5E1FF}
 .modal-download-btns .icon{padding-left:21px;padding-top:5px}
 
@media(max-width:1200px){
    
        ul.four-points {
                flex-direction: column;
                align-items: flex-start;
        }
        div.bullet-checks {
            text-align: left;
        }
}

            
            /* Design elements */

            .separator-shadow{
                margin-bottom: 50px;
                box-shadow: 0px 10px 11px -5px rgba(148,148,148,0.75);
            }


            
            /* row #three-clicks */
            .row#three-clicks .card {border: none;}
            .row#three-clicks .card h4{color: #40A1F8; margin-bottom: 22px;}
            
            .blue-headers h2,.blue-headers h3,.blue-headers h4 {color: var(--blue-dark);} 

 
            .invert-button a.button {
                border-color: #fff;
                background: transparent;
                font-size: 16px;
                border: 1px solid #fff;
            }
            
            #qr-codes-and-landingpages #faq a {color: #fff;}
            
            /* Special divs*/
            
            details a {color: var(--blue-dark);} 
            
            summary::-webkit-details-marker {
                 display: none!important;
             } 
            
            #faq details, details {
                border-radius:8px;
                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                margin-bottom:20px;
             }
            
              #faq details summary h4 {font-size: 1.35rem; }
              #faq details li {margin-left:30px; }
             
            /* Special rows*/
            
          
            .secondary-content .button {
                background:transparent; 
                border: 1px solid var(--black-dark); 
                color: var(--black-light);font-size:16px; 
                width:100%;
                text-align:center!important;
                margin-top: 24px;
                padding: 9px 21px;
            }
            .secondary-content .button:hover {
                background-color: var(--black-dark); 
                border-color: var(--black-dark);
            }
             
            details {
                padding: 7px 20px;
            }

            .secondary-content p {
                width: 100%;
            }
            
            .secondary-content div {
                padding-left: 35px;
                padding-right: 35px;
            }
            
            
            .secondary-content div {
                display: flex;
                flex-direction: column;
                justify-content: start;
                align-items: flex-start;
            } 
            .secondary-content div p:nth-child(2) {width: 100%;}
            /*   section     'erweiterte Funktionen'   */
            .first-row-button p:nth-of-type(2){display: none;} 
            .first-row-button p:nth-of-type(1){margin-bottom: 0;} 
            .second-row-button, .second-row-button p{margin:0; padding:0;}
            .second-row-button .button {margin-top:0px;}
            
            /* Section Dark gradient */
           
            .dark-gradient{
                color: #fff!important;
                background: rgb(40,50,59);
                background: linear-gradient(90deg, rgba(61,70,78,1) 0%, rgba(40,50,59,1) 50%);
            }

            .dark-gradient .button,  .dark-gradient .button:active, .dark-gradient .button:focus {
                background-image: linear-gradient(to right, #ff8383, #ff4d4c, #ff4d4c, #ff8383);
                margin:3px 0;
                color: #fff;
            }
            
            .dark-gradient h2, .dark-gradient h3,.dark-gradient h4 {color:#fff;} 

            .dark-gradient .button:hover {
                color: #fff;
            }

            .dark-gradient a,.dark-gradient a:hover {
                color: #ff8383;
            }

            .dark-gradient .button {
               font-size: 16px;
 
            }
            
          /*  .dark-gradient p.text-center {display: flex;}*/
            

            .blue-gradient {
                color: #fff!important;
                background: rgb(30,187,238);
                background: linear-gradient(90deg, rgba(30,187,238,1) 0%, rgba(64,161,248,1) 50%);
            }
            
            .blue-gradient .button, .blue-gradient .button:hover{
                border:2px solid #fff;
            }
            
            

            .blue-gradient h1, .blue-gradient h2{
                color: #fff!important;
            }

            .red-gradient{
                color: #fff!important;
                background: rgb(255,131,131);
                background: linear-gradient(135deg, rgba(255,131,131,1) 0%, rgba(255,77,76,1) 50%);
            }
            
             .red-gradient h1, .red-gradient h2 {
                color: #fff!important;
            }
            
           .red-gradient h2{
                opacity:0.8;
            }


              .light-gradient {
                background-image: linear-gradient(to bottom right, #ffffff, #b3dafc);
            }
            

            .supertitle h2, .supertitle h3 {
                background-clip: text!important;
                color: transparent;
                font-size: 100px;
            }
            .gradient-mix h2, .gradient-mix h3  {
                background: linear-gradient(90deg, rgb(255, 131, 140) 100px, rgb(64, 161, 248) 500px);
            }



        
            .code{
                background: var(--black-superlight);
                padding: 5px 10px;
                border-left: 10px solid var(--black-superdark);
                color: var(--black-superdark);
                text-align: left;
            }
            
            pre{
             white-space: pre-wrap;
              margin-bottom:0;
            }
         
            .pretitle {
                text-transform: uppercase;
                color: #40a1f8;             
            }

            .pretitle i {
                color:#40a1f8;
                font-size:150%;
                margin-right:5px;
                
            }


            .greenish .row img{
                width: 50%;
            }


            .figure_col figcaption {
                font-size:85%;
                color:#666;
            }

            .bluecheck li {
                background: url(/img/pricing/yes_blue.svg) 0 3px no-repeat;
                background-size: 20px;
                padding: 0 20px 8px 30px;
                list-style: none;
            }

          
            .circle-red img {
                /*max-width: 200px;*/
                background: linear-gradient(white, white) padding-box,
                    linear-gradient(to right,var(--red-light) ,var(--red-dark) ) border-box;
                border-radius: 50em;
                border: 18px solid transparent;
            }

            .circle-blue img {
                /*max-width: 200px;*/
                background: linear-gradient(white, white) padding-box,
                    linear-gradient(to right,var(--blue-light) ,var(--blue-dark) ) border-box;
                border-radius: 50em;
                border: 18px solid transparent;
            }

            .circle-dark img {
                /*max-width: 200px;*/
                background: linear-gradient(white, white) padding-box,
                    linear-gradient(to right,var(--black-light) ,var(--black-dark) ) border-box;
                border-radius: 50em;
                border: 18px solid transparent;
            }



            .small-button {
                background-image: linear-gradient(to right, #40a1f8, #40a1f8, #1ebbee, #40a1f8);
                box-shadow:2px 4px 11px rgba(211,211,211,.92);
                background-size: 300% 100%;

                border-radius: 50px;
                moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;

                display:inline-block;
                text-decoration:none;
                border:none;
                padding:4px 13px 6px;
                border-radius:20px;
                color:#fff;
                margin:3px 2px 5px 0;
                font-size:.91em
            }


            .related-article-details {
                padding: 15px 20px;
                margin-bottom: 20px;
                border-radius: 5px;
                box-shadow: 0 18px 36px -18px rgba(0,0,0,.1),0 30px 45px -30px rgba(50,50,93,.25);
                background-color: #fff;
            }

            a.related-article, a:hover.related-article {
                color: #212529;
            }

            .minilogos img {
                width:50px!important;
                
            }

            .minilogos h4 {
                font-size:16px;
            }
            
            .minilogos-white a{
                color:#8D8D8D;
            }
            .minilogos-white div{
              background-color:#fff;
              border:12px solid #efefef;
              padding:20px 0px;
              border-radius: 30px;
            }
            
            .minilogos-white h5 {
                color: #40A1F8;
            }

            .minilogos-white img {
                width:50px!important;

            }

            .minilogos-white h4 {
                font-size:16px;
            }
            
            .card {
                border-radius: 8px;
                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                border:1px solid #efefef;
                margin-bottom:25px;
            }
            
            .cards-logo img {
                padding: 10px 60px;
                /* max-width:100px!important;*/
                text-align: center;
                

            }
            .card-img-top img{
                border-radius:0;
            }
            
            .card-img-top {
                margin:auto;
            width:90%;}

            .howto
            {
                background: #f6f6f6;
            }

            .dotted-line {
                border-bottom: 2px dotted #ccc;
            }
            /* CMS generator */

            .was-validated .custom-control-input:valid ~ .custom-control-label {
                color:unset;
            }


            #generate-qrcode {
                color: var(--cms-designer);
                font-weight:bold;
            }

            a.nav-link.active  {
                color:#fff;
            }


         /*   #designer-qr-code-generator #dataTabs .active
            {
                background-color: color-mix(in srgb, var(--cms-designer) 10%, white 90%);
            }*/

            #designer-qr-code-generator .btn-outline-primary  {
                padding:8px 15px;
            }

            #dataTabs .active
            {
                border:1px solid color-mix(in srgb, var(--cms-designer) 20%, white 80%);
                /*box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
                background-color: color-mix(in srgb, var(--cms-designer) 10%, white 80%);
               
            }

            #designer-qr-code-generator {background:color-mix(in srgb, var(--cms-designer) 5%, white 95%);}
            #designer-qr-code-generator .btn-outline-primary
            {
                border:unset;
                font-weight:bold;
                color:var(--cms-designer);
                background:color-mix(in srgb, var(--cms-designer) 10%, white 90%);
            }



            #designer-qr-code-generator .nav-pills > li > a span {
                font-size: .8em;
                font-weight:bold;
                color: var(--cms-designer);
            }



            #designer-qr-code-generator  .nav-pills > li > a:active span {
                color: #fff!important;
            }


            #open-dynamicqr, .nav-pills .nav-link.active

            {
                background:var(--cms-designer)!important;
                border:unset;
                font-weight:bold;
            }
            
            #open-dynamicqr{
            padding: 12px; 
            }
            
            #designer-qr-code-generator .nav-pills .nav-link.active span{
                color:#fff!important;
            }

            #designer-qr-code-generator .nav-link.active a span {
                color:#fff;
            }


            #dataTabs code {
                color:var(--cms-designer);
                font-size:11px;
                margin-left:20px;
                display:none;

            }

             .hint-html label {width: 100%;
  padding: 12px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #333;
  margin-bottom: 10px;
  font-weight: bold;

}
            
            #dataTabs label:has(input[type="radio"]:checked) {
           background-color: color-mix(in srgb, var(--cms-designer) 10%, white 90%);
/*           border: 1px solid var(--cms-designer); */
         
             
}

            #dataTabs input[type="radio"] {
                margin-right:3px;
                    accent-color: var(--cms-designer); 

            }




            .qrtype .nav-pills a:hover
            {
                background-color: color-mix(in srgb, var(--cms-designer) 20%, white 80%);
            }

            .qrtype .nav-pills a:hover span
            {
                color:red;
            }


            #designer-qr-code-generator label.custom-file-label::after a
            {
                background-color:var(--cms-designer);
            }

            #designer-qr-code-generator .btn-outline-primary:hover,  #designer-qr-code-generator .btn-outline-primary:focus
            {
                background-color:var(--cms-designer);
                color:#fff;
            }

            #designer-qr-code-generator .btn-outline-secondary
            {
                border:1px solid var(--cms-designer);
                color:var(--cms-designer);
            }
            #designer-qr-code-generator .btn-outline-secondary:hover,  #designer-qr-code-generator .btn-outline-secondary:focus
            {
                background-color:var(--cms-designer);
                color:#fff;
            }
            

            .btn-primary, .btn-primary:disabled {
                border-color: #40a1f8;
                background-color: #40a1f8;
                color: #F6F6F6;
                font-weight: bold;
            }


            #price-red-pillows .button {
                background-image: linear-gradient(to right, #40a1f8, #1ebbee, #1ebbee, #40a1f8);
                color: #fff;
                width: 100%;
                padding: 9px 21px;    
            }
          #price-red-pillows .button.btn-red,
          .button.btn-red {
                background-image: linear-gradient(to right, #ff4d4c, #ff4d4c, #ff8383, #ff4d4c);
                font-size: 20px;
                font-weight: 500;
          }
          
          .trackingfeatures h3 {
            background-image: linear-gradient(to right, #ff4d4c, #ff4d4c, #ff8383, #ff4d4c);
            background-size: 300% 100%;
            moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            color: #fff;
            font-size: 20px;
            padding: 8px 10px;
            border-radius: 30px;
            margin: 0 10px 0 -5px;
            opacity: .9;
        }

        .trackingfeatures h3:hover {
            cursor: pointer;
            background-position: 100% 0;
            moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            color: #fff;
            font-size: 20px;
            padding: 8px 10px;
            border-radius: 30px;
            margin: 0 10px 0 -5px;
        }
        
        #enterprice-price-table p.supported {
                background: url(/img/pricing/yes.svg) no-repeat scroll center 7px !important;
                text-indent: -4000px !important;
            }
            
        #enterprice-price-table p.unsupported {
            background: url(/img/pricing/no.svg) no-repeat scroll center 7px !important;
            text-indent: -4000px !important;
            
        }
        #enterprice-price-table p {padding: 7px;}
        #enterprice-price-table .sticky-top {top: 100px;background: #fff;z-index: 10;}

        #articles-section .card {border:none;
                        box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);
        }

        #articles-section .card .card-body p, #articles-section .card .card-body h3 {text-align: left}

        #articles-section .card .card-body {
            display: flex;
            flex-direction: column;
            place-content: space-between;
            }


        summary h4 {
          display: inline;
          margin: 0;
          padding: 0 30px 0 0;

        }

        summary {
          list-style-type: none; /* Hide the default marker on the left */
        }


        summary::after {
          content: '+'; /* Unicode character for right triangle */
          display: inline-block;
          font-size:24px;
          float: right; /* Float the triangle to the right */
          margin-left: 6px; /* Add some spacing between h2 and triangle */
        }

        summary {
/*             padding: 20px 0 0 0; */
/*             margin-bottom:15px;*/
             padding: 15px 0px;
        }  

        summary:hover::after {color: var(--blue-dark);}

        #faq p:first-child {padding-top: 20px;}

        details[open] summary::after {
           content: '-';
        }

        .mobile-d-none {display: block;}
        .horizontal-scroll-row .branche-column {
            min-width: 170px; 
            border-radius: 7px;
            background-color: #1a1f24;   /* var(--black-dark);  #2d3135;  */
        }
        .horizontal-scroll-row .branche-column img {border-radius: 4px;}
        #advantages .container .row .col-md-4 {padding: 25px 40px;} 
        #advantages .container .row p {padding-top: 10px;}
        #other-features .container .row.secondary-content {row-gap: 39px;} 
        .horizontal-scroll-row {
            overflow-x: auto; /* Aktiviert horizontales Scrollen */
            
            display: flex; /* Nutzt Flexbox für die Anordnung */
            flex-wrap: wrap; /* Aktiviert Umbrüche in mehrere Zeilen */
            
            padding: 1rem;
        }
        
        .branche-column {
            position: relative;
            overflow: hidden; /* Verhindert, dass das Overlay über das Element hinausgeht */
        }

        .branche-column .branche-column-overlay {
            content: "";
            position: absolute;
            top: 0;
            right: -30%; /* Startposition: außerhalb des Elements von rechts */
            width: 30%; /* Breite des Overlays */
            height: 100%;
            background: #40A1FF; /* Overlay #FF4D4C rot oder #40A1FF blau */
            color: white;
            font-size: 8px;
            display: flex;
            justify-content: center; /* Zentriert den Text horizontal */
            align-items: center; /* Zentriert den Text vertikal */
            text-align: center;
            transition: right 0.4s ease-in-out;
            opacity: 0; /* Start mit unsichtbarem Overlay */

        }

        .branche-column:hover .branche-column-overlay {
            right: 0; /* Fährt das Overlay von rechts in das Element */
            opacity: 1; /* Overlay wird sichtbar */
        }
        #all-use-cases-btn .button, #all-industries-btn .button {padding: 9px 41px;} 
        
       .fw-total {
            color:#4f4d4d;
            padding: 0px 9px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
       }
       
       .qr-code-types-box {
           min-width: 50%;
       }
       
       .qr-code-types-box .card {
            border-radius: 20px;
            border: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            margin-bottom: 0px;
            padding: 20px;
            border: 1px solid transparent;
            
       }
       
       .qr-code-types-container {
           flex-wrap: wrap;
       }
       
       .qr-code-types-box .card i{color:var(--red-light);font-size:48px;}
       .qr-code-types-box .card h5{  padding: 0 30px;}
       
       .qr-code-types-box .card:hover {
           border: 1px solid #40a1f8;
       }
       

     
  /** tabel table_top_performens*/
      
    #table_top_performers tr td, 
    #table_top_performers tr th {padding: 6px 23px; 
         border: 5px solid #fff;
    }
    #table_top_performers tr.odd {
        background: rgba(30, 187, 238, 0.5); /* entspricht #1ebbee mit 50% */
      }

      #table_top_performers tr.even {
        background: rgba(204, 204, 204, 0.5); /* entspricht #ccc mit 50% */
      }
    #table_top_performers thead tr {background: #6d757b;color: #fff;}

    
        
/** CMS Animations **/ 

            @keyframes fadeInAnimation {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
            }
            
              .fade-in {
                opacity: 0;
                animation: fadeInAnimation ease 1s;
                animation-fill-mode: forwards;
            }

            @keyframes zoomIn {
                from {
                    transform: scale(0.5);
                    opacity: 0;
                }
                to {
                    transform: scale(1);
                    opacity: 1;
                }
            }

            .zoom-in img {
              animation: zoomIn 0.6s ease-out;
                opacity: 1;  /* Keeps it visible after animation */
            }
            
            .truncate {
                 overflow: hidden!important;
                display: -webkit-box!important;
                -webkit-box-orient: vertical!important;
                -webkit-line-clamp: 4!important;
            } 
            
            #review-block-section .carousel-item {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            
           #review-block-section .carousel-item img {
                width: 100px!important;
                height: 100px!important;
                border-radius: 50%;
            }
            
            #review-block-section .carousel-item-wrapper p {width: 50%;}
             
            #review-block-section .carousel-control-prev, .carousel-control-next {
/*                width: 5%;  Schmalere Klickfläche */
                z-index:10;
                
            }
            #review-block-section .carousel-control-prev i, .carousel-control-next i {
               
            }
            #review-block-section .carousel-item-text, .carousel-item-container {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            #review-block-section .carousel-control-prev i,  
            #review-block-section .carousel-control-next i {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }
            
            .unset-max-width {max-width:unset;}
            
/**      review stars classes    **/

        .carousel-item-container a {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 10px; /* Abstand zwischen Icon und Sternen */ 
          }

         .star-rating {
            font-size: 40px;
            font-family: serif;
            position: relative;
            display: inline-block;
            color: lightgray; /* Leere Sterne */
           
          }

          .star-rating::before {
            content: "★★★★★"; /* 5 leere Sterne als Hintergrund */
            display: block;
          }

          /* Gefüllte Sterne im Vordergrund */
          .star-rating::after {
            content: "★★★★★";
            color: gold;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
            white-space: nowrap;
          }

        /* Sternebewertungen – jeweils passende Breite */
        .stars-0::after   { width: 0%; }
        .stars-0-5::after { width: 10%; }
        .stars-1::after   { width: 20%; }
        .stars-1-5::after { width: 30%; }
        .stars-2::after   { width: 40%; }
        .stars-2-5::after { width: 50%; }
        .stars-3::after   { width: 60%; }
        .stars-3-5::after { width: 70%; }
        .stars-4::after   { width: 80%; }
        .stars-4-5::after { width: 90%; }
        .stars-5::after   { width: 100%; }


        /*   Einsatz 
             <div class="star-rating stars-5"></div>
        */

        .google-icon-review {
            width: 40px;
            height: 40px;
            background-image: url("/img/svg/google-logo.svg");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;
            text-indent: -9999px; /* versteckt den Text */
            overflow: hidden;
          }
          .g2-icon-review {
            width: 40px;
            height: 40px;
            background-image: url("/img/G2Logo-Red.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: inline-block;
            text-indent: -9999px; /* versteckt den Text */
            overflow: hidden;
          }
    
          .tips-how-to-use-qr-codes-card img.card-img-top {width: 55%!important; padding-top: 10px!important;}
          .tips-how-to-use-qr-codes-card div  {align-items: center!important;}
            
/** CMS Media queries **/ 

    @media(max-width:768px){
      
       /* .breadcrumbs{margin-bottom:-25px}*/
        #enterprice-price-table .trackingfeatures h3 {font-size: 18px;}
        main [class*="col-md-"] ul {text-align:left;padding-left:5px;}

       .button {font-size:15px!important;} 
       .mobile-d-none {display: none;}
       .button {
          width: 100%;
          text-align: center;
       }
       #features_overview div.col-md-2 {
           width: 33%;
       }
       #features_overview div.col-md-2 h5{
           font-size: 16px;
       }
       #features_overview div.col-md-2 img{
           width: 30px!important;
       }
       #designer-qr-code-generator {padding: 5px 10px; justify-content: center;} 
       #price-red-pillows .col-md-2 {padding-top: 10px; border: 1px solid lightgrey; border-radius: 21px;margin-top: 8px;}
       div.bullet-checks {text-align: left!important; margin-right: -15px!important; padding-bottom: 20px;}
       div.bullet-checks ul.four-points {row-gap: 6px!important;}
       .minilogos-white div {border-width: 4px;}
       summary h4 {font-size:1.1rem;}
       div.bullet-checks li{padding: 4px 20px 0 30px;}
       #references-icons {display: flex;flex-wrap: wrap;flex-direction: row;gap: 20px;}
       #references-icons .col-md-3{width:auto;}
       .qrdemo {display:none;}
       
       .horizontal-scroll .branche-column img {display:none;}
       .horizontal-scroll .branche-column {min-width: 180px!important;}
       .truncate {font-size: 0.75rem;}
       .truncate{-webkit-line-clamp: 3!important;} 
       .branche-column {align-items: start!important;}
       #industries-icons, #uses-cases-icons {padding:0;}
       
       #review-block-section .carousel-item-wrapper p {width: 86%;}
       #review-block-section .carousel-control-next {text-align: center;} 
       #review-block-section .carousel-control-prev {text-align: left;}
       #review-block-section .carousel-control-prev i,  
       #review-block-section .carousel-control-next i {
                position: absolute;
                top: 80px;
                transform: translateY(0%);
            }
       
       #designer-qr-code-generator  .nav-fill .nav-item {
        height: 68px!important;
        text-align:center; 
        }
            
       .qrtype .nav-pills a {
        width: 55px;
        text-align:center;
        } 
        
         #designer-qr-code-generator .nav-pills .nav-link span{
                font-size:70%!important;
            }
            
        
    } 
    
    i.side-icon  {display:none!important;}


    @media(min-width:768px){
                
        .large-icons{display:none!important;}

        .zigzag .row:nth-child(even) .col-md-6:first-child {
            order: 2;
        }
     
                
        .zigzag .row:nth-child(even) .col-md-6:first-child i.side-icon,
        .zigzag .row .col-md-12 .row:nth-child(even) .col-md-6:first-child i.side-icon {
              font-size:1700%; 
              position:absolute;
              margin-left:420px;
              opacity:0.2;
              display:block!important;
              z-index: -1;
        }       
                
        .zigzag .row .col-md-6 .qrdemo {
            z-index: 1;
            position: absolute;
            width: 140px;
            bottom: -40px;
      /*      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
            transition: transform .2s; 
        }

        .zigzag .row:nth-child(odd) .col-md-6 .qrdemo  {
            right: -40px;
        }
 
           .zigzag .row:nth-child(even) .col-md-6 .qrdemo  {
            left: -40px;
        }

          .qrdemo:hover {
              transform: scale(2);
        }

          .pop_smartphone {
           position: absolute;
           max-width: 200px;
           z-index: 110;  
        }

        .alternate-columns .row:nth-child(even) .col-md-6:last-child {
            order: 1;
        }

        .zigzag .row:nth-child(even) .col-md-3:first-child {
            order: 2;
        }

        .alternate-columns .row:nth-child(even) .col-md-9:last-child {
            order: 1;
        }
    }

            
            
            @media print {
                
                 @page {
             margin: 80px 0 80px 0;
  }
  
  section, div {
    page-break-inside: avoid;
  }
                
            footer, .keckse, .button {display:none!important;}
          
            .yes-print {display:block!important;}
            .no-print {display:none;}
         
            body {
    font-size: 12pt;
    color: #000;
  }
  
 a[href]:after {
    content: none !important;
  }

  /*
  Specific width for a two-column layout.
  The float property is essential here to make them sit side-by-side.
  */
  .col-md-6 {
    width: 40% !important;
    float: left !important;
  }
  
  /* Reset other columns to stack vertically */
  [class*="col-"]:not(.col-md-6) {
    width: 100% !important;
    float: none !important;
  }
            }
            
           
          /** CMS Editor UX **/

            .cms-edit {
                position:fixed;
                top:15px;
                right:15px;
                z-index:2000
            }
            
            .lighten {
            opacity: 50%;
            border-left: 8px solid red;
            }
            
         
            

        </style> 


        <style>
            body{
                margin:0
            }
            #transmenu a{color:#fff;}
            /*h2,h3{font-size:2.2rem} */
            #designer-qr-code-generator h2{
                font-size:1.5rem;
                margin-bottom:.5rem;
                font-weight:lighter;
                line-height:1.2;
                margin-top:0
            } 
           ol,ul{
                margin-top:0;
                margin-bottom:1rem
            }
            #transmenu{
                height:61px;
                background-color:#28323b;
                box-shadow:unset!important;
            }
            /*#transmenu .dropdown-menu a.dropdown-item:hover{color:#28323B;}*/
            
            
            h1{
                font-size:46px;
                font-weight:400;
                padding:10px 0 0
            }
        
            .noti{
                margin-top:65px
            }
            .nav-fill .nav-item{
/*                height:39px;*/
                  margin: 2px 0px;
            }
            p{
                margin-bottom:1rem
            }
            .small-button{
                padding:4px 13px 6px;
                margin:3px 2px 5px 0
            }
            div.bullet-checks{
                text-align:center;
                margin:20px 0 30px;
            }
            div.bullet-checks ul{
                margin:auto;
                display:inline-block;
                padding: 0;
            }
            div.bullet-checks li{
                list-style:none;
                float:left
            }
            .pt-1,.py-1{
                padding-top:.25rem
            }
            .mt-3,.my-3{
                margin-top:1rem
            }
            #qr-code-designer{
                margin-bottom:-30px
            }
            .btn{
                border-radius:52px
            }
            .company, .light-grey{
                background-color:#efefef
            }
            
            .blue {
                background-color: #004494;
                color: #fff;
            }
            
           /* .dark-gradient .button {margin-top: 30px;}*/
            
            .table-10 table{
                margin-bottom:10px
            }
            #qrcode-generator{
                border:2px solid #efefef;
                border-radius:12px;
                padding:10px 20px;
                margin-bottom:20px;
                box-shadow:rgb(99 99 99 / 20%) 0px 2px 8px 0px
            }
            .alert-warning {
                color: #856404;
                background-color: #fff3cd;
                border-color: #ffeeba;
            }
            .myqrcodes{
                background: url(/img/svg/qr-code-white.svg) 16px 11px no-repeat;
                background-size: 20px;
                border: 2px solid #fff;
                padding: 8px 14px 10px 43px!important;
            }
            a.myqrcodes:hover {
                background: url(/img/svg/qr-code-black.svg) 16px 11px no-repeat!important;
                background-color: #fff!important;
            }

            .hero-header {
                margin-top: 60px;
            }
            div.breadcrumbs a
            {
              color: #40a1f8;
              font-weight: 500;
            }
            
        </style>         
        <style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }




    .search-trigger {
        width: 44px;
        height: 44px;
        background: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: 0 10px 40px rgba(0,0,0,0.3);
        transition: transform 0.3s, box-shadow 0.3s;
    }

    .search-trigger:hover {
        transform: scale(1.1);
        box-shadow: 0 15px 50px rgba(0,0,0,0.4);
    }

    .search-trigger svg {
        width: 20px;
        height: 20px;
        color: #667eea;
    }

    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.95);
        display: none;
        flex-direction: column;
        align-items: center;
        padding: 60px 20px 20px;
        z-index: 100000000;
        overflow-y: auto;
    }

    #overlay.active {
        display: flex;
    }

    .close-btn {
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 40px;
        color: #fff;
        cursor: pointer;
        opacity: 0.7;
        transition: opacity 0.2s;
    }

    .close-btn:hover {
        opacity: 1;
    }

    .search-container {
       z-index: 10000000
    }

    .search-box-full {
        position: relative;
        margin-bottom: 30px;
        
    }

    .search-input {
        width: 100%;
        padding: 20px 60px 20px 25px;
        font-size: 22px;
        border: none;
        border-radius: 50px;
        background: #fff;
        outline: none;
        box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    }

    .search-input::placeholder {
        color: #aaa;
    }

    .search-icon {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        color: #999;
    }

    .lang-selector {
        display: flex;
        gap: 10px;
        margin-bottom: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .lang-btn {
        padding: 8px 16px;
        border: 2px solid rgba(255,255,255,0.3);
        background: transparent;
        color: #fff;
        border-radius: 20px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s;
    }

    .lang-btn:hover {
        border-color: rgba(255,255,255,0.6);
    }

    .lang-btn.active {
        background: #fff;
        color: #333;
        border-color: #fff;
    }

    .results {
        width: 100%;
    }

    .result-item {
        background: rgba(255,255,255,0.1);
        border-radius: 12px;
        padding: 20px;
        margin-bottom: 15px;
        cursor: pointer;
        transition: background 0.2s, transform 0.2s;
    }

    .result-item:hover {
        background: rgba(255,255,255,0.15);
        transform: translateX(5px);
    }

    .result-title {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .result-lang {
        font-size: 11px;
        padding: 3px 8px;
        background: rgba(255,255,255,0.2);
        border-radius: 10px;
        text-transform: uppercase;
    }

    .result-url {
        color: #8be9fd;
        font-size: 13px;
        margin-bottom: 8px;
        opacity: 0.8;
    }

    .result-desc {
        color: rgba(255,255,255,0.7);
        font-size: 14px;
        line-height: 1.5;
    }

    .no-results {
        color: rgba(255,255,255,0.5);
        text-align: center;
        padding: 40px;
        font-size: 18px;
    }

    .stats {
        color: rgba(255,255,255,0.4);
        font-size: 13px;
        margin-bottom: 20px;
        text-align: center;
    }
</style>



<div class="overlay" id="overlay">
    <span class="close-btn" onclick="closeSearch()">&times;</span>

    <div class="search-container">
        <div class="search-box-full">
            <input type="text" class="search-input" id="searchInput" placeholder="Search QR Planet..." autofocus>
                <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
                </svg>
        </div>

        <div class="lang-selector">
            <button class="lang-btn" data-lang="">All</button>
            <button class="lang-btn active" data-lang="en">English</button>
            <button class="lang-btn " data-lang="de">Deutsch</button>
            <button class="lang-btn " data-lang="es">Español</button>
            <button class="lang-btn " data-lang="pt">Português</button>
            <button class="lang-btn " data-lang="it">Italiano</button>
            <button class="lang-btn"" data-lang="fr">Français</button>
            <button class="lang-btn " data-lang="pl">Polski</button>
        </div>

        <div class="stats" id="stats"></div>
        <div class="results" id="results"></div>
    </div>
</div>

<script>
    
    let currentLang = 'en';
    let searchTimeout = null;
    
    let matomoSearchTimeout = null;
    let lastTrackedSearch = '';
    const MATOMO_MIN_LENGTH = 4;
    const MATOMO_DELAY = 1500; // user pause time

    function openSearch() {
        document.getElementById('overlay').classList.add('active');
        document.getElementById('searchInput').focus();
    }

    function closeSearch() {
        document.getElementById('overlay').classList.remove('active');
    }

    document.addEventListener('keydown', (e) => {
    const activeEl = document.activeElement;

    const EXCLUDED_IDS = ['searchInput'];

    const isInteractive = 
      (activeEl?.tagName === 'INPUT' && !EXCLUDED_IDS.includes(activeEl.id)) ||
      activeEl?.tagName === 'TEXTAREA' ||
      activeEl?.isContentEditable;

    if (isInteractive) return;

    if (e.key === 'Escape') {
        closeSearch();
    }
    if (e.key === '/' && !document.getElementById('overlay').classList.contains('active')) {
        e.preventDefault();
        openSearch();
    }
});

    document.querySelectorAll('.lang-btn').forEach(btn => {
        btn.addEventListener('click', () => {
            document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));
            btn.classList.add('active');
            currentLang = btn.dataset.lang;
            doSearch();
        });
    });

    document.getElementById('searchInput').addEventListener('input', () => {
        clearTimeout(searchTimeout);
        searchTimeout = setTimeout(doSearch, 200);
    });

    async function doSearch() {
        
        const query = document.getElementById('searchInput').value.trim();
        const resultsDiv = document.getElementById('results');
        const statsDiv = document.getElementById('stats');

        if (!query) {
            resultsDiv.innerHTML = '';
            statsDiv.innerHTML = '';
            return;
        }

        try {
            const langParam = currentLang ? `&lang=${currentLang}` : '';
            const response = await fetch(`/proxy/search?q=${encodeURIComponent(query)}${langParam}`);
            const data = await response.json();
            
            if (window._paq) {
                
                if (query.length >= MATOMO_MIN_LENGTH) {

                    clearTimeout(matomoSearchTimeout);

                    matomoSearchTimeout = setTimeout(() => {

                        // prevent duplicate tracking of same search
                        if (query === lastTrackedSearch) return;

                        lastTrackedSearch = query;

                        _paq.push(['setCustomUrl', '/search']);
                        _paq.push(['setDocumentTitle', 'Search']);
                        _paq.push(['trackPageView']);

                        _paq.push([
                            'trackSiteSearch',
                            query,
                            currentLang || false,
                            data.total
                        ]);

                    }, MATOMO_DELAY);
}
            }

            statsDiv.innerHTML = `Found ${data.total} results for "${data.query}"`;

            if (data.results.length === 0) {
                resultsDiv.innerHTML = '<div class="no-results">No results found. Try a different search term or language.</div>';
                return;
            }

            resultsDiv.innerHTML = data.results.map(r => `
                <div class="result-item" onclick="window.location.href='${r.url}'">
                    <div class="result-title">
                        ${escapeHtml(r.title || 'Untitled')}
                        <span class="result-lang">${r.lang}</span>
                    </div>
                    <div class="result-url">${r.url}</div>
                    <div class="result-desc">${escapeHtml(r.description || '')}</div>
                </div>
            `).join('');

        } catch (err) {
            resultsDiv.innerHTML = '<div class="no-results">Search error. Please try again.</div>';
        }
    }

    function escapeHtml(text) {
        const div = document.createElement('div');
        div.textContent = text;
        return div.innerHTML;
    }
</script>

 
        <script>
const faviconEl = document.getElementById('favicon');
const faviconSvgEl = document.getElementById('faviconsvg');
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
mediaQuery.addEventListener('change', themeChange);
function themeChange(event){if(event.matches){faviconEl.setAttribute('href', 'favicon-dark.ico');faviconSvgEl.setAttribute('href', 'favicon-dark.svg')}else{faviconEl.setAttribute('href', 'favicon.ico');faviconSvgEl.setAttribute('href', 'favicon.svg')}}
</script>



    </head>

    <body class="qrcdr" id="index">
        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-53RTCBWR
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
        <div class="body default-layout">
            <style>
    #transmenu .nav li {margin-left: 13px!important;}
    header a strong {color:#fff}
    ul.usp:lang {margin: 25px!important;}
    .login-button {
        border-color: #fff;
        background: transparent;
        font-size: 16px;
        border: 1px solid #fff;
    }
    #transmenu .login-button a.nav-link {padding: 8px 22px;}
    .faq-button {margin-right: 8rem;}
    .dropdown-menu {
        background-color: #28323B;
        background-clip: unset; 
        border-top-left-radius: 0; 
        border-top-right-radius: 0;
        margin: 0px;
        z-index: 200;
    }
    .dropdown-menu div.col-3 {max-width: none;}
    .dropdown-menu a {background-color: #28323B;}
    .dropdown-item i {padding-right: 15px;}
    .dropdown-item {padding: 13px 20px;margin: 5px 0;}
    .dropdown-menu div .col-6 {max-width: 30%;}
    .dropdown-menu .row {justify-content: center;}
    .dropdown-menu a.dropdown-item {border-radius: 50px;}
    .border-line {border-right: .5px dotted #d8d8d8;}
    .dropdown-item p.icon i {color: #8e8e8e;}
    a.dropdown-item:not(.fw-bold):active, 
    a.dropdown-item:not(.fw-bold):focus {
        color: #28323B!important;
        background-color: #f8f9fa;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
    
    #solution-description .icons-container {
            display: flex;
            align-items: center;
        }  
        
    #solution-description .icons-box {
        padding: 20px;
        font-size: 1.7rem;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }
    
    p.icon i.fa-qrcode::before {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        color: #fff;
    }
    
    #solution-description .icons-box .fa-solid {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            background-color: #40A1ff;
            border-radius: 50%;
        }
        
    .dropdown-toggle::after {transition: transform 0.3s ease;}
    .rotate-180::after {transform: rotate(180deg);color: #333;}
    .rotate-180 {background: #eee;color: #333!important;}
   
    i.gs3-box::before {
        content: url(/img/generator/gs1-white.svg);
        background-size: cover;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: contain; /* Or cover, depending on your needs */
        background-position: center center;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    
    .dropdown-item.gs3:hover i.gs3-box::before  {
        content: url(/img/generator/gs1.svg);
    }
    
    .icons-box i.gs3-box::before {
        width: 35px;
        height: 35px;
    }
    .dropdown-menu i.fa-solid {width: 30px;}
    .dropdown-menu {justify-content: center!important;}
    .nav-item.active {background: #eee;color: #333;}
    

   
    .fw-bold{font-weight: 500; font-size: larger;}
    #transmenu .dropdown-menu a.dropdown-item:hover{color:#28323B;}
    #transmenu .dropdown-menu a.dropdown-item:not(.fw-bold):focus, 
    #transmenu .dropdown-menu a.dropdown-item:not(.fw-bold):hover
    #transmenu .dropdown-menu a.dropdown-item:not(.fw-bold):acrive{
        color: #28323B!important;
        background-color: #f8f9fa!important;
    }
     #transmenu div.dropdown-menu a.dropdown-item.fw-bold:hover,
     #transmenu div.dropdown-menu a.dropdown-item.fw-bold:focus
     #transmenu div.dropdown-menu a.dropdown-item.fw-bold:active{
        color: #f8f9fa!important;
        background-color: #28323B!important;
        border: none;
    }
    div.dropdown-menu a.dropdown-item.fw-bold {cursor: default;box-shadow: none;}
    .lang-selection div a:hover, #transmenu .lang-selection div a:hover {color:#28323B;}
    .dropdown-content div div a:hover {
        background-color: #ddd;
        color: #28323B;
        border-radius: 0;
    }
    
    .mega-menu-icon-mobile-only {display: none;}
    .mega-menu-desktop-only {display: block;}
    
/*    mobile view of mega-nav */

    @media (max-width: 768px) {
        #navcol-1 {
/*            display: block;*/
            height: calc(100vh - 62px);
            overflow-y: auto;
           
            position: fixed;
            top: 62px;
        }
        .navbar {display: block;}
        
        .nav.navbar-nav {
            background-color: #28323b !important;
            width: 100vw;
        }
        #navcol-1 .nav.navbar-nav {
            text-align: left; 
            padding-bottom: 25px; 
        }
        
        .dropdown-menu {padding-top: 0!important;}
        
        .rotate-180::after {transform: rotate(180deg);color: #fff;}
        .rotate-180 {background: none;color: #fff!important;}
        
        .lang-selection div:hover a span {color: #fff!important;}
        
        
        #transmenu {padding-left: 0px!important;padding-bottom: 0px!important;height: 63px!important;}
        .login-button {
            border: none;
          }
        #transmenu .nav a.nav-link:hover {
            background: none!important;
            color: #fff!important;
          } 
        
        #navbarDropdownMenuLinkLanguages {position: relative;}
        #navbarDropdownMenuLinkLanguages .lang-chosen {
            width: 15px;
            height: 15px;
            z-index: 50;
            position: absolute;
            top: 9px;
            left: 8px;
          }  
          
        #navbarDropdownMenuLinkLanguages .lang-chosen-li-el {padding-left: 28px;}  
          
        #transmenu .container {display: flex; flex-direction: column; position: relative;}
        #transmenu .container button.navbar-toggler {position: absolute;}
        #transmenu .container .navbar-brand {position: absolute; left: 23px;}
        .dropdown-menu div .col-6 {display: none;}
        #transmenu .login-button a.nav-link {padding: 8px 10px;}
        navbar-nav .dropdown-menu, .dropdown-menu {position: relative !important;}
        
        
        .dropdown-menu {border: none;} 
        
        #transmenu .nav a.nav-link:hover , #transmenu .dropdown-menu a.dropdown-item:hover{
            background: none;
            color: #fff;
             /* wyłącza reakcję na hover */
          }
          
        #transmenu .nav a.nav-link {padding: 10px 8px;}
        #transmenu .nav a.nav-link {display: flex; align-items: center;align-content: center;flex-wrap: wrap;}
        #transmenu .nav a.nav-link i {width: 27px;}
        .mega-menu-icon-mobile-only {display: inline-block;}
        .mega-menu-desktop-only {display: none;}
        
        #transmenu .dropdown-menu a.dropdown-item {padding: 10px 16px; margin: 0px;}
        .general.foundicon-globe, .general.foundicon-smiley {
            display: inline-block;
            height: 1rem; 
            line-height: 1rem;
        }  
        
        #nav-div-languages .dropdown-mobile-content {display: block;}
     
        .dropdown-mobile-content .lang-selection div img {width: 23px!important; margin: 0px!important;}
        .dropdown-mobile-content .lang-selection div a {font-size: 1rem!important;}
        .dropdown-mobile-content .lang-selection div a {column-gap: 2px;margin-left: 46px;padding: 8px 16px;}
        .dropdown-menu .row {justify-content: flex-start;}
        .dropdown-mobile-content .lang-selection div {padding-top: 0!important; height: 50px!important; margin-top:0!important;}   
    }
    
     @media (max-width: 576px){
            .dropdown-mobile-content .lang-selection div img {padding-bottom: 0;}
        }
</style>
<header class="no-print">


    <nav class="navbar navbar-light navbar-expand-lg fixed-top" id="transmenu">
        <div class="container">
            <a class="navbar-brand py-0 "  href="/">
                <img src="https://cdn.qrplanet.com/img/logo/qrp_logo.svg" width="48" height="48" id="logo" alt="logo QR Planet">QR Planet            </a>
            <!--<button aria-label="menu" type="button" class="navbar-toggler collapsed mr-1" data-toggle="collapse" data-target="#navcol-1" ><span></span><span></span><span></span><span></span></button>-->         

           
            <div class="collapse navbar-collapse" id="navcol-1">
                <ul class="nav navbar-nav ml-auto">
<!--                    solutions   -->
                    <li class="nav-item" id="nav-solution"> 
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <!--i class="fa-solid fa-lightbulb mega-menu-icon-mobile-only"></i--> Solutions                        </a>


                        <div class="dropdown-menu dropdown-menu-solutions sub-menu position-absolute container-fluid w-100 pb-2" style="display: none;" aria-labelledby="navbarDropdownMenuLink">
                            <div class="row w-100">
                                <div class="col-6 text-white flex-column p-5 border-line">
                                    <h4 class="mb-3 text-white">QR Code Business Card</h4>
                                    <p class="pl-1 icon">
                                        <i class="fa-solid fa-qrcode"></i>
                                        <i class="fa-solid fa-chevron-right mr-2"></i>
                                        <span id="icon-of-item">
                                            <i class="fa-solid fa-id-card text-white"></i>
                                        </span>
                                    </p> 
                                   
                                    <div id="solution-description">
                                        Create a small Website for your business or private use optimized for modern smartphone 
    browsers in just a few simple steps. Provide your contact details as a QR Code Business 
    Card and include your links to the most important social networks. 
    This way your contact data will easily find its way into the address books of your business 
    partners and friends!                                    </div>
                                </div>
                                <div class="col-3 mt-0 mt-lg-5 first-col">
                                    <a class="dropdown-item" 
                                       href="/qr-code-business-card" 
                                       data-icon="fa-solid fa-id-card" 
                                       data-title="QR Code Business Card" 
                                       data-description="Create a small Website for your business or private use optimized for modern smartphone 
    browsers in just a few simple steps. Provide your contact details as a QR Code Business 
    Card and include your links to the most important social networks. 
    This way your contact data will easily find its way into the address books of your business 
    partners and friends!">    
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/social-media-qr-code" 
                                       data-icon="fa-solid fa-share-nodes" 
                                       data-title="Social QR Code" 
                                       data-description="Create your Social Media QR Code to display all your social channels on a mobile-optimised landing page.">
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/qr-code-coupon"
                                       data-icon="fa-solid fa-gift" 
                                       data-title="QR Code Coupon" 
                                       data-description="Create a mobile coupon for your customers. They can show the coupon in your shop to get a free drink or a discount on their purchase. Your visitors can easily share your products on their favourite social networks, like WhatsApp or Facebook.">  
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/qr-code-generator-pdf"
                                       data-icon="fa-solid fa-file-pdf" 
                                       data-title="PDF QR Code" 
                                       data-description="Upload your PDF document and create a PDF QR Code."> 
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/qr-code-restaurant"
                                       data-icon="fa-solid fa-utensils" 
                                       data-title="PDF QR Code for your Digital Menu" 
                                       data-description="If you want an alternative to your paper menu, you can create a QR Code linking to your digital menu as a PDF file."> 
                                    </a>
                                    <a class="dropdown-item" 
                                       href="/qr-code-lead-generation"
                                       data-icon="fa-solid fa-comments" 
                                       data-title="Get Leads & Feedback" 
                                       data-description="Link QR Codes to forms that allow you to generate new leads. If a user discloses his contact information, he will receive a link to a voucher, e-book or other exclusive digital content in return by e-mail. All generated customer contacts can be exported to an Excel file.">
                                    </a>
                                    
                                    
                                    <!-- Add data attributes to all other dropdown-items as well -->
                                </div>
                                <div class="col-3 mt-0 mt-lg-5">
                                    <a class="dropdown-item"
                                       href="/app-qr-codes" target="_blank"   
                                       data-icon="fa-solid fa-circle-dot"
                                       data-title="One App QR Code for all" 
                                       data-description="If you advertise your App on a flyer or poster, you can use a single QR code to redirect to the appropriate App Store from Apple, Google, Amazon or Microsoft.">                                 
                                    </a>
                                    <a class="dropdown-item"
                                       href="/mp3-qr-code" target="_blank"
                                       data-icon="fa-solid fa-music" 
                                       data-title="Audio QR Codes" 
                                       data-description="Whether you are a music band, a teacher, a stand-up comedian or even a poet, this type of QR Code is thought just for you. If you have something to say, sing, shout or explain you will enjoy MP3 QR Codes. The world is now your audience!">
                                    </a>
                                    <a class="dropdown-item"
                                       href="/qr-code-mobile-shopping"
                                       data-icon="fa-solid fa-box" 
                                       data-title="QR Codes on Products" 
                                       data-description="Sell your products by simply adding a name, brand, description and an image. You can also set an optional contact or purchase link. All products have a unique QR Code that leads to their mobile optimized product landing page.
    Use the integrated PayPal function so prospects can buy your products directly through the provided PayPal Button.">
                                    </a>
                                     <!-- data-icon="fa-solid fa-box-archive" -->
                                    <a class="dropdown-item gs3"
                                       href="/gs1-qr-codes-management"
                                       data-icon="fa-solid gs3-box" 
                                       data-title="GS1 QR Codes" 
                                       data-description="Revolutionize your product managament and consumer engagement with our GS1 QR Codes. In 2027, the classic GS1 Barcodes on products are going to be replaced with GS1 Digital Link QR Codes.">    
                                    </a>
                                    <a class="dropdown-item"
                                       href="https://qrplanet.com/qr-code-tv-voting-system"
                                       data-icon="fa-solid fa-tv" 
                                       data-title="QR Code TV Voting" 
                                       data-description="Turn passive viewers into active participants with a single scan. Built for massive broadcast scale, ironclad security, and real-time results for your live competitions and sports events.">  
                                    </a>
                                    <a class="dropdown-item"
                                       id="see-all-solutions"
                                       href="/qr-code-landing-page"
                                       data-icon="fa-solid fa-angles-right"
                                       data-title="See all solutions"
                                       data-description="" >
                                    </a>
                                </div>    
                            </div>
                    </div>
                    </li> 

                    
<!--                    features     -->                    
                    <li class="nav-item" id="nav-features"> 
                      
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkFeatures" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <!--i class="fa-solid fa-gear mega-menu-icon-mobile-only"></i--> Features                        </a>

                        <div class="dropdown-menu dropdown-menu-features sub-menu position-absolute container-fluid w-100 pb-2" style="display: none;" aria-labelledby="navbarDropdownMenuLinkFeatures">
                            <div class="row w-100 justify-content-start justify-content-md-center">
                                <div class="col-6 text-white flex-column p-5 border-line">
                                    <h4 class="mb-3 text-white">QR Code Management</h4>
                                    <p class="pl-1 icon">
                                        <i class="fa-solid fa-qrcode"></i>
                                        <i class="fa-solid fa-chevron-right mr-2"></i>
                                        <span id="icon-of-item">
                                            <i class="fa-solid fa-wrench text-white"></i>
                                        </span>
                                    </p> 
                                   
                                    <div id="features-description">
                                         Create QR Codes and point them to any website optimized for mobile devices. You may dynamically change the target URL of a QR Code - the QR Code stays the same, so there is no need to print the code again.                                    </div>
                                </div> 
                                <div class="col-3 mt-0 mt-lg-5 first-col">
                                     <a class="dropdown-item" 
                                       href="/enterprise-plan"
                                       data-icon="fa-solid fa-rocket" 
                                       data-title="Enterprise QR Code Platform"
                                       data-description="QR Planet's Enterprise Plan offers tailored solutions for companies with special needs that go beyond standard rates. Starting at U$ 250 per month, customers receive a personal account manager for individual assistance, strategic insights and prioritized support, including phone support and 1-on-1 sessions."> 
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/qr-management" 
                                       data-icon="fa-solid fa-wrench"
                                       data-title="QR Code Management"     
                                       data-description="Create QR Codes and point them to any website optimized for mobile devices. You may dynamically change the target URL of a QR Code - the QR Code stays the same, so there is no need to print the code again.">    
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/qr-code-analytics" 
                                       data-icon="fa-solid fa-chart-line"
                                       data-title="QR Code Analytics" 
                                       data-description="Create trackable QR Codes and track when, from which device and where they are scanned - so you can analyze your data and plan your QR Code marketing campaigns more efficient.">
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/batch-qr-codes" 
                                       data-icon="fas fa-layer-group"
                                       data-title="QR Code Batch Creation"    
                                       data-description="Create many QR Codes with just one click. You can define a target URL with an optional auto-incrementing index. Or just create a set of business cards with a default company address.">    
                                    </a>
                                    
                                    <a class="dropdown-item"
                                           href="/qr-code-types"
                                           data-icon="fa-solid fa-qrcode"
                                           data-title="QR Code Types" 
                                           data-description="Different social QR Code types connect your users directly to all profiles – such as Instagram, Facebook, LinkedIn, or TikTok – for more reach and interaction.">                          
                                   </a>
                                    
                                   
                                    
                                    <!-- Add data attributes to all other dropdown-items as well -->
                                  
                                </div>
                                <div class="col-3 mt-0 mt-lg-5">
                                     <a class="dropdown-item" 
                                       href="/white-label-qr-code-manager"
                                       data-icon="fa-solid fa-users-cog" 
                                       data-title="White Label Manager" 
                                       data-description="Our QR Code Manager is available as a White Label Platform. Brand your account with your logo and use our plat­form under your domain. As an admin­istrator you can create user accounts and set the number of QR Codes each user is allowed to generate.">  
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/qr-code-api"
                                       data-icon="fa-solid fa-gear" 
                                       data-title="API" 
                                       data-description="Using the API, you can automatically generate QR Codes and request statistics of how often, where and by what devices a QR Code was scanned. You can add additional metadata such as geo-information, title and description to each QR Code."> 
                                    </a>
                                    <a class="dropdown-item" 
                                       href="/qr-code-integrations"
                                       data-icon="fa-solid fa-gears" 
                                       data-title="Integrations" 
                                       data-description="QR Planet enables connections to HubSpot, Mailchimp, Zoho and Salesforce to exchange data. Use cases: Add contacts from lead forms, digital guest lists or business cards."> 
                                    </a>
                                    <a class="dropdown-item" 
                                       href="/single-sign-on-sso"
                                       data-icon="fa-solid fa-people-group" 
                                       data-title="Single sign-on (SSO) for Teams">  
                                       data-description="Access our platform through your organization's Identity Provider (IDP). Your employees can use their company credentials for a secure access."> 
                                    </a>
                                    <a class="dropdown-item" 
                                       href="/features"
                                       data-icon="fa-solid fa-angles-right" 
                                       data-title="See all features">  
                                       data-description=""> 
                                    </a>
                                </div>    
                            </div>
                    </div>
                    </li>  
                     
<!--                    ressources     --> 
                    <li class="nav-item" id="nav-resources">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            
                            <!--i class="fas fa-magnifying-glass mega-menu-icon-mobile-only"></i--> Resources                        </a>

                        <div class="dropdown-menu dropdown-menu-resources sub-menu position-absolute container-fluid w-100 pb-2" style="display: none;" aria-labelledby="navbarDropdownMenuLinkResources">
                            <div class="row w-100 justify-content-start justify-content-md-center">
                                <div class="col-6 text-white flex-column p-5 border-line">
                                    <h4 class="mb-3 text-white">Learn</h4>
                                    <p class="pl-1 icon">
                                        <i class="fa-solid fa-qrcode"></i> 
                                        <i class="fa-solid fa-chevron-right mr-2"></i> 
                                        <span id="icon-of-item">
                                            <i class="fa-solid fa-graduation-cap"></i>
                                        </span>
                                    </p> 
                                   
                                    <div id="resources-description">
                                         Our QR Code platform offers a complete solution to help you create successful mobile marketing campaigns. For more information on using QR Codes, see our blog.                                    </div>
                                </div> 
                                <div class="d-flex flex-column flex-md-row ">
                                    <div class="mt-0 mt-lg-5 mx-3 first-col">
<!--                                    1. Spalte-->

                                        <a class="dropdown-item"
                                           href="/help/home"
                                           data-icon="fa-solid fa-circle-info"
                                           data-title="FAQs" 
                                           data-description="You can receive support via live chat by clicking on the 'Live Chat' menu item which opens the live chat window or read our FAQ for more information.">                                 
                                        </a>
                                       
                                        <a class="dropdown-item"
                                           href="/qr-codes-for-your-industry"  
                                           data-icon="fa-solid fa-industry" 
                                           data-title="For your industry" 
                                           data-description="Discover versatile QR Code applications: Interactive content, optimized services and creative marketing strategies – find out more now!">                                 
                                        </a>

                                        <a class="dropdown-item"
                                           href="/qr-codes-for-your-use-case"  
                                           data-icon="fa-solid fa-icons"
                                           data-title="For your Use Case" 
                                           data-description="Whether for culture, products, recipes, or applications – QR codes simplify access to information and enhance user experiences efficiently.">                                 
                                        </a>

                                    </div>
                                    <div class="mt-0 mt-lg-5 mx-3">
    <!--                                    2. Spalte-->

                                        <a class="dropdown-item"
                                           href="/9-tips-how-to-use-qr-codes"
                                           data-icon="fa-solid fa-lightbulb"
                                           data-title="QR Code Tips" 
                                           data-description="Our QR Code platform offers a complete solution to help you create successful mobile marketing campaigns. For more information on using QR Codes, see our blog.">                                 
                                        </a>
                                        <a class="dropdown-item"
                                           href="/blog/home"
                                           data-icon="fa-solid fa-newspaper"
                                           data-title="Our Blog" 
                                           data-description="Our QR Code platform offers a complete solution to help you create successful mobile marketing campaigns. For more information on using QR Codes, see our blog.">                                 
                                        </a>   
                                         <a class="dropdown-item"
                                           href="javascript:void(Tawk_API.toggle())"  
                                           data-icon="fa-solid fa-comment"
                                           data-title="Live Chat" 
                                           data-description="You can receive support via live chat by clicking on the 'Live Chat' menu item which opens the live chat window or read our FAQ for more information.">                                 
                                        </a>
                                    </div>
                                    <div class="mt-0 mt-lg-5 mx-3">
   
    <!--                                    3. Spalte-->                                    

                                        <a class="dropdown-item"
                                           href="/contact" 
                                           data-icon="fa-solid fa-address-book"
                                           data-title="Contact" 
                                           data-description="Get to know our team and feel free to contact us. For information on Uptime Status, Global Ping Status, Data Security and Integrity, and our Platform's Servers and IT Infrastructure, visit the Platform Health section.">                                 
                                        </a>
                                        <a class="dropdown-item"
                                           href="/team"
                                           data-icon="fa-solid fa-people-group"
                                           data-title="Team" 
                                           data-description="Get to know our team and feel free to contact us. For information on Uptime Status, Global Ping Status, Data Security and Integrity, and our Platform's Servers and IT Infrastructure, visit the Platform Health section.">                                 
                                        </a>
                                        <a class="dropdown-item"
                                           href="/health"
                                           data-icon="fa-solid fa-signal"
                                           data-title="Platform Health" 
                                           data-description="Get to know our team and feel free to contact us. For information on Uptime Status, Global Ping Status, Data Security and Integrity, and our Platform's Servers and IT Infrastructure, visit the Platform Health section.">                          
                                        </a>
                                    </div>
                                </div>
                        </div>
                        
                        
                    </li>
                  
<!--        prices     -->
                   
                     <li class="nav-item" id="nav-prices"> 
                      
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkPrices" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <!--i class="fa-solid fa-shopping-cart mega-menu-icon-mobile-only"></i--> Pricing</a>

                        <div class="dropdown-menu dropdown-menu-prices sub-menu position-absolute container-fluid w-100 pb-2" style="display: none;" aria-labelledby="navbarDropdownMenuLinkPrices">
                            <div class="row w-100 justify-content-start justify-content-md-center">
                                <div class="col-6 text-white flex-column p-5 border-line">
                                    <h4 class="mb-3 text-white">Standard Plans</h4>
                                    <p class="pl-1 icon">
                                        <i class="fa-solid fa-qrcode"></i>
                                        <i class="fa-solid fa-chevron-right mr-2"></i>
                                        <span id="icon-of-item">
                                            <i class="fa-solid fa-wrench text-white"></i>
                                        </span>
                                    </p> 
                                   
                                    <div id="prices-description">
                                         Create trackable QR Codes with our flexible pricing plans – starting from U$ 5 per month. Analyze scans, optimize your campaigns, and benefit from powerful features for efficient QR Code Management.                                    </div>
                                </div> 
  <!--        1. Spalte-->    
                                <div class="col-3 mt-0 mt-lg-5 first-col">
                                     <a class="dropdown-item" 
                                       href="/pricing" 
                                       data-icon="fa-solid fa-wallet"
                                       data-title="Standard Plans"     
                                       data-description="Create trackable QR Codes with our flexible pricing plans – starting from U$ 5 per month. Analyze scans, optimize your campaigns, and benefit from powerful features for efficient QR Code Management.">    
                                    </a>
                                    
                                     <a class="dropdown-item" 
                                       href="/enterprise-plan"
                                       data-icon="fa-solid fa-rocket" 
                                       data-title="Enterprise Plan"
                                       data-description="QR Planet's Enterprise Plan offers tailored solutions for companies with special needs that go beyond standard rates. Starting at U$ 250 per month, customers receive a personal account manager for individual assistance, strategic insights and prioritized support, including phone support and 1-on-1 sessions."> 
                                    </a>
                                    
                                    <a class="dropdown-item" 
                                       href="/quote" 
                                       data-icon="fa-solid fa-list-alt"
                                       data-title="Get a quote" 
                                       data-description="Need a customized offer? Fill out our form, answer a few questions, and we will send you the perfect offer tailored to your needs."> 
                                    </a> 
                                     <a class="dropdown-item" 
                                       href="/training-qr-codes" 
                                       data-icon="fa-solid fa-graduation-cap"
                                       data-title="Expert Workshops" 
                                       data-description="Fast-track your success. Choose the session that fits your needs and work directly with a QR Planet expert to configure your perfect campaign. "> 
                                    </a> 
                                  
 <!--         2. Spalte-->                               
                                </div>
                                <div class="col-3 mt-0 mt-lg-5">
                                    
                                </div>    
                            </div>
                    </div>
                    </li>  
                    <li>
                    <div class="search-trigger" onclick="openSearch()">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="#33A3FF">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
                        </svg>
                    </div>
                    </li>
                    
                    
                    
<!--                    login/register/logout     -->     

                      <li class="nav-item left-separator-no login-button rounded-pill"">
                        <a class="nav-link" href="/user/login"><i class="mega-menu-icon-mobile-only fa-solid fa-user"></i> Login</a>
                    </li>
                    <li class="nav-item mega-menu-desktop-only">
                        <a class="btn btn-info" role="button" href="/starter/register"><strong>Register</strong></a>
                    </li>
                    <li class="mobile-only nav-item">
                        <a class="nav-link" role="button" href="/starter/register"><i class="general foundicon-smiley"> </i> Register</a>
                        
                    </li> 
                        
<!--                    <li class="mobile-only nav-item">
                        <a href="#" class="dropdown-mobile-lang text-decoration-none nav-link">
                            <i class="general foundicon-globe"></i>
                            <span>< ?= $_l["language"] ?></span>
                            <span class="lang-chosen">< ?php Utils::renderSVG(getLocalizedFlag($locale)) ?></span>
                        </a>             
                    </li>
        < ?php include 'footer_menu_languages.phtml'; ?>
                    
                    -->
                     <li class="mobile-only nav-item" id="nav-div-languages">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkLanguages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            
<!--                            <i class="general foundicon-globe"></i> -->
                            <span class="lang-chosen"><svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><circle cx="256" cy="256" fill="#f0f0f0" r="256"/><g fill="#d80027"><path d="m244.87 256h267.13c0-23.106-3.08-45.49-8.819-66.783h-258.311z"/><path d="m244.87 122.435h229.556c-15.671-25.572-35.708-48.175-59.07-66.783h-170.486z"/><path d="m256 512c60.249 0 115.626-20.824 159.356-55.652h-318.712c43.73 34.828 99.107 55.652 159.356 55.652z"/><path d="m37.574 389.565h436.852c12.581-20.529 22.338-42.969 28.755-66.783h-494.362c6.417 23.814 16.174 46.254 28.755 66.783z"/></g><path d="m118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037c-19.106 15.915-35.852 34.561-49.652 55.337h7.475l-13.813 10.035c-2.152 3.59-4.216 7.237-6.194 10.938l6.596 20.301-12.306-8.941c-3.059 6.481-5.857 13.108-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444c-1.301 10.458-1.979 21.11-1.979 31.921h256c0-141.384 0-158.052 0-256-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm-8.289-100.083 8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822zm100.115 100.083-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm-8.289-100.083 8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822zm0-74.574 8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822z" fill="#0052b4"/>    </svg></span> 
                            <span class='lang-chosen-li-el'>Language</span>
                            <!--</span> <span class="lang-chosen">< ?php Utils::renderSVG(getLocalizedFlag($locale)) ?></span>-->
                        </a>

                        <div class="dropdown-menu dropdown-menu-languages sub-menu position-absolute container-fluid w-100 pb-2" style="display: none;" aria-labelledby="navbarDropdownMenuLinkLanguages">
                         <div class="dropdown-mobile-content">
    <div class="lang-selection">
    <div><a href="https://qrplanet.com"><img class="noborder" height="24" width="24" alt="flag united states" src="https://cdn.qrplanet.com/img/flags/en.svg" /><span>English</span></a></div>
    <div><a href="https://qr1.at"><img class="noborder" height="24" width="24" alt="flag germany" src="https://cdn.qrplanet.com/img/flags/de.svg" /><span>Deutsch</span></a></div>
        
    <div>
        <a href="https://qrplanet.com/es">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag es" 
                 src="https://cdn.qrplanet.com/img/flags/es.svg" />
            <span>Español</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pt">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pt" 
                 src="https://cdn.qrplanet.com/img/flags/pt-br.svg" />
            <span>Português</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/it">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag it" 
                 src="https://cdn.qrplanet.com/img/flags/it.svg" />
            <span>Italiano</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/fr">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag fr" 
                 src="https://cdn.qrplanet.com/img/flags/fr.svg" />
            <span>Français</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pl">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pl" 
                 src="https://cdn.qrplanet.com/img/flags/pl.svg" />
            <span>Polski</span>
        </a>
    </div>
    </div></div>                        </div>   
                    </li>
                    
                    
                </ul>
            </div>
           
            <style>
    div.language-switch a.img-lang-flex{
        position:relative;
        top:-9px;
        left:0px;
        cursor:pointer;
    }

    div.language-switch a.img-lang-flex:hover{color:#333}

    div.language-switch > a > span {
        width:24px;
        height:24px;
        position:relative;
        top:10px;
        left:-4px; 
    }

    a.img-lang-flex span{text-decoration:none} 

    .language-switch{
        position:relative;
        display:inline-block;
    }

    .menu-signin span.lang-chosen{
        width:20px; 
        height:20px; 
        z-index:50; 
        position:absolute;
        top:0px;
        left:16px;
    }
    .img-lang-flex .foundicon-globe:before {text-decoration: none;font-size: 32px;}
        .dropdown-content {
        display: none;
        position: absolute;
        background-color: #28323B;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 200;
        border-radius: 5px;
        right: 0;
    }
    .dropdown-mobile-content{display: none;position: relative;width: 100%;z-index: 1;}    
    .dropdown-content ul, .dropdown-mobile-content .lang-selection div{margin-bottom:0;padding:0px;margin-top:1px}
    .language-switch .dropdown-content ul li {list-style: none; margin-left:0;}
    .dropdown-mobile-content .lang-selection div{margin-left:0;padding: 10px 0 0 21px;height: 53px; background-color: #28323b;}
    .dropdown-content li img {width: 24px;}
    .dropdown-mobile-content .lang-selection div img{width: 32px; margin:0 8px 0 0;}
    .dropdown-content div a {display: flex; align-items: center;column-gap: 10px; line-height:44px; padding:5px 18px; border-radius:0px!important;} 

    .dropdown-content div div a:hover {background-color: #ddd; color: #28323B; border-radius:0;}
    .dropdown-mobile-content .lang-selection div a:hover {color: #28323b; border-radius:0;}
    .dropdown-mobile-lang {cursor: pointer;}
    .lang-switch-footer{display: flex;justify-content: center;align-items: center;}
    .lang-switch-footer img{width:24px;}
    .lang-switch-footer div div{margin: 6px 0 3px 0; padding: 6px 14px;border: 3px solid transparent;border-radius: 16px;}
    .lang-switch-footer div{display: flex; flex-direction: row; align-items: flex-start;flex-wrap: wrap;justify-content: space-evenly;}
    .lang-switch-footer div div a{color: #fff; display: flex;column-gap: 8px; }
    .lang-selection div:hover a span{color:#212529}
    .dropdown-content ul li a:hover{transition: background-color 600ms ease-out}
    div.language-switch a.img-lang-flex {
        border-radius: 25px !important;
        padding: 10px !important;
    }
   
    @media(max-width:1200px){   
        .dropdown-mobile-content .lang-selection div a{
            display: flex!important; align-items:center;flex-direction:row!important; 
            font-size: 18px;justify-content:left;column-gap: 15px;color:#fff!important;margin-left: 42px;
        }
        .language-switch {display: none;}   
    }
     
</style>

 
 
    <div class="menu-signin language-switch p-0 ml-1">
        <a class="trans img-lang-flex" href="#" aria-label="select language">
            <span>
                <i class="general foundicon-globe"></i>                  
                <span class="lang-chosen"><svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><circle cx="256" cy="256" fill="#f0f0f0" r="256"/><g fill="#d80027"><path d="m244.87 256h267.13c0-23.106-3.08-45.49-8.819-66.783h-258.311z"/><path d="m244.87 122.435h229.556c-15.671-25.572-35.708-48.175-59.07-66.783h-170.486z"/><path d="m256 512c60.249 0 115.626-20.824 159.356-55.652h-318.712c43.73 34.828 99.107 55.652 159.356 55.652z"/><path d="m37.574 389.565h436.852c12.581-20.529 22.338-42.969 28.755-66.783h-494.362c6.417 23.814 16.174 46.254 28.755 66.783z"/></g><path d="m118.584 39.978h23.329l-21.7 15.765 8.289 25.509-21.699-15.765-21.699 15.765 7.16-22.037c-19.106 15.915-35.852 34.561-49.652 55.337h7.475l-13.813 10.035c-2.152 3.59-4.216 7.237-6.194 10.938l6.596 20.301-12.306-8.941c-3.059 6.481-5.857 13.108-8.372 19.873l7.267 22.368h26.822l-21.7 15.765 8.289 25.509-21.699-15.765-12.998 9.444c-1.301 10.458-1.979 21.11-1.979 31.921h256c0-141.384 0-158.052 0-256-50.572 0-97.715 14.67-137.416 39.978zm9.918 190.422-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm-8.289-100.083 8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822zm100.115 100.083-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822l-21.7 15.765zm-8.289-100.083 8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822zm0-74.574 8.289 25.509-21.699-15.765-21.699 15.765 8.289-25.509-21.7-15.765h26.822l8.288-25.509 8.288 25.509h26.822z" fill="#0052b4"/>    </svg></span>
            </span>
        </a>
        <div class="dropdown-content">
            <div class="lang-selection">
    <div><a href="https://qrplanet.com"><img class="noborder" height="24" width="24" alt="flag united states" src="https://cdn.qrplanet.com/img/flags/en.svg" /><span>English</span></a></div>
    <div><a href="https://qr1.at"><img class="noborder" height="24" width="24" alt="flag germany" src="https://cdn.qrplanet.com/img/flags/de.svg" /><span>Deutsch</span></a></div>
        
    <div>
        <a href="https://qrplanet.com/es">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag es" 
                 src="https://cdn.qrplanet.com/img/flags/es.svg" />
            <span>Español</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pt">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pt" 
                 src="https://cdn.qrplanet.com/img/flags/pt-br.svg" />
            <span>Português</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/it">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag it" 
                 src="https://cdn.qrplanet.com/img/flags/it.svg" />
            <span>Italiano</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/fr">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag fr" 
                 src="https://cdn.qrplanet.com/img/flags/fr.svg" />
            <span>Français</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pl">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pl" 
                 src="https://cdn.qrplanet.com/img/flags/pl.svg" />
            <span>Polski</span>
        </a>
    </div>
    </div>        </div>
    </div>

                        
            <button aria-label="menu" type="button" class="navbar-toggler collapsed mr-1" data-toggle="collapse" data-target="#navcol-1" ><span></span><span></span><span></span><span></span></button>         
        </div>
    </nav> 
</header> 
<main id="home"> <div style='padding:20px 0 0 0;margin-top:40px'><div class='container'></div></div><section id='designer-qr-code-generator' class='light-gradient ' ><div class='container ' id=''><div class='row text-center  header1' id=''><div class='col-md-12  home-claim' id=''> <h1 class="qr-icon">Free QR Code Generator</h1>

<h2 class="d-none d-md-block">Your professional all-in-one QR Code solution</h2></a></div></div><div class='row  generator generator' id='designer-qr-code-generator'><div class="row shadow-lg rounded-5  px-md-3 py-3 bg-white rounded-5 generator m-0 w-100" id="designer-qr-code-generator">

<input type="hidden" id="qrcdr-relative" value="/proxy/qrcdr/">
  
           
        <div class="col-lg-4 placeholder-container sticky-top order-md-2">
            <style>
    @media (max-width:960px){
        .navbar{
            box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -6px;
        }
        .add-shadow-margin{
            padding-top:15px
        }
        .sticky-top{display: none}
    }
   
</style>
<nav class="navbar sticky-top">
    <div class="placeresult d-grid">
        <div class="form-group text-center wrapresult">
            <div class="resultholder">
              <img width="288" height="288" class="img-fluid" alt="qr code" src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/placeholder.svg" />
            </div>
        </div>
        <div class="preloader"><i class="fa fa-cog fa-spin"></i></div>
        <input type="hidden" class="holdresult">
        <div class="alert alert-warning small hide " id="download-warning" role="alert">
            You have selected a very light color. It can get difficult to scan for some scanners and under some conditions. QR Code readers can also have problems with inverted QR Codes. <a href="/help/article/how-to-print-qr-code" target="_blank">Read before printing</a>.        </div>
<!--        <div class="d-none d-md-block" style="text-align:center;margin:-10px 13px 10px">
            <a href="/help/article/why-qr-code-not-scanning" target="_help" locale="en" class="why-qr-code-not-scanning overlay-help">Why my QR Code is not scanning?</a>        </div>-->
        
        <button class="btn btn-lg btn-block ellipsis generate_qrcode rounded-pill " id="generate-qrcode" disabled><i class="fa fa-download"></i> Download static QR Code </button>

        

        <!--a href="/user/register" id="promo-create" class="btn btn-lg btn-block btn-primary " ><i class="fa fa-line-chart"></i> Create your dynamic QR Code</a-->


            <button id="open-dynamicqr" class="btn btn-lg btn-block btn-primary d-none d-md-block" ><i class="fa fa-line-chart"></i> Create your dynamic QR Code</button>
        


        <div class="text-center mt-1 linksholder"></div>
    </div>

    <div class="row mt-3">
        <div class="col-12 hide" id="sidebar-banner">
                    </div>
    </div>
</nav>
        </div><!-- col md-4-->

        <div class="col-lg-8 pt-1 mb-3 order-md-1">
            <div class="row">
                <form role="form" class="qrcdr-form needs-validation w-100" novalidate>
                    <input type="submit" class="d-none">
                    <input type="hidden" name="section" id="getsec" value="#link">
                                        <div class="col-12 pb-2 add-shadow-margin">
                        <div class="row">
                            <div class="col-12 pb-2 qrtype px-md-3 p-0">
    
    
   <div class="accordion" id="selectType">
  <div class="accordion-item d-grid">
    <div id="collapseTypes" class="" aria-labelledby="headingTypes" data-parent="#selectType">
      <div class="qr-types">


<ul class="nav nav-pills nav-fill" >
        <li class="nav-item">
        <a class="nav-link active" href="#link" id="generate_link" data-toggle="tab"><i class="fa-solid fa-link"></i> <span class="d-inline-block d-sm-inline-block">Link</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#text" id="generate_text" data-toggle="tab"><i class="fa-solid 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" href="/vcard-qr-code" id="generate_vcard" data-toggle="tab"><i class="fa-solid fa-list"></i> <span class="d-inline-block d-sm-inline-block">V-card</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#pdf" id="generate_pdf" data-toggle="tab"><i class="fa-regular fa-file-pdf"></i> <span class="d-inline-block d-sm-inline-block">PDF</span></a>
    </li>
        <li class="nav-item">
        <a id="show-more-qr-code-types" class="nav-link" href="#more" data-toggle="tab">
            <i class="fa-regular fa-circle-down"></i>
            <span>more</span>
            <span style="display:none">less</span>
        </a>
    </li>
</ul>
<ul id="more-qr-code-types" class="nav nav-pills nav-fill" style="display:none" role="tablist">
    
        
    
    <li class="nav-item">
        <a class="nav-link" href="#mp3" id="generate_mp3" data-toggle="tab"><i class="fa-regular fa-file-audio"></i> <span class="d-inline-block d-sm-inline-block">MP3</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#email" id="generate_email" data-toggle="tab"><i class="fa-regular fa-envelope"></i> <span class="d-inline-block d-sm-inline-block">E-mail</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#tel" id="generate_tel" data-toggle="tab"><i class="fa-solid fa-phone"></i> <span class="d-inline-block d-sm-inline-block">Phone</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#sms" id="generate_sms" data-toggle="tab"><i class="fa-solid fa-mobile-screen"></i> <span class="d-inline-block d-sm-inline-block">SMS</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="/whatsapp-qr-code" id="generate_whatsapp" data-toggle="tab"><i class="fa-brands fa-whatsapp"></i> <span class="d-inline-block d-sm-inline-block">WhatsApp</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#zoom" id="generate_zoom" data-toggle="tab"><i class="fa-solid fa-video"></i> <span class="d-inline-block d-sm-inline-block">Zoom</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="/qr-code-wifi" id="generate_wifi" data-toggle="tab"><i class="fa-solid 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" href="#paypal" id="generate_paypal" data-toggle="tab"><i class="fa-brands fa-paypal"></i> <span class="d-inline-block d-sm-inline-block">PayPal</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="#bitcoin" id="generate_bitcoin" data-toggle="tab"><i class="fa-solid fa-bitcoin-sign"></i> <span class="d-inline-block d-sm-inline-block">BitCoin</span></a>
    </li>
        <li class="nav-item">
        <a class="nav-link" href="/google-drive-qr-code" data-toggle="tab"><i class="fa-brands fa-google-drive"></i> <span class="d-inline-block d-sm-inline-block">Google Drive</span></a>
    </li>
        
<!--     <li class="nav-item">
        <a class="nav-link" href="#" >&nbsp;</a>
    </li>
       <li class="nav-item">
        <a class="nav-link" href="#" >&nbsp;</a>
    </li>-->
    
    
</ul>
</div>

      </div>
    </div>
  </div>


</div> 
    
 

<div class="col-12 p-0 p-md-2 pb-md-0">
    <div class="alert_placeholder"></div>                            <div class="tab-content" id="dataTabs">
                            <div class="tab-pane fade show active" id="link">
    <h3 class="hide">Link</h3>
    <div id="hint"></div>
    <div class="form-group">
        <p id="intro"></p>
        <p id="extra-fields"></p>
        <input type="text" name="link" id="malink" class="form-control" placeholder="http://" required="required" value="" />
    </div>
</div>
        <div class="tab-pane fade " id="text">
                <div class="row">
            <div class="col-12 form-group">
                <textarea aria-label="text" rows="3" id="data" name="data" class="form-control" required="required" maxlength="1000"></textarea>
            </div>
        </div>
    </div>
        <div class="tab-pane fade " id="email">
        <h3>E-mail</h3>
        <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="googledrive">
    <h3 class="hide">>googledrive<</h3>
    <h3 class="">Google Drive Folder URL</h3>
    <div id="hint"></div>
    <div class="form-group">
        
        <input type="text" name="googledrive" id="googledrive-url" class="form-control" placeholder="https://drive.google.com/drive/folders/" required="required" value="" />
    </div>
</div>
        <div class="tab-pane fade " id="tel">
        <h3>Phone</h3>
        <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">
        <h3>SMS</h3>
        <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="mp3">
        <h3>MP3</h3>
        <div class="row">
               <div class="col-md-6 form-group">
                    <ul
    class="list-unstyled d-lg-inline-block li-green">
    <li>Add your album covers</li>
    <li>Update your MP3 file anytime</li>
    <li>Detailed scans statistics</li>
</ul>
<a href='/user/create?r=%2Fuser%2Fnew%2F%3Ffolderid%3D%23mp3' rel='nofollow' class='create-temp-user btn btn-primary btn-block'><span></span>Upload MP3</a>                </div>
                <div class="col-md-6 form-group center">
                <img class="lazyload" 
                     src="https://cdn.qrplanet.com/img/blank.png" 
                     data-src="https://cdn.qrplanet.com/img/kb/5b44f2fc6d961556373d9652/kb/attachments/pLXTDWxQ6k.png" 
                     alt="Mp3 QR Code verlinkt zu DJ Mix" 
                     width="266" height="138">
                </div>
        </div>
    </div><div class="tab-pane fade " id="pdf">
 
    <div class="row">
        <div class="col-md-6 form-group">
                        <ul class="list-unstyled d-lg-inline-block li-green">
    <li>Update the PDF anytime</li>
    <li>Detailed scan statistics</li>
    <li>Optional password protection</li>
</ul>
<a href='/user/create?r=%2Fuser%2Fnew%2F%3Ffolderid%3D%23pdf' rel='nofollow' class='create-temp-user btn btn-primary btn-block'><span></span>Upload PDF</a>         </div>
        <div class="col-md-6 form-group center">
            <img class="lazyload" 
                 src="https://cdn.qrplanet.com/img/blank.png" 
                 data-src="https://cdn.qrplanet.com/img/landingpage/pdf/pdf-demo_en_US.svg" 
                 alt="qr code pdf und handy" 
                 width="300" height="200">
        </div>
    </div>
</div>    <div class="tab-pane fade" id="whatsapp">
        <h3>WhatsApp</h3>
        <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">
    <h3>Skype</h3>

    <div class="form-group">
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="skypeType1" name="skypeType" class="custom-control-input" value="chat" checked>
            <label class="custom-control-label" for="skypeType1">Chat</label>
        </div>
        <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="skypeType2" name="skypeType" class="custom-control-input" value="call">
            <label class="custom-control-label" for="skypeType2">Call</label>
        </div>
    </div>
    <div class="form-group">
        <label for="skype">Username</label>
        <input type="text" name="skype" class="form-control" required="required" />
    </div>
</div>
    <div class="tab-pane fade " id="zoom">
    <h3>Zoom</h3>
    <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">
        <!--h3>WI-FI</h3-->
        <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="WPA">WPA/WPA2</option>
                  <option value="WEP">WEP</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="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="wifihidden" name="wifihidden">
                    <label class="custom-control-label" for="wifihidden">Hidden</label>
                </div>
            </div>
        </div>
    </div>
         
<div class="tab-pane fade " id="vcard">
    <style>
        .hints ul{padding:0}
        .hints li{background-size: 18px !important;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") no-repeat -1px 0px;
  background-size: auto;
list-style: none;
padding-left: 26px;}
    
       /*.promo {background: #37aa8530!important;
    border: 2px solid #37aa85!important;}
       .promo h3 {color:#37aa85;}*/
    </style>
        <div class="row">
            <div class="col-md-12">
                                <div class="hints small"><ul><li>The contact details in a static vCard QR Code cannot be changed after printing.</li><li>The more contact details you store, the more difficult it is to read the QR code.</li></ul></div>
            </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="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="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="text" 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="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="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 class="col-12 form-group">
                <label>Version</label>
                <select class="custom-select" name="vversion">
                    <option value="3.0">3.0</option>
                    <option value="2.1">2.1</option>  
                    <!--
                    <option value="4.0">4.0</option>
                    -->
                </select>
            </div>
                    </div>
    </div>
        <div class="tab-pane fade " id="paypal">
        <h3>PayPal</h3>
        <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">
            </div>
        </div>

        <div class="row form-group">
           <div class="col-sm-6 yesdonation">
                <label>Price</label>
                <input type="text" name="pp_price" class="form-control">
            </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="text" name="pp_shipping" class="form-control" placeholder="0.00">
                    <div class="input-group-append">
                        <span class="input-group-text" id="getcurrency">USD</span>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 nodonation">
                <label>Tax rate</label>
                <div class="input-group">
                    <input type="text" name="pp_tax" class="form-control" placeholder="0.00">
                    <div class="input-group-append">
                        <span class="input-group-text">%</span>
                    </div>
                </div>
            </div>

        </div>
    </div>
        <div class="tab-pane fade " id="bitcoin">
        <h3>BitCoin</h3>
        <div class="row form-group">
            <div class="col-sm-6">
                <label>Account</label>
                <input type="text" name="btc_account" class="form-control" required="required">
            </div>
           <div class="col-sm-6">
                <label>Amount</label>
                <div class="input-group">
                    <input type="text" name="btc_amount" class="form-control">
                    <div class="input-group-append">
                        <span class="input-group-text">BTC</span>
                    </div>
                </div>
                           </div>
            <div class="col-sm-6 pt-3">
                <label>Item name</label>
                <input type="text" name="btc_label" class="form-control">
            </div>
            <div class="col-sm-6 pt-3">
                <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" id="qr-templates-placeholder">
        <button class="mb-2 btn btn-outline-primary btn-lg btn-block text-left text-start rounded-pill" type="button" data-toggle="collapse" 
                                               data-bs-target="#collapseTemplate" data-target="#collapseTemplate">
            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24">
                <path d="M9.318 19c-1.611 0-3.269-.709-4.318-2.168l.491.021c3.979 0 2.612-4.516 6.696-4.559l1.84 1.535c.28 3.393-2.156 5.171-4.709 5.171zm9.748-9.283c1.186-1.862 3.832-6.82 4.844-8.748.063-.109.09-.218.09-.323 0-.353-.312-.646-.656-.646-.137 0-.279.047-.408.155-1.67 1.413-5.898 5.02-7.512 6.525-1.531 1.432-1.537 2.087-2.033 4.448l1.68 1.4c2.226-.915 2.867-1.04 3.995-2.811zm.934 2.106v10.177h-18v-14h10.098c.654-1.789 1.74-2.664 5.604-6h-17.702v22h22v-15.317c-.689 1.215-1.275 2.266-2 3.14z"></path>
            </svg> 
            <span class="vertical-middle">Designer Vorlagen</span>
        </button>
    </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">Your Logo</span>
        </button>
        <div class="p-2 collapse   p-2" id="collapseWatermark">
                    <div class="col-sm-12">
            <div class="row uploader-box p-3 mb-3">
                <div class="col-sm-3  text-center">
                    <div class="btn-group-toggle" data-toggle="buttons">
                        <label class="btn btn-light custom-watermark"><input type="radio" name="optionlogo" value="" class="btn-check"><div class="hold-custom-watermark"><img alt="" src="https://cdn.qrplanet.com/img/mylogo.svg"/></div></label>
                    </div>

                </div>
                <div class="col-sm-9 text-center">
                    <small>Upload your own logo here</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="file"></label>
                    </div>
                     <small>JPG, PNG or SVG (recommended)</small>
                </div>
            </div>
        </div>
                <div class="col-12 p-0 pb-3">
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="basic-addon1">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
                        </svg>
                    </span>
                </div>
                <input class="form-control nopreview" id="logo-filter" type="text" placeholder=" Type here to filter">
                    <div class="invalid-tooltip">
                        Please choose a unique and valid username.
                    </div>
            </div>
        </div>
        <div id="logosContainer" class="col-12 p-0 fade-under">
            <div id="logosScroller" >
                <div class="logoselecta form-group">
                    <div class="btn-group-toggle" data-toggle="buttons">

                        <label class="btn btn-light active  no-logo">
                            <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> No logo                        </label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/whatsapp.svg" id="optionlogo0" class="btn-check"><img width="32" height="32" alt="Whatsapp Logo" title="Whatsapp Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/whatsapp.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/whatsapp_green.svg" id="optionlogo1" class="btn-check"><img width="32" height="32" alt="Whatsapp Green Logo" title="Whatsapp Green Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/whatsapp_green.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/whatsapp_black.svg" id="optionlogo2" class="btn-check"><img width="32" height="32" alt="Whatsapp Black Logo" title="Whatsapp Black Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/whatsapp_black.svg"></label><label tags="instagram, social," class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/instagram.svg" id="optionlogo3" class="btn-check"><img width="32" height="32" alt="Instagram Logo" title="Instagram Logo" tags="instagram, social," class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/instagram.svg"></label><label tags="instagram, social," class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/instagram_black.svg" id="optionlogo4" class="btn-check"><img width="32" height="32" alt="Instagram - Color frame Logo" title="Instagram - Color frame Logo" tags="instagram, social," class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/instagram_black.svg"></label><label tags="facebook, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/facebook.svg" id="optionlogo5" class="btn-check"><img width="32" height="32" alt="Facebook Logo" title="Facebook Logo" tags="facebook, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/facebook.svg"></label><label tags="facebook, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/facebook_black.svg" id="optionlogo6" class="btn-check"><img width="32" height="32" alt="Facebook - Color frame Logo" title="Facebook - Color frame Logo" tags="facebook, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/facebook_black.svg"></label><label tags="linkedin, social, business, card" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/linkedin.svg" id="optionlogo7" class="btn-check"><img width="32" height="32" alt="Linkedin Profile Logo" title="Linkedin Profile Logo" tags="linkedin, social, business, card" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/linkedin.svg"></label><label tags="social, twitter, bluesky" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/bluesky.svg" id="optionlogo8" class="btn-check"><img width="32" height="32" alt="bluesky Logo" title="bluesky Logo" tags="social, twitter, bluesky" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/bluesky.svg"></label><label tags="social, twitter, bluesky" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/bluesky_black.svg" id="optionlogo9" class="btn-check"><img width="32" height="32" alt="bluesky - Color frame Logo" title="bluesky - Color frame Logo" tags="social, twitter, bluesky" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/bluesky_black.svg"></label><label tags="social, mastodon" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/mastodon.svg" id="optionlogo10" class="btn-check"><img width="32" height="32" alt="mastodon account Logo" title="mastodon account Logo" tags="social, mastodon" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/mastodon.svg"></label><label tags="social, ai , chatgpt" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/openai.svg" id="optionlogo11" class="btn-check"><img width="32" height="32" alt="openai Logo" title="openai Logo" tags="social, ai , chatgpt" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/openai.svg"></label><label tags="social, ai , chatgpt, gemini" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/gemini.svg" id="optionlogo12" class="btn-check"><img width="32" height="32" alt="gemini Logo" title="gemini Logo" tags="social, ai , chatgpt, gemini" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/gemini.svg"></label><label tags="mistral, ai , chatgpt, gemini" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/mistral.svg" id="optionlogo13" class="btn-check"><img width="32" height="32" alt="mistral Logo" title="mistral Logo" tags="mistral, ai , chatgpt, gemini" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/mistral.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/tiktok.svg" id="optionlogo14" class="btn-check"><img width="32" height="32" alt="Tiktok profile Logo" title="Tiktok profile Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/tiktok.svg"></label><label tags="gps, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/pluscode.svg" id="optionlogo15" class="btn-check"><img width="32" height="32" alt="Plus code Logo" title="Plus code Logo" tags="gps, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/pluscode.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/pin.svg" id="optionlogo16" class="btn-check"><img width="32" height="32" alt="GPS Location Logo" title="GPS Location Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/pin.svg"></label><label tags="social, drive" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googlemaps.svg" id="optionlogo17" class="btn-check"><img width="32" height="32" alt="Google Maps Logo" title="Google Maps Logo" tags="social, drive" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googlemaps.svg"></label><label tags="social, pinterest" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/pinterest.svg" id="optionlogo18" class="btn-check"><img width="32" height="32" alt="Pinterest Logo" title="Pinterest Logo" tags="social, pinterest" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/pinterest.svg"></label><label tags="Kontacte, vkontacte, social, " class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/vkontakte.svg" id="optionlogo19" class="btn-check"><img width="32" height="32" alt="vKontakte Logo" title="vKontakte Logo" tags="Kontacte, vkontacte, social, " class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/vkontakte.svg"></label><label tags="snapchat, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/snapchat.svg" id="optionlogo20" class="btn-check"><img width="32" height="32" alt="Snapchat profile Logo" title="Snapchat profile Logo" tags="snapchat, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/snapchat.svg"></label><label tags="social, reviews, google, googlereviews" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/google.svg" id="optionlogo21" class="btn-check"><img width="32" height="32" alt="Google reviews Logo" title="Google reviews Logo" tags="social, reviews, google, googlereviews" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/google.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/twitch.svg" id="optionlogo22" class="btn-check"><img width="32" height="32" alt="Twitch channel Logo" title="Twitch channel Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/twitch.svg"></label><label tags="social, tumblr" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/tumblr.svg" id="optionlogo23" class="btn-check"><img width="32" height="32" alt="tumblr account Logo" title="tumblr account Logo" tags="social, tumblr" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/tumblr.svg"></label><label tags="drive" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/pdf.svg" id="optionlogo24" class="btn-check"><img width="32" height="32" alt="PDF Document Logo" title="PDF Document Logo" tags="drive" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/pdf.svg"></label><label tags="drive" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_pdf.svg" id="optionlogo25" class="btn-check"><img width="32" height="32" alt="PDF Document Logo" title="PDF Document Logo" tags="drive" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_pdf.svg"></label><label tags="product, packaging, barcode" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/gs1.svg" id="optionlogo26" class="btn-check"><img width="32" height="32" alt="gs1 Logo" title="gs1 Logo" tags="product, packaging, barcode" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/gs1.svg"></label><label tags="social, reviews, yelp" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/yelp.svg" id="optionlogo27" class="btn-check"><img width="32" height="32" alt="Yelp reviews Logo" title="Yelp reviews Logo" tags="social, reviews, yelp" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/yelp.svg"></label><label tags="social, photos" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/flickr.svg" id="optionlogo28" class="btn-check"><img width="32" height="32" alt="flickr photo Logo" title="flickr photo Logo" tags="social, photos" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/flickr.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/reddit.svg" id="optionlogo29" class="btn-check"><img width="32" height="32" alt="Reddit Logo" title="Reddit Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/reddit.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/slack.svg" id="optionlogo30" class="btn-check"><img width="32" height="32" alt="Slack Logo" title="Slack Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/slack.svg"></label><label tags="video, player, youtube, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/youtube.svg" id="optionlogo31" class="btn-check"><img width="32" height="32" alt="Youtube Video Logo" title="Youtube Video Logo" tags="video, player, youtube, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/youtube.svg"></label><label tags="video, player, vimeo, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/vimeo.svg" id="optionlogo32" class="btn-check"><img width="32" height="32" alt="Vimeo Logo" title="Vimeo Logo" tags="video, player, vimeo, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/vimeo.svg"></label><label tags="wikipedia, doc" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/wikipedia.svg" id="optionlogo33" class="btn-check"><img width="32" height="32" alt="Wikipedia Logo" title="Wikipedia Logo" tags="wikipedia, doc" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/wikipedia.svg"></label><label tags="social,im" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/line.svg" id="optionlogo34" class="btn-check"><img width="32" height="32" alt="Line Messenger Logo" title="Line Messenger Logo" tags="social,im" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/line.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/facebook_messenger.svg" id="optionlogo35" class="btn-check"><img width="32" height="32" alt="Issuu Document Logo" title="Issuu Document Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/facebook_messenger.svg"></label><label tags="im, social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/wechat.svg" id="optionlogo36" class="btn-check"><img width="32" height="32" alt="weChat Logo" title="weChat Logo" tags="im, social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/wechat.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/telegram.svg" id="optionlogo37" class="btn-check"><img width="32" height="32" alt="Telegram Logo" title="Telegram Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/telegram.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/zoom.svg" id="optionlogo38" class="btn-check"><img width="32" height="32" alt="Zoom call Logo" title="Zoom call Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/zoom.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/play.svg" id="optionlogo39" class="btn-check"><img width="32" height="32" alt="Android Play Logo" title="Android Play Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/play.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/apple.svg" id="optionlogo40" class="btn-check"><img width="32" height="32" alt="Apple iOS App Logo" title="Apple iOS App Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/apple.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/apps.svg" id="optionlogo41" class="btn-check"><img width="32" height="32" alt="Multistore App Logo" title="Multistore App Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/apps.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/amazon.svg" id="optionlogo42" class="btn-check"><img width="32" height="32" alt="Amazon Logo" title="Amazon Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/amazon.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/shopify.svg" id="optionlogo43" class="btn-check"><img width="32" height="32" alt="Shopify store Logo" title="Shopify store Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/shopify.svg"></label><label tags="vcard, card" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/businesscard_black.svg" id="optionlogo44" class="btn-check"><img width="32" height="32" alt="Business card - vCard Logo" title="Business card - vCard Logo" tags="vcard, card" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/businesscard_black.svg"></label><label tags="vcard, card" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/id-card.svg" id="optionlogo45" class="btn-check"><img width="32" height="32" alt="Business card - vCard Logo" title="Business card - vCard Logo" tags="vcard, card" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/id-card.svg"></label><label tags="vcard, card" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/user_black.svg" id="optionlogo46" class="btn-check"><img width="32" height="32" alt="Business card - vCard Logo" title="Business card - vCard Logo" tags="vcard, card" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/user_black.svg"></label><label tags="vcard, card" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/user-red.svg" id="optionlogo47" class="btn-check"><img width="32" height="32" alt="Business card - vCard Logo" title="Business card - vCard Logo" tags="vcard, card" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/user-red.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/dropbox.svg" id="optionlogo48" class="btn-check"><img width="32" height="32" alt="Dropbox file Logo" title="Dropbox file Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/dropbox.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive.svg" id="optionlogo49" class="btn-check"><img width="32" height="32" alt="Google Drive file Logo" title="Google Drive file Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive.svg"></label><label tags="drive, docs" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_doc.svg" id="optionlogo50" class="btn-check"><img width="32" height="32" alt="Google Docs file Logo" title="Google Docs file Logo" tags="drive, docs" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_doc.svg"></label><label tags="drive, sheets" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_sheet.svg" id="optionlogo51" class="btn-check"><img width="32" height="32" alt="Google Sheets file Logo" title="Google Sheets file Logo" tags="drive, sheets" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_sheet.svg"></label><label tags="drive, slides" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_slides.svg" id="optionlogo52" class="btn-check"><img width="32" height="32" alt="Google Slides file Logo" title="Google Slides file Logo" tags="drive, slides" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_slides.svg"></label><label tags="drive, forms" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_form.svg" id="optionlogo53" class="btn-check"><img width="32" height="32" alt="Google Form Logo" title="Google Form Logo" tags="drive, forms" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_form.svg"></label><label tags="drive, folder" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_folder.svg" id="optionlogo54" class="btn-check"><img width="32" height="32" alt="Google Drive folder Logo" title="Google Drive folder Logo" tags="drive, folder" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_folder.svg"></label><label tags="drive, video" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/googledrive_video.svg" id="optionlogo55" class="btn-check"><img width="32" height="32" alt="Google Vid Logo" title="Google Vid Logo" tags="drive, video" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/googledrive_video.svg"></label><label tags="microsoft, form" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/microsoft_form.svg" id="optionlogo56" class="btn-check"><img width="32" height="32" alt="Microsoft Form Logo" title="Microsoft Form Logo" tags="microsoft, form" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/microsoft_form.svg"></label><label tags="microsoft, quiz" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/microsoft_form_quiz.svg" id="optionlogo57" class="btn-check"><img width="32" height="32" alt="Microsoft Form Quiz Logo" title="Microsoft Form Quiz Logo" tags="microsoft, quiz" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/microsoft_form_quiz.svg"></label><label tags="microsoft, speechbubble" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/microsoft_speech_bubble.svg" id="optionlogo58" class="btn-check"><img width="32" height="32" alt="Microsoft Form Speechbubble Logo" title="Microsoft Form Speechbubble Logo" tags="microsoft, speechbubble" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/microsoft_speech_bubble.svg"></label><label tags="microsoft, bubblestars" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/microsoft_bubble_stars.svg" id="optionlogo59" class="btn-check"><img width="32" height="32" alt="Microsoft Form Bubble Stars Logo" title="Microsoft Form Bubble Stars Logo" tags="microsoft, bubblestars" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/microsoft_bubble_stars.svg"></label><label tags="microsoft, bubbleheart" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/microsoft_bubble_heart.svg" id="optionlogo60" class="btn-check"><img width="32" height="32" alt="Microsoft Form  Logo" title="Microsoft Form  Logo" tags="microsoft, bubbleheart" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/microsoft_bubble_heart.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/spotify.svg" id="optionlogo61" class="btn-check"><img width="32" height="32" alt="Spotify Logo" title="Spotify Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/spotify.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/spotify_black.svg" id="optionlogo62" class="btn-check"><img width="32" height="32" alt="Spotify Logo" title="Spotify Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/spotify_black.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/soundcloud.svg" id="optionlogo63" class="btn-check"><img width="32" height="32" alt="Soundcloud Logo" title="Soundcloud Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/soundcloud.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/speaker.svg" id="optionlogo64" class="btn-check"><img width="32" height="32" alt="Audio MP3 Logo" title="Audio MP3 Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/speaker.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/headphones.svg" id="optionlogo65" class="btn-check"><img width="32" height="32" alt="Headphones - Audio Logo" title="Headphones - Audio Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/headphones.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/applepodcast.svg" id="optionlogo66" class="btn-check"><img width="32" height="32" alt="Apple podcast Logo" title="Apple podcast Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/applepodcast.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/issuu.svg" id="optionlogo67" class="btn-check"><img width="32" height="32" alt="Issuu Document Logo" title="Issuu Document Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/issuu.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/paypal.svg" id="optionlogo68" class="btn-check"><img width="32" height="32" alt="Paypal payment Logo" title="Paypal payment Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/paypal.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/bitcoin.svg" id="optionlogo69" class="btn-check"><img width="32" height="32" alt="Bitcoin payment Logo" title="Bitcoin payment Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/bitcoin.svg"></label><label tags="social" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/tripadvisor.svg" id="optionlogo70" class="btn-check"><img width="32" height="32" alt="Tripadvisor Logo" title="Tripadvisor Logo" tags="social" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/tripadvisor.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/wifi.svg" id="optionlogo71" class="btn-check"><img width="32" height="32" alt="Wifi connection Logo" title="Wifi connection Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/wifi.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/happy.svg" id="optionlogo72" class="btn-check"><img width="32" height="32" alt="happy Logo" title="happy Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/happy.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/emohappy.svg" id="optionlogo73" class="btn-check"><img width="32" height="32" alt="emoticon happy Logo" title="emoticon happy Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/emohappy.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/emolove.svg" id="optionlogo74" class="btn-check"><img width="32" height="32" alt="emoticon love Logo" title="emoticon love Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/emolove.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/emomusic.svg" id="optionlogo75" class="btn-check"><img width="32" height="32" alt="emoticon music Logo" title="emoticon music Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/emomusic.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/emophone.svg" id="optionlogo76" class="btn-check"><img width="32" height="32" alt="emoticon phone Logo" title="emoticon phone Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/emophone.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/emosunglasses.svg" id="optionlogo77" class="btn-check"><img width="32" height="32" alt="emoticon sunglasses Logo" title="emoticon sunglasses Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/emosunglasses.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/info.svg" id="optionlogo78" class="btn-check"><img width="32" height="32" alt="info Logo" title="info Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/info.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/phone.svg" id="optionlogo79" class="btn-check"><img width="32" height="32" alt="phone Logo" title="phone Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/phone.svg"></label><label tags="eco, ecology" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/recycle.svg" id="optionlogo80" class="btn-check"><img width="32" height="32" alt="recycle Logo" title="recycle Logo" tags="eco, ecology" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/recycle.svg"></label><label tags="svg, animated" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/heart.svg" id="optionlogo81" class="btn-check"><img width="32" height="32" alt="heart Logo" title="heart Logo" tags="svg, animated" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/heart.svg"></label><label tags="svg, animated" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/rings.svg" id="optionlogo82" class="btn-check"><img width="32" height="32" alt="rings Logo" title="rings Logo" tags="svg, animated" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/rings.svg"></label><label tags="svg, animated" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/puff.svg" id="optionlogo83" class="btn-check"><img width="32" height="32" alt="puff Logo" title="puff Logo" tags="svg, animated" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/puff.svg"></label><label tags="svg, animated" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/circles.svg" id="optionlogo84" class="btn-check"><img width="32" height="32" alt="circles Logo" title="circles Logo" tags="svg, animated" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/circles.svg"></label><label tags="" class="btn btn-light"><input type="radio" name="optionlogo" value="images/watermarks/blank.svg" id="optionlogo85" class="btn-check"><img width="32" height="32" alt="Blank Logo" title="Blank Logo" tags="" class="lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/watermarks/blank.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/images/watermarks/blank.svg"></label>                    </div>
                </div>
            </div>
        </div>

        <!-- Logo as BG Start-->
        <div class="col-12 mb-2">
            <div class="custom-control custom-switch">
                <input type="checkbox" class="custom-control-input" id="logo_as_bg" name="logo_as_bg">
                    <label class="custom-control-label" for="logo_as_bg">Use logo as background</label>
            </div>
        </div>
        <!-- Logo as BG End -->


        <div class="col-12 mb-2">
            <div class="custom-control custom-switch">
                <input type="checkbox" class="custom-control-input" id="no_logo_bg" name="no_logo_bg">
                    <label class="custom-control-label" for="no_logo_bg">Remove background behind Logo</label>
            </div>
        </div>
        <div class="col-12 qrcdr-slider">
            <input type="range" min="30" max="150" value="80" class="qrcdr-slider-input" name="logo_size">
                <label class="small">Logo size: <span class="qrcdr-slider-value logo-size-percent"></span></label>
        </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="#collapseColors" data-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">Your Colors</span>
            </button>
            <div class="p-2 collapse  " id="collapseColors">
                <div class = "col-sm-12 mb-2 custom-background">
    <div class = "row">
        <div class = "col-12">
            <ul class = "nav nav-tabs" id = "colormanagement" >
                <li class = "nav-item">
                    <span class= "nav-link active" id="basic" data-toggle = "tab" data-target = "#basic-tab"><i class = "fa fa-circle"></i> <span> Basis</span></span>
                </li>
                <li class = "nav-item">
                    <span class= "nav-link" id ="eyes" data-toggle = "tab" data-target = "#eyes-tab"><i class = "fa fa-qrcode"></i><span> Eyes</span></span>
                </li>
                <li class="nav-item">
                    <span class="nav-link" id ="gradient" data-toggle = "tab" data-target = "#gradient-tab"><i class = "fa fa-adjust"></i><span> Gradient</span></span>
                </li>
                <li class ="nav-item">
                    <span class="nav-link" id ="transparent" data-toggle = "tab" data-target = "#transparent-tab"><i class = "fa fa-circle-thin"></i><span> Transparent</span></span>
                </li>
                <li class="nav-item">
                    <span class="nav-link" id = "multicolors" data-toggle = "tab" data-target = "#multicolor-tab"><i class = "fa fa-tasks"></i><span> Multicolor</span></span>
                </li>
            </ul>
            <div class="tab-content" id="colormanagementContent">
                <div class="tab-pane fade show active" id="basic-tab" >

                    <label>Foreground</label>
                    <input type="text" class="form-control qrcolorpicker rounded-0 nopreview" id="colormain1" value="#000000" name="frontcolor">

                </div>

                <div class="tab-pane fade" id="eyes-tab">
                    <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 id="ico-eye-out" 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 id="ico-eye-in" 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="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input collapse-control" id="markers-bg" data-bs-target=".collapse-markers-bg" data-target=".collapse-markers-bg" name="markers_color">
                                    <label class="custom-control-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="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-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="custom-control-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 class="tab-pane fade" id="gradient-tab">

                    <label>Foreground</label>
                    <input type="text" class="form-control qrcolorpicker rounded-0 nopreview" id="colormain3" value="#000000" name="frontcolor">



                    <div class="form-group">

                    </div>

                    <label>Second color</label>
                    <input type="text" class="form-control qrcolorpicker qrcolorpicker_bg rounded-0" id="colorgradient2" value="#8900D5" name="gradient_color">
                    <div class="form-group">
                        <div class="custom-control custom-switch mt-2">
                            <input type="checkbox" class="custom-control-input" id="radial-gradient" name="radial">
                            <label class="custom-control-label" for="radial-gradient">Radial</label>
                        </div>
                    </div>


                </div>
                <div class="tab-pane fade" id="transparent-tab">


                    <label>Foreground</label>
                    <input type="text" class="form-control qrcolorpicker rounded-0 nopreview" id="colormain2" value="#000000" name="frontcolor">



                </div>
                <div class="tab-pane fade" id="multicolor-tab">
                    <div class="row">

                        <div class="col-6"> 

                            <p>Color scheme</p>


                                                            <p>
                                    <a href="#" data-target="#" id="scheme1" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#182952;"></span>
                                            <span class="colorsample" style="background-color:#2b3595;"></span>
                                            <span class="colorsample" style="background-color:#7045af;"></span>
                                            <span class="colorsample" style="background-color:#e14594;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme2" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#2d132c;"></span>
                                            <span class="colorsample" style="background-color:#801336;"></span>
                                            <span class="colorsample" style="background-color:#c72c41;"></span>
                                            <span class="colorsample" style="background-color:#ee4540;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme3" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#04879c;"></span>
                                            <span class="colorsample" style="background-color:#0c3c78;"></span>
                                            <span class="colorsample" style="background-color:#090030;"></span>
                                            <span class="colorsample" style="background-color:#f30a49;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme4" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#2d132c;"></span>
                                            <span class="colorsample" style="background-color:#254b62;"></span>
                                            <span class="colorsample" style="background-color:#476d7c;"></span>
                                            <span class="colorsample" style="background-color:#0694b5;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="schemea1" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#2C4763;"></span>
                                            <span class="colorsample" style="background-color:#644F6D;"></span>
                                            <span class="colorsample" style="background-color:#B2596A;"></span>
                                            <span class="colorsample" style="background-color:#EA5F66;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="schemea2" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#144223;"></span>
                                            <span class="colorsample" style="background-color:#1C5A1D;"></span>
                                            <span class="colorsample" style="background-color:#247525;"></span>
                                            <span class="colorsample" style="background-color:#34A735;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="schemea3" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#011522;"></span>
                                            <span class="colorsample" style="background-color:#628276;"></span>
                                            <span class="colorsample" style="background-color:#C02427;"></span>
                                            <span class="colorsample" style="background-color:#891A1C;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="schemea4" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#7AB53E;"></span>
                                            <span class="colorsample" style="background-color:#2898A4;"></span>
                                            <span class="colorsample" style="background-color:#5836BF;"></span>
                                            <span class="colorsample" style="background-color:#F53880;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme5" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#F5314B;"></span>
                                            <span class="colorsample" style="background-color:#F53970;"></span>
                                            <span class="colorsample" style="background-color:#F54D7C;"></span>
                                            <span class="colorsample" style="background-color:#F66289;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme11" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#27213c;"></span>
                                            <span class="colorsample" style="background-color:#5a352a;"></span>
                                            <span class="colorsample" style="background-color:#A33B20;"></span>
                                            <span class="colorsample" style="background-color:#A47963;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme12" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#145C80;"></span>
                                            <span class="colorsample" style="background-color:#337094;"></span>
                                            <span class="colorsample" style="background-color:#558938;"></span>
                                            <span class="colorsample" style="background-color:#97B640;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme13" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#240046;"></span>
                                            <span class="colorsample" style="background-color:#3c096c;"></span>
                                            <span class="colorsample" style="background-color:#5a189a;"></span>
                                            <span class="colorsample" style="background-color:#7b2cbf;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme18" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#CF805A;"></span>
                                            <span class="colorsample" style="background-color:#CF805A;"></span>
                                            <span class="colorsample" style="background-color:#90705D;"></span>
                                            <span class="colorsample" style="background-color:#90705D;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme19" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#772e25;"></span>
                                            <span class="colorsample" style="background-color:#772e25;"></span>
                                            <span class="colorsample" style="background-color:#40798c;"></span>
                                            <span class="colorsample" style="background-color:#40798c;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme20" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#9e0059;"></span>
                                            <span class="colorsample" style="background-color:#9e0059;"></span>
                                            <span class="colorsample" style="background-color:#390099;"></span>
                                            <span class="colorsample" style="background-color:#390099;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme21" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#DC2B39;"></span>
                                            <span class="colorsample" style="background-color:#DC2B39;"></span>
                                            <span class="colorsample" style="background-color:#F65336;"></span>
                                            <span class="colorsample" style="background-color:#F65336;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme22" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#4F2727;"></span>
                                            <span class="colorsample" style="background-color:#4F2727;"></span>
                                            <span class="colorsample" style="background-color:#4F2727;"></span>
                                            <span class="colorsample" style="background-color:#F64834;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme23" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#0a100d;"></span>
                                            <span class="colorsample" style="background-color:#0a100d;"></span>
                                            <span class="colorsample" style="background-color:#0a100d;"></span>
                                            <span class="colorsample" style="background-color:#558938;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme24" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#F65136;"></span>
                                            <span class="colorsample" style="background-color:#F65136;"></span>
                                            <span class="colorsample" style="background-color:#F65136;"></span>
                                            <span class="colorsample" style="background-color:#1C6969;"></span>

                                        </div>
                                    </a>
                                </p>
                                                            <p>
                                    <a href="#" data-target="#" id="scheme25" class="scheme">
                                        <div class="colorscheme">
                                            <span class="colorsample" style="background-color:#1A739B;"></span>
                                            <span class="colorsample" style="background-color:#1A739B;"></span>
                                            <span class="colorsample" style="background-color:#1A739B;"></span>
                                            <span class="colorsample" style="background-color:#F65D60;"></span>

                                        </div>
                                    </a>
                                </p>
                                                        <div class="clearfix"></div>
                            <p><small>Want some color inspiration? <br>Visit <a href='https://coolors.co/palettes/trending' target='_blank'>coolors.co</a></small></p>







                        </div>


                        <div class="col-6">
                            <label>Foreground</label>
                            <input type="text" class="form-control qrcolorpicker rounded-0 nopreview" id="colormain4" value="#000000" name="frontcolor">
                            <label>Color 2</label><input type="text" class="form-control qrcolorpicker qrcolorpicker_bg rounded-0" value="#8970D5" id="multicolor1" name="multicolor1">
                            <label>Color 3</label><input type="text" class="form-control qrcolorpicker qrcolorpicker_bg rounded-0" value="#8900D5"id="multicolor2"  name="multicolor2">
                            <label>Color 4</label><input type="text" class="form-control qrcolorpicker qrcolorpicker_bg rounded-0" value="#890033" id="multicolor3" name="multicolor3">
                            <!--label>Color 4</label><input type="text" class="form-control qrcolorpicker qrcolorpicker_bg rounded-0" value="#2200D5" id="multicolor4" name="multicolor4"-->
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>       
    <div class="row">
        <div class="col-sm-6">
            <label>Background</label>
            <div   id="collapse-background">
                <input type="text" class="form-control qrcolorpicker colorpickerback rounded-0" value="#FFFFFF" name="backcolor">
            </div>
        </div>
        <div class="col-sm-6 my-auto">
            <div class="custom-control custom-switch mt-2">
                <input type="checkbox" class="custom-control-input" id="trans-bg" name="transparent" checked="" >
                <label class="custom-control-label" for="trans-bg">Transparent background</label>
            </div>
            <div style="display:none;">
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input collapse-control" id="transparent-qr" data-bs-target="#collapse-image-bg" data-target="#collapse-image-bg" name="transparent_code">
                    <label class="custom-control-label" for="transparent-qr">Transparent QR Code</label>
                </div>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input collapse-control" id="gradient-bg"  name="gradient">
                    <label class="custom-control-label" for="gradient-bg">Gradient</label>
                </div>
                <div class="form-group">
                    <div class="custom-control custom-switch">
                        <input type="checkbox" class="custom-control-input collapse-control" id="multicolor" name="multicolor">
                        <label class="custom-control-label" for="multicolor">
                            Multicolor
                        </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-toggle="collapse" data-bs-target="#collapseFrame" data-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">Custom Frames</span>
        </button>
        <div class="p-2 collapse  " id="collapseFrame">
            
<!--div class="col-12 mb-2 py-2">
    </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" id="framecolor" name="framecolor">
        </div>
    </div>

    <div class="form-group mt-2">
        <div class="custom-control custom-switch ">
            <input type="checkbox" class="custom-control-input collapse-control" id="frame-color" data-bs-target="#collapse-frame-color" data-target="#collapse-frame-color" name="custom_frame_color"  >
            <label class="custom-control-label" for="frame-color">Custom frame color</label>
        </div>
    </div>
</div>

<div class="col-12">
    
       <ul class="nav nav-tabs" id="framesmanagement" >
        <li  class="nav-item">
            <span class="nav-link active" id="frame-label" data-toggle="tab" data-target="#frame-label-tab"><i class="fa fa-bookmark"></i> <span> With label</span></span>
        </li>



        <li class="nav-item">
            <span class="nav-link" id="frame-no-label" data-toggle="tab" data-target="#frame-no-label-tab"><i class="fa fa-bookmark-o"></i><span> Without label</span></span>
        </li>
    
    </ul>

    <div class="tab-content" id="framesmanagementContent">
        <div class="tab-pane fade show active" id="frame-label-tab" >
<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="Arial.svg">
                        Arial                    </option>
                                    <option value="Nunito-Bold.svg">
                        Nunito-Bold                    </option>
                                    <option value="Nunito-Regular.svg">
                        Nunito-Regular                    </option>
                                    <option value="OpenSans-Bold.svg">
                        OpenSans-Bold                    </option>
                                    <option value="OpenSans-Regular.svg">
                        OpenSans-Regular                    </option>
                                    <option value="Pacifico-Regular.svg">
                        Pacifico-Regular                    </option>
                                    <option value="RobotoSlab-Bold.svg">
                        RobotoSlab-Bold                    </option>
                                    <option value="RobotoSlab-Regular.svg">
                        RobotoSlab-Regular                    </option>
                                    <option value="Rubik-Black.svg">
                        Rubik-Black                    </option>
                                    <option value="Rubik-Bold.svg">
                        Rubik-Bold                    </option>
                                    <option value="Rubik-Light.svg">
                        Rubik-Light                    </option>
                                    <option value="Rubik-Medium.svg">
                        Rubik-Medium                    </option>
                                    <option value="Rubik-Regular.svg">
                        Rubik-Regular                    </option>
                                    <option value="Ubuntu-Bold.svg">
                        Ubuntu-Bold                    </option>
                                    <option value="Ubuntu-Regular.svg">
                        Ubuntu-Regular                    </option>
                            </select>
        </div>
        <div class="col-12 qrcdr-slider">
            <input type="range" min="50" max="150" value="100" class="qrcdr-slider-input" name="label_text_size">
            <label class="small">Text size: <span class="qrcdr-slider-value label_text_size_percent"></span></label>
        </div>
    </div>
</div>
<div class="col-12 mb-2">



    <div class="row collapse" id="collapse-text-color">
        <div class="col-sm-6 mt-2">
            <label>Label text color</label>
            <input type="text" class="form-control qrcolorpicker rounded-0" value="#000000" name="labeltext_color">
        </div>
    </div>

    <div class="form-group mt-2">
        <div class="custom-control custom-switch">
            <input type="checkbox" class="custom-control-input collapse-control" id="labeltext-color" data-bs-target="#collapse-text-color" data-target="#collapse-text-color" name="custom_labeltext_color">
            <label class="custom-control-label" for="labeltext-color">Custom label text color</label>
        </div>
    </div>
</div>
            <div class="col-12">
               <div class="btn-group-toggle styleselecta d-inline-block" id="framecolorsContent" data-toggle="buttons"><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="none2"  class="btn-check">
                <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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="simple-bottom"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M24,28H0V0h24V28z M23,0.94H1v22h22V0.94z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="simple-top"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0h24v28H0V0z M1,27.06h22v-22H1V27.06z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="corners-label-flat"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M24,24h-6v-1h5v-5h1V24z M6,23H1v-5H0v6h6V23z M1,1h5V0H0v6h1V1z M24,0h-6v1h5v5h1V0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="rounded-corners-flat"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6.28,0.5c0,0.28-0.22,0.5-0.5,0.5H2C1.45,1,1,1.45,1,2v3.74c0,0.01,0.01,0.02,0.01,0.04c0,0.28-0.22,0.5-0.5,0.5
	c-0.28,0-0.5-0.22-0.5-0.5H0V2c0-1.1,0.9-2,2-2h3.78C6.06,0,6.28,0.22,6.28,0.5z M24,5.78V2c0-1.1-0.9-2-2-2h-3.78v0.01
	c-0.28,0-0.5,0.22-0.5,0.5c0,0.28,0.22,0.5,0.5,0.5c0.01,0,0.03-0.01,0.04-0.01H22c0.55,0,1,0.45,1,1v3.78c0,0.28,0.22,0.5,0.5,0.5
	C23.78,6.28,24,6.06,24,5.78z M18.22,24H22c1.1,0,2-0.9,2-2v-3.78h-0.01c0-0.28-0.22-0.5-0.5-0.5c-0.28,0-0.5,0.22-0.5,0.5
	c0,0.01,0.01,0.03,0.01,0.04V22c0,0.55-0.45,1-1,1h-3.78c-0.28,0-0.5,0.22-0.5,0.5C17.72,23.78,17.94,24,18.22,24z M0,18.22V22
	c0,1.1,0.9,2,2,2h3.78v-0.01c0.28,0,0.5-0.22,0.5-0.5c0-0.28-0.22-0.5-0.5-0.5C5.77,22.99,5.76,23,5.74,23H2c-0.55,0-1-0.45-1-1
	v-3.78c0-0.28-0.22-0.5-0.5-0.5C0.22,17.72,0,17.94,0,18.22z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="bottom"  class="btn-check">
                <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.4C0,27.4,0.6,28,1.3,28h21.4c0.7,0,1.3-0.6,1.3-1.3V1.3C24,0.6,23.4,0,22.7,0z M23,22c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V2c0-0.6,0.4-1,1-1h20c0.6,0,1,0.4,1,1V22z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="top"  class="btn-check">
                <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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="balloon-bottom"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22.7,0H1.3C0.6,0,0,0.6,0,1.3v21.4c0,0.7,0.6,1.3,1.3,1.3h21.4c0.7,0,1.3-0.6,1.3-1.3V1.3C24,0.6,23.4,0,22.7,0z M23,22c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V2c0-0.6,0.4-1,1-1h20c0.6,0,1,0.4,1,1V22z"/><path d="M1,30h22c0.6,0,1-0.4,1-1v-3c0-0.6-0.4-1-1-1H13.5l-1.5-1.5L10.5,25H1c-0.6,0-1,0.4-1,1v3c0,0.6,0.4,1,1,1z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="balloon-top"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22.7,6H1.3C0.6,6,0,6.6,0,7.3v21.4c0,0.7,0.6,1.3,1.3,1.3h21.4c0.7,0,1.3-0.6,1.3-1.3V7.3C24,6.6,23.4,6,22.7,6z M23,28c0,0.6-0.4,1-1,1H2c-0.6,0-1-0.4-1-1V8c0-0.6,0.4-1,1-1h20c0.6,0,1,0.4,1,1V28z"/><path d="M23,0H1C0.4,0,0,0.4,0,1v3c0,0.6,0.4,1,1,1h9.5l1.5,1.5L13.5,5H23c0.6,0,1-0.4,1-1V1C24,0.4,23.6,0,23,0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="ribbon-bottom"  class="btn-check">
                <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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="ribbon-top"  class="btn-check">
                <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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="phone"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 26" 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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle-thin-flat"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg">   <path class="cls-1" d="M12,.5A11.5,11.5,0,1,1,.5,12,11.51,11.51,0,0,1,12,.5M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Z"/>
  </svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle-label"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12,1c6.07,0,11,4.93,11,11s-4.93,11-11,11S1,18.07,1,12S5.93,1,12,1 M12,0C5.37,0,0,5.37,0,12s5.37,12,12,12s12-5.37,12-12
	S18.63,0,12,0L12,0z M24,26.17L24,26.17c0-1.01-0.82-1.83-1.83-1.83H1.83C0.82,24.35,0,25.16,0,26.17v0C0,27.18,0.82,28,1.83,28
	h20.35C23.18,28,24,27.18,24,26.17z M24,26.17L24,26.17c0-1.01-0.82-1.83-1.83-1.83H1.83C0.82,24.35,0,25.16,0,26.17v0
	C0,27.18,0.82,28,1.83,28h20.35C23.18,28,24,27.18,24,26.17z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="cine"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" 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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="dontdisturb"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="m1.5332 0c-0.84952 1.4803e-16 -1.5332 0.68368-1.5332 1.5332v25.934c-1.4803e-16 0.84952 0.68368 1.5332 1.5332 1.5332h20.934c0.84952 0 1.5332-0.68368 1.5332-1.5332v-25.934c0-0.84952-0.68368-1.5332-1.5332-1.5332h-20.934zm10.447 2a10 10 0 0 1 0.019531 0 10 10 0 0 1 10 10 10 10 0 0 1-10 10 10 10 0 0 1-10-10 10 10 0 0 1 9.9805-10z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="hexagon10-label"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M17.09,2.61c0.21,0,0.4,0.11,0.5,0.29l5.09,8.82c0.1,0.18,0.1,0.4,0,0.58l-5.09,8.82c-0.1,0.18-0.29,0.29-0.5,0.29H6.91
	c-0.21,0-0.4-0.11-0.5-0.29l-5.09-8.82c-0.1-0.18-0.1-0.4,0-0.58L6.41,2.9c0.1-0.18,0.29-0.29,0.5-0.29H17.09 M17.09,1.61H6.91
	c-0.56,0-1.08,0.3-1.37,0.79l-5.09,8.82c-0.28,0.49-0.28,1.09,0,1.58l5.09,8.82c0.28,0.49,0.8,0.79,1.37,0.79h10.18
	c0.56,0,1.08-0.3,1.37-0.79l5.09-8.82c0.28-0.49,0.28-1.09,0-1.58L18.46,2.4C18.17,1.91,17.65,1.61,17.09,1.61L17.09,1.61z
	 M23.87,25.5c0-1.1-0.9-2-2-2H2.1c-1.1,0-2,0.9-2,2s0.9,2,2,2h19.76C22.97,27.5,23.87,26.6,23.87,25.5z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="hexagon10-label2"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path  d="M0,26c0-1.104,0.896-2,2-2h20c1.104,0,2,0.896,2,2s-0.896,2-2,2H2C0.896,28,0,27.104,0,26z"/>
<path fill-rule="evenodd" clip-rule="evenodd"  d="M0.577,11c-0.357,0.619-0.357,1.381,0,2l4.846,8.393
c0.357,0.618,1.017,1,1.732,1h9.691c0.714,0,1.374-0.382,1.731-1L23.423,13c0.357-0.619,0.357-1.381,0-2l-4.846-8.392
c-0.357-0.619-1.018-1-1.731-1H7.155c-0.715,0-1.375,0.381-1.732,1L0.577,11z M6.289,3.108L1.443,11.5c-0.179,0.31-0.179,0.69,0,1
l4.845,8.393c0.179,0.31,0.509,0.5,0.866,0.5h9.691c0.356,0,0.687-0.19,0.865-0.5l4.846-8.393c0.179-0.31,0.179-0.69,0-1
l-4.846-8.392c-0.179-0.31-0.509-0.5-0.865-0.5H7.155C6.797,2.608,6.467,2.798,6.289,3.108z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="3d-thin-1-label-flat"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 25" fill="currentColor" xmlns="http://www.w3.org/2000/svg">   <path d="M19.12,19.11H4.89V4.88h14.23V19.11 M19.37,19.36V4.63H4.64v14.73H19.37L19.37,19.36z M24,24V9.27h-0.25V24H24z
	 M23.87,24.01v-0.25H9.14v0.25H23.87z M23.82,9.44L24,9.27l-4.63-4.64l-0.18,0.18L23.82,9.44z M23.69,23.95l0.18-0.17l-4.5-4.64
	l-0.18,0.17L23.69,23.95z M9.14,24.01l0.18-0.17l-4.5-4.64l-0.18,0.17L9.14,24.01z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="roundborder10-label-flat"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M21,1c1.1,0,2,0.9,2,2v18c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V3c0-1.1,0.9-2,2-2H21 M21,0H3C1.34,0,0,1.34,0,3v18
	c0,1.66,1.34,3,3,3h18c1.66,0,3-1.34,3-3V3C24,1.34,22.66,0,21,0L21,0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="border10-label-flat"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 30" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M23,1v22H1V1H23 M24,0H0v24h24V0L24,0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="lockscreen"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 45" fill="currentColor" xmlns="http://www.w3.org/2000/svg"></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="lockscreen-circle"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 45" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0H0V48H24V0ZM12 42C17.5229 42 22 37.5229 22 32C22 26.4771 17.5229 22 12 22C6.47715 22 2 26.4771 2 32C2 37.5229 6.47715 42 12 42Z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="lockscreen-rounded"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 45" fill="currentColor" xmlns="http://www.w3.org/2000/svg">    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 0H0V48H24V0ZM3 22C2.44771 22 2 22.4477 2 23V41C2 41.5523 2.44771 42 3 42H21C21.5523 42 22 41.5523 22 41V23C22 22.4477 21.5523 22 21 22H3Z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="gpt"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.1615 25.625H1.83846V1.91473H9.96405C9.94231 2.03503 9.92932 2.15863 9.92932 2.2852C9.92932 2.43124 9.94522 2.57358 9.97398 2.71108H2.68525V21.3406H21.3147V2.71108H14.026C14.0548 2.57358 14.0707 2.43124 14.0707 2.2852C14.0707 2.15863 14.0577 2.03503 14.0359 1.91473H22.1615V25.625Z" />
<path d="M13.2244 1.9201C13.2893 1.72543 13.2669 1.51218 13.1632 1.3351C13.0072 1.06351 12.6937 0.923781 12.3874 0.989535C12.2512 0.836048 12.0554 0.748762 11.8502 0.750013C11.5372 0.749299 11.2594 0.95085 11.1631 1.24871C10.962 1.2899 10.7884 1.41578 10.6869 1.59419C10.5297 1.86507 10.5656 2.20653 10.7755 2.43881C10.7106 2.63349 10.733 2.84674 10.8367 3.02381C10.9927 3.29541 11.3062 3.43514 11.6125 3.36938C11.7486 3.52287 11.9445 3.61016 12.1497 3.60881C12.4629 3.60962 12.7407 3.40789 12.837 3.10976C13.0381 3.06857 13.2117 2.94269 13.3133 2.76428C13.4703 2.4934 13.4343 2.15239 13.2244 1.9201ZM12.1499 3.422C12.0245 3.42218 11.9031 3.37832 11.8069 3.298C11.8113 3.29568 11.8189 3.29148 11.8238 3.28844L12.393 2.95967C12.4222 2.94314 12.44 2.91214 12.4398 2.87864V2.07609L12.6804 2.21502C12.683 2.21627 12.6847 2.21877 12.6851 2.22163V2.88623C12.6847 3.18177 12.4454 3.42138 12.1499 3.422ZM10.9988 2.93036C10.936 2.82191 10.9134 2.69477 10.935 2.5714C10.9392 2.5739 10.9466 2.57845 10.9518 2.58149L11.5211 2.91026C11.55 2.92715 11.5857 2.92715 11.6146 2.91026L12.3096 2.50895V2.7868C12.3098 2.78965 12.3084 2.79242 12.3062 2.79421L11.7308 3.12647C11.4745 3.27406 11.147 3.18632 10.9988 2.93036ZM10.849 1.68773C10.9116 1.57909 11.0103 1.49601 11.1278 1.45285C11.1278 1.45777 11.1276 1.46643 11.1276 1.47251V2.13014C11.1274 2.16356 11.1453 2.19456 11.1743 2.21109L11.8692 2.61231L11.6287 2.75124C11.6263 2.75285 11.6232 2.75311 11.6205 2.75195L11.045 2.41943C10.7893 2.2713 10.7016 1.94396 10.849 1.68773ZM12.8257 2.14774L12.1307 1.74643L12.3713 1.60759C12.3737 1.60598 12.3768 1.60572 12.3795 1.60688L12.955 1.93913C13.2112 2.08717 13.299 2.41496 13.151 2.67119C13.0883 2.77965 12.9897 2.86273 12.8722 2.90597V2.22869C12.8725 2.19527 12.8546 2.16436 12.8257 2.14774ZM13.0651 1.78734C13.0609 1.78475 13.0535 1.78029 13.0482 1.77725L12.479 1.44848C12.4501 1.43159 12.4144 1.43159 12.3854 1.44848L11.6905 1.84979V1.57194C11.6903 1.56909 11.6916 1.56632 11.6939 1.56453L12.2693 1.23254C12.5256 1.08468 12.8533 1.17268 13.0011 1.42909C13.0635 1.53737 13.0863 1.66414 13.0651 1.78734ZM11.5597 2.28256L11.319 2.14363C11.3164 2.14238 11.3147 2.13988 11.3144 2.13702V1.47242C11.3146 1.17652 11.5546 0.936735 11.8505 0.936913C11.9757 0.936913 12.0968 0.980868 12.193 1.06092C12.1886 1.06324 12.1811 1.06744 12.1761 1.07048L11.6069 1.39925C11.5777 1.41578 11.5599 1.44669 11.5601 1.48019L11.5597 2.28256ZM11.6904 2.00078L11.9999 1.82201L12.3095 2.00069V2.35814L11.9999 2.53682L11.6904 2.35814V2.00078Z" fill="black" /></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="gems"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M22.1615 25.625H1.83846V1.91473H9.96405C9.94231 2.03503 9.92932 2.15863 9.92932 2.2852C9.92932 2.43124 9.94522 2.57358 9.97398 2.71108H2.68525V21.3406H21.3147V2.71108H14.026C14.0548 2.57358 14.0707 2.43124 14.0707 2.2852C14.0707 2.15863 14.0577 2.03503 14.0359 1.91473H22.1615V25.625Z" />
<path d="M13.2006 2.25956C12.9691 2.16103 12.7587 2.01911 12.5806 1.84146C12.3326 1.59295 12.1556 1.28256 12.0681 0.942544C12.0643 0.927442 12.0555 0.914051 12.0432 0.904486C12.0309 0.894921 12.0158 0.889728 12.0002 0.889728C11.9846 0.889728 11.9695 0.894921 11.9572 0.904486C11.9449 0.914051 11.9361 0.927442 11.9323 0.942544C11.8446 1.28252 11.6677 1.59287 11.4197 1.84146C11.2416 2.01909 11.0312 2.16101 10.7997 2.25956C10.7092 2.29857 10.6161 2.32992 10.5208 2.35402C10.5056 2.35776 10.4921 2.36648 10.4825 2.37879C10.4728 2.3911 10.4676 2.4063 10.4676 2.42194C10.4676 2.43759 10.4728 2.45278 10.4825 2.4651C10.4921 2.47741 10.5056 2.48613 10.5208 2.48986C10.6161 2.51383 10.7089 2.54518 10.7997 2.58419C11.0312 2.68272 11.2416 2.82464 11.4197 3.00229C11.6678 3.25083 11.8448 3.56126 11.9323 3.90134C11.936 3.91654 11.9448 3.93004 11.9571 3.9397C11.9694 3.94935 11.9846 3.9546 12.0002 3.9546C12.0159 3.9546 12.0311 3.94935 12.0434 3.9397C12.0557 3.93004 12.0644 3.91654 12.0681 3.90134C12.0921 3.80591 12.1235 3.71312 12.1625 3.62228C12.261 3.39083 12.4029 3.18038 12.5806 3.00229C12.8291 2.75427 13.1396 2.57733 13.4796 2.48986C13.4947 2.48603 13.5081 2.47726 13.5177 2.46496C13.5272 2.45266 13.5324 2.43753 13.5324 2.42194C13.5324 2.40636 13.5272 2.39123 13.5177 2.37892C13.5081 2.36662 13.4947 2.35786 13.4796 2.35402C13.3842 2.33003 13.2909 2.29844 13.2006 2.25956Z" fill="#3186FF"/>
<path d="M13.2006 2.25956C12.9691 2.16103 12.7587 2.01911 12.5806 1.84146C12.3326 1.59295 12.1556 1.28256 12.0681 0.942544C12.0643 0.927442 12.0555 0.914051 12.0432 0.904486C12.0309 0.894921 12.0158 0.889728 12.0002 0.889728C11.9846 0.889728 11.9695 0.894921 11.9572 0.904486C11.9449 0.914051 11.9361 0.927442 11.9323 0.942544C11.8446 1.28252 11.6677 1.59287 11.4197 1.84146C11.2416 2.01909 11.0312 2.16101 10.7997 2.25956C10.7092 2.29857 10.6161 2.32992 10.5208 2.35402C10.5056 2.35776 10.4921 2.36648 10.4825 2.37879C10.4728 2.3911 10.4676 2.4063 10.4676 2.42194C10.4676 2.43759 10.4728 2.45278 10.4825 2.4651C10.4921 2.47741 10.5056 2.48613 10.5208 2.48986C10.6161 2.51383 10.7089 2.54518 10.7997 2.58419C11.0312 2.68272 11.2416 2.82464 11.4197 3.00229C11.6678 3.25083 11.8448 3.56126 11.9323 3.90134C11.936 3.91654 11.9448 3.93004 11.9571 3.9397C11.9694 3.94935 11.9846 3.9546 12.0002 3.9546C12.0159 3.9546 12.0311 3.94935 12.0434 3.9397C12.0557 3.93004 12.0644 3.91654 12.0681 3.90134C12.0921 3.80591 12.1235 3.71312 12.1625 3.62228C12.261 3.39083 12.4029 3.18038 12.5806 3.00229C12.8291 2.75427 13.1396 2.57733 13.4796 2.48986C13.4947 2.48603 13.5081 2.47726 13.5177 2.46496C13.5272 2.45266 13.5324 2.43753 13.5324 2.42194C13.5324 2.40636 13.5272 2.39123 13.5177 2.37892C13.5081 2.36662 13.4947 2.35786 13.4796 2.35402C13.3842 2.33003 13.2909 2.29844 13.2006 2.25956Z" fill="url(#paint0_linear_651_37)"/>
<path d="M13.2006 2.25956C12.9691 2.16103 12.7587 2.01911 12.5806 1.84146C12.3326 1.59295 12.1556 1.28256 12.0681 0.942544C12.0643 0.927442 12.0555 0.914051 12.0432 0.904486C12.0309 0.894921 12.0158 0.889728 12.0002 0.889728C11.9846 0.889728 11.9695 0.894921 11.9572 0.904486C11.9449 0.914051 11.9361 0.927442 11.9323 0.942544C11.8446 1.28252 11.6677 1.59287 11.4197 1.84146C11.2416 2.01909 11.0312 2.16101 10.7997 2.25956C10.7092 2.29857 10.6161 2.32992 10.5208 2.35402C10.5056 2.35776 10.4921 2.36648 10.4825 2.37879C10.4728 2.3911 10.4676 2.4063 10.4676 2.42194C10.4676 2.43759 10.4728 2.45278 10.4825 2.4651C10.4921 2.47741 10.5056 2.48613 10.5208 2.48986C10.6161 2.51383 10.7089 2.54518 10.7997 2.58419C11.0312 2.68272 11.2416 2.82464 11.4197 3.00229C11.6678 3.25083 11.8448 3.56126 11.9323 3.90134C11.936 3.91654 11.9448 3.93004 11.9571 3.9397C11.9694 3.94935 11.9846 3.9546 12.0002 3.9546C12.0159 3.9546 12.0311 3.94935 12.0434 3.9397C12.0557 3.93004 12.0644 3.91654 12.0681 3.90134C12.0921 3.80591 12.1235 3.71312 12.1625 3.62228C12.261 3.39083 12.4029 3.18038 12.5806 3.00229C12.8291 2.75427 13.1396 2.57733 13.4796 2.48986C13.4947 2.48603 13.5081 2.47726 13.5177 2.46496C13.5272 2.45266 13.5324 2.43753 13.5324 2.42194C13.5324 2.40636 13.5272 2.39123 13.5177 2.37892C13.5081 2.36662 13.4947 2.35786 13.4796 2.35402C13.3842 2.33003 13.2909 2.29844 13.2006 2.25956Z" fill="url(#paint1_linear_651_37)"/>
<path d="M13.2006 2.25956C12.9691 2.16103 12.7587 2.01911 12.5806 1.84146C12.3326 1.59295 12.1556 1.28256 12.0681 0.942544C12.0643 0.927442 12.0555 0.914051 12.0432 0.904486C12.0309 0.894921 12.0158 0.889728 12.0002 0.889728C11.9846 0.889728 11.9695 0.894921 11.9572 0.904486C11.9449 0.914051 11.9361 0.927442 11.9323 0.942544C11.8446 1.28252 11.6677 1.59287 11.4197 1.84146C11.2416 2.01909 11.0312 2.16101 10.7997 2.25956C10.7092 2.29857 10.6161 2.32992 10.5208 2.35402C10.5056 2.35776 10.4921 2.36648 10.4825 2.37879C10.4728 2.3911 10.4676 2.4063 10.4676 2.42194C10.4676 2.43759 10.4728 2.45278 10.4825 2.4651C10.4921 2.47741 10.5056 2.48613 10.5208 2.48986C10.6161 2.51383 10.7089 2.54518 10.7997 2.58419C11.0312 2.68272 11.2416 2.82464 11.4197 3.00229C11.6678 3.25083 11.8448 3.56126 11.9323 3.90134C11.936 3.91654 11.9448 3.93004 11.9571 3.9397C11.9694 3.94935 11.9846 3.9546 12.0002 3.9546C12.0159 3.9546 12.0311 3.94935 12.0434 3.9397C12.0557 3.93004 12.0644 3.91654 12.0681 3.90134C12.0921 3.80591 12.1235 3.71312 12.1625 3.62228C12.261 3.39083 12.4029 3.18038 12.5806 3.00229C12.8291 2.75427 13.1396 2.57733 13.4796 2.48986C13.4947 2.48603 13.5081 2.47726 13.5177 2.46496C13.5272 2.45266 13.5324 2.43753 13.5324 2.42194C13.5324 2.40636 13.5272 2.39123 13.5177 2.37892C13.5081 2.36662 13.4947 2.35786 13.4796 2.35402C13.3842 2.33003 13.2909 2.29844 13.2006 2.25956Z" fill="url(#paint2_linear_651_37)"/>
<defs>
<linearGradient id="paint0_linear_651_37" x1="11.3035" y1="2.9095" x2="11.8608" y2="2.42187" gradientUnits="userSpaceOnUse">
<stop stop-color="#08B962"/>
<stop offset="1" stop-color="#08B962" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_651_37" x1="11.4429" y1="1.51628" x2="11.9305" y2="2.28255" gradientUnits="userSpaceOnUse">
<stop stop-color="#F94543"/>
<stop offset="1" stop-color="#F94543" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_651_37" x1="10.8159" y1="2.63086" x2="12.7664" y2="2.42187" gradientUnits="userSpaceOnUse">
<stop stop-color="#FABC12"/>
<stop offset="0.46" stop-color="#FABC12" stop-opacity="0"/>
</linearGradient>
</defs></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="n8n"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 29" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M6.62109 2.71094H2.68555V21.3408H21.3145V2.71094H17.3789V1.91504H22.1611V25.625H1.83887V1.91504H6.62109V2.71094Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.7753 2.09865C11.566 2.09865 11.3901 1.95546 11.3402 1.76166H10.8252C10.7153 1.76166 10.6216 1.84106 10.6036 1.94939L10.5851 2.06019C10.5676 2.1654 10.5143 2.25696 10.4391 2.32332C10.5143 2.38968 10.5676 2.48124 10.5851 2.58644L10.6036 2.69724C10.6216 2.80557 10.7153 2.88498 10.8252 2.88498H10.8908C10.9407 2.69118 11.1166 2.54798 11.326 2.54798C11.5742 2.54798 11.7753 2.74915 11.7753 2.99731C11.7753 3.24546 11.5742 3.44664 11.326 3.44664C11.1166 3.44664 10.9407 3.30344 10.8908 3.10964H10.8252C10.6055 3.10964 10.4181 2.95085 10.3819 2.73419L10.3635 2.62338C10.3454 2.51505 10.2517 2.43565 10.1419 2.43565H9.96387C9.914 2.62945 9.73807 2.77265 9.5287 2.77265C9.31933 2.77265 9.14341 2.62945 9.09353 2.43565H8.84055C8.79067 2.62945 8.61475 2.77265 8.40538 2.77265C8.15723 2.77265 7.95605 2.57147 7.95605 2.32332C7.95605 2.07516 8.15723 1.87399 8.40538 1.87399C8.61475 1.87399 8.79067 2.01719 8.84055 2.21099H9.09353C9.14341 2.01719 9.31933 1.87399 9.5287 1.87399C9.73807 1.87399 9.914 2.01719 9.96387 2.21099H10.1419C10.2517 2.21099 10.3454 2.13159 10.3635 2.02326L10.3819 1.91245C10.4181 1.69579 10.6055 1.537 10.8252 1.537H11.3402C11.39 1.3432 11.566 1.2 11.7753 1.2C12.0235 1.2 12.2247 1.40117 12.2247 1.64933C12.2247 1.89748 12.0235 2.09865 11.7753 2.09865ZM11.7753 1.87399C11.8994 1.87399 12 1.77341 12 1.64933C12 1.52525 11.8994 1.42466 11.7753 1.42466C11.6513 1.42466 11.5507 1.52525 11.5507 1.64933C11.5507 1.77341 11.6513 1.87399 11.7753 1.87399ZM8.40538 2.54798C8.52946 2.54798 8.63005 2.4474 8.63005 2.32332C8.63005 2.19924 8.52946 2.09865 8.40538 2.09865C8.2813 2.09865 8.18072 2.19924 8.18072 2.32332C8.18072 2.4474 8.2813 2.54798 8.40538 2.54798ZM9.75336 2.32332C9.75336 2.4474 9.65278 2.54798 9.5287 2.54798C9.40462 2.54798 9.30404 2.4474 9.30404 2.32332C9.30404 2.19924 9.40462 2.09865 9.5287 2.09865C9.65278 2.09865 9.75336 2.19924 9.75336 2.32332ZM11.5507 2.99731C11.5507 3.12139 11.4501 3.22197 11.326 3.22197C11.2019 3.22197 11.1013 3.12139 11.1013 2.99731C11.1013 2.87322 11.2019 2.77265 11.326 2.77265C11.4501 2.77265 11.5507 2.87322 11.5507 2.99731Z" fill="#EA4B71"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6963 2.17144V2.16073C14.7747 2.12147 14.8531 2.05367 14.8531 1.91984C14.8531 1.72712 14.6945 1.61114 14.4754 1.61114C14.2509 1.61114 14.0906 1.73426 14.0906 1.92341C14.0906 2.05188 14.1654 2.12147 14.2473 2.16073V2.17144C14.1565 2.20356 14.0478 2.29991 14.0478 2.46051C14.0478 2.65501 14.2081 2.79062 14.4736 2.79062C14.739 2.79062 14.894 2.65501 14.894 2.46051C14.894 2.29991 14.7871 2.20534 14.6963 2.17144ZM14.4736 1.7753C14.5627 1.7753 14.6286 1.8324 14.6286 1.92876C14.6286 2.02512 14.5609 2.08222 14.4736 2.08222C14.3863 2.08222 14.3132 2.02512 14.3132 1.92876C14.3132 1.83062 14.3827 1.7753 14.4736 1.7753ZM14.4736 2.61933C14.3703 2.61933 14.2865 2.5533 14.2865 2.44088C14.2865 2.33917 14.356 2.26244 14.4718 2.26244C14.5858 2.26244 14.6553 2.33739 14.6553 2.44445C14.6553 2.5533 14.5751 2.61933 14.4736 2.61933Z" fill="#040506"/>
<path d="M15.1689 2.77277H15.3969V2.28921C15.3969 2.1304 15.4931 2.06081 15.6018 2.06081C15.7087 2.06081 15.7924 2.13218 15.7924 2.2785V2.77277H16.0205V2.23211C16.0205 1.99835 15.8851 1.86274 15.6731 1.86274C15.5394 1.86274 15.4646 1.91627 15.4112 1.98586H15.3969L15.3773 1.88058H15.1689V2.77277Z" fill="#040506"/>
<path d="M13.1503 2.77277H12.9222V1.88058H13.1307L13.1503 1.98586H13.1645C13.218 1.91627 13.2928 1.86274 13.4264 1.86274C13.6384 1.86274 13.7738 1.99835 13.7738 2.23211V2.77277H13.5458V2.2785C13.5458 2.13218 13.462 2.06081 13.3552 2.06081C13.2465 2.06081 13.1503 2.1304 13.1503 2.28921V2.77277Z" fill="#040506"/></svg>
                                                                                </label></div>            </div>
          
        </div>


        <div class="tab-pane fade" id="frame-no-label-tab">

            <div class="col-12">
                  <div class="btn-group-toggle styleselecta d-inline-block" id="framecolorsContent" data-toggle="buttons"><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="none" checked class="btn-check">
                <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><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="corners"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M24,24h-6v-1h5v-5h1V24z M6,23H1v-5H0v6h6V23z M1,1h5V0H0v6h1V1z M24,0h-6v1h5v5h1V0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="rounded-corners"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 26" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M6.28,0.5c0,0.28-0.22,0.5-0.5,0.5H2C1.45,1,1,1.45,1,2v3.74c0,0.01,0.01,0.02,0.01,0.04c0,0.28-0.22,0.5-0.5,0.5
	c-0.28,0-0.5-0.22-0.5-0.5H0V2c0-1.1,0.9-2,2-2h3.78C6.06,0,6.28,0.22,6.28,0.5z M24,5.78V2c0-1.1-0.9-2-2-2h-3.78v0.01
	c-0.28,0-0.5,0.22-0.5,0.5c0,0.28,0.22,0.5,0.5,0.5c0.01,0,0.03-0.01,0.04-0.01H22c0.55,0,1,0.45,1,1v3.78c0,0.28,0.22,0.5,0.5,0.5
	C23.78,6.28,24,6.06,24,5.78z M18.22,24H22c1.1,0,2-0.9,2-2v-3.78h-0.01c0-0.28-0.22-0.5-0.5-0.5c-0.28,0-0.5,0.22-0.5,0.5
	c0,0.01,0.01,0.03,0.01,0.04V22c0,0.55-0.45,1-1,1h-3.78c-0.28,0-0.5,0.22-0.5,0.5C17.72,23.78,17.94,24,18.22,24z M0,18.22V22
	c0,1.1,0.9,2,2,2h3.78v-0.01c0.28,0,0.5-0.22,0.5-0.5c0-0.28-0.22-0.5-0.5-0.5C5.77,22.99,5.76,23,5.74,23H2c-0.55,0-1-0.45-1-1
	v-3.78c0-0.28-0.22-0.5-0.5-0.5C0.22,17.72,0,17.94,0,18.22z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path class="cls-1" d="M12,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1m0-1A12,12,0,1,0,24,12,12,12,0,0,0,12,0Z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle-dashed_base"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12C0.25 18.4893 5.51065 23.75 12 23.75C18.4893 23.75 23.75 18.4893 23.75 12C23.75 5.51065 18.4893 0.25 12 0.25Z" />
<path d="M18.1455 21.1182C16.3904 22.3039 14.2775 23 12 23C9.80396 23 7.75983 22.3542 6.04297 21.2451L6.4043 20.8838C8.02437 21.9065 9.94252 22.5 12 22.5C14.1392 22.5 16.1276 21.8583 17.7871 20.7598L18.1455 21.1182ZM3.23926 6.21191C2.14062 7.87145 1.5 9.86073 1.5 12C1.5 14.1228 2.13169 16.0973 3.21484 17.749L2.85547 18.1084C1.68528 16.3608 1 14.2612 1 12C1 9.72245 1.69516 7.60868 2.88086 5.85352L3.23926 6.21191ZM21.2461 6.04199C22.3552 7.75897 23 9.80387 23 12C23 14.2391 22.3271 16.3193 21.1777 18.0566L20.8174 17.6963C21.8799 16.0551 22.5 14.1006 22.5 12C22.5 9.94252 21.9065 8.02439 20.8838 6.4043L21.2461 6.04199ZM12 1C14.2612 1 16.3608 1.68528 18.1084 2.85547L17.749 3.21484C16.0973 2.13169 14.1228 1.5 12 1.5C9.89925 1.5 7.94398 2.11903 6.30273 3.18164L5.94238 2.82129C7.6798 1.67182 9.76078 1 12 1Z" /></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle-dashed-2_base"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12C0.25 18.4893 5.51065 23.75 12 23.75C18.4893 23.75 23.75 18.4893 23.75 12C23.75 5.51065 18.4893 0.25 12 0.25Z" />
<path style="opacity:0.3;" d="M18.1455 21.1182C16.3904 22.3039 14.2775 23 12 23C9.80396 23 7.75983 22.3542 6.04297 21.2451L6.4043 20.8838C8.02437 21.9065 9.94252 22.5 12 22.5C14.1392 22.5 16.1276 21.8583 17.7871 20.7598L18.1455 21.1182ZM3.23926 6.21191C2.14062 7.87145 1.5 9.86073 1.5 12C1.5 14.1228 2.13169 16.0973 3.21484 17.749L2.85547 18.1084C1.68528 16.3608 1 14.2612 1 12C1 9.72245 1.69516 7.60868 2.88086 5.85352L3.23926 6.21191ZM21.2461 6.04199C22.3552 7.75897 23 9.80387 23 12C23 14.2391 22.3271 16.3193 21.1777 18.0566L20.8174 17.6963C21.8799 16.0551 22.5 14.1006 22.5 12C22.5 9.94252 21.9065 8.02439 20.8838 6.4043L21.2461 6.04199ZM12 1C14.2612 1 16.3608 1.68528 18.1084 2.85547L17.749 3.21484C16.0973 2.13169 14.1228 1.5 12 1.5C9.89925 1.5 7.94398 2.11903 6.30273 3.18164L5.94238 2.82129C7.6798 1.67182 9.76078 1 12 1Z" /></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle-dashed-3_base"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path style="opacity:0.1;" d="M24,12c0,6.6-5.4,12-12,12S0,18.6,0,12,5.4,0,12,0s12,5.4,12,12Z"/>
            <path d="M12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0ZM12 0.25C5.51065 0.25 0.25 5.51065 0.25 12C0.25 18.4893 5.51065 23.75 12 23.75C18.4893 23.75 23.75 18.4893 23.75 12C23.75 5.51065 18.4893 0.25 12 0.25Z" />
<path style="opacity:0.3;" d="M18.1455 21.1182C16.3904 22.3039 14.2775 23 12 23C9.80396 23 7.75983 22.3542 6.04297 21.2451L6.4043 20.8838C8.02437 21.9065 9.94252 22.5 12 22.5C14.1392 22.5 16.1276 21.8583 17.7871 20.7598L18.1455 21.1182ZM3.23926 6.21191C2.14062 7.87145 1.5 9.86073 1.5 12C1.5 14.1228 2.13169 16.0973 3.21484 17.749L2.85547 18.1084C1.68528 16.3608 1 14.2612 1 12C1 9.72245 1.69516 7.60868 2.88086 5.85352L3.23926 6.21191ZM21.2461 6.04199C22.3552 7.75897 23 9.80387 23 12C23 14.2391 22.3271 16.3193 21.1777 18.0566L20.8174 17.6963C21.8799 16.0551 22.5 14.1006 22.5 12C22.5 9.94252 21.9065 8.02439 20.8838 6.4043L21.2461 6.04199ZM12 1C14.2612 1 16.3608 1.68528 18.1084 2.85547L17.749 3.21484C16.0973 2.13169 14.1228 1.5 12 1.5C9.89925 1.5 7.94398 2.11903 6.30273 3.18164L5.94238 2.82129C7.6798 1.67182 9.76078 1 12 1Z" /></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle_base"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M24,12c0,6.6-5.4,12-12,12S0,18.6,0,12,5.4,0,12,0s12,5.4,12,12Z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle2_base"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path  d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10,10-4.5,10-10S17.5,2,12,2Z"/>
  <path d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12,12-5.4,12-12S18.6,0,12,0ZM12,23c-6.1,0-11-4.9-11-11S5.9,1,12,1s11,4.9,11,11-4.9,11-11,11Z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle1"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M11.26,23.15c-0.01,0-0.02,0-0.03,0c-0.35-0.02-0.7-0.06-1.04-0.12c-0.27-0.04-0.46-0.3-0.42-0.57s0.3-0.46,0.57-0.42
	c0.31,0.05,0.63,0.08,0.95,0.11c0.28,0.02,0.48,0.26,0.47,0.53C11.74,22.95,11.52,23.15,11.26,23.15z M13.25,23.1
	c-0.25,0-0.47-0.19-0.5-0.44c-0.03-0.27,0.17-0.52,0.44-0.55c0.32-0.04,0.63-0.09,0.94-0.15c0.26-0.06,0.54,0.12,0.59,0.39
	c0.06,0.27-0.12,0.54-0.39,0.59c-0.34,0.07-0.68,0.13-1.03,0.17C13.29,23.1,13.27,23.1,13.25,23.1z M8.32,22.54
	c-0.06,0-0.11-0.01-0.17-0.03c-0.33-0.12-0.65-0.25-0.97-0.39c-0.25-0.12-0.36-0.41-0.25-0.66c0.11-0.25,0.41-0.36,0.66-0.25
	c0.29,0.13,0.58,0.25,0.89,0.36c0.26,0.09,0.4,0.38,0.3,0.64C8.72,22.42,8.53,22.54,8.32,22.54z M16.16,22.36
	c-0.2,0-0.38-0.12-0.46-0.31c-0.1-0.26,0.02-0.55,0.27-0.65c0.3-0.12,0.59-0.25,0.87-0.4c0.24-0.13,0.55-0.03,0.67,0.21
	c0.13,0.25,0.03,0.55-0.21,0.67c-0.31,0.16-0.62,0.31-0.95,0.44C16.28,22.35,16.22,22.36,16.16,22.36z M5.66,21.17
	c-0.1,0-0.2-0.03-0.29-0.09c-0.29-0.2-0.56-0.42-0.83-0.64c-0.21-0.18-0.24-0.49-0.06-0.71c0.18-0.21,0.49-0.24,0.7-0.06
	c0.24,0.21,0.49,0.4,0.76,0.58c0.23,0.16,0.28,0.47,0.12,0.7C5.97,21.09,5.82,21.17,5.66,21.17z M18.75,20.85
	c-0.15,0-0.3-0.07-0.39-0.19c-0.17-0.22-0.13-0.53,0.09-0.7c0.25-0.2,0.49-0.4,0.73-0.62c0.2-0.19,0.52-0.18,0.71,0.03
	c0.19,0.2,0.18,0.52-0.03,0.71c-0.25,0.24-0.52,0.46-0.8,0.68C18.97,20.82,18.86,20.85,18.75,20.85z M3.47,19.13
	c-0.15,0-0.29-0.06-0.39-0.18c-0.22-0.27-0.43-0.55-0.62-0.84c-0.15-0.23-0.09-0.54,0.14-0.69c0.23-0.15,0.54-0.09,0.69,0.14
	c0.18,0.26,0.37,0.52,0.57,0.77c0.17,0.21,0.14,0.53-0.07,0.7C3.69,19.09,3.58,19.13,3.47,19.13z M20.84,18.71
	c-0.1,0-0.21-0.03-0.3-0.1c-0.22-0.17-0.27-0.48-0.1-0.7c0.19-0.25,0.37-0.52,0.53-0.79c0.14-0.24,0.45-0.31,0.69-0.17
	c0.24,0.14,0.31,0.45,0.17,0.69c-0.18,0.3-0.38,0.59-0.59,0.87C21.15,18.64,21,18.71,20.84,18.71z M1.9,16.57
	c-0.19,0-0.38-0.11-0.46-0.3c-0.14-0.32-0.26-0.64-0.38-0.98c-0.09-0.26,0.06-0.54,0.32-0.63c0.26-0.09,0.54,0.05,0.63,0.32
	c0.1,0.3,0.21,0.6,0.34,0.89c0.11,0.25,0,0.55-0.26,0.66C2.04,16.56,1.97,16.57,1.9,16.57z M22.28,16.08
	c-0.06,0-0.12-0.01-0.18-0.03c-0.26-0.1-0.39-0.39-0.29-0.65c0.11-0.3,0.21-0.6,0.3-0.91c0.07-0.27,0.35-0.42,0.62-0.35
	c0.27,0.07,0.42,0.35,0.35,0.62c-0.09,0.34-0.2,0.67-0.33,1C22.68,15.96,22.49,16.08,22.28,16.08z M1.09,13.69
	c-0.25,0-0.46-0.18-0.49-0.43c-0.05-0.34-0.08-0.69-0.1-1.04c-0.01-0.28,0.2-0.51,0.48-0.52c0.27-0.03,0.51,0.2,0.52,0.48
	c0.02,0.32,0.04,0.64,0.09,0.95c0.04,0.27-0.15,0.53-0.43,0.56C1.14,13.69,1.11,13.69,1.09,13.69z M22.96,13.17
	c-0.02,0-0.03,0-0.04,0c-0.28-0.02-0.48-0.27-0.45-0.54c0.03-0.31,0.04-0.63,0.04-0.96c0-0.28,0.22-0.52,0.5-0.52s0.5,0.2,0.5,0.48
	v0.05c0,0.35-0.02,0.7-0.05,1.04C23.43,12.97,23.21,13.17,22.96,13.17z M1.09,10.69c-0.02,0-0.04,0-0.07,0
	c-0.27-0.04-0.47-0.29-0.43-0.56C0.64,9.78,0.7,9.43,0.78,9.09c0.06-0.27,0.33-0.44,0.6-0.38c0.27,0.06,0.44,0.33,0.38,0.6
	c-0.07,0.31-0.13,0.62-0.17,0.94C1.55,10.51,1.33,10.69,1.09,10.69z M22.81,10.13c-0.24,0-0.45-0.17-0.49-0.41
	c-0.06-0.32-0.13-0.63-0.22-0.93c-0.08-0.27,0.08-0.54,0.34-0.62c0.27-0.08,0.54,0.08,0.62,0.34c0.1,0.33,0.17,0.67,0.24,1.02
	c0.05,0.27-0.13,0.53-0.4,0.58C22.87,10.12,22.84,10.13,22.81,10.13z M1.89,7.8c-0.07,0-0.13-0.01-0.2-0.04
	c-0.25-0.11-0.37-0.4-0.26-0.66c0.14-0.32,0.29-0.64,0.46-0.94c0.13-0.24,0.44-0.33,0.68-0.2C2.81,6.1,2.9,6.4,2.76,6.64
	C2.61,6.92,2.47,7.21,2.34,7.5C2.26,7.69,2.08,7.8,1.89,7.8z M21.86,7.28c-0.18,0-0.36-0.1-0.45-0.28c-0.14-0.29-0.3-0.56-0.46-0.84
	c-0.14-0.23-0.07-0.54,0.16-0.69c0.23-0.14,0.54-0.07,0.69,0.16c0.18,0.3,0.35,0.6,0.51,0.92c0.12,0.25,0.02,0.55-0.23,0.67
	C22.01,7.27,21.94,7.28,21.86,7.28z M3.44,5.24c-0.11,0-0.22-0.04-0.31-0.11c-0.21-0.17-0.25-0.49-0.07-0.7
	c0.22-0.27,0.45-0.53,0.7-0.78c0.19-0.2,0.51-0.2,0.71-0.01c0.2,0.19,0.2,0.51,0.01,0.71C4.24,4.57,4.03,4.81,3.83,5.06
	C3.73,5.18,3.58,5.24,3.44,5.24z M20.18,4.81c-0.14,0-0.27-0.06-0.37-0.17c-0.21-0.24-0.44-0.46-0.67-0.68
	c-0.2-0.19-0.21-0.5-0.03-0.71c0.19-0.2,0.5-0.21,0.71-0.03c0.26,0.24,0.5,0.49,0.73,0.75c0.18,0.21,0.17,0.52-0.04,0.71
	C20.42,4.76,20.3,4.81,20.18,4.81z M5.62,3.19c-0.16,0-0.31-0.07-0.41-0.21c-0.16-0.23-0.11-0.54,0.12-0.7
	c0.28-0.2,0.58-0.39,0.88-0.57C6.45,1.58,6.76,1.66,6.9,1.9c0.14,0.24,0.06,0.54-0.18,0.68C6.44,2.74,6.17,2.91,5.91,3.1
	C5.82,3.16,5.72,3.19,5.62,3.19z M17.89,2.87c-0.09,0-0.18-0.02-0.27-0.08c-0.27-0.17-0.55-0.33-0.83-0.48
	c-0.25-0.13-0.34-0.43-0.22-0.67s0.43-0.34,0.67-0.22c0.31,0.16,0.61,0.33,0.91,0.52c0.23,0.15,0.3,0.46,0.15,0.69
	C18.22,2.79,18.06,2.87,17.89,2.87z M8.28,1.8c-0.21,0-0.4-0.13-0.47-0.33c-0.09-0.26,0.04-0.55,0.3-0.64
	c0.33-0.12,0.66-0.22,1-0.31c0.27-0.07,0.54,0.09,0.61,0.36c0.07,0.27-0.09,0.54-0.36,0.61C9.05,1.57,8.74,1.67,8.45,1.77
	C8.39,1.79,8.33,1.8,8.28,1.8z M15.17,1.62c-0.05,0-0.1-0.01-0.14-0.02c-0.3-0.09-0.61-0.17-0.93-0.23
	c-0.27-0.05-0.45-0.32-0.39-0.59c0.06-0.27,0.32-0.44,0.59-0.39c0.34,0.07,0.68,0.15,1.02,0.25c0.26,0.08,0.42,0.36,0.33,0.62
	C15.58,1.48,15.38,1.62,15.17,1.62z M11.21,1.19c-0.26,0-0.48-0.2-0.5-0.46c-0.02-0.28,0.19-0.51,0.46-0.53
	c0.27-0.02,0.57-0.03,0.82-0.03l0.22,0c0.28,0.01,0.5,0.23,0.49,0.51c-0.01,0.28-0.22,0.51-0.51,0.49l-0.2,0
	c-0.25,0.01-0.5,0.01-0.75,0.03C11.23,1.19,11.22,1.19,11.21,1.19z"/>
</svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="circle2"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M23.33,11.66l-0.03,1.01c0,0.03-0.03,0.06-0.06,0.06s-0.06-0.03-0.06-0.06c0,0,0,0,0,0l0-0.01l0.05-1
	c0-0.03,0.02-0.05,0.05-0.05C23.31,11.61,23.33,11.64,23.33,11.66z M22.92,14.57c-0.04-0.01-0.08,0.01-0.09,0.05l0,0.01l-0.31,0.95
	l0,0.01c0,0,0,0,0,0c-0.01,0.04,0.01,0.09,0.05,0.1s0.09-0.01,0.1-0.05l0.3-0.96C22.98,14.62,22.96,14.58,22.92,14.57z M21.77,17.32
	c-0.04-0.03-0.11-0.02-0.14,0.03l0,0.01l-0.56,0.83l-0.01,0.01c0,0,0,0,0,0c-0.03,0.05-0.02,0.11,0.03,0.15
	c0.05,0.03,0.11,0.02,0.15-0.03l0.56-0.85C21.83,17.41,21.82,17.35,21.77,17.32z M19.92,19.67c-0.04-0.05-0.12-0.06-0.17-0.01
	l-0.01,0l-0.76,0.65l-0.01,0.01c0,0,0,0,0,0c-0.06,0.05-0.06,0.14-0.01,0.19c0.05,0.06,0.14,0.06,0.19,0.01l0.75-0.69
	C19.96,19.8,19.97,19.72,19.92,19.67z M17.55,21.46c-0.04-0.09-0.14-0.13-0.23-0.09l-0.01,0l-0.9,0.42l-0.02,0.01c0,0,0,0-0.01,0
	c-0.1,0.05-0.13,0.17-0.09,0.26c0.05,0.1,0.17,0.13,0.26,0.09l0.92-0.47C17.56,21.65,17.59,21.55,17.55,21.46z M14.79,22.56
	c-0.02-0.13-0.14-0.21-0.27-0.19l-0.01,0l-0.98,0.16l-0.03,0.01c0,0-0.01,0-0.01,0c-0.14,0.03-0.23,0.16-0.2,0.3
	c0.03,0.14,0.16,0.23,0.3,0.2l1.02-0.2C14.72,22.8,14.8,22.69,14.79,22.56z M11.81,22.89c0.02-0.16-0.1-0.3-0.26-0.32l-0.02,0
	l-0.99-0.11l-0.04,0c0,0-0.01,0-0.01,0c-0.17-0.01-0.32,0.11-0.33,0.28c-0.01,0.17,0.11,0.32,0.28,0.33l1.05,0.08
	C11.65,23.16,11.79,23.05,11.81,22.89z M8.83,22.43c0.07-0.18-0.01-0.38-0.19-0.45l-0.02-0.01L7.7,21.59l-0.04-0.02
	c0,0-0.01,0-0.01,0c-0.19-0.07-0.4,0.03-0.47,0.22s0.03,0.4,0.22,0.47l1,0.37C8.56,22.68,8.76,22.6,8.83,22.43z M6.07,21.17
	C6.21,21,6.18,20.74,6,20.61l-0.02-0.01L5.2,19.98l-0.04-0.03c0,0-0.01-0.01-0.01-0.01c-0.19-0.14-0.45-0.09-0.59,0.1
	c-0.14,0.19-0.09,0.45,0.1,0.59l0.87,0.63C5.69,21.38,5.94,21.35,6.07,21.17z M3.74,19.2c0.2-0.14,0.24-0.42,0.09-0.62l-0.02-0.03
	l-0.59-0.8l-0.03-0.04c0,0,0,0,0,0c-0.15-0.2-0.43-0.23-0.63-0.08c-0.2,0.15-0.23,0.43-0.08,0.63l0.65,0.85
	C3.27,19.31,3.55,19.35,3.74,19.2z M2.01,16.65c0.24-0.09,0.36-0.36,0.27-0.6l-0.01-0.03l-0.35-0.93L1.9,15.04c0,0,0,0,0,0
	c-0.1-0.24-0.37-0.36-0.61-0.26c-0.24,0.1-0.36,0.37-0.26,0.61l0.4,1C1.51,16.63,1.77,16.75,2.01,16.65z M1.03,13.73
	C1.3,13.7,1.5,13.46,1.47,13.2l0-0.04l-0.09-0.99l0-0.05c0,0,0,0,0,0c-0.03-0.27-0.27-0.47-0.55-0.44s-0.47,0.27-0.44,0.55
	l0.11,1.08C0.53,13.55,0.76,13.75,1.03,13.73z M0.5,10.06c-0.05,0.26,0.13,0.52,0.39,0.57s0.52-0.13,0.57-0.39l0.01-0.05l0.18-0.98
	l0.01-0.04c0.05-0.26-0.12-0.5-0.38-0.55C1.01,8.56,0.76,8.73,0.71,8.99L0.5,10.06C0.5,10.05,0.5,10.06,0.5,10.06z M1.41,6.96
	C1.3,7.19,1.39,7.46,1.62,7.58c0.23,0.11,0.51,0.02,0.62-0.21l0.02-0.04L2.7,6.43l0.02-0.03c0.11-0.22,0.02-0.49-0.2-0.61
	c-0.22-0.11-0.5-0.02-0.61,0.2L1.41,6.96C1.41,6.95,1.41,6.96,1.41,6.96z M3.12,4.23C2.96,4.41,2.97,4.69,3.15,4.85
	c0.18,0.16,0.46,0.15,0.62-0.04L3.8,4.78l0.66-0.74l0.02-0.03c0.16-0.18,0.14-0.45-0.03-0.61C4.28,3.24,4.01,3.26,3.85,3.43
	L3.12,4.23C3.12,4.22,3.12,4.23,3.12,4.23z M5.5,2.1C5.31,2.22,5.25,2.47,5.37,2.65c0.12,0.19,0.37,0.24,0.56,0.12l0.04-0.03
	l0.84-0.54l0.02-0.01C7,2.08,7.05,1.85,6.95,1.68C6.84,1.5,6.6,1.44,6.42,1.54L5.51,2.09C5.5,2.09,5.5,2.09,5.5,2.1z M8.36,0.72
	C8.18,0.78,8.08,0.97,8.14,1.15c0.06,0.18,0.25,0.28,0.43,0.23l0.04-0.01l0.95-0.29l0.02-0.01c0.17-0.05,0.26-0.23,0.22-0.4
	C9.75,0.5,9.57,0.4,9.4,0.45L8.38,0.72C8.37,0.72,8.37,0.72,8.36,0.72z M11.47,0.18c-0.16,0-0.29,0.13-0.28,0.29
	c0,0.16,0.13,0.29,0.29,0.28l0.04,0c0.33-0.01,0.66-0.03,0.99-0.02c0.14,0,0.27-0.11,0.28-0.25c0.01-0.15-0.1-0.28-0.25-0.29
	l-0.01,0C12.18,0.17,11.83,0.19,11.47,0.18C11.48,0.18,11.48,0.18,11.47,0.18z M14.58,0.5c-0.12-0.03-0.25,0.04-0.28,0.17
	c-0.03,0.12,0.04,0.25,0.17,0.28l0.03,0.01l0.97,0.24l0.01,0c0.11,0.03,0.22-0.04,0.26-0.15c0.03-0.11-0.03-0.23-0.14-0.26
	L14.58,0.5C14.59,0.5,14.58,0.5,14.58,0.5z M17.46,1.63c-0.08-0.05-0.19-0.02-0.24,0.06c-0.05,0.08-0.02,0.19,0.06,0.24l0.02,0.01
	l0.86,0.5l0.01,0c0.07,0.04,0.16,0.02,0.21-0.05c0.05-0.07,0.02-0.17-0.05-0.21L17.46,1.63C17.46,1.64,17.46,1.63,17.46,1.63z
	 M19.9,3.48c-0.05-0.05-0.12-0.05-0.17,0c-0.05,0.05-0.05,0.12,0,0.17l0.01,0.01l0.7,0.71l0.01,0.01c0.04,0.04,0.11,0.05,0.16,0
	c0.05-0.04,0.05-0.11,0-0.16L19.9,3.48C19.9,3.48,19.9,3.48,19.9,3.48z M21.79,5.86c-0.03-0.05-0.08-0.06-0.13-0.04
	s-0.06,0.08-0.04,0.13l0,0.01l0.48,0.87l0,0.01c0.02,0.04,0.08,0.06,0.12,0.04c0.04-0.02,0.06-0.08,0.04-0.12L21.79,5.86
	C21.79,5.87,21.79,5.86,21.79,5.86z M22.96,8.66c-0.01-0.04-0.05-0.06-0.09-0.05s-0.06,0.05-0.05,0.09l0,0.01l0.23,0.97l0,0.01
	c0.01,0.03,0.04,0.06,0.08,0.05c0.04-0.01,0.06-0.04,0.05-0.08L22.96,8.66C22.96,8.66,22.96,8.66,22.96,8.66z"/>
</svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="border01"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M23,1v22H1V1H23 M23.1,0.9H0.9v22.2h22.2V0.9L23.1,0.9z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="border05"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M23,1v22H1V1H23 M23.5,0.5h-23v23h23V0.5L23.5,0.5z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="border10"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M23,1v22H1V1H23 M24,0H0v24h24V0L24,0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="roundborder10"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M21,1c1.1,0,2,0.9,2,2v18c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2V3c0-1.1,0.9-2,2-2H21 M21,0H3C1.34,0,0,1.34,0,3v18
	c0,1.66,1.34,3,3,3h18c1.66,0,3-1.34,3-3V3C24,1.34,22.66,0,21,0L21,0z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="roundborder_base"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0 2a1.996 1.996 0 0 1 2-2h20a1.996 1.996 0 0 1 2 2v20a1.996 1.996 0 0 1-2 2H2a1.996 1.996 0 0 1-2-2z" />  </svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="hexagon10"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">  <path d="M17.09,2.61c0.21,0,0.4,0.11,0.5,0.29l5.09,8.82c0.1,0.18,0.1,0.4,0,0.58l-5.09,8.82c-0.1,0.18-0.29,0.29-0.5,0.29H6.91
	c-0.21,0-0.4-0.11-0.5-0.29l-5.09-8.82c-0.1-0.18-0.1-0.4,0-0.58L6.41,2.9c0.1-0.18,0.29-0.29,0.5-0.29H17.09 M17.09,1.61H6.91
	c-0.56,0-1.08,0.3-1.37,0.79l-5.09,8.82c-0.28,0.49-0.28,1.09,0,1.58l5.09,8.82c0.28,0.49,0.8,0.79,1.37,0.79h10.18
	c0.56,0,1.08-0.3,1.37-0.79l5.09-8.82c0.28-0.49,0.28-1.09,0-1.58L18.46,2.4C18.17,1.91,17.65,1.61,17.09,1.61L17.09,1.61z"/></svg>
                                                                                </label><label class="btn btn-light p-1">
                <input type="radio" name="outer_frame" value="3d-thin-1"  class="btn-check">
                <svg width="48" height="56" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">   <path d="M19.12,19.11H4.89V4.88h14.23V19.11 M19.37,19.36V4.63H4.64v14.73H19.37L19.37,19.36z M24,24V9.27h-0.25V24H24z
	 M23.87,24.01v-0.25H9.14v0.25H23.87z M23.82,9.44L24,9.27l-4.63-4.64l-0.18,0.18L23.82,9.44z M23.69,23.95l0.18-0.17l-4.5-4.64
	l-0.18,0.17L23.69,23.95z M9.14,24.01l0.18-0.17l-4.5-4.64l-0.18,0.17L9.14,24.01z"/></svg>
                                                                                </label></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="#collapseStyle" data-target="#collapseStyle">
                <span class="vertical-middle"><i class="fa fa-th" aria-hidden="true"></i> Patterns</span>
            </button>
            <div class="collapse   p-2" id="collapseStyle">
                

<div class="col-12">

    <ul class="nav nav-tabs" id="stylemanagement" >
        <li  class="nav-item">
            <span class="nav-link active" id="basic" data-toggle="tab" data-target="#design-tab"><i class="fa fa-circle"></i> <span> Design</span></span>
        </li>



        <li class="nav-item">
            <span class="nav-link" id="gradient" data-toggle="tab" data-target="#eyes-out-tab"><i class="fa fa-adjust"></i><span> Eyes Frame</span></span>
        </li>
        <li class="nav-item">
            <span class="nav-link" id="transparent" data-toggle="tab" data-target="#eyes-in-tab"><i class="fa fa-circle-thin"></i><span> Eyes in</span></span>
        </li>

    </ul>

    <div class="tab-content" id="stylemanagementContent">
        <div class="tab-pane fade show active" id="design-tab" >

            <div class="col-12">
                <label>Pattern</label>
            </div>
            <div class="col-12 mb-2">
<div class="btn-group-toggle styleselecta d-inline-block" data-toggle="buttons"><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="default" checked class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="circle"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="star"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="diamond"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="sparkle"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="danger"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="cross"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="plus"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="x"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="heart"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="shake"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="blob"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="special-circle-orizz"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="special-circle-vert"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="special-circle"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="special-diamond"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="ribbon"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="oriental"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="ellipse"  class="btn-check">
                    <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><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="circle-mixed"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1.0748 0 0 1.1026 -.38197 -.57359)"> <g transform="matrix(.15892 0 0 .15892 1.2804 .37848)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 2.2061 .37848)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 3.1318 .37848)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 4.0576 .37848)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 .35462 1.3042)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 1.2804 1.3042)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 2.2061 1.3042)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 3.1318 1.3042)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 4.9833 1.3042)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 2.2061 2.23)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 4.0576 2.23)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 .35462 3.1557)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 1.2804 3.1557)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 4.0576 3.1557)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 2.2061 4.0814)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 3.1318 4.0814)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 4.0576 4.0814)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 .35462 5.0072)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> <g transform="matrix(.15892 0 0 .15892 1.2804 5.0072)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 3.1318 5.0072)"> <path d="m2.9314 0.0073084c1.657-0.041187 3.0336 1.2687 3.0748 2.9256 0.041186 1.657-1.2686 3.0336-2.9256 3.0748-1.6569 0.041186-3.0336-1.2686-3.0748-2.9256-0.041186-1.6569 1.2687-3.0336 2.9256-3.0748z" stroke-width=".012005"/> </g> <g transform="matrix(.15892 0 0 .15892 4.9833 5.0072)"> <path d="m3 0.89196c1.1453 0 2.0737 0.94381 2.0737 2.108 0 1.1643-0.92838 2.108-2.0737 2.108-1.1453 0-2.0737-0.94375-2.0737-2.108 0-1.1642 0.92844-2.108 2.0737-2.108z" stroke-width=".011746"/> </g> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="circle-small"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(.043962 0 0 .043962 2.9053 2.9219)"> <g transform="matrix(4.12 0 0 4.12 1.7938 -70.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 49.794 -70.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -46.206 -46.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 1.7938 -46.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 25.794 -46.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 49.794 -46.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -70.206 -22.584)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -70.206 1.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -22.206 1.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 25.794 1.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 49.794 1.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -70.206 25.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -46.206 25.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -22.206 25.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 -22.206 49.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 1.7938 49.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 25.794 49.416)"> <circle cx="3" cy="3" r="2"/> </g> <g transform="matrix(4.12 0 0 4.12 49.794 49.416)"> <circle cx="3" cy="3" r="2"/> </g> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="square-circle"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.041459 0 0 .041459 -8.011 -28.846)"> <g transform="matrix(4.12 0 0 4.12 193.23 695.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 313.23 695.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 265.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 313.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 743.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 743.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 241.23 743.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 767.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 767.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 241.23 767.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 289.23 767.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 241.23 791.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 265.23 791.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 289.23 791.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 815.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 815.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 289.23 815.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 313.23 815.77)"> <rect width="6" height="6"/> </g> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="pattern" value="lego"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.041459 0 0 .041459 -8.011 -28.846)"> <g transform="matrix(4.12 0 0 4.12 193.23 695.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 313.23 695.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 265.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 313.23 719.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 743.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 743.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 241.23 743.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 767.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 767.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 241.23 767.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 289.23 767.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 241.23 791.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 265.23 791.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 289.23 791.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 193.23 815.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 217.23 815.77)"> <circle cx="3" cy="3" r="3"/> </g> <g transform="matrix(4.12 0 0 4.12 289.23 815.77)"> <rect width="6" height="6"/> </g> <g transform="matrix(4.12 0 0 4.12 313.23 815.77)"> <rect width="6" height="6"/> </g> </g></svg>
                </label></div>            </div>
        </div>


        <div class="tab-pane fade" id="eyes-out-tab">

            <div class="col-12">
                <label>Marker border</label>
            </div>
            <div class="col-12 mb-2">
<div class="btn-group-toggle styleselecta d-inline-block" data-toggle="buttons"><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="default" checked class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0,0v14h14V0H0z M12,12H2V2h10V12z"/></svg>
            </label><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="flurry"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="sdoz"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="drop_in"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="drop"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="dropeye"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="dropeyeleft"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="dropeyeleaf"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="dropeyeright"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="squarecircle"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="circle"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="rounded"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="flower"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="flower_in"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="leaf"  class="btn-check">
                <svg width="38" height="38" 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><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="ninja"  class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.14286 0 0 .14286 -.14278 -.14278)"> <path d="m90.252 34.183c-0.979 0.471-1.6 0.789-2.235 1.072-2.591 1.156-5.125 1.39-7.531-0.493-0.551-0.433-1.165-0.782-1.719-1.214-6.562-5.124-13.069-10.319-19.692-15.363-5.26-4.007-11.032-7.082-17.513-8.553-2.244-0.51-4.576-0.621-6.752-0.899 0.199 1.866 0.591 3.438 0.486 4.979-0.263 3.846-2.177 7.049-4.466 9.995-4.26 5.48-8.739 10.79-12.883 16.355-4.244 5.702-7.29 12.033-8.378 19.171-0.288 1.895-0.371 3.822-0.565 5.925 1.218-0.539 2.046-0.975 2.921-1.276 2.396-0.828 4.671-1.013 6.837 0.831 4.991 4.25 10.068 8.397 15.114 12.581 7.517 6.231 15.531 11.476 25.453 12.85 1.803 0.25 3.635 0.313 5.685 0.485-0.469-1.011-0.821-1.669-1.085-2.363-0.798-2.1-1.517-4.283-0.115-6.349 1.392-2.052 2.986-3.97 4.544-5.904 4.282-5.325 8.742-10.515 12.848-15.977 4.712-6.27 7.873-13.297 8.757-21.22 0.159-1.453 0.184-2.919 0.289-4.633z" fill="none"/> <path d="m88.082 69.946c2.253-6.309 4.971-12.447 7.359-18.711 2.374-6.227 3.859-12.637 3.507-19.397-0.345-6.622-1.721-13.027-3.699-19.319-0.647-2.062-1.387-4.094-2.041-6.018-0.766 1.416-1.323 2.899-2.256 4.082-3.325 4.22-10.951 5.614-16.381 3.188-9.181-4.1-18.491-7.846-28.259-10.33-5.229-1.33-10.519-2.186-15.91-2.397-8.308-0.324-16.264 1.105-23.691 4.744 1.794 1.395 3.706 2.61 5.289 4.167 3.832 3.769 4.606 9.094 2.172 13.868-4.896 9.601-9.026 19.492-11.332 30.083-2.316 10.64-2.745 21.26 0.459 31.808 0.764 2.515 1.789 4.951 2.686 7.398 0.343-0.102 0.41-0.102 0.428-0.129 0.141-0.239 0.277-0.483 0.409-0.729 2.039-3.829 5.01-6.359 9.4-6.998 3.832-0.558 7.474 0.184 10.903 1.803 2.611 1.233 5.011 2.914 7.594 4.217 9.143 4.611 18.84 7.148 29.059 7.63 6.001 0.281 11.975-0.061 17.87-1.178 3.732-0.708 7.399-1.765 11.499-2.765-0.738-0.552-1.117-0.793-1.448-1.092-1.83-1.654-3.792-3.194-5.431-5.028-1.46-1.64-2.328-3.757-1.767-6.019 1.077-4.323 2.087-8.691 3.581-12.878zm-6.878-9.912c-4.104 5.46-8.566 10.651-12.849 15.977-1.556 1.937-3.152 3.854-4.544 5.904-1.4 2.064-0.683 4.249 0.116 6.349 0.265 0.694 0.617 1.353 1.086 2.363-2.05-0.172-3.882-0.235-5.687-0.485-9.921-1.374-17.936-6.618-25.452-12.85-5.046-4.184-10.124-8.331-15.114-12.581-2.165-1.844-4.44-1.659-6.837-0.831-0.875 0.302-1.703 0.737-2.921 1.276 0.195-2.103 0.277-4.03 0.565-5.925 1.088-7.138 4.134-13.468 8.378-19.171 4.144-5.566 8.623-10.876 12.883-16.355 2.29-2.946 4.204-6.148 4.466-9.995 0.104-1.54-0.287-3.113-0.486-4.979 2.176 0.278 4.509 0.389 6.752 0.899 6.48 1.471 12.254 4.546 17.513 8.553 6.622 5.044 13.13 10.24 19.693 15.363 0.552 0.431 1.166 0.782 1.719 1.214 2.404 1.882 4.938 1.649 7.53 0.493 0.635-0.283 1.257-0.601 2.235-1.072-0.104 1.715-0.13 3.181-0.293 4.633-0.88 7.923-4.042 14.951-8.753 21.22z"/> </g></svg>
            </label><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="round-corner"  class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(0 .14 -.14 0 14 0)"><path d="m33.78 85h51.22v-70h-69.996l0.016 50.855c0 10.559 8.416 19.145 18.76 19.145z" fill="none"/><path d="m100 100v-65.859-34.141h-33.75-66.25l0.02 65.859c0 18.821 15.14 34.141 33.76 34.141h32.47zm-15-15h-51.22c-10.344 0-18.76-8.586-18.76-19.145l-0.016-50.855h69.996z"/>
	</g></svg>
            </label><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="balls"  class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.14 0 0 .14 0 0)"> <path d="m90.055 71.25c-2.942-1.016-5.055-3.799-5.055-7.084s2.113-6.066 5.052-7.084c-2.939-1.016-5.052-3.799-5.052-7.082 0-3.284 2.113-6.068 5.052-7.083-2.939-1.018-5.052-3.8-5.052-7.084s2.113-6.067 5.052-7.083c-2.939-1.017-5.052-3.799-5.052-7.083s2.113-6.068 5.053-7.083c-2.171-0.75-3.886-2.464-4.636-4.635-1.017 2.938-3.799 5.051-7.083 5.051-3.285 0-6.068-2.114-7.084-5.055-1.016 2.941-3.799 5.055-7.084 5.055-3.284 0-6.066-2.113-7.083-5.051-1.017 2.938-3.799 5.051-7.083 5.051s-6.068-2.113-7.083-5.052c-1.017 2.939-3.8 5.052-7.084 5.052s-6.067-2.113-7.083-5.051c-1.016 2.938-3.799 5.051-7.083 5.051s-6.068-2.114-7.083-5.054c-0.75 2.172-2.465 3.887-4.636 4.637 2.938 1.016 5.052 3.8 5.052 7.084s-2.114 6.066-5.052 7.083c2.939 1.016 5.052 3.799 5.052 7.083s-2.113 6.066-5.052 7.083c2.939 1.016 5.052 3.799 5.052 7.084s-2.113 6.068-5.051 7.082c2.938 1.018 5.051 3.799 5.051 7.084s-2.115 6.068-5.055 7.084c2.941 1.016 5.055 3.799 5.055 7.084 0 3.283-2.114 6.066-5.052 7.082 2.17 0.75 3.885 2.465 4.635 4.635 1.016-2.938 3.8-5.051 7.084-5.051s6.067 2.113 7.083 5.051c1.016-2.938 3.799-5.051 7.083-5.051s6.067 2.113 7.083 5.051c1.016-2.938 3.799-5.051 7.084-5.051s6.068 2.113 7.083 5.051c1.017-2.938 3.799-5.051 7.083-5.051 3.285 0 6.068 2.113 7.084 5.055 1.016-2.942 3.799-5.055 7.084-5.055 3.284 0 6.066 2.113 7.083 5.051 0.75-2.17 2.465-3.885 4.635-4.635-2.939-1.016-5.052-3.799-5.052-7.082 0-3.285 2.113-6.068 5.055-7.084z" fill="none"/> <path d="m100 21.667c0-3.284-2.113-6.068-5.053-7.083 2.94-1.017 5.053-3.8 5.053-7.084 0-4.144-3.357-7.5-7.5-7.5-3.284 0-6.066 2.112-7.083 5.051-1.017-2.939-3.799-5.051-7.083-5.051-3.285 0-6.068 2.114-7.084 5.054-1.016-2.94-3.799-5.054-7.084-5.054-3.284 0-6.066 2.112-7.083 5.051-1.017-2.939-3.799-5.051-7.083-5.051s-6.068 2.112-7.083 5.052c-1.017-2.94-3.8-5.052-7.084-5.052s-6.067 2.112-7.083 5.051c-1.016-2.939-3.799-5.051-7.083-5.051s-6.068 2.114-7.083 5.053c-1.016-2.939-3.8-5.053-7.084-5.053-4.143 0-7.5 3.356-7.5 7.5 0 3.284 2.114 6.067 5.053 7.083-2.939 1.016-5.053 3.8-5.053 7.084s2.113 6.066 5.051 7.083c-2.938 1.016-5.051 3.799-5.051 7.083s2.113 6.066 5.052 7.083c-2.939 1.016-5.052 3.799-5.052 7.084s2.113 6.068 5.051 7.082c-2.938 1.018-5.051 3.799-5.051 7.084s2.114 6.068 5.054 7.084c-2.94 1.016-5.054 3.799-5.054 7.084 0 3.283 2.113 6.066 5.051 7.082-2.938 1.018-5.051 3.799-5.051 7.084 0 4.143 3.357 7.5 7.5 7.5 0.518 0 1.023-0.053 1.512-0.152 2.608-0.533 4.716-2.426 5.572-4.898 1.015 2.938 3.799 5.051 7.083 5.051s6.067-2.111 7.083-5.051c1.016 2.938 3.799 5.051 7.083 5.051s6.067-2.111 7.083-5.051c1.016 2.937 3.799 5.05 7.084 5.05s6.068-2.113 7.083-5.053c1.017 2.938 3.799 5.053 7.083 5.053 3.285 0 6.068-2.115 7.084-5.055 1.016 2.939 3.799 5.055 7.084 5.055 3.284 0 6.066-2.113 7.083-5.053 1.017 2.94 3.799 5.053 7.083 5.053 4.143 0 7.5-3.357 7.5-7.5 0-3.285-2.113-6.066-5.052-7.084 2.939-1.016 5.052-3.799 5.052-7.082 0-3.285-2.113-6.068-5.055-7.084 2.939-1.016 5.055-3.799 5.055-7.084s-2.113-6.066-5.052-7.084c2.939-1.016 5.052-3.799 5.052-7.082 0-3.284-2.113-6.068-5.052-7.083 2.938-1.018 5.052-3.8 5.052-7.084s-2.113-6.067-5.052-7.083c2.939-1.017 5.052-3.799 5.052-7.083zm-9.948 63.749c-2.17 0.75-3.885 2.465-4.635 4.635-1.017-2.938-3.799-5.051-7.083-5.051-3.285 0-6.068 2.113-7.084 5.055-1.016-2.942-3.799-5.055-7.084-5.055-3.284 0-6.066 2.113-7.083 5.051-1.017-2.938-3.799-5.051-7.083-5.051s-6.068 2.113-7.083 5.051c-1.017-2.938-3.8-5.051-7.084-5.051s-6.067 2.113-7.083 5.051c-1.016-2.938-3.799-5.051-7.083-5.051s-6.068 2.113-7.083 5.051c-0.75-2.17-2.465-3.885-4.635-4.635 2.938-1.016 5.051-3.799 5.051-7.082 0-3.285-2.115-6.068-5.055-7.084 2.941-1.016 5.055-3.799 5.055-7.084s-2.114-6.066-5.052-7.084c2.939-1.016 5.052-3.799 5.052-7.082 0-3.284-2.113-6.068-5.052-7.083 2.939-1.018 5.052-3.8 5.052-7.084s-2.113-6.067-5.051-7.083c2.938-1.017 5.051-3.799 5.051-7.083s-2.114-6.068-5.053-7.083c2.171-0.75 3.886-2.465 4.636-4.636 1.016 2.938 3.8 5.052 7.084 5.052s6.067-2.113 7.083-5.051c1.016 2.938 3.799 5.051 7.083 5.051s6.067-2.113 7.083-5.052c1.016 2.939 3.799 5.052 7.084 5.052s6.068-2.113 7.083-5.051c1.017 2.938 3.799 5.051 7.083 5.051 3.285 0 6.068-2.114 7.084-5.055 1.016 2.941 3.799 5.055 7.084 5.055 3.284 0 6.066-2.113 7.083-5.051 0.75 2.17 2.465 3.885 4.636 4.635-2.94 1.015-5.053 3.799-5.053 7.083s2.113 6.066 5.052 7.083c-2.939 1.016-5.052 3.799-5.052 7.083s2.113 6.066 5.052 7.083c-2.939 1.016-5.052 3.799-5.052 7.084s2.113 6.068 5.052 7.082c-2.939 1.018-5.052 3.799-5.052 7.084s2.113 6.068 5.055 7.084c-2.942 1.016-5.055 3.799-5.055 7.084 0 3.283 2.113 6.066 5.052 7.082z"/> </g></svg>
            </label><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="comic"  class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m5.4274 13.99c-0.92878 2.8e-4 -1.8576-8.4e-4 -2.7862-5.6e-4 -0.46439 2.8e-4 -0.92878 5.6e-4 -1.3932 0.0015-0.22288 7e-4 -0.44577 0.0013-0.66865 0.0018-0.13048 2.8e-4 -0.28673 0.02212-0.41497-0.01316-0.087782-0.02436-0.11396-0.1001-0.11284-0.18424 0.0028001-0.20174 0.072522-0.40937 0.10626-0.60789 0.076022-0.44703 0.1246-0.89826 0.16562-1.3501 0.083022-0.9138 0.15904-1.8301 0.18858-2.7478 0.029261-0.91058 4.2e-4 -1.8241-0.093802-2.7298-0.046341-0.44641-0.1113-0.89134-0.20286-1.3311-0.084422-0.40503-0.1841-0.80068-0.20846-1.2155-0.045921-0.7815 0.1358-1.5524 0.54573-2.2209 0.38263-0.62413 0.9586-1.0565 1.6428-1.3051 0.83652-0.30381 1.7201-0.28687 2.5965-0.28407 0.92388 0.0029401 1.8476-0.0030801 2.7716-0.0033601 0.9236-4.2001e-4 1.8469 0.0047601 2.7708 0.030101 0.69176 0.01918 1.3872 0.14266 1.9953 0.48945 0.64583 0.36807 1.1476 0.9607 1.3869 1.6659 0.27399 0.8088 0.25579 1.7167 0.25705 2.5608 0.0024 1.8258 0.05992 3.6576-0.0029 5.4828-0.02464 0.70576-0.1603 1.4203-0.52333 2.0347-0.38473 0.65116-0.99248 1.135-1.6947 1.4049-0.81818 0.31445-1.6872 0.33895-2.5523 0.32397-0.90862-0.01554-1.8172 0.0066-2.7263 2e-3 -0.34903-0.0015-0.69792-0.0043-1.0467-0.0043-1.6718 2.8e-4 0.91786 0 0 0zm0.39887-2.004c0-0.0098 2.5009-0.0038 2.7378-0.0063 0.44087-0.0032 0.88776 0.01176 1.3212-0.08456 0.37437-0.08288 0.73264-0.23675 1.0469-0.45725 0.51563-0.36149 0.85304-0.90134 0.9565-1.5217 0.06692-0.40027 0.04494-0.81622 0.04858-1.2207 0.0038-0.46593 0.0046-0.93158 0.0029-1.3975-2e-3 -0.46593-6e-3 -0.93172-0.01232-1.3975-0.0057-0.44213 0.01092-0.88594-0.0074-1.3274-0.0287-0.69162-0.23128-1.4096-0.73964-1.9053-0.21294-0.20762-0.47335-0.36289-0.75854-0.44801-0.37437-0.11158-0.78346-0.098982-1.1699-0.11998-0.92388-0.051101-1.8487-0.088902-2.7742-0.087222-0.46243 8.4e-4 -0.925 0.01176-1.3869 0.035561-0.41273 0.02128-0.8452 0.025481-1.2505 0.11186-0.60117 0.12852-1.1379 0.50583-1.4556 1.0334-0.41385 0.68728-0.33923 1.4507-0.20622 2.2079 0.15736 0.8963 0.19362 1.8009 0.19236 2.7089-8.4e-4 0.67384-0.01862 1.3428-0.089462 2.0134-0.034301 0.32425-0.075742 0.64794-0.1183 0.97134-0.021281 0.16184-0.042981 0.32369-0.064121 0.48525-0.01246 0.0959-0.034721 0.2107 0.01218 0.30115 0.091982 0.17738 0.43415 0.10962 0.58633 0.10794 0.35379-0.0034 0.70772-0.0052 1.0615-0.0055 0.68854-9.8e-4 1.3776 0.0022 2.0667 0.0022 0-0.0025-1.136 0 0 0z" stroke-width=".14"/></svg>
            </label><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="emblema"  class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.14 0 0 .14 0 .0084)"> <path d="m84.997 28.739c-6.046-2.982-10.777-7.683-13.907-13.799h-43.34c-0.562 0.145-1.072 0.269-1.496 0.372l-0.125 0.031c-1.139 0.282-2.316 0.573-2.943 0.839-1.639 0.692-3.165 2.181-4.602 3.719-1.336 1.423-2.205 2.952-2.648 4.662l-0.112 0.514c-0.38 1.713-0.811 3.652-0.824 4.807l0.08 22.687-0.077 18.571c6.039 2.979 10.769 7.678 13.905 13.798h43.357c0.575-0.149 1.085-0.275 1.481-0.371l0.125-0.031c1.14-0.282 2.318-0.573 2.971-0.849 1.606-0.676 3.143-2.171 4.56-3.684 1.349-1.439 2.224-2.98 2.667-4.702l0.108-0.5c0.38-1.712 0.811-3.651 0.823-4.808l-0.08-22.686z" fill="none"/> <path d="m100 27.994c0-6.328-2.49-10.162-7.49-12.305-4.319-1.842-7.38-5.196-9.109-9.992-1.391-3.875-4.261-5.757-8.761-5.757h-0.09-48.72c-0.06 0.01-0.13 0-0.19 0.02-0.98 0.3-2 0.55-2.99 0.791-1.74 0.431-3.55 0.871-5.3 1.612-4.22 1.782-7.27 4.666-9.7 7.269-3.3 3.514-5.46 7.579-6.45 12.064l-0.02 0.13c-0.58 2.613-1.17 5.327-1.18 8.04l0.08 22.757-0.08 19.264c0 6.327 2.49 10.161 7.49 12.305 4.32 1.842 7.38 5.206 9.11 9.991 1.39 3.875 4.26 5.757 8.76 5.757h0.09 0.38 48.34 0.01 0.181v-0.02c0.979-0.29 2-0.551 2.989-0.791 1.74-0.431 3.551-0.871 5.301-1.611 4.22-1.772 7.27-4.666 9.699-7.259 3.301-3.524 5.46-7.59 6.45-12.074l0.021-0.131c0.58-2.613 1.17-5.316 1.18-8.039l-0.08-22.758zm-15.823 46.809-0.108 0.5c-0.443 1.722-1.318 3.263-2.667 4.702-1.417 1.513-2.953 3.008-4.56 3.684-0.652 0.275-1.831 0.566-2.971 0.849l-0.125 0.031c-0.396 0.096-0.906 0.222-1.481 0.371h-43.357c-3.136-6.12-7.866-10.819-13.905-13.798l0.077-18.572-0.08-22.686c0.013-1.155 0.443-3.094 0.824-4.807l0.112-0.514c0.443-1.71 1.312-3.239 2.648-4.662 1.437-1.539 2.963-3.027 4.602-3.719 0.627-0.266 1.805-0.557 2.943-0.839l0.125-0.031c0.424-0.103 0.934-0.227 1.496-0.372h43.34c3.13 6.116 7.861 10.817 13.907 13.799l-0.077 18.57 0.08 22.686c-0.013 1.156-0.443 3.096-0.823 4.808z"/> </g></svg>
            </label><label class="btn btn-light p-1">
                <input type="radio" name="marker" value="stamp"  class="btn-check">
                <svg width="38" height="38" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.14 0 0 .14 0 0)"> <polygon points="87.791 40.332 85 35.498 87.791 30.665 85 25.831 87.791 20.997 85 16.163 86.589 13.411 83.837 15 79.004 12.209 74.17 15 69.336 12.209 64.502 15 59.668 12.209 54.834 15 50 12.209 45.166 15 40.332 12.209 35.498 15 30.665 12.209 25.831 15 20.997 12.209 16.163 15 13.412 13.412 15 16.163 12.209 20.997 15 25.831 12.209 30.665 15 35.498 12.209 40.332 15 45.166 12.209 50 15 54.834 12.209 59.668 15 64.502 12.209 69.336 15 74.17 12.209 79.004 15 83.837 13.411 86.589 16.163 85 20.997 87.791 25.831 85 30.665 87.791 35.498 85 40.332 87.791 45.166 85 50 87.791 54.834 85 59.668 87.791 64.502 85 69.336 87.791 74.17 85 79.004 87.791 83.837 85 86.589 86.589 85 83.837 87.791 79.004 85 74.17 87.791 69.336 85 64.502 87.791 59.668 85 54.834 87.791 50 85 45.166" fill="none"/> <path d="M 97.623,2.377 96.25,0 h -7.5 L 87.521,2.127 83.837,0 79.004,2.791 74.17,0 69.336,2.791 64.502,0 59.668,2.791 54.834,0 50,2.791 45.166,0 40.332,2.791 35.498,0 30.665,2.791 25.831,0 20.997,2.791 16.163,0 12.478,2.127 11.25,0 H 3.75 L 2.377,2.377 0,3.75 v 7.5 L 2.127,12.478 0,16.163 2.791,20.997 0,25.831 2.791,30.664 0,35.498 2.791,40.332 0,45.166 2.791,50 0,54.834 2.791,59.668 0,64.502 2.791,69.336 0,74.17 2.791,79.004 0,83.837 2.127,87.522 0,88.75 v 7.5 L 2.377,97.623 3.75,100 h 7.5 L 12.478,97.873 16.163,100 20.997,97.209 25.831,100 30.664,97.209 35.498,100 40.332,97.209 45.166,100 50,97.209 54.834,100 59.668,97.209 64.502,100 69.336,97.209 74.17,100 79.004,97.209 83.837,100 87.522,97.873 88.75,100 h 7.5 L 97.623,97.623 100,96.25 v -7.5 L 97.873,87.521 100,83.837 97.209,79.004 100,74.17 97.209,69.336 100,64.502 97.209,59.668 100,54.834 97.209,50 100,45.166 97.209,40.332 100,35.498 97.209,30.665 100,25.831 97.209,20.997 100,16.163 97.873,12.478 100,11.25 V 3.75 Z M 79.004,87.791 74.17,85 69.336,87.791 64.502,85 59.668,87.791 54.834,85 50,87.791 45.166,85 40.332,87.791 35.498,85 30.665,87.791 25.831,85 20.997,87.791 16.163,85 13.412,86.589 15,83.837 12.209,79.004 15,74.17 12.209,69.336 15,64.502 12.209,59.668 15,54.834 12.209,50 15,45.166 12.209,40.332 15,35.498 12.209,30.665 15,25.831 12.209,20.997 15,16.163 13.412,13.412 16.163,15 20.997,12.209 25.831,15 30.664,12.209 35.498,15 40.332,12.209 45.166,15 50,12.209 54.834,15 59.668,12.209 64.502,15 69.336,12.209 74.17,15 79.004,12.209 83.837,15 86.589,13.411 85,16.163 87.791,20.997 85,25.831 87.791,30.664 85,35.498 87.791,40.332 85,45.166 87.791,50 85,54.834 87.791,59.668 85,64.502 87.791,69.336 85,74.17 87.791,79.004 85,83.837 86.589,86.589 83.837,85 Z"/> </g></svg>
            </label></div>            </div>




        </div>

        <div class="tab-pane fade" id="eyes-in-tab">

            <div class="col-12">
                <label>Marker center</label>
            </div>
            <div class="col-12">
<div class="btn-group-toggle styleselecta d-inline-block" data-toggle="buttons"><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="default" checked class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><rect width="6" height="6" /></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="drop_in"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="flurry"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="sdoz"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="drop"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="dropeye"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="circle"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="3" cy="3" r="3"/></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="rounded"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="sun"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="star"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="diamond"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="sparkle"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M3,7.2L2.7,5.6C2.4,4.5,1.5,3.6,0.4,3.3L-1.2,3l1.6-0.3c1.2-0.2,2.1-1.1,2.3-2.3L3-1.2l0.3,1.6 c0.2,1.2,1.1,2.1,2.3,2.3L7.2,3L5.6,3.3C4.5,3.6,3.6,4.5,3.3,5.6L3,7.2z"/></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="danger"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="cross"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="plus"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="x"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="heart"  class="btn-check">
                    <svg width="38" height="38" 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><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="ninja"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="balls"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g id="g28" transform="matrix(0.06060606,0,0,0.06060606,-0.03030304,-0.03030304)"> <circle cx="17.33" cy="17.33" r="16.83" id="circle10" /> <circle cx="50" cy="17.33" r="16.83" id="circle12" /> <circle cx="82.669998" cy="17.33" r="16.83" id="circle14" /> <circle cx="17.33" cy="82.669998" r="16.83" id="circle16" /> <circle cx="50" cy="82.669998" r="16.83" id="circle18" /> <circle cx="82.669998" cy="82.669998" r="16.83" id="circle20" /> <circle cx="17.33" cy="50" r="16.83" id="circle22" /> <circle cx="50" cy="50" r="16.83" id="circle24" /> <circle cx="82.669998" cy="50" r="16.83" id="circle26" /> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="round-corner"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m9.6e-4 6h5.999v-6l-4.3421 0.00168c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" stroke-width=".06"/> <g display="none"> <g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="square-corner"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"> <g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g> <g display="none"> <path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/> </g> <g> <path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="round-diagonal"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"> <g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g> <g display="none"> <path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/> </g> <g> <path d="m0 1.6384v2.7308c0 0.14046 0.01782 0.27672 0.0525 0.40626 0.07536 0.2868 0.22764 0.54246 0.43416 0.74514 0.03726 0.03702 0.07704 0.07236 0.1176 0.10512 0.28602 0.23298 0.65418 0.3726 1.0537 0.3726l4.3421 0.00168v-4.3616c0-0.89826-0.74382-1.6283-1.6578-1.6283h-2.6843l-1.657-0.01008s-9e-4 1.0766-9e-4 1.6384z" stroke-width=".06"/> </g> <g display="none"> <path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/> </g> <g display="none"> <path d="m3.0159 5.4998c-0.20042-1.5176-1.0412-2.293-2.4388-2.5024 1.4079-0.18484 2.2189-0.98287 2.4397-2.4973 0.2134 1.4742 1.0131 2.2844 2.406 2.4986-1.4017 0.21258-2.1865 1.0303-2.4069 2.5011z" clip-rule="evenodd" fill-rule="evenodd" stroke-width=".049221"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="borders-arc"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="m1.8e-4 5.9996c0.35296-1.9959 0.35296-4.0028-1.8e-4 -5.9996 1.0003 0.17729 2.0038 0.26674 3 0.26674 0.996 0 1.9991-0.0894 2.9998-0.2668-0.35314 1.996-0.35314 4.0027 1.8e-4 5.9996-1.0003-0.17729-2.0038-0.2668-3-0.2668-0.99606 0-1.9993 0.08946-2.9998 0.2668z" stroke-width=".059996"/></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="diagonal-pill"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><polygon transform="scale(.06)" points="100 100 51.156 100 0 49.844 0 0 49.844 0 100 51.156"/></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="3-horizontal"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"><path d="m99 16.68c0 8.659-6.619 15.68-14.782 15.68h-68.437c-8.163 0-14.781-7.021-14.781-15.68s6.618-15.68 14.781-15.68h68.437c8.163 0 14.782 7.021 14.782 15.68z"/><path d="m99 83.32c0 8.66-6.619 15.68-14.782 15.68h-68.437c-8.163 0-14.781-7.02-14.781-15.68s6.618-15.68 14.781-15.68h68.437c8.163 0 14.782 7.02 14.782 15.68z"/><path d="m99 50c0 8.66-6.619 15.68-14.782 15.68h-68.437c-8.163 0-14.781-7.02-14.781-15.68 0-8.661 6.618-15.68 14.781-15.68h68.437c8.163 0 14.782 7.019 14.782 15.68z"/></g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="3-ver"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"><g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"><path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/></g></g><g display="none"><path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/></g><g display="none"><path d="m0 1.6384v2.7308c0 0.14046 0.01782 0.27672 0.0525 0.40626 0.07536 0.2868 0.22764 0.54246 0.43416 0.74514 0.03726 0.03702 0.07704 0.07236 0.1176 0.10512 0.28602 0.23298 0.65418 0.3726 1.0537 0.3726l4.3421 0.00168v-4.3616c0-0.89826-0.74382-1.6283-1.6578-1.6283h-2.6843l-1.657-0.01008s-9e-4 1.0766-9e-4 1.6384z" stroke-width=".06"/></g><g display="none"><path d="m1.8e-4 5.9996c0.35296-1.9959 0.35296-4.0028-1.8e-4 -5.9996 1.0003 0.17729 2.0038 0.26674 3 0.26674 0.996 0 1.9991-0.0894 2.9998-0.2668-0.35314 1.996-0.35314 4.0027 1.8e-4 5.9996-1.0003-0.17729-2.0038-0.2668-3-0.2668-0.99606 0-1.9993 0.08946-2.9998 0.2668z" stroke-width=".059996"/></g><g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"><path d="m16.68 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.021-14.782 15.68-14.782z"/><path d="m83.32 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782-8.661 0-15.68-6.618-15.68-14.782v-68.436c1e-3 -8.163 7.019-14.782 15.68-14.782z"/><path d="m50 1c8.661 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.019 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.019-14.782 15.68-14.782z"/></g><g display="none"><path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/></g><g display="none"><path d="m3.0159 5.4998c-0.20042-1.5176-1.0412-2.293-2.4388-2.5024 1.4079-0.18484 2.2189-0.98287 2.4397-2.4973 0.2134 1.4742 1.0131 2.2844 2.406 2.4986-1.4017 0.21258-2.1865 1.0303-2.4069 2.5011z" clip-rule="evenodd" fill-rule="evenodd" stroke-width=".049221"/></g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="comic"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"> <g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g> <g display="none"> <path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/> </g> <g display="none"> <path d="m0 1.6384v2.7308c0 0.14046 0.01782 0.27672 0.0525 0.40626 0.07536 0.2868 0.22764 0.54246 0.43416 0.74514 0.03726 0.03702 0.07704 0.07236 0.1176 0.10512 0.28602 0.23298 0.65418 0.3726 1.0537 0.3726l4.3421 0.00168v-4.3616c0-0.89826-0.74382-1.6283-1.6578-1.6283h-2.6843l-1.657-0.01008s-9e-4 1.0766-9e-4 1.6384z" stroke-width=".06"/> </g> <g display="none"> <path d="m1.8e-4 5.9996c0.35296-1.9959 0.35296-4.0028-1.8e-4 -5.9996 1.0003 0.17729 2.0038 0.26674 3 0.26674 0.996 0 1.9991-0.0894 2.9998-0.2668-0.35314 1.996-0.35314 4.0027 1.8e-4 5.9996-1.0003-0.17729-2.0038-0.2668-3-0.2668-0.99606 0-1.9993 0.08946-2.9998 0.2668z" stroke-width=".059996"/> </g> <g display="none"> <g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"> <path d="m16.68 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.021-14.782 15.68-14.782z"/> <path d="m83.32 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782-8.661 0-15.68-6.618-15.68-14.782v-68.436c1e-3 -8.163 7.019-14.782 15.68-14.782z"/> <path d="m50 1c8.661 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.019 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.019-14.782 15.68-14.782z"/> </g> </g> <g> <path d="m4.7506 5.9354c-0.26389 0.058019-0.53552 0.048719-0.80373 0.051299-0.14389 8.4e-4 -1.6653-0.00258-1.6653 0.00336h-0.00168c-0.017041-8.399e-4 -0.14731-8.399e-4 -0.23155 0h-0.0051c-0.33973-8.399e-4 -0.67856-0.00252-1.0182-0.00168-0.21541 0-0.43082 9e-4 -0.64532 0.00342-0.092823 8.4e-4 -0.30055 0.041219-0.35671-0.064739-0.028921-0.054659-0.015301-0.12366-0.0076803-0.18084 0.01278-0.097498 0.026401-0.19422 0.039181-0.29171 0.025561-0.19422 0.051062-0.38849 0.072363-0.58355 0.042542-0.40277 0.053642-0.80381 0.054482-1.2091 0-0.54485-0.022141-1.088-0.11748-1.627-0.080883-0.45401-0.126-0.91312 0.12516-1.326 0.19327-0.31613 0.52022-0.54317 0.88545-0.62051 0.24691-0.051299 0.51002-0.053819 0.76029-0.067259 0.28093-0.01428 0.56276-0.02016 0.84375-0.02106 0.56258-8.3999e-4 1.1253 0.0219 1.6864 0.052139 0.23497 0.0126 0.4844 0.00504 0.71174 0.072299 0.17371 0.051299 0.33199 0.14466 0.46142 0.26904 0.30901 0.29765 0.4325 0.72899 0.44954 1.1444 0.0111 0.26574 8.401e-4 0.53225 0.0051 0.79709 0.00342 0.28002 6e-3 0.55997 0.00678 0.83999 9.001e-4 0.27912 9.001e-4 0.55907-0.00168 0.83909-0.00168 0.243 0.0111 0.49271-0.028921 0.73319-0.063002 0.37247-0.26899 0.69707-0.58232 0.91396-0.19069 0.13212-0.40867 0.22464-0.63596 0.2742z" stroke-width=".06"/> </g> <g display="none"> <g transform="matrix(.059999 0 0 .06 -.0070199 -1.6305e-6)"> <path d="m100.11 9.15c-1.488 0.196-1.372-3.001-1.583-5.262l-1.567 0.406c1.156-0.47-0.028-1.336-1.721-1.639-4.87-0.563-3.902 3.094-7.679 1.2 0.549 0.04 0.64-0.193 1.197-0.155l-1.942-0.833c-0.41 3.951-11.443-2.518-11.86 1.438-2.773-1.596-0.195-0.952 3.361-2.82l-5.088 0.367c0.063 0.04-1.837 0.418-0.761 0.095-3.868-1.666-1.126 0.345-3.219 1.378-1.481-0.571 1.156-2.969-3.05-2.317-5.944 0.772 1.129 2.886-2.443 3.352l-2.585-2.048c-4.559 1.565-7.969 0.115-11.815-0.144-0.872 0.164-1.296 0.376-1.51 0.598-4.091-0.887-8.58 2.001-11.662 1.329 0.719-0.421-1.765-0.317-2.138-0.813l-5.567 1.267c2.459-0.537 2.354-1.715 2.806-2.858-1.744 0.121-2.559 0.767-3.744 0.918 0.722-0.415 1.452-0.838 0.532-1.366l-5.842 1.947c0.339 0.2 1.014 0.276 1.574 0.328-1.459 0.013-4.617 0.754-6.708-0.206 0.185-0.452 0.903-0.875 1.084-1.334 1.753 1.294 2.752 0.191 3.662-0.688-4.033 0.201-1.005-0.3-2.944-1.135-2.845 0.045-4.015 2.909-3.266 3.899-3.211-0.449-4.231-1.187-7.516 0l0.625-2.473-3.014-0.436 2.444-1.008c-5.443-1.025-1.585 4.044-6.47 3.891-0.193 2.252-0.112 5.314-1.57 5.122 0.091 1.272 0.079 2.428-0.01 3.372 0.576 0.548 1.083 0.542 1.274-2.258l1.301 4.665c5.275 2.589-0.442 12.431 1.257 19.496-0.203-0.499-0.486-0.628-0.649-0.689 1.689 6.275-1.423 14.073-0.581 15.53l-1.449 0.559c2.225 5.367 2.414 6.002 1.514 12.402-0.233-0.081-0.651-0.821-0.954 0.19 1.071 1.537 2.141 3.086 1.845 7.469l-0.455-0.183 0.238 6.856c-4.464-0.051 2.732 11.738-2.11 13.803 0.883 0.906 1.356 3.498 1.763 5.77 2.66 0.833 0.273 4.632 5.056 3.731l-2.444-1.009 3.014-0.436-0.625-2.473c3.285 1.187 4.305 0.448 7.516 0-0.749 0.99 0.421 3.854 3.266 3.899 1.939-0.836-1.089-1.337 2.944-1.136-0.91-0.879-1.909-1.982-3.662-0.688-0.181-0.458-0.899-0.882-1.084-1.334 2.091-0.96 5.249-0.218 6.708-0.206-0.56 0.053-1.235 0.129-1.574 0.329l5.843 1.947c0.919-0.528 0.19-0.952-0.532-1.367 1.185 0.151 2 0.797 3.744 0.918-0.452-1.143-0.347-2.32-2.806-2.857l5.567 1.267c0.373-0.496 2.857-0.393 2.138-0.813 3.083-0.672 7.571 2.216 11.662 1.329 0.214 0.223 0.639 0.435 1.51 0.599 3.847-0.259 7.257-1.709 11.815-0.144l2.585-2.049c3.572 0.466-3.501 2.581 2.443 3.353 4.206 0.652 1.568-1.746 3.05-2.316 2.093 1.032-0.649 3.044 3.219 1.377-1.076-0.323 0.824 0.056 0.761 0.096l5.088 0.367c-3.557-1.869-6.135-1.225-3.361-2.82 0.417 3.955 11.45-2.514 11.86 1.438l1.942-0.833c-0.558 0.038-0.648-0.195-1.197-0.155 3.776-1.894 2.809 1.764 7.679 1.2 0.757-0.135 1.397-0.385 1.788-0.661 0.05-0.275 0.1-0.561 0.152-0.849-0.065-0.044-0.123-0.09-0.22-0.129l0.231 0.06c0.394-2.178 0.862-4.546 1.697-5.403-4.842-2.064 2.354-13.854-2.109-13.803l0.238-6.856-0.455 0.183c-0.296-4.383 0.774-5.932 1.845-7.469-0.303-1.012-0.721-0.271-0.953-0.19-0.9-6.399-0.711-7.035 1.515-12.402l-1.449-0.559c0.841-1.457-2.271-9.255-0.582-15.53-0.163 0.061-0.446 0.19-0.648 0.689 1.699-7.065-4.02-16.908 1.256-19.497l1.301-4.665c0.189 2.801 0.696 2.806 1.275 2.257-0.091-0.944-0.103-2.1-0.012-3.372z"/> </g> </g> <g display="none"> <path d="M 6,3 C 6,2.5200612 5.6681633,2.1187347 5.2216531,2.01 5.6681633,1.9013265 6,1.4999388 6,1.02 6,0.4566122 5.5433265,0 4.98,0 4.5001224,0 4.0986735,0.331898 3.99,0.77834688 3.8813265,0.331898 3.4798776,0 3,0 2.5200612,0 2.1186735,0.331898 2.01,0.77828568 1.9013265,0.331898 1.4999388,0 1.02,0 0.4566122,0 0,0.4566122 0,1.02 0,1.4999388 0.331898,1.9013265 0.7783469,2.01 0.331898,2.1187347 0,2.5200612 0,3 0,3.4798776 0.331898,3.8813265 0.7783469,3.99 0.331898,4.0986735 0,4.5001224 0,4.98 0,5.5433265 0.4566122,6 1.02,6 1.4999388,6 1.9013265,5.6681633 2.01,5.2216531 2.1186735,5.6681633 2.5200612,6 3,6 3.4798776,6 3.8813265,5.6681633 3.99,5.2216531 4.0986735,5.6681633 4.5001224,6 4.98,6 5.5433265,6 6,5.5433265 6,4.98 6,4.5001224 5.6681633,4.0986735 5.2216531,3.99 5.6681633,3.8813265 6,3.4798776 6,3 Z" stroke-width=".061224"/> </g> <g display="none"> <g transform="scale(.06)"> <path d="m99.996 19.713c-8.638-4.26-15.396-10.976-19.868-19.713h-61.913c-0.803 0.206-1.532 0.384-2.137 0.531l-0.179 0.044c-1.626 0.402-3.309 0.818-4.205 1.198-2.341 0.989-4.522 3.116-6.574 5.313-1.909 2.033-3.15 4.217-3.784 6.661l-0.16 0.734c-0.543 2.447-1.157 5.217-1.176 6.868l0.114 32.409-0.11 26.531c8.627 4.255 15.385 10.968 19.864 19.711h61.938c0.821-0.213 1.55-0.394 2.116-0.53l0.179-0.044c1.628-0.403 3.312-0.819 4.244-1.213 2.295-0.965 4.489-3.102 6.514-5.262 1.927-2.057 3.177-4.258 3.81-6.718l0.155-0.714c0.542-2.446 1.157-5.217 1.176-6.868l-0.114-32.409z"/> </g> </g> <g display="none"> <path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/> </g> <g display="none"> <path d="m3.0159 5.4998c-0.20042-1.5176-1.0412-2.293-2.4388-2.5024 1.4079-0.18484 2.2189-0.98287 2.4397-2.4973 0.2134 1.4742 1.0131 2.2844 2.406 2.4986-1.4017 0.21258-2.1865 1.0303-2.4069 2.5011z" clip-rule="evenodd" fill-rule="evenodd" stroke-width=".049221"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="rough"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"> <g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g> <g display="none"> <path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/> </g> <g display="none"> <path d="m0 1.6384v2.7308c0 0.14046 0.01782 0.27672 0.0525 0.40626 0.07536 0.2868 0.22764 0.54246 0.43416 0.74514 0.03726 0.03702 0.07704 0.07236 0.1176 0.10512 0.28602 0.23298 0.65418 0.3726 1.0537 0.3726l4.3421 0.00168v-4.3616c0-0.89826-0.74382-1.6283-1.6578-1.6283h-2.6843l-1.657-0.01008s-9e-4 1.0766-9e-4 1.6384z" stroke-width=".06"/> </g> <g display="none"> <path d="m1.8e-4 5.9996c0.35296-1.9959 0.35296-4.0028-1.8e-4 -5.9996 1.0003 0.17729 2.0038 0.26674 3 0.26674 0.996 0 1.9991-0.0894 2.9998-0.2668-0.35314 1.996-0.35314 4.0027 1.8e-4 5.9996-1.0003-0.17729-2.0038-0.2668-3-0.2668-0.99606 0-1.9993 0.08946-2.9998 0.2668z" stroke-width=".059996"/> </g> <g display="none"> <g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"> <path d="m16.68 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.021-14.782 15.68-14.782z"/> <path d="m83.32 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782-8.661 0-15.68-6.618-15.68-14.782v-68.436c1e-3 -8.163 7.019-14.782 15.68-14.782z"/> <path d="m50 1c8.661 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.019 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.019-14.782 15.68-14.782z"/> </g> </g> <g display="none"> <path d="m4.7506 5.9354c-0.26389 0.058019-0.53552 0.048719-0.80373 0.051299-0.14389 8.4e-4 -1.6653-0.00258-1.6653 0.00336h-0.00168c-0.017041-8.399e-4 -0.14731-8.399e-4 -0.23155 0h-0.0051c-0.33973-8.399e-4 -0.67856-0.00252-1.0182-0.00168-0.21541 0-0.43082 9e-4 -0.64532 0.00342-0.092823 8.4e-4 -0.30055 0.041219-0.35671-0.064739-0.028921-0.054659-0.015301-0.12366-0.0076803-0.18084 0.01278-0.097498 0.026401-0.19422 0.039181-0.29171 0.025561-0.19422 0.051062-0.38849 0.072363-0.58355 0.042542-0.40277 0.053642-0.80381 0.054482-1.2091 0-0.54485-0.022141-1.088-0.11748-1.627-0.080883-0.45401-0.126-0.91312 0.12516-1.326 0.19327-0.31613 0.52022-0.54317 0.88545-0.62051 0.24691-0.051299 0.51002-0.053819 0.76029-0.067259 0.28093-0.01428 0.56276-0.02016 0.84375-0.02106 0.56258-8.3999e-4 1.1253 0.0219 1.6864 0.052139 0.23497 0.0126 0.4844 0.00504 0.71174 0.072299 0.17371 0.051299 0.33199 0.14466 0.46142 0.26904 0.30901 0.29765 0.4325 0.72899 0.44954 1.1444 0.0111 0.26574 8.401e-4 0.53225 0.0051 0.79709 0.00342 0.28002 6e-3 0.55997 0.00678 0.83999 9.001e-4 0.27912 9.001e-4 0.55907-0.00168 0.83909-0.00168 0.243 0.0111 0.49271-0.028921 0.73319-0.063002 0.37247-0.26899 0.69707-0.58232 0.91396-0.19069 0.13212-0.40867 0.22464-0.63596 0.2742z" stroke-width=".06"/> </g> <g> <g transform="matrix(.059999 0 0 .06 -.0070199 -1.6305e-6)"> <path d="m100.11 9.15c-1.488 0.196-1.372-3.001-1.583-5.262l-1.567 0.406c1.156-0.47-0.028-1.336-1.721-1.639-4.87-0.563-3.902 3.094-7.679 1.2 0.549 0.04 0.64-0.193 1.197-0.155l-1.942-0.833c-0.41 3.951-11.443-2.518-11.86 1.438-2.773-1.596-0.195-0.952 3.361-2.82l-5.088 0.367c0.063 0.04-1.837 0.418-0.761 0.095-3.868-1.666-1.126 0.345-3.219 1.378-1.481-0.571 1.156-2.969-3.05-2.317-5.944 0.772 1.129 2.886-2.443 3.352l-2.585-2.048c-4.559 1.565-7.969 0.115-11.815-0.144-0.872 0.164-1.296 0.376-1.51 0.598-4.091-0.887-8.58 2.001-11.662 1.329 0.719-0.421-1.765-0.317-2.138-0.813l-5.567 1.267c2.459-0.537 2.354-1.715 2.806-2.858-1.744 0.121-2.559 0.767-3.744 0.918 0.722-0.415 1.452-0.838 0.532-1.366l-5.842 1.947c0.339 0.2 1.014 0.276 1.574 0.328-1.459 0.013-4.617 0.754-6.708-0.206 0.185-0.452 0.903-0.875 1.084-1.334 1.753 1.294 2.752 0.191 3.662-0.688-4.033 0.201-1.005-0.3-2.944-1.135-2.845 0.045-4.015 2.909-3.266 3.899-3.211-0.449-4.231-1.187-7.516 0l0.625-2.473-3.014-0.436 2.444-1.008c-5.443-1.025-1.585 4.044-6.47 3.891-0.193 2.252-0.112 5.314-1.57 5.122 0.091 1.272 0.079 2.428-0.01 3.372 0.576 0.548 1.083 0.542 1.274-2.258l1.301 4.665c5.275 2.589-0.442 12.431 1.257 19.496-0.203-0.499-0.486-0.628-0.649-0.689 1.689 6.275-1.423 14.073-0.581 15.53l-1.449 0.559c2.225 5.367 2.414 6.002 1.514 12.402-0.233-0.081-0.651-0.821-0.954 0.19 1.071 1.537 2.141 3.086 1.845 7.469l-0.455-0.183 0.238 6.856c-4.464-0.051 2.732 11.738-2.11 13.803 0.883 0.906 1.356 3.498 1.763 5.77 2.66 0.833 0.273 4.632 5.056 3.731l-2.444-1.009 3.014-0.436-0.625-2.473c3.285 1.187 4.305 0.448 7.516 0-0.749 0.99 0.421 3.854 3.266 3.899 1.939-0.836-1.089-1.337 2.944-1.136-0.91-0.879-1.909-1.982-3.662-0.688-0.181-0.458-0.899-0.882-1.084-1.334 2.091-0.96 5.249-0.218 6.708-0.206-0.56 0.053-1.235 0.129-1.574 0.329l5.843 1.947c0.919-0.528 0.19-0.952-0.532-1.367 1.185 0.151 2 0.797 3.744 0.918-0.452-1.143-0.347-2.32-2.806-2.857l5.567 1.267c0.373-0.496 2.857-0.393 2.138-0.813 3.083-0.672 7.571 2.216 11.662 1.329 0.214 0.223 0.639 0.435 1.51 0.599 3.847-0.259 7.257-1.709 11.815-0.144l2.585-2.049c3.572 0.466-3.501 2.581 2.443 3.353 4.206 0.652 1.568-1.746 3.05-2.316 2.093 1.032-0.649 3.044 3.219 1.377-1.076-0.323 0.824 0.056 0.761 0.096l5.088 0.367c-3.557-1.869-6.135-1.225-3.361-2.82 0.417 3.955 11.45-2.514 11.86 1.438l1.942-0.833c-0.558 0.038-0.648-0.195-1.197-0.155 3.776-1.894 2.809 1.764 7.679 1.2 0.757-0.135 1.397-0.385 1.788-0.661 0.05-0.275 0.1-0.561 0.152-0.849-0.065-0.044-0.123-0.09-0.22-0.129l0.231 0.06c0.394-2.178 0.862-4.546 1.697-5.403-4.842-2.064 2.354-13.854-2.109-13.803l0.238-6.856-0.455 0.183c-0.296-4.383 0.774-5.932 1.845-7.469-0.303-1.012-0.721-0.271-0.953-0.19-0.9-6.399-0.711-7.035 1.515-12.402l-1.449-0.559c0.841-1.457-2.271-9.255-0.582-15.53-0.163 0.061-0.446 0.19-0.648 0.689 1.699-7.065-4.02-16.908 1.256-19.497l1.301-4.665c0.189 2.801 0.696 2.806 1.275 2.257-0.091-0.944-0.103-2.1-0.012-3.372z"/> </g> </g> <g display="none"> <path d="M 6,3 C 6,2.5200612 5.6681633,2.1187347 5.2216531,2.01 5.6681633,1.9013265 6,1.4999388 6,1.02 6,0.4566122 5.5433265,0 4.98,0 4.5001224,0 4.0986735,0.331898 3.99,0.77834688 3.8813265,0.331898 3.4798776,0 3,0 2.5200612,0 2.1186735,0.331898 2.01,0.77828568 1.9013265,0.331898 1.4999388,0 1.02,0 0.4566122,0 0,0.4566122 0,1.02 0,1.4999388 0.331898,1.9013265 0.7783469,2.01 0.331898,2.1187347 0,2.5200612 0,3 0,3.4798776 0.331898,3.8813265 0.7783469,3.99 0.331898,4.0986735 0,4.5001224 0,4.98 0,5.5433265 0.4566122,6 1.02,6 1.4999388,6 1.9013265,5.6681633 2.01,5.2216531 2.1186735,5.6681633 2.5200612,6 3,6 3.4798776,6 3.8813265,5.6681633 3.99,5.2216531 4.0986735,5.6681633 4.5001224,6 4.98,6 5.5433265,6 6,5.5433265 6,4.98 6,4.5001224 5.6681633,4.0986735 5.2216531,3.99 5.6681633,3.8813265 6,3.4798776 6,3 Z" stroke-width=".061224"/> </g> <g display="none"> <g transform="scale(.06)"> <path d="m99.996 19.713c-8.638-4.26-15.396-10.976-19.868-19.713h-61.913c-0.803 0.206-1.532 0.384-2.137 0.531l-0.179 0.044c-1.626 0.402-3.309 0.818-4.205 1.198-2.341 0.989-4.522 3.116-6.574 5.313-1.909 2.033-3.15 4.217-3.784 6.661l-0.16 0.734c-0.543 2.447-1.157 5.217-1.176 6.868l0.114 32.409-0.11 26.531c8.627 4.255 15.385 10.968 19.864 19.711h61.938c0.821-0.213 1.55-0.394 2.116-0.53l0.179-0.044c1.628-0.403 3.312-0.819 4.244-1.213 2.295-0.965 4.489-3.102 6.514-5.262 1.927-2.057 3.177-4.258 3.81-6.718l0.155-0.714c0.542-2.446 1.157-5.217 1.176-6.868l-0.114-32.409z"/> </g> </g> <g display="none"> <path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/> </g> <g display="none"> <path d="m3.0159 5.4998c-0.20042-1.5176-1.0412-2.293-2.4388-2.5024 1.4079-0.18484 2.2189-0.98287 2.4397-2.4973 0.2134 1.4742 1.0131 2.2844 2.406 2.4986-1.4017 0.21258-2.1865 1.0303-2.4069 2.5011z" clip-rule="evenodd" fill-rule="evenodd" stroke-width=".049221"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="stamp-thick"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"> <g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g> <g display="none"> <path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/> </g> <g display="none"> <path d="m0 1.6384v2.7308c0 0.14046 0.01782 0.27672 0.0525 0.40626 0.07536 0.2868 0.22764 0.54246 0.43416 0.74514 0.03726 0.03702 0.07704 0.07236 0.1176 0.10512 0.28602 0.23298 0.65418 0.3726 1.0537 0.3726l4.3421 0.00168v-4.3616c0-0.89826-0.74382-1.6283-1.6578-1.6283h-2.6843l-1.657-0.01008s-9e-4 1.0766-9e-4 1.6384z" stroke-width=".06"/> </g> <g display="none"> <path d="m1.8e-4 5.9996c0.35296-1.9959 0.35296-4.0028-1.8e-4 -5.9996 1.0003 0.17729 2.0038 0.26674 3 0.26674 0.996 0 1.9991-0.0894 2.9998-0.2668-0.35314 1.996-0.35314 4.0027 1.8e-4 5.9996-1.0003-0.17729-2.0038-0.2668-3-0.2668-0.99606 0-1.9993 0.08946-2.9998 0.2668z" stroke-width=".059996"/> </g> <g display="none"> <g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"> <path d="m16.68 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.021-14.782 15.68-14.782z"/> <path d="m83.32 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782-8.661 0-15.68-6.618-15.68-14.782v-68.436c1e-3 -8.163 7.019-14.782 15.68-14.782z"/> <path d="m50 1c8.661 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.019 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.019-14.782 15.68-14.782z"/> </g> </g> <g display="none"> <path d="m4.7506 5.9354c-0.26389 0.058019-0.53552 0.048719-0.80373 0.051299-0.14389 8.4e-4 -1.6653-0.00258-1.6653 0.00336h-0.00168c-0.017041-8.399e-4 -0.14731-8.399e-4 -0.23155 0h-0.0051c-0.33973-8.399e-4 -0.67856-0.00252-1.0182-0.00168-0.21541 0-0.43082 9e-4 -0.64532 0.00342-0.092823 8.4e-4 -0.30055 0.041219-0.35671-0.064739-0.028921-0.054659-0.015301-0.12366-0.0076803-0.18084 0.01278-0.097498 0.026401-0.19422 0.039181-0.29171 0.025561-0.19422 0.051062-0.38849 0.072363-0.58355 0.042542-0.40277 0.053642-0.80381 0.054482-1.2091 0-0.54485-0.022141-1.088-0.11748-1.627-0.080883-0.45401-0.126-0.91312 0.12516-1.326 0.19327-0.31613 0.52022-0.54317 0.88545-0.62051 0.24691-0.051299 0.51002-0.053819 0.76029-0.067259 0.28093-0.01428 0.56276-0.02016 0.84375-0.02106 0.56258-8.3999e-4 1.1253 0.0219 1.6864 0.052139 0.23497 0.0126 0.4844 0.00504 0.71174 0.072299 0.17371 0.051299 0.33199 0.14466 0.46142 0.26904 0.30901 0.29765 0.4325 0.72899 0.44954 1.1444 0.0111 0.26574 8.401e-4 0.53225 0.0051 0.79709 0.00342 0.28002 6e-3 0.55997 0.00678 0.83999 9.001e-4 0.27912 9.001e-4 0.55907-0.00168 0.83909-0.00168 0.243 0.0111 0.49271-0.028921 0.73319-0.063002 0.37247-0.26899 0.69707-0.58232 0.91396-0.19069 0.13212-0.40867 0.22464-0.63596 0.2742z" stroke-width=".06"/> </g> <g display="none"> <g transform="matrix(.059999 0 0 .06 -.0070199 -1.6305e-6)"> <path d="m100.11 9.15c-1.488 0.196-1.372-3.001-1.583-5.262l-1.567 0.406c1.156-0.47-0.028-1.336-1.721-1.639-4.87-0.563-3.902 3.094-7.679 1.2 0.549 0.04 0.64-0.193 1.197-0.155l-1.942-0.833c-0.41 3.951-11.443-2.518-11.86 1.438-2.773-1.596-0.195-0.952 3.361-2.82l-5.088 0.367c0.063 0.04-1.837 0.418-0.761 0.095-3.868-1.666-1.126 0.345-3.219 1.378-1.481-0.571 1.156-2.969-3.05-2.317-5.944 0.772 1.129 2.886-2.443 3.352l-2.585-2.048c-4.559 1.565-7.969 0.115-11.815-0.144-0.872 0.164-1.296 0.376-1.51 0.598-4.091-0.887-8.58 2.001-11.662 1.329 0.719-0.421-1.765-0.317-2.138-0.813l-5.567 1.267c2.459-0.537 2.354-1.715 2.806-2.858-1.744 0.121-2.559 0.767-3.744 0.918 0.722-0.415 1.452-0.838 0.532-1.366l-5.842 1.947c0.339 0.2 1.014 0.276 1.574 0.328-1.459 0.013-4.617 0.754-6.708-0.206 0.185-0.452 0.903-0.875 1.084-1.334 1.753 1.294 2.752 0.191 3.662-0.688-4.033 0.201-1.005-0.3-2.944-1.135-2.845 0.045-4.015 2.909-3.266 3.899-3.211-0.449-4.231-1.187-7.516 0l0.625-2.473-3.014-0.436 2.444-1.008c-5.443-1.025-1.585 4.044-6.47 3.891-0.193 2.252-0.112 5.314-1.57 5.122 0.091 1.272 0.079 2.428-0.01 3.372 0.576 0.548 1.083 0.542 1.274-2.258l1.301 4.665c5.275 2.589-0.442 12.431 1.257 19.496-0.203-0.499-0.486-0.628-0.649-0.689 1.689 6.275-1.423 14.073-0.581 15.53l-1.449 0.559c2.225 5.367 2.414 6.002 1.514 12.402-0.233-0.081-0.651-0.821-0.954 0.19 1.071 1.537 2.141 3.086 1.845 7.469l-0.455-0.183 0.238 6.856c-4.464-0.051 2.732 11.738-2.11 13.803 0.883 0.906 1.356 3.498 1.763 5.77 2.66 0.833 0.273 4.632 5.056 3.731l-2.444-1.009 3.014-0.436-0.625-2.473c3.285 1.187 4.305 0.448 7.516 0-0.749 0.99 0.421 3.854 3.266 3.899 1.939-0.836-1.089-1.337 2.944-1.136-0.91-0.879-1.909-1.982-3.662-0.688-0.181-0.458-0.899-0.882-1.084-1.334 2.091-0.96 5.249-0.218 6.708-0.206-0.56 0.053-1.235 0.129-1.574 0.329l5.843 1.947c0.919-0.528 0.19-0.952-0.532-1.367 1.185 0.151 2 0.797 3.744 0.918-0.452-1.143-0.347-2.32-2.806-2.857l5.567 1.267c0.373-0.496 2.857-0.393 2.138-0.813 3.083-0.672 7.571 2.216 11.662 1.329 0.214 0.223 0.639 0.435 1.51 0.599 3.847-0.259 7.257-1.709 11.815-0.144l2.585-2.049c3.572 0.466-3.501 2.581 2.443 3.353 4.206 0.652 1.568-1.746 3.05-2.316 2.093 1.032-0.649 3.044 3.219 1.377-1.076-0.323 0.824 0.056 0.761 0.096l5.088 0.367c-3.557-1.869-6.135-1.225-3.361-2.82 0.417 3.955 11.45-2.514 11.86 1.438l1.942-0.833c-0.558 0.038-0.648-0.195-1.197-0.155 3.776-1.894 2.809 1.764 7.679 1.2 0.757-0.135 1.397-0.385 1.788-0.661 0.05-0.275 0.1-0.561 0.152-0.849-0.065-0.044-0.123-0.09-0.22-0.129l0.231 0.06c0.394-2.178 0.862-4.546 1.697-5.403-4.842-2.064 2.354-13.854-2.109-13.803l0.238-6.856-0.455 0.183c-0.296-4.383 0.774-5.932 1.845-7.469-0.303-1.012-0.721-0.271-0.953-0.19-0.9-6.399-0.711-7.035 1.515-12.402l-1.449-0.559c0.841-1.457-2.271-9.255-0.582-15.53-0.163 0.061-0.446 0.19-0.648 0.689 1.699-7.065-4.02-16.908 1.256-19.497l1.301-4.665c0.189 2.801 0.696 2.806 1.275 2.257-0.091-0.944-0.103-2.1-0.012-3.372z"/> </g> </g> <g> <path d="M 6,3 C 6,2.5200612 5.6681633,2.1187347 5.2216531,2.01 5.6681633,1.9013265 6,1.4999388 6,1.02 6,0.4566122 5.5433265,0 4.98,0 4.5001224,0 4.0986735,0.331898 3.99,0.77834688 3.8813265,0.331898 3.4798776,0 3,0 2.5200612,0 2.1186735,0.331898 2.01,0.77828568 1.9013265,0.331898 1.4999388,0 1.02,0 0.4566122,0 0,0.4566122 0,1.02 0,1.4999388 0.331898,1.9013265 0.7783469,2.01 0.331898,2.1187347 0,2.5200612 0,3 0,3.4798776 0.331898,3.8813265 0.7783469,3.99 0.331898,4.0986735 0,4.5001224 0,4.98 0,5.5433265 0.4566122,6 1.02,6 1.4999388,6 1.9013265,5.6681633 2.01,5.2216531 2.1186735,5.6681633 2.5200612,6 3,6 3.4798776,6 3.8813265,5.6681633 3.99,5.2216531 4.0986735,5.6681633 4.5001224,6 4.98,6 5.5433265,6 6,5.5433265 6,4.98 6,4.5001224 5.6681633,4.0986735 5.2216531,3.99 5.6681633,3.8813265 6,3.4798776 6,3 Z" stroke-width=".061224"/> </g> <g display="none"> <g transform="scale(.06)"> <path d="m99.996 19.713c-8.638-4.26-15.396-10.976-19.868-19.713h-61.913c-0.803 0.206-1.532 0.384-2.137 0.531l-0.179 0.044c-1.626 0.402-3.309 0.818-4.205 1.198-2.341 0.989-4.522 3.116-6.574 5.313-1.909 2.033-3.15 4.217-3.784 6.661l-0.16 0.734c-0.543 2.447-1.157 5.217-1.176 6.868l0.114 32.409-0.11 26.531c8.627 4.255 15.385 10.968 19.864 19.711h61.938c0.821-0.213 1.55-0.394 2.116-0.53l0.179-0.044c1.628-0.403 3.312-0.819 4.244-1.213 2.295-0.965 4.489-3.102 6.514-5.262 1.927-2.057 3.177-4.258 3.81-6.718l0.155-0.714c0.542-2.446 1.157-5.217 1.176-6.868l-0.114-32.409z"/> </g> </g> <g display="none"> <path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/> </g> <g display="none"> <path d="m3.0159 5.4998c-0.20042-1.5176-1.0412-2.293-2.4388-2.5024 1.4079-0.18484 2.2189-0.98287 2.4397-2.4973 0.2134 1.4742 1.0131 2.2844 2.406 2.4986-1.4017 0.21258-2.1865 1.0303-2.4069 2.5011z" clip-rule="evenodd" fill-rule="evenodd" stroke-width=".049221"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="stamp"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(.06 0 0 .06 0 0)"> <polygon points="100 62.791 96.309 56.396 100 50 96.309 43.604 100 37.208 96.309 30.813 100 24.418 96.309 18.023 100 11.627 96.309 5.231 98.409 1.59 94.77 3.693 88.374 0 81.979 3.693 75.583 0 69.188 3.693 62.791 0 56.396 3.693 50 0 43.604 3.693 37.208 0 30.813 3.693 24.418 0 18.023 3.693 11.627 0 5.231 3.693 1.591 1.591 3.693 5.231 0 11.627 3.693 18.023 0 24.418 3.693 30.813 0 37.208 3.693 43.604 0 50 3.693 56.396 0 62.791 3.693 69.188 0 75.583 3.693 81.979 0 88.374 3.693 94.77 1.59 98.409 5.231 96.309 11.627 100 18.023 96.309 24.418 100 30.813 96.309 37.208 100 43.604 96.309 50 100 56.396 96.309 62.791 100 69.188 96.309 75.583 100 81.979 96.309 88.374 100 94.77 96.309 98.409 98.409 96.309 94.77 100 88.374 96.309 81.979 100 75.583 96.309 69.188"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="emblema"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g display="none"> <g transform="matrix(.061224 0 0 .061224 -.097889 -.16497)" display="inline"> <path d="m99 31.456c-1.179 0.562-1.929 0.943-2.695 1.282-3.125 1.384-6.182 1.663-9.084-0.59-0.665-0.518-1.405-0.937-2.073-1.453-7.914-6.13-15.764-12.349-23.751-18.385-6.346-4.795-13.308-8.473-21.125-10.234-2.706-0.609-5.519-0.743-8.144-1.076 0.239 2.232 0.713 4.115 0.586 5.957-0.316 4.604-2.625 8.437-5.386 11.961-5.139 6.558-10.543 12.912-15.54 19.573-5.119 6.822-8.792 14.399-10.106 22.94-0.348 2.268-0.447 4.574-0.682 7.09 1.469-0.644 2.469-1.167 3.524-1.528 2.892-0.99 5.635-1.211 8.247 0.996 6.021 5.084 12.144 10.047 18.232 15.054 9.066 7.457 18.731 13.731 30.699 15.377 2.176 0.298 4.386 0.375 6.858 0.58-0.566-1.209-0.991-1.998-1.311-2.827-0.964-2.513-1.83-5.127-0.141-7.599 1.678-2.453 3.603-4.749 5.481-7.064 5.165-6.374 10.546-12.585 15.496-19.12 5.685-7.503 9.497-15.911 10.561-25.393 0.199-1.735 0.229-3.489 0.354-5.541z"/> </g> </g> <g display="none"> <path d="m-0.13234 6.0895h5.999v-6l-4.3421 0.0017c-0.91398-6e-5 -1.6579 0.73086-1.6579 1.6282v2.7317c0 0.28092 0 0.69048 9.6e-4 1.0303v0.60816z" display="inline" stroke-width=".06"/> </g> <g display="none"> <path d="m0 1.6384v2.7308c0 0.14046 0.01782 0.27672 0.0525 0.40626 0.07536 0.2868 0.22764 0.54246 0.43416 0.74514 0.03726 0.03702 0.07704 0.07236 0.1176 0.10512 0.28602 0.23298 0.65418 0.3726 1.0537 0.3726l4.3421 0.00168v-4.3616c0-0.89826-0.74382-1.6283-1.6578-1.6283h-2.6843l-1.657-0.01008s-9e-4 1.0766-9e-4 1.6384z" stroke-width=".06"/> </g> <g display="none"> <path d="m1.8e-4 5.9996c0.35296-1.9959 0.35296-4.0028-1.8e-4 -5.9996 1.0003 0.17729 2.0038 0.26674 3 0.26674 0.996 0 1.9991-0.0894 2.9998-0.2668-0.35314 1.996-0.35314 4.0027 1.8e-4 5.9996-1.0003-0.17729-2.0038-0.2668-3-0.2668-0.99606 0-1.9993 0.08946-2.9998 0.2668z" stroke-width=".059996"/> </g> <g display="none"> <g transform="matrix(.061224 0 0 .061224 -.061224 -.061224)"> <path d="m16.68 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.021-14.782 15.68-14.782z"/> <path d="m83.32 1c8.659 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.021 14.782-15.68 14.782-8.661 0-15.68-6.618-15.68-14.782v-68.436c1e-3 -8.163 7.019-14.782 15.68-14.782z"/> <path d="m50 1c8.661 0 15.68 6.619 15.68 14.782v68.436c0 8.164-7.019 14.782-15.68 14.782s-15.68-6.618-15.68-14.782v-68.436c0-8.163 7.019-14.782 15.68-14.782z"/> </g> </g> <g display="none"> <path d="m4.7506 5.9354c-0.26389 0.058019-0.53552 0.048719-0.80373 0.051299-0.14389 8.4e-4 -1.6653-0.00258-1.6653 0.00336h-0.00168c-0.017041-8.399e-4 -0.14731-8.399e-4 -0.23155 0h-0.0051c-0.33973-8.399e-4 -0.67856-0.00252-1.0182-0.00168-0.21541 0-0.43082 9e-4 -0.64532 0.00342-0.092823 8.4e-4 -0.30055 0.041219-0.35671-0.064739-0.028921-0.054659-0.015301-0.12366-0.0076803-0.18084 0.01278-0.097498 0.026401-0.19422 0.039181-0.29171 0.025561-0.19422 0.051062-0.38849 0.072363-0.58355 0.042542-0.40277 0.053642-0.80381 0.054482-1.2091 0-0.54485-0.022141-1.088-0.11748-1.627-0.080883-0.45401-0.126-0.91312 0.12516-1.326 0.19327-0.31613 0.52022-0.54317 0.88545-0.62051 0.24691-0.051299 0.51002-0.053819 0.76029-0.067259 0.28093-0.01428 0.56276-0.02016 0.84375-0.02106 0.56258-8.3999e-4 1.1253 0.0219 1.6864 0.052139 0.23497 0.0126 0.4844 0.00504 0.71174 0.072299 0.17371 0.051299 0.33199 0.14466 0.46142 0.26904 0.30901 0.29765 0.4325 0.72899 0.44954 1.1444 0.0111 0.26574 8.401e-4 0.53225 0.0051 0.79709 0.00342 0.28002 6e-3 0.55997 0.00678 0.83999 9.001e-4 0.27912 9.001e-4 0.55907-0.00168 0.83909-0.00168 0.243 0.0111 0.49271-0.028921 0.73319-0.063002 0.37247-0.26899 0.69707-0.58232 0.91396-0.19069 0.13212-0.40867 0.22464-0.63596 0.2742z" stroke-width=".06"/> </g> <g display="none"> <g transform="matrix(.059999 0 0 .06 -.0070199 -1.6305e-6)"> <path d="m100.11 9.15c-1.488 0.196-1.372-3.001-1.583-5.262l-1.567 0.406c1.156-0.47-0.028-1.336-1.721-1.639-4.87-0.563-3.902 3.094-7.679 1.2 0.549 0.04 0.64-0.193 1.197-0.155l-1.942-0.833c-0.41 3.951-11.443-2.518-11.86 1.438-2.773-1.596-0.195-0.952 3.361-2.82l-5.088 0.367c0.063 0.04-1.837 0.418-0.761 0.095-3.868-1.666-1.126 0.345-3.219 1.378-1.481-0.571 1.156-2.969-3.05-2.317-5.944 0.772 1.129 2.886-2.443 3.352l-2.585-2.048c-4.559 1.565-7.969 0.115-11.815-0.144-0.872 0.164-1.296 0.376-1.51 0.598-4.091-0.887-8.58 2.001-11.662 1.329 0.719-0.421-1.765-0.317-2.138-0.813l-5.567 1.267c2.459-0.537 2.354-1.715 2.806-2.858-1.744 0.121-2.559 0.767-3.744 0.918 0.722-0.415 1.452-0.838 0.532-1.366l-5.842 1.947c0.339 0.2 1.014 0.276 1.574 0.328-1.459 0.013-4.617 0.754-6.708-0.206 0.185-0.452 0.903-0.875 1.084-1.334 1.753 1.294 2.752 0.191 3.662-0.688-4.033 0.201-1.005-0.3-2.944-1.135-2.845 0.045-4.015 2.909-3.266 3.899-3.211-0.449-4.231-1.187-7.516 0l0.625-2.473-3.014-0.436 2.444-1.008c-5.443-1.025-1.585 4.044-6.47 3.891-0.193 2.252-0.112 5.314-1.57 5.122 0.091 1.272 0.079 2.428-0.01 3.372 0.576 0.548 1.083 0.542 1.274-2.258l1.301 4.665c5.275 2.589-0.442 12.431 1.257 19.496-0.203-0.499-0.486-0.628-0.649-0.689 1.689 6.275-1.423 14.073-0.581 15.53l-1.449 0.559c2.225 5.367 2.414 6.002 1.514 12.402-0.233-0.081-0.651-0.821-0.954 0.19 1.071 1.537 2.141 3.086 1.845 7.469l-0.455-0.183 0.238 6.856c-4.464-0.051 2.732 11.738-2.11 13.803 0.883 0.906 1.356 3.498 1.763 5.77 2.66 0.833 0.273 4.632 5.056 3.731l-2.444-1.009 3.014-0.436-0.625-2.473c3.285 1.187 4.305 0.448 7.516 0-0.749 0.99 0.421 3.854 3.266 3.899 1.939-0.836-1.089-1.337 2.944-1.136-0.91-0.879-1.909-1.982-3.662-0.688-0.181-0.458-0.899-0.882-1.084-1.334 2.091-0.96 5.249-0.218 6.708-0.206-0.56 0.053-1.235 0.129-1.574 0.329l5.843 1.947c0.919-0.528 0.19-0.952-0.532-1.367 1.185 0.151 2 0.797 3.744 0.918-0.452-1.143-0.347-2.32-2.806-2.857l5.567 1.267c0.373-0.496 2.857-0.393 2.138-0.813 3.083-0.672 7.571 2.216 11.662 1.329 0.214 0.223 0.639 0.435 1.51 0.599 3.847-0.259 7.257-1.709 11.815-0.144l2.585-2.049c3.572 0.466-3.501 2.581 2.443 3.353 4.206 0.652 1.568-1.746 3.05-2.316 2.093 1.032-0.649 3.044 3.219 1.377-1.076-0.323 0.824 0.056 0.761 0.096l5.088 0.367c-3.557-1.869-6.135-1.225-3.361-2.82 0.417 3.955 11.45-2.514 11.86 1.438l1.942-0.833c-0.558 0.038-0.648-0.195-1.197-0.155 3.776-1.894 2.809 1.764 7.679 1.2 0.757-0.135 1.397-0.385 1.788-0.661 0.05-0.275 0.1-0.561 0.152-0.849-0.065-0.044-0.123-0.09-0.22-0.129l0.231 0.06c0.394-2.178 0.862-4.546 1.697-5.403-4.842-2.064 2.354-13.854-2.109-13.803l0.238-6.856-0.455 0.183c-0.296-4.383 0.774-5.932 1.845-7.469-0.303-1.012-0.721-0.271-0.953-0.19-0.9-6.399-0.711-7.035 1.515-12.402l-1.449-0.559c0.841-1.457-2.271-9.255-0.582-15.53-0.163 0.061-0.446 0.19-0.648 0.689 1.699-7.065-4.02-16.908 1.256-19.497l1.301-4.665c0.189 2.801 0.696 2.806 1.275 2.257-0.091-0.944-0.103-2.1-0.012-3.372z"/> </g> </g> <g display="none"> <path d="M 6,3 C 6,2.5200612 5.6681633,2.1187347 5.2216531,2.01 5.6681633,1.9013265 6,1.4999388 6,1.02 6,0.4566122 5.5433265,0 4.98,0 4.5001224,0 4.0986735,0.331898 3.99,0.77834688 3.8813265,0.331898 3.4798776,0 3,0 2.5200612,0 2.1186735,0.331898 2.01,0.77828568 1.9013265,0.331898 1.4999388,0 1.02,0 0.4566122,0 0,0.4566122 0,1.02 0,1.4999388 0.331898,1.9013265 0.7783469,2.01 0.331898,2.1187347 0,2.5200612 0,3 0,3.4798776 0.331898,3.8813265 0.7783469,3.99 0.331898,4.0986735 0,4.5001224 0,4.98 0,5.5433265 0.4566122,6 1.02,6 1.4999388,6 1.9013265,5.6681633 2.01,5.2216531 2.1186735,5.6681633 2.5200612,6 3,6 3.4798776,6 3.8813265,5.6681633 3.99,5.2216531 4.0986735,5.6681633 4.5001224,6 4.98,6 5.5433265,6 6,5.5433265 6,4.98 6,4.5001224 5.6681633,4.0986735 5.2216531,3.99 5.6681633,3.8813265 6,3.4798776 6,3 Z" stroke-width=".061224"/> </g> <g transform="scale(.06)"> <path d="m99.996 19.713c-8.638-4.26-15.396-10.976-19.868-19.713h-61.913c-0.803 0.206-1.532 0.384-2.137 0.531l-0.179 0.044c-1.626 0.402-3.309 0.818-4.205 1.198-2.341 0.989-4.522 3.116-6.574 5.313-1.909 2.033-3.15 4.217-3.784 6.661l-0.16 0.734c-0.543 2.447-1.157 5.217-1.176 6.868l0.114 32.409-0.11 26.531c8.627 4.255 15.385 10.968 19.864 19.711h61.938c0.821-0.213 1.55-0.394 2.116-0.53l0.179-0.044c1.628-0.403 3.312-0.819 4.244-1.213 2.295-0.965 4.489-3.102 6.514-5.262 1.927-2.057 3.177-4.258 3.81-6.718l0.155-0.714c0.542-2.446 1.157-5.217 1.176-6.868l-0.114-32.409z"/> </g> <g display="none"> <path d="M 1.63326,6 H 4.3683 C 5.26782,6 6,5.25624 6,4.3422 V 1.6578 C 6,0.74382 5.26782,0 4.3683,0 H 0 L 0.00252,4.3422 C 0.00252,5.25624 0.73374,6 1.63326,6 Z" stroke-width=".06"/> </g> <g display="none"> <path d="m3.0159 5.4998c-0.20042-1.5176-1.0412-2.293-2.4388-2.5024 1.4079-0.18484 2.2189-0.98287 2.4397-2.4973 0.2134 1.4742 1.0131 2.2844 2.406 2.4986-1.4017 0.21258-2.1865 1.0303-2.4069 2.5011z" clip-rule="evenodd" fill-rule="evenodd" stroke-width=".049221"/> </g></svg>
                </label><label class="btn btn-light p-1">
                    <input type="radio" name="marker_in" value="lego"  class="btn-check">
                    <svg width="38" height="38" viewBox="0 0 6 6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><g style="opacity:0.7;">
	<rect width="6" height="6"/>
	<path d="M5.75,0.25v5.5h-5.5v-5.5H5.75 M6,0H0v6h6V0L6,0z"/>
</g>
<path d="M1.61,0.88c0.43,0,0.79,0.35,0.79,0.79S2.04,2.45,1.61,2.45S0.83,2.1,0.83,1.67S1.18,0.88,1.61,0.88 M1.61,0.63
	c-0.57,0-1.04,0.46-1.04,1.04S1.04,2.7,1.61,2.7s1.04-0.46,1.04-1.04S2.18,0.63,1.61,0.63L1.61,0.63z"/>
<path d="M4.39,0.88c0.43,0,0.79,0.35,0.79,0.79S4.82,2.45,4.39,2.45S3.6,2.1,3.6,1.67S3.96,0.88,4.39,0.88 M4.39,0.63
	c-0.57,0-1.04,0.46-1.04,1.04S3.82,2.7,4.39,2.7s1.04-0.46,1.04-1.04S4.96,0.63,4.39,0.63L4.39,0.63z"/>
<path d="M1.63,3.59c0.43,0,0.79,0.35,0.79,0.79S2.06,5.16,1.63,5.16S0.85,4.81,0.85,4.38S1.2,3.59,1.63,3.59 M1.63,3.34
	c-0.57,0-1.04,0.46-1.04,1.04s0.46,1.04,1.04,1.04s1.04-0.46,1.04-1.04S2.2,3.34,1.63,3.34L1.63,3.34z"/>
<path d="M4.37,3.59c0.43,0,0.79,0.35,0.79,0.79S4.8,5.16,4.37,5.16S3.58,4.81,3.58,4.38S3.94,3.59,4.37,3.59 M4.37,3.34
	c-0.57,0-1.04,0.46-1.04,1.04S3.8,5.41,4.37,5.41S5.4,4.95,5.4,4.38S4.94,3.34,4.37,3.34L4.37,3.34z"/>
<path d="M5.75,0.25v5.5h-5.5v-5.5H5.75 M6,0H0v6h6V0L6,0z"/></svg>
                </label></div>            </div>
        </div>
    </div>
</div> 
            </div>
       </div>

       <!--div class="row px-2">

            <div class="col-md-4 pr-0">



               <div class="custom-control custom-switch d-none d-md-block" style="padding:5px 0 10px 0;" id="open-scan-analytics">
                   <img src="https://cdn.qrplanet.com/img/generator/checkbox-pie.svg" width="40" height="40" alt="pie chart" />

                   <input type="checkbox" class="custom-control-input" id="analytics" aria-label="enable-statistics" name="scan-analytics">
                       <label class="custom-control-label" style="margin:10px 0 0 40px;" for="scan-analytics">

                           Scan Analytics</label> 

               </div>  
           </div>

           <div class="col-md-4">



               <div class="custom-control custom-switch d-none d-md-block" style="padding:5px 0 10px 0;" id="open-cmyk">
                   <img src="https://cdn.qrplanet.com/img/generator/checkbox-cmyk.svg" width="40" height="40" alt="alt"/>      
                   <input type="checkbox" class="custom-control-input" id="switchcmyk" aria-label="enable-cmyk" name="cmyk">
                       <label class="custom-control-label" style="margin:10px 0 0 40px;" for="cmyk">

                           CMYK Colors</label> 

               </div>  
           </div>
           


           <div class="col-md-4 pr-0">
               <div class="custom-control custom-switch " style="padding:5px 0 10px 0;" id="advanced-tabs">
                   <span> <img src="https://cdn.qrplanet.com/img/generator/color-circle.svg" width="40" height="40" alt="color design pencil"></span>

                   <input type="checkbox" class="custom-control-input" id="advancedsettings" aria-label="advance-settings" name="advancedsettings">
                       <label class="custom-control-label" style="margin:10px 0 0 40px;" for="advancedsettings">

                           Advanced Design</label> 

               </div>
           </div>
       </div-->
       <div  id="collapsAdvancedSettings">






           <div class="accordion-item d-grid">
            <button id="bguploadbutton" 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="#collapsePhoto" data-target="#collapsePhoto">
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24"><path d="M19.235,1.75H4.765c-1.662,0-3.015,1.352-3.015,3.015v14.471c0,1.662,1.352,3.015,3.015,3.015h14.471  c1.662,0,3.015-1.352,3.015-3.015V4.765C22.25,3.102,20.898,1.75,19.235,1.75z M21.044,19.235c0,0.997-0.811,1.809-1.809,1.809  H4.765c-0.997,0-1.809-0.811-1.809-1.809v-2.181l4.866-5.407l6.573,5.975l3.635-3.029l3.015,2.512V19.235z M21.044,15.536  l-3.015-2.512l-3.601,3L7.737,9.94l-4.781,5.312V4.765c0-0.997,0.811-1.809,1.809-1.809h14.471c0.997,0,1.809,0.811,1.809,1.809  V15.536z"/><path d="M16.221,10.794c1.662,0,3.015-1.352,3.015-3.015s-1.352-3.015-3.015-3.015c-1.662,0-3.015,1.352-3.015,3.015  S14.558,10.794,16.221,10.794z M16.221,5.971c0.997,0,1.809,0.811,1.809,1.809s-0.811,1.809-1.809,1.809s-1.809-0.811-1.809-1.809  S15.223,5.971,16.221,5.971z"/></svg> <span class="vertical-middle">Background</span>
            </button>
            <div class="collapse   p-2" id="collapsePhoto">
                   <div class="col-12 mb-2 text-center">


                    <div class="image-editor">

                        <div class="custom-control custom-switch d-none negative-code">
                            <input type="checkbox" class="custom-control-input" id="negative-qr" name="negative_qr">
                                <label class="custom-control-label" for="negative-qr">Masked background</label>
                        </div>


                        <button title="Background" type="button" class="btn btn-primary select-image-btn rounded-0" id="uploadbg"><i class="fa fa-upload"></i> Upload image</button>

                        <input type="file" class="cropit-image-input nopreview">
                            <div class="cropit-preview mx-auto"></div>

                            <div class="form-group zoom">

                                <input type="range" class="cropit-image-zoom-input qrcdr-slider-input nopreview">
                            </div>

                            <button type="button" id="image-submit" class="btn btn-primary export-bg-image d-none rounded-0"><i class="fa fa-check"></i> Set as background</button>
                            <button type="button" id="image-remove" class="btn btn-primary remove-bg-image d-none rounded-0"><i class="fa fa-close"></i> Remove</button>




                    </div>
                    <input id="bg_image" type="hidden" name="bg_image">




                </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="#collapseOptions" data-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">
                
                <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" selected>600</option><option value="28" >700</option><option value="32" >800</option>                            </select>
                        </div>
                        <div class="col-sm-6">
                            <label> Error Correction Level</label>
                            <select name="level" class="form-select custom-select">
                                <option value="L" >
                                    L - Smallest                                </option>
                                <option value="M" selected>
                                    M - Medium                                </option>
                                <option value="Q" >
                                    Q - High                                </option>
                                <option value="H" >
                                    H - Best                                </option>
                            </select>

                            <div class="custom-control custom-switch mt-2">
                                <input type="checkbox" class="custom-control-input" id="supersafe" name="supersafe">
                                    <label class="custom-control-label" for="supersafe"> Improve scanability <span class="fa fa-info-circle" data-toggle="tooltip" data-original-title="Activate this option if you are having problems reading your code. Error correction level will be set to H and corner module will be square "></span></label>
                            </div>


                        </div>
                    </div>
                </div> 
            </div>
        </div>
    </div>
</div>
<!-- Modals -->
<style>
    #cmyk ul.li-green > li{padding-left:48px}
    #cmyk ul.li-green > li strong{padding-left:0px}
</style>
<div class="modal fade" id="cmyk" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg text-center">
        <div class="modal-content">
            <div class="modal-header py-2 px-2 border-0">
                <button type="button" class="close trans" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                    <svg width="31" height="31" viewBox="0 0 31 31"  xmlns="http://www.w3.org/2000/svg">
                    <circle id="Ellipse 5" class="iconcolor" cx="15.5" cy="15.5" r="15.5" fill="#40a1f8"></circle>
                    <rect id="Rectangle 13" x="7.01416" y="21.4656" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-45 7.01416 21.4656)" fill="white"></rect>
                    <rect id="Rectangle 14" x="21.4512" y="23.5156" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-135 21.4512 23.5156)" fill="white"></rect>
                    </svg></span>
                </button>
            </div>
            <div class="modal-body"> 

                 <div class="row pb-2">
                        <div class="col-12 pb-4"><h3>Professional printing file formats</h3>
                         <h4>Ready to use QR Codes for commercial use</h4>
                        </div>
                        <div class="col-md-6">
                            <img alt="rgb svg pdf cmyk color palette" class="lazyload" width="352" height="213" src="https://cdn.qrplanet.com/img/blank.png"  data-src="https://cdn.qrplanet.com/img/vector-png-svg-cmyk-rgb.png" />
                        </div>
                        <div class="col-md-6 align-middle">
                           
                            <ul class="list-unstyled li-green">
                                <li>Use <strong>RBG</strong> or <strong>CMYK</strong> color models</li>
                                <li>Download Design QR Codes in print-ready scalable vector formats like <strong>SVG</strong>, <strong>PDF</strong> or <strong>EPS</strong></li>
                                <li>Mass create your QR Codes with just one click using our <strong>batch generator</strong></li>                            </ul>
                        </div>
                    </div>
            </div>
            <div class="border-0 text-center py-5 px-5 modal-show-after-download" style="margin-top:-40px">
                <a class="btn-lg btn-primary rounded-pill btn-block" target="_blank" href="/starter/register">Sign Up</a>
            </div>
        </div>
    </div>
</div>

 
<style>
.modal ul.li-green > li{font-weight:normal;padding-left:36px}
#dynamicqr strong{padding-left:14px}
.modal h4{line-height: 0.8;color: #848383;font-weight: normal;font-size: 21px;}
</style>
<div class="modal fade" id="dynamicqr" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg text-center">
        <div class="modal-content">
            <div class="modal-header py-2 px-2 border-0">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><svg width="31" height="31" viewBox="0 0 31 31"  xmlns="http://www.w3.org/2000/svg">

                            <circle id="Ellipse 5" class="iconcolor" cx="15.5" cy="15.5" r="15.5" fill="#21775e"></circle>

                            <rect id="Rectangle 13" x="7.01416" y="21.4656" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-45 7.01416 21.4656)" fill="white"></rect>
                            <rect id="Rectangle 14" x="21.4512" y="23.5156" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-135 21.4512 23.5156)" fill="white"></rect>

                        </svg></span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row pb-2">
                    <div class="col-12 pb-4"><h3>Dynamic QR Codes</h3>
                        <h4>for professional marketing campaings</h4>
                    </div>
                    <div class="col-md-6">
                        <img alt="scan track redirect" class="lazyload" width="352" height="183" src="https://cdn.qrplanet.com/img/blank.png"  data-src="https://cdn.qrplanet.com/img/svg/analytics.svg" />
                    </div>
                    <div class="col-md-6">
                        <ul class="list-unstyled  li-green">
                            <li><strong>Change the target URL</strong> of a dynamic QR Code anytime without printing the QR Code again.</li>
                                <li><strong>Obtain analytics</strong> about the number of unique visitors, total number of scans, device information and scan time.</li>
                                <li><strong>GDPR/CCPA compliant tracking</strong> as no personal data is processed or stored by us during tracking process.</li>                        </ul>
                    </div>
                </div>
            </div>
            <div class="border-0 text-center py-5 px-5 modal-show-after-download" style="margin-top:-40px">
                <a class="btn-lg btn-primary rounded-pill btn-block" target="_blank" href="/starter/register">Sign Up</a>
            </div>
        </div>
    </div>
</div>

<style> 
#scan-analytics strong{padding-left:14px}
</style>
<div class="modal fade" id="scan-analytics" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg text-center">
        <div class="modal-content">
            <div class="modal-header py-2 px-2 border-0">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        <svg width="31" height="31" viewBox="0 0 31 31"  xmlns="http://www.w3.org/2000/svg">
                            <circle id="Ellipse 5" class="iconcolor" cx="15.5" cy="15.5" r="15.5" fill="#40a1f8"></circle>
                            <rect id="Rectangle 13" x="7.01416" y="21.4656" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-45 7.01416 21.4656)" fill="white"></rect>
                            <rect id="Rectangle 14" x="21.4512" y="23.5156" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-135 21.4512 23.5156)" fill="white"></rect>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row pb-2">
                    <div class="col-12 pb-4"><h3>QR Code Tracking</h3> <h4>Real time data about your scans</h4></div>
                    
                        <div class="col-md-6">
                            <img alt="QR Code Analytics" class="lazyload" width="352" height="186" src="https://cdn.qrplanet.com/img/blank.png"  data-src="https://cdn.qrplanet.com/img/qr-code-tracking-uv-en.svg" />
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled  li-green">
                                <li><strong>Detailed scan statistics</strong> with unique visitors, device, browser and referral information</li>
                                <li><strong>Location Tracking</strong> of each scan including country, city and optional GPS coordinates</li>
                                <li><strong>Google Analytics</strong> integration or conncect your scan data to other third party tracking services</li>                            </ul>
                        </div>
                   
                </div>
                <div class="border-0 text-center py-5 px-5 modal-show-after-download" style="margin-top:-40px">
                    <a class="btn-lg btn-primary rounded-pill btn-block" target="_blank" href="/starter/register">Sign Up</a>
                </div>
            </div>
        </div>
    </div>
</div>
                             </div><!-- main-col open at tabnav -->
                        </div> <!-- row -->
                    </div><!-- col sm12-->                    
                </form>
            </div> <!-- row -->
<style>
    #vote {
       color: #000;
       background-image: linear-gradient(
        to right,
        #04DA8D,
        #04DA8D,
        #04DA8D,
        #04DA8D
      );
   }
    
   #our-service-five-stars {
       display: flex;
        position: fixed;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        z-index: 9999;
        background: #fff;
        padding: 20px 50px;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        transition: opacity 0.6s ease;
      }

   #our-service-five-stars.fade-out {
        opacity: 0;
        pointer-events: none;
      }
      
      #our-service-five-stars.fade-in {
        opacity: 1;               /* Sichtbar */
        pointer-events: auto; 
      }
      
    #star-rating-container {
        color: #fbbc04;
        clip-path: polygon(6px 0,4.31px 3.98px,0 4.34px,3.28px 7.18px,2.29px 11.4px,6px 9.16px,9.71px 11.4px,8.72px 7.18px,12px 4.34px,7.69px 3.98px,6px 0,20px 0,18.31px 3.98px,14px 4.34px,17.28px 7.18px,16.29px 11.4px,20px 9.16px,23.71px 11.4px,22.72px 7.18px,26px 4.34px,21.69px 3.98px,20px 0,34px 0,32.31px 3.98px,28px 4.34px,31.28px 7.18px,30.29px 11.4px,34px 9.16px,37.71px 11.4px,36.72px 7.18px,40px 4.34px,35.69px 3.98px,34px 0,48px 0,46.31px 3.98px,42px 4.34px,45.28px 7.18px,44.29px 11.4px,48px 9.16px,51.71px 11.4px,50.72px 7.18px,54px 4.34px,49.69px 3.98px,48px 0,62px 0,60.31px 3.98px,56px 4.34px,59.28px 7.18px,58.29px 11.4px,62px 9.16px,65.71px 11.4px,64.72px 7.18px,68px 4.34px,63.69px 3.98px,62px 0);
        display: inline-block;
        width: 68px;
        height: 11.4px;
        background: linear-gradient(to right, currentcolor 70px, #23468a 0%);
      }
      
      #star-rating-container {
        transform: scale(2); /* 2 = doppelte Größe */
      }

    #close-stars {
      position: absolute;
      top: 10px; right: 10px;
      border: none; background: transparent;
      padding: 0; cursor: pointer;
      line-height: 0;
      /* keine opacity hier! */
    }

    #close-stars svg {
      display: block;
      opacity: .6;
      transition: opacity .3s ease;
    }

    #close-stars:hover svg,
    #close-stars:focus-visible svg {
      opacity: 1;
    }
    
    #close-stars:focus {
        outline: none;   /* entfernt den blauen Rahmen */
        box-shadow: none; /* falls Browser stattdessen Box-Shadow nutzt */
      }

      /*   .star-rating-website {
        font-size: 23px;
        font-family: serif;
        cursor: pointer;
        color: gold;  Standard gelb 
      }
    */
   /*#vote {background-image: linear-gradient(to right, #ff8383, #ff4d4c, #ff4d4c, #ff8383);}*/
     @media (max-width:480px){  
        #our-service-five-stars {
            display: none;
/*            position: fixed;
            top: auto; 
            bottom: 50px;
            right: 0;
            left: 0;
            z-index: 9999;
            background: #fff;
            padding: 15px;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            transition: opacity 0.6s ease;
            width: 100%;
           */
          } 
    }
</style>
<link href="https://cdn.qrplanet.com/css/fonts/fontawesome6/css/all.min.css?v=1.53" rel="stylesheet" />

<!--         stars start   -->

        <div id="our-service-five-stars" class="pt-3 flex-column align-items-center d-none" lang="en">
              <button id="close-stars" class="close-btn" aria-label="Close">
                    <svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg">
                        <circle cx="15.5" cy="15.5" r="15.5" fill="#04DA8D"></circle>
                        <rect x="7.01416" y="21.4656" width="20.437" height="2.91958" rx="1.45979"
                              transform="rotate(-45 7.01416 21.4656)" fill="white"></rect>
                        <rect x="21.4512" y="23.5156" width="20.437" height="2.91958" rx="1.45979"
                              transform="rotate(-135 21.4512 23.5156)" fill="white"></rect>
                    </svg>
              </button>
            
            <p class="my-3" style="font-size: 20px; text-align: center;">How do you like our service?</p>

            <button class="btn button btn-primary btn-lg" id="vote">Leave a review</button>
            <div class="trustpilot-star">
                <img src="/proxy/qrcdr/images/watermarks/trustpilot_star.svg" 
                     alt="Trustpilot Stern" 
                     style="height:20px;" />
            </div>
        </div>

<!--         stars end   -->

<script>
document.addEventListener("DOMContentLoaded", function () {
    const container = document.getElementById("our-service-five-stars");
    const voteBtn   = document.getElementById("vote");
    const generateBtn = document.getElementById("generate-qrcode");

    // Cookie-Helfer
    function getCookie(name) {
        let match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
        return match ? match[2] : null;
    }

    function setCookie(name, value, days) {
        let d = new Date();
        d.setTime(d.getTime() + (days*24*60*60*1000));
        document.cookie = name + "=" + value + ";expires=" + d.toUTCString() + ";path=/";
    }

    // Beim Klick auf QR-Code-Button anzeigen (falls Cookie nicht gesetzt)
    generateBtn.addEventListener("click", function () {
        const isMobile = window.matchMedia("(max-width: 480px)").matches;
        
         if (getCookie('serviceRated') !== 'yes' && !isMobile) {
            container.classList.add('d-flex');
            container.classList.add('fade-in');
        }
    });

    // Vote-Button → Trustpilot öffnen + ausblenden
    voteBtn.addEventListener("click", function () {
        setCookie("serviceRated", "yes", 365);

        container.classList.add("fade-out");

        setTimeout(() => {
            container.classList.remove("d-flex");
            container.classList.add("d-none");
        }, 600);

        window.open(
            "https://www.trustpilot.com/evaluate/qrplanet.com",
            "_blank",
            "noopener,noreferrer"
        );

   

    });
    
    const closeBtn = document.getElementById("close-stars");

        closeBtn.addEventListener("click", function () {
            container.classList.add("fade-out");

            setTimeout(() => {
                container.classList.remove("d-flex");
                container.classList.add("d-none");
            }, 600);
        });

});
</script>



<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>
</div>
</div></div></div><div class='container ' id=''><div class='row row bluecheck  px-0 mb-0 font-weight-bold  basic' id='generator-checks'><div class='col-md-12  bluecheck bullet-checks  px-0 mb-0  pb-0 text-sm-center' id=''> <ul>
	<li><a href="/help/article/are-qr-codes-for-free">Generate free QR Codes</a></li>
	<li><a href="/help/article/will-my-qr-codes-expire">Unlimited validity</a></li>
	<li><a href="/help/article/are-qr-codes-for-free">For commercial use</a></li>
    <li><a href="/help/article/are-qr-codes-for-free">Without registration</a></li>
	<li><a href="/designer-qr-code-with-embeded-logo">Design & Logo</a></li>
</ul></a></div></div></div></section><section id='reviews-stars-section' class=' ' ><div class='container ' id='reviews-stars-container'><div class='row   basic' id=''><div class='col-md-6  col-6 text-center text-md-right' id=''> <a href='https://www.trustpilot.com/review/qrplanet.com' target='_blank'><img class='lazyload fade-in ' style='height: 65px;' src='https://cms.qrplanet.com/img/fcgjumjyz7s400sgc8.svg' alt=''></a></div><div class='col-md-6  col-6 text-center text-md-left' id='google-review-imags-website'> <a href='https://maps.app.goo.gl/b87dvGjy2nGuRaS48' target='_blank'><img class='lazyload fade-in ' style='height: 65px;' src='https://cms.qrplanet.com/img/v08slkvllm8o8k84sg.svg' alt=''></a></div></div></div></section><style></style><script></script></section><section id='section-customer-logos-with-usecases' class='light-blue mt-3 ' ><div class='container ' id='customer-logos-container'><div class='row   basic' id=''><div class='col-md-12  text-center' id=''> <a href='/blog/category/use-cases' target='_blank'><span class='pretitle pt-3 mb-0'><i class='side-icon d-none d-sm-block fa-solid fa-puzzle-piece'></i><i class='fa-solid fa-puzzle-piece'></i> Application examples from practice</span></a></div></div><div class='row text-center  basic' id=''><div class='col-md-12 ' id=''> <h3>Best practice: How companies use our platform</h3></a></div></div></div></section><section id='customer-logos-qr-code-section' class='light-blue d-flex justify-content-center pt-0 ' ><div class='container unset-max-width' id='customer-logos-qr-code-container'><div class='row cl-qr-row  basic' id=''><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/386rtoqc41s00cock8.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1">
<p class="heading-art font-weight-bold">Efficient and measurable customer communication with QR Codes</p>
<a class="best-practice-btn text-white" href="/blog/article/magenta-moments">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/8c7dpeuupu044oo88w.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1">
<p class="heading-art font-weight-bold">More contacts, less paper. Gewista relies on digital business cards from QR Planet</p>
<a class="best-practice-btn text-white" href="/blog/article/case-study-gewista">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/1m3qm3v9ccn4000gkw.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1">
<p class="heading-art font-weight-bold">How NÖM is digitally expanding regional ties in retail with QR Codes</p>
<a class="best-practice-btn text-white" href="/blog/article/how-noem-is-digitally-expanding-regional-ties-in-retail-with-qr-codes">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/h0k5j8fl4g00ok888.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1">
<p class="heading-art font-weight-bold">In the Salzkammergut with just one scan to more experience</p>
<a class="best-practice-btn text-white" href="/blog/article/in-the-salzkammergut-with-just-one-scan-to-more-experience">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/351gbj6xydus80gs0w.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1">
<p class="heading-art font-weight-bold">High-quality designer QR Codes in use at the SWICA healthcare organization from Switzerland</p>
<a class="best-practice-btn text-white" href="/blog/article/high-quality-designer-qr-codes-in-use-at-the-swica-healthcare-organization-from-switzerland">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/ys0uc6wj5c040oc08k.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1"><p class="heading-art font-weight-bold">QR Codes on electricity pylons for reliable safety management</p><a class="best-practice-btn text-white" href="/blog/article/qr-codes-on-power-poles-for-reliable-safety-management">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/gm3hhwypxao8c408s0.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1">
<p class="heading-art font-weight-bold">Tickets by QR Code at Wiener Linien</p>
<a class="best-practice-btn text-white" href="/blog/article/public-transport-tickets-via-qr-code">read more</a></div></a></div><div class='  cl-qr-card bg-white' id=''> <img class='lazyload fade-in ' style='' src='https://cms.qrplanet.com/img/arrb9ia6fvkks0o0ko.png' alt=''><div class="d-flex flex-column justify-content-between flex-grow-1"><p class="heading-art font-weight-bold">Digital petrol station invoice with QR Code</p><a class="best-practice-btn text-white" href="/blog/article/digital-invoice-with-qr-code-gas-station">read more</a></div></a></div></div><div class='row scroll-arrow-row  basic' id=''><div class='col-md-12  text-right mb-0 pb-0 scroll-arrow' id='customer-logos-scrollarrows'> <p class="pr-3 pb-0 mb-0 d-none d-md-block"><i class="fa-solid fa-circle-chevron-left fa-2x text-secondary"></i> <i class="fa-solid fa-circle-chevron-right fa-2x"></i></p></a></div></div></div></section><style>.cl-qr-card{width: 300px;padding:14px;border-radius:4px;flex: 0 0 auto;display: flex;flex-direction:column;}.cl-qr-row{display:flex;gap:20px;flex-wrap:nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;padding-bottom:10px; scrollbar-width:none;}.heading-art{padding-top:20px;}.cl-qr-card p{align-self: end;}.best-practice-btn{align-self:end;background-color:#40a1f8; padding: 5px 15px 7px 15px;border-radius:20px;box-shadow:2px 4px 11px 0px rgba(211 211 211 / 92%);font-size:0.91em;}</style><script></script></section><section id='customer-logos-header' class='my-0 pb-0 pt-4 ' ><div class='container ' id=''><div class='row text-center  basic' id=''><div class='col-md-12 ' id='reference-logos'> <h4>Companies for which we have created QR Codes</h4></a></div></div></div></section><section id='customer-logos' class='my-0 pt-4 pb-2 ' ><div class='container unset-max-width slider-container scrollbox' id=''><div class='row d-flex align-items-center flex-nowrap customer-logos-row slider-track  basic' id=''><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/48vjkv67n9usswkkcg.png' alt='nöm logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/9a15vtk9oicc8ckgo8.png' alt='woom logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/esf49kxhn54ogsc4so.png' alt='Miele logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/ac34kg34ljk8w8400.png' alt='Velux logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/1jfgdci9wyzo0g4sg0.png' alt='Mattel logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/3dfpdx8u3sqowwok0s.png' alt='Lego logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2yjw5x1gfdkwso08so.png' alt='Ducati logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/e3np3ky7otck4o0gkg.png' alt='Omni Biotic Logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2zsgh82q1pc0s44ck4.png' alt='Stiegl logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/1htbuvyi7d8kok04s0.png' alt='Biogena One Logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/12j26ztf8hxwocos0g.png' alt='Mc Donald's logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/cs5zwuqyo5k4s0k08s.png' alt='Avanti logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/anrgwvabqs8cs8okg.png' alt='VOR The transport association Logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/12icmm51ttz40g88k0.svg' alt='SW/CA Logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/22xsxdnexnms4k0okg.svg' alt='llaollao Logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/31agyuym9kmcsgc0g0.png' alt='Walmart logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/312flkdp356o0oswo4.png' alt='UBER Logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/9c3srncmspgcwcg0kw.png' alt='Carlsberg logo'></a></div><div class='  customer-logos-item' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/my3wd7qmu9cok0o4o.png' alt='Toyota logo'></a></div><div class='  customer-logos-item' id=''> <a href='' ><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/p2szfsg7ilwc4g08g0.png' alt='APG Logo'></a></div></div></div></section><section id='customer-logos-button' class='my-0 pb-2 pt-0 ' ><div class='container ' id=''><div class='row text-center  basic' id=''><div class='col-md-12 ' id=''> <p style="text-align:"><a href="white-label-qr-code-manager" class="button" >Our offer for agencies</a><br/><small></small></p></a></div></div></div></section><style></style><script></script></section><section id='title' class=' ' ><div class='container ' id=''><div class='row text-center  basic' id=''><div class='col-md-12 ' id=''> <h3>More than 1.000.000 happy users from 197 countries trust us worldwide.</h3></a></div></div><div class='row justify-content-center mt-4 align-items-center w-100  basic' id='references-icons'><div class='col-md-1.5  text-center' id=''> <a href='/gs1-qr-codes-management' ><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/myk0tqg6xc044ogo8.svg' alt=''></a></div><div class='col-md-1.5  text-center' id=''> <a href='/gdpr' target='_blank'><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/hkzg22lhgagwwcgo4g.svg' alt='GDPR'></a></div><div class='col-md-1.5 ' id='tdddg-konform'> <a href='' target='_blank'></a></div><div class='col-md-1.5  text-center' id='references-ccpa'> <a href='/gdpr' target='_blank'><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/mrp37lsos00wcocsso.svg' alt='CCPA'></a></div><div class='col-md-1.5  text-center' id=''> <a href='/blog/article/hetzner-is-our-new-infrastructure-provider' target='_blank'><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/26boiznkyz0g4wos08.svg' alt='ISO 27001 certified data center'></a></div><div class='col-md-1.5  text-center' id=''> <a href='/single-sign-on-sso' target='_blank'><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/f8yay1dd89skc48o4o.svg' alt='Single Sign-On'></a></div><div class='col-md-1.5  text-center col-md-3' id=''> <a href='https://www.g2.com/products/qr-code-generator-qr-planet/reviews' target='_blank'><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/etvwmj8ks9c84k4w0c.svg' alt='G2 5 star review'></a></div><div class='col-md-1.5  text-center' id='high-performer'> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/e9y9ttfap5sggcokk0.svg' alt='G2 Hight Performer Award'></a></div><div class='col-md-1.5  text-center' id='g2-top-25'> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2l3qffip9ick0c8kow.svg' alt='G2 Top 25 Award'></a></div></div></div></section><style></style><script></script></section></section><section id='aga_first_section' class='light-blue mt-3 ' ><div class='container ' id=''><div class='row text-center  header2' id=''><div class='col-md-12  py-4' id=''> <h2>Create a free QR Code without registering in 3 steps</h2></a></div></div><div class='row blue-headers text-center  header3' id='three-clicks'><div class='col-md-4 ' id=''> <h3>Step 1</h3><p>Choose your QR type</p><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/1qm7q5bixg74w0sg4.svg' alt='Step 1 - Select your QR type.'></a></div><div class='col-md-4 ' id=''> <h3>Step 2</h3><p>Customize your QR Code</p><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/7yj0ev1gvroc4kw0gs.svg' alt='Step 2 - Customize your QR code.'></a></div><div class='col-md-4 ' id=''> <h3>Step 3</h3><p>Download your static QR Code</p><img class='lazyload fade-in' src='https://cms.qrplanet.com/img/15evw72mei9wk8wkws.svg' alt='Step 3 - Download your static QR code.'></a></div></div><div class='row   basic' id=''><div class='col-md-12  col-md-auto pt-4 text-center' id=''> <p style="text-align:"><a href="#" class="button" >Create your own QR Code now</a><br/><small></small></p></a></div></div></div></section><section id='qr-codes-for-branchen' class='dark-gradient ' ><div class='container ' id='industries-icons'><div class='row mt-4  header3' id=''><div class='col-md-12  text-center mb-4' id=''> <h3>QR Codes for your industry</h3></a></div></div><div class='row p-0 d-flex align-items-center  basic' id=''><div class='col-md-6 ' id='input-search-column'> <p class="input-icon"><i class="fa-solid fa-search" id="iconWebsiteIndustriesSearch"> </i><input class="w-100 py-3 pr-3 pl-5 shadow border rounded-pill" id="allIndustriesWebsiteSearchInput" placeholder="Search for your industry, e.g., Fitness, Tourism" type="text" /><i class="fa-solid fa-times clear-button" id="clearSearchWebsiteIndustries"> </i></p></a></div><div class='col-md-6  text-center pb-0 mb-0' id='all-industries-btn'> <p style="text-align:"><a href="/qr-codes-for-your-industry" class="button" ><i class='fa-solid fa-industry mr-3'></i> All sectors</a><br/><small></small></p></a></div></div><div class='row horizontal-scroll-row px-0  basic' id=''><div class='col-md-12  pl-0' id=''> <p><div class='horizontal-scroll'><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-hotels'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for hotels' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/33refj5rzd4wwkg8s4.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-hotel'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>HOTELS</span></span></div><span class='invisible'>Hotel, inn, accommodation, lodging, apartment, resort, guesthouse, hospitality, estate hotel, hotels, hostel</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-restaurants'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for restaurants' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/o3xdwm4zscgw04wkk0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-bowl-food'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>RESTAURANTS</span></span></div><span class='invisible'>Restaurant, gastronomy, bar, bistro, dining location, eatery, food truck, menu, gastronomy, catering, asador, party, event, quince</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-real-estate'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for real estate' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/toty03fh8bkkoswk4o.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-house'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>REAL ESTATE</span></span></div><span class='invisible'>Real estate, property, land, building plot, realtor, housing market, construction, estate agency, architecture, real estate agent, developer</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-artists-and-art'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for artists and art objects' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/dhvxw4sicm0c8c0s8.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-masks-theater'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>ARTISTS</span></span></div><span class='invisible'>Art, artist, artwork, art object, exhibitions, painting, visual artist, work of art, exposition</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-the-environment'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for the environment' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/ita0xgdcld4oc0g0sc.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-recycle'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>ENVIRONMENT</span></span></div><span class='invisible'>Climate neutrality, Environmental protection</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-cinemas'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in cinema marketing | Innovative applications' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/q3tz6sh98sg40kk0g0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-film'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CINEMA MARKETING</span></span></div><span class='invisible'>movies, chaplin, gibson, Cinema, Cinemas, Movie theater, Movie theaters, Theater, Theaters, Film screening, Film screenings, Movie, Movies, Film, Films, QR Code ticket, QR Code for movie</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-magazines'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in print media are up to date' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/tby48m3pois4c40kkg.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-newspaper'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>MAGAZINES</span></span></div><span class='invisible'>Newspaper, Newspapers, Press, Printed press, Digital newspaper, Print edition, Online newspaper, QR Code article, QR Code for news</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-publishers'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for publishers: a good solution' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/dico2mlj1lw0g48co8.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-book'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>PUBLISHERS</span></span></div><span class='invisible'>Publisher, Publishers, Publishing house, Publishing houses, Press, Book publisher, Magazine publisher, Digital publisher, Print publisher, QR Code for books, QR Code for magazines</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-code-for-recruiting'><div class='d-flex align-items-start flex-column'><img alt='QR Code for recruiting' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1oyx6v3601z404s4co.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fas fa-user-tie'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>RECRUITING</span></span></div><span class='invisible'>Recruiting, Recruitment, Job posting, Job offer, Job offers, Job advertisement, Career, Careers, Hiring, Application, Applications, Job QR Code, QR Code for job ad</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-agencies-and-authorities'><div class='d-flex align-items-start flex-column'><img alt='The QR Code for public authorities and offices: Informative and useful' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/w7sopfm0c0gcckscws.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-gavel'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>AUTHORITIES AND OFFICES</span></span></div><span class='invisible'>Authority, Authorities, Agency, Agencies, Government office, Government offices, Public administration, Public office, Civil service, State agency, QR Code for public sector</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-sporting-events'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for sporting events and tournaments' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/4u4qtpufrq0w8kwcc.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-running'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>SPORTS EVENTS</span></span></div><span class='invisible'>Sporting event, Sporting events, Sports event, Sports events, Stadium event, Match, Matches, Game, Games, Tournament, Tournaments, Competition, QR Code ticket, QR Code for match</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-marketing'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for advertising | Effective for your marketing' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/mdl2hixvbbk844ocs4.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-arrows-to-eye'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>MARKETING</span></span></div><span class='invisible'>Marketing, Campaign, Campaigns, Promotion, Promotions, Advertising, Ads, Advertisements, QR Code marketing, QR Code campaign, Lead generation, Product marketing</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-music'><div class='d-flex align-items-start flex-column'><img alt='The use of QR Codes in the music sector' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1gtayfymzow04cccs.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-headphones'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>MUSIC</span></span></div><span class='invisible'>Music, Song, Songs, Track, Tracks, Album, Albums, Artist, Artists, Musician, Musicians, Band, Bands, Music release, Streaming, QR Code for music, QR Code for artist</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-e-commerce'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in e-commerce. Wide range of applications' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/193n4mdl2pwkswwcw4.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-laptop'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>E-COMMERCE</span></span></div><span class='invisible'>E-commerce, Online shop, Online shops, Webshop, Webshops, Online store, Online stores, Digital shop, Digital commerce, QR Code for online store, QR shopping, QR checkout</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-wine'><div class='d-flex align-items-start flex-column'><img alt='Clever use of QR Codes in the wine industry' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/iktql16a0rkkwgs4sg.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-wine-glass'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>WINE MERCHANT</span></span></div><span class='invisible'>Wine, winery, wine shop, wine bottle, wine cellar, vinos, bottle, vitivinicultural, bottled, winemaker, bottle, sparkling wine, wine label</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-advertising'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for advertising | Effective for your marketing' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/33u0pss8oow004c88c.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-rectangle-ad'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>ADVERTISING</span></span></div><span class='invisible'>Advertising, Advertisement, Advertisements, Ad, Ads, Commercial, Commercials, Ad campaign, Marketing campaign, QR Code ad, QR Code for advertising</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-in-the-logistics-industry'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in the logistics industry' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/9vqzqgna6ygw4ssgc.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-dolly'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>LOGISTICS SECTOR</span></span></div><span class='invisible'>Logistics, transport, freight forwarding, parcel service, courier service, freight, warehouse, security service, security guard tour, checkpoints, bus, coach, delivery service</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-weddings'><div class='d-flex align-items-start flex-column'><img alt='QR Code for weddings | Innovative solutions' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1auqlqo4jdwk08goos.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-ring'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>WEDDING</span></span></div><span class='invisible'>Wedding, Weddings, Wedding invitation, Wedding invitations, Save the date, RSVP, Bride, Groom, Marriage, Ceremony, QR Code wedding, QR Code invitation</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-salons-and-studios'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for salons and studios' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/50qbwialsicckgkcsw.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-bottle-droplet'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>SALONS AND STUDIOS</span></span></div><span class='invisible'>Hairdresser, cosmetics, beauty salon, barber, beauty parlor, lash studio, beauty studio, hairstylist, hairstyle, styling, make-up, nail salon</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-event-management'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in event management' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/pd9uqtqauwgs4ckkk.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-file-invoice'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>EVENT MANAGEMENT</span></span></div><span class='invisible'>Event, Events, Event management, Event planning, Event organizer, Event organizers, Event agency, Conference, Trade show, Guest list, Check-in, QR Code for events, Ticketing, Entry management</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-service-providers'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for companies in the service industry' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/755t3u9d4a04s0swk8.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-handshake'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>SERVICE PROVIDER</span></span></div><span class='invisible'>Service provider, Service providers, Professional service, Freelancer, Contractors, Agencies, Providers, Local service, QR Code for service provider</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-delivery-services'><div class='d-flex align-items-start flex-column'><img alt='Use QR Codes for delivery services' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/cda431ukfy80ggw0sg.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-shipping-fast'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>DELIVERY SERVICES</span></span></div><span class='invisible'>Delivery service, Delivery services, Courier, Couriers, Parcel delivery, Food delivery, Logistics, Package, Packages, Shipping, QR Code delivery, QR for courier</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-cars'><div class='d-flex align-items-start flex-column'><img alt='QR Codes on cars | Effective & mobile advertising space' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2jis3azevscgccwwc0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-car'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CARS</span></span></div><span class='invisible'>Car, vehicle, garage, automotive, dealership, test drive, workshop, stop, auto repair, car trade, rental car</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-golf-clubs'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for golf clubs' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1s1io0d1o2sgggs4cc.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-golf-ball-tee'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>GOLF CLUBS</span></span></div><span class='invisible'>Golf club, Golf clubs, Golf course, Golf courses, Golf event, Golf booking, Tee time, Golf membership, QR Code golf, QR Code for golf club</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-code-for-educational-institutions'><div class='d-flex align-items-start flex-column'><img alt='Even Harvard uses QR Codes in classrooms' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2vbpwnntqxa80wcwww.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-graduation-cap'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>EDUCATIONAL INSTITUTIONS</span></span></div><span class='invisible'>Education, school, university, college, library, course, teaching, class, further education, learning platform, daycare, certificate, ethics committee</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-fairs'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for trade fairs - optimize your trade fair experience' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1demkconlp0k4s48o4.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-people-group'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>TRADE FAIRS</span></span></div><span class='invisible'>Fair, Fairs, Trade fair, Trade fairs, Expo, Exhibition, Exhibitions, Event, Events, Booth, Booths, QR Code for fairs, QR Code for expo</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-camping-and-outdoor'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for campsites and outdoor sites' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/pd0gofv5juo48owo8o.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-campground'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CAMPSITES</span></span></div><span class='invisible'>Camping, Campsite, Campsites, Campground, Campgrounds, Outdoor activity, Outdoor tourism, Caravan, Camper, RV park, Tent, QR Code camping, QR Code for campers</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-retail'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in retail offer several advantages' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/ehzwkes3ciogs0sgww.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-store'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>RETAIL</span></span></div><span class='invisible'>Retail, Retail store, Retail stores, Shop, Shops, Brick-and-mortar store, Point of sale, POS, QR Code in store, QR Code for product info</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-leisure-parks'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in theme parks and for attractions' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/rwkid6e41us4ossok0.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-wand-magic-sparkles'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>AMUSEMENT PARKS</span></span></div><span class='invisible'>Leisure park, Leisure parks, Amusement park, Amusement parks, Theme park, Theme parks, Adventure park, Water park, Attraction, Attractions, QR Code park, QR Code ticket</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-code-for-construction-industry'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in the construction industry' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/elwkxpmc0co4sckgw4.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-helmet-safety'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>BUILDING TRADE</span></span></div><span class='invisible'>Construction, Construction site, Construction sites, Building site, Contractor, Contractors, Construction company, Building company, Worker, QR Code construction</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-museum'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in museums - more interaction for visitors' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/35y0s4phkvuockk84g.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-building-columns'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>MUSEUM</span></span></div><span class='invisible'>Museum, museums, exhibition, gallery, cultural center, art hall</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-graphic-designer'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for graphic designers' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/poyi0lg45pwc4oc0gk.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-shapes'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>GRAPHIC DESIGNER</span></span></div><span class='invisible'>Graphic designer, Graphic designers, Designer, Designers, Visual designer, Digital designer, Creative professional, Portfolio, Design agency, QR Code portfolio</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-health'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in healthcare & for doctors' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/i2ub33eifa0cogscsk.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-hand-holding-heart'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>HEALTH</span></span></div><span class='invisible'>Health, healthcare, clinic, hospital, doctor’s office, psychotherapy, skin cancer screening, dentist, care, medicine, medical science, healthcare news, skin cancer center</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-books'><div class='d-flex align-items-start flex-column'><img alt='QR Code for books' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/svq5en4llcgcg4o0kw.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-book'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>BOOKS</span></span></div><span class='invisible'>Book, Books, Printed book, Print books, Digital book, E-book, Author, Authors, Publisher, Reading, Literature, QR Code in book, QR Code for readers</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-clothing'><div class='d-flex align-items-start flex-column'><img alt='Creative use of QR Codes on clothing' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/30phdtlurncwkscsc8.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-shirt'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CLOTHING</span></span></div><span class='invisible'>Fashion, clothing, boutique, textile, cosmetics, beauty, elegance, perfume shop, apparel store, fashion brand, fashion store, fashion trend</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-cosmetics-industry'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in the cosmetics industry' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/6ztp89x3pe8s8sw4wo.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-pump-soap'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>COSMETICS INDUSTRY</span></span></div><span class='invisible'>Cosmetics, Cosmetic product, Cosmetic products, Beauty product, Beauty products, Skincare, Makeup, Personal care, QR Code on packaging, QR Code for ingredients</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-care-homes'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for nursing homes and senior care' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/5pf783xx6n0ggs88w.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-face-smile'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>NURSING HOMES</span></span></div><span class='invisible'>Care home, Care homes, Nursing home, Nursing homes, Retirement home, Assisted living, Elderly care, Senior care, QR Code for facility, QR Code for healthcare</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-iot-and-smart-home-devices'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for IoT and smart home devices' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/37be6yo99g2sscg4o8.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-signal'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>SMART HOME DEVICES</span></span></div><span class='invisible'>IoT, Internet of Things, Smart home, Smart device, Smart devices, Connected home, Smart speaker, Smart plug, Smart system, QR Code setup, QR Code device</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-skiing-areas'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for ski resorts' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1v99aeb7j5wk8wc4go.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-skiing-nordic'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>SKI RESORTS</span></span></div><span class='invisible'>Ski area, Ski resort, Ski resorts, Ski slope, Ski pass, Lift pass, Chairlift, Winter sports, QR Code for ski pass, QR Code ski resort</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-games-and-software'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for games and software' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/ouie9utibbkcc8o4k4.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-dice'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>GAMES</span></span></div><span class='invisible'>Software, programs, apps, games, game, application, web app, app store, Thursday codes for video games, computer science</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-consumer-electronics'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for consumer electronics for more sustainability' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1rvetwvrr9gk84kcs0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-plug-circle-check'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CONSUMER ELECTRONICS</span></span></div><span class='invisible'>Consumer electronics, Electronic device, Electronic devices, Smart device, Gadgets, Tech product, Tech products, QR Code on device, QR Code for product info</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-code-for-sport-fitness-spa-studios'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for gyms & wellness studios' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/yeauf7t0mbk0gwwg48.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-dumbbell'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>FITNESS</span></span></div><span class='invisible'>Sport, rope, Fitness studio, Fitness studios, Gym, Gyms, Sports center, Wellness center, Spa, Fitness club, Personal training, QR Code check-in, QR Code for class schedule</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-furniture-trade'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for furniture retail' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/31su9q0cphgkswoksg.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-chair'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>FURNITURE TRADE</span></span></div><span class='invisible'>Furniture, Furniture trade, Furniture shop, Furniture stores, Home furnishings, Interior store, Showroom, Table, Chair, Sofa, QR Code on furniture, QR product info</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-agriculture'><div class='d-flex align-items-start flex-column'><img alt='OR codes for agriculture' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/ctybinjx81wk8g4so0.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-tractor'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>AGRICULTURE</span></span></div><span class='invisible'>Agriculture, Agricultural business, Farm, Farms, Farmer, Farmers, Agribusiness, Crop, Crops, Harvest, QR Code on produce, QR Code for farm info</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-food'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for food | More information with a scan' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1r8lgf25d4jogkc8g8.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-cart-shopping'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>FOOD</span></span></div><span class='invisible'>Food, Food product, Food products, Groceries, Ingredients, Nutrition, Nutritional info, Food label, QR Code on packaging, QR Code for food traceability</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-photo-and-video-studios'><div class='d-flex align-items-start flex-column'><img alt='QR Codes increase reach for photo and video studios' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/18zah3gjepb4o0s8g0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-photo-film'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>PHOTO STUDIOS</span></span></div><span class='invisible'>Photo studio, video studio, camera, telecamera, media production, short video, YouTube, video shoot, content creator, Photo studio, Photo studios, Video studio, Video studios, Photographer, Videographer, Media production, Visual content, Creative agency, Portfolio, QR Code for gallery</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-wholesale'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for wholesale facilitate processes' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2cfr940kzxogcw8s8o.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-warehouse'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>WHOLESALE</span></span></div><span class='invisible'>Wholesale, Wholesale trade, Wholesaler, Wholesalers, B2B sales, Bulk purchase, Distribution center, QR Code inventory, QR Code logistics</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-confectioneries'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for patisseries and bakeries' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2pzutnl5qm04o08scc.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-cake-candles'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CONFECTIONERIES</span></span></div><span class='invisible'>Confectionery, Confectioneries, Candy shop, Candy stores, Sweet shop, Pastry shop, Chocolatier, Chocolate store, Bakery, Sweets, Desserts, QR Code on packaging</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-tourism'><div class='d-flex align-items-start flex-column'><img alt='Implementation of QR Codes for Tourists' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/l1zh985kx0ggg8kokk.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-mountain-sun'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>TOURISM</span></span></div><span class='invisible'>Travel industry, tourism, leisure, vacation, travel, tourist offers, tourist attractions, destinations, ropeway, tour, trip, city</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-mines'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in mining and raw materials extraction' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/sw9s4zoi32800ks4wo.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-hammer'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>MINES</span></span></div><span class='invisible'>Mine, Mines, Mining site, Mining sites, Mining company, Extraction site, Raw materials, QR Code safety, QR Code equipment, Worker ID QR</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-stadiums-and-congress-centers'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for stadiums and convention centers | Smart marketing' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/8bu4kw65pts004cc8c.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-building'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CONGRESS CENTERS</span></span></div><span class='invisible'>Stadium, Stadiums, Arena, Arenas, Congress center, Convention center, Event hall, Venue, QR Code ticket, QR Code access, QR Code seat assignment</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-business-consulting'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in management consulting' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2c5u53qrrkpwss8wsw.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-chart-line'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>MANAGEMENT CONSULTANCY</span></span></div><span class='invisible'>Business consulting, Consultant, Consultants, Consulting agency, Management consulting, Strategy consultant, Business services, QR Code for consultants</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-insurance-and-finance'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for insurance and finance' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2568knz0iplw0k80kg.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-pen'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>INSURANCE AND FINANCE</span></span></div><span class='invisible'>Insurance, Finance, Financial services, Insurance agency, Financial advisor, Bank, Banks, Fintech, Investment, QR Code payment, QR Code advisor</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-libraries'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in libraries | Efficiency and user-friendliness' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/xhrnif5v168okssow4.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-book'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>LIBRARIES</span></span></div><span class='invisible'>Library, Libraries, Public library, University library, School library, Book loan, Lending system, Catalog access, QR Code for catalog, QR Code for book info</span></div></div><div class='branche-column-overlay'></div></a></div></div></p></a></div></div><div class='row scroll-arrow-row  basic' id=''><div class='col-md-12  text-right mb-0 pb-0 scroll-arrow' id='all-industries-scrollarrows'> <p class="pr-3 pb-0 mb-0 d-none d-md-block"><i class="fa-solid fa-circle-chevron-left fa-2x text-secondary"> </i> <i class="fa-solid fa-circle-chevron-right fa-2x"> </i></p></a></div></div></div></section><style></style><script></script></section><section id='qr-codes-for-use-cases' class='company mb-0 ' ><div class='container pt-5' id='uses-cases-icons'><div class='row text-center mb-4  header3' id=''><div class='col-md-12 ' id=''> <h3>QR Codes for your use case</h3></a></div></div><div class='row p-0 d-flex align-items-center  basic' id=''><div class='col-md-6 ' id='us-input-search-column'> <p class="input-icon"><i class="fa-solid fa-search" id="iconWebsiteUseCasesSearch"> </i><input class="w-100 py-3 pr-3 pl-5 shadow border rounded-pill" id="allUseCasesWebsiteSearchInput" placeholder="Search for your use case, e.g., Recipies, Applications" type="text" /><i class="fa-solid fa-times clear-button" id="clearSearchWebsiteUseCases"> </i></p></a></div><div class='col-md-6  text-center pt-0 mt-0' id='all-use-cases-btn'> <p style="text-align:"><a href="/qr-codes-for-your-use-case" class="button" ><i class='fa-solid fa-icons mr-3'></i> All use cases</a><br/><small></small></p></a></div></div><div class='row horizontal-scroll-row px-0  basic' id=''><div class='col-md-12  pl-0' id=''> <p><div class='horizontal-scroll'><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-competitions'><div class='d-flex align-items-start flex-column'><img alt='Use QR Codes for interactive competitions' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2eeq2mbmmk2sks844c.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-trophy'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>COMPETITIONS</span></span></div><span class='invisible'>contest, event, marketing, promotion, participation, campaign, interactive, digital prizes, automation, raffle</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/pay-with-qr-code'><div class='d-flex align-items-start flex-column'><img alt='Cash payments with QR Code' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1pskgbug437oggwkcw.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-money-bill-wave'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CASH FIGURES</span></span></div><span class='invisible'>SEPA, Bitcoin, IBAN, invoice, bill, payment slip, Online banking, Internet banking, PayPal , pay</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-code-for-dates'><div class='d-flex align-items-start flex-column'><img alt='Appointment QR Code' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/pwcvuksh9og4cg4ko.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-clock'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>DATES</span></span></div><span class='invisible'>Appointments, Event Planning, Event, Calendar, Appointment Booking</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-recipes'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for recipes | Inspire your target group' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/12xy3ssh7wdw8cswsk.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-kitchen-set'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>RECIPIES</span></span></div><span class='invisible'>chicken, Recipes, Food, Restaurant, Local eatery, menu</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-television-advertising'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for television advertising' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/wire933f43k0ccosg0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fas fa-tv'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>TELEVISION ADVERTISING</span></span></div><span class='invisible'>TV advertising, Television advertising, TV ad, TV ads, Commercial, Commercials, Broadcast advertising, Smart TV, QR Code on screen, QR Code in TV spot</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-donations'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for charities & non-profits' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/u2c5txarnusko00s8k.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-hand-holding-dollar'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>NGOS</span></span></div><span class='invisible'>donation, charity, support, fundraising, donation campaign, campaign, help, interactive, fundraising action</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-fashion-accessories'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for fashion accessories' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/xgemb64o0cg4g8k48o.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-bag-shopping'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>FASHION ACCESSORIES</span></span></div><span class='invisible'>Fashion, Jewelry, Jewellery, Fashion accessory, Fashion accessories, Accessories, Clothing accessory, Bags, Handbags, Jewelry, Sunglasses, Watches, Belts, Scarves, QR Code on product</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-products'><div class='d-flex align-items-start flex-column'><img alt='QR Codes on products | Improving the customer experience' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/e1o028uoxu88g48kc0.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-box'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>PRODUCTS</span></span></div><span class='invisible'>product, item, marketing, advertising, sales, interactive, information, promotion, shopping, campaign, Product, Products, Item, Items, Packaging, Product packaging, Product info, Label, Tag, Consumer product, QR Code on product, QR Code on packaging</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-pets'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for pets are a practical aid' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/jky5vj15a9kwgscwc8.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-paw'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>PETS</span></span></div><span class='invisible'>Pet, Pets, Animal tag, Pet tag, Pet ID, Pet collar, Dog tag, QR pet ID, Lost pet QR Code, Animal accessory, QR Code for animals</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-tickets'><div class='d-flex align-items-start flex-column'><img alt='The advantages of QR Code tickets for events' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/lszicuea9y8kggo00.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-ticket-simple'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>TICKETS</span></span></div><span class='invisible'>Ticket, Tickets, Entry ticket, Admission ticket, Event ticket, E-ticket, Mobile ticket, QR ticket, QR Code access, Digital ticket</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-operating-instructions'><div class='d-flex align-items-start flex-column'><img alt='Operating instructions QR Codes | More efficient handling' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1u4l0num69msgc4cww.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-person-chalkboard'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>INSTRUCTIONS</span></span></div><span class='invisible'>Operating instruction, Operating instructions, Manual, User manual, Installation guide, Product guide, Technical documentation, QR Code manual, QR Code how-to</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-consumer-goods'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for consumer goods - marketing products efficiently' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1frnnq7x5p34wcsgkg.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-box-open'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CONSUMER GOODS</span></span></div><span class='invisible'>Consumer good, Consumer goods, Product, Products, FMCG, Packaged goods, Retail product, QR Code on packaging, QR Code for product info</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-personal-use'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for personal use' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/g4u5leke25cgcg4o4s.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-person-circle-check'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>PERSONAL USE</span></span></div><span class='invisible'>Personal use, Private use, Individual use, Contact QR Code, Digital business card, Event invitation, Wedding QR Code, Personal profile, QR Code for sharing</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-applications'><div class='d-flex align-items-start flex-column'><img alt='Innovative approaches for QR Codes in applications' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/7u2anlw670w8wswcwg.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-envelope'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>APPLICATIONS</span></span></div><span class='invisible'>Application, Applications, App, Apps, Mobile app, Desktop app, App download, App store, Google Play, App install, QR Code for app</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-city-and-culture'><div class='d-flex align-items-start flex-column'><img alt='QR Codes in the use of city visits and cultural experiences' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/1e7ozg01nme8goc4co.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-building-user'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>CITY</span></span></div><span class='invisible'>City marketing, City info, Urban tourism, Cultural site, Cultural institution, Museum, Museums, Monument, Sightseeing, QR Code tour, QR Code info point</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-building-services'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for building services' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/dfs22bcx5vs4kcgkg.jpg?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-key'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>BUILDING SERVICES</span></span></div><span class='invisible'>Building services, Construction services, Facility management, Technical building service, Maintenance service, HVAC, Electrical installation, QR Code on building, QR Code for service access</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-podcasts'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for podcasts' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/ddwsxr2nhbks8wcc8.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fas fa-microphone'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>PODCASTS</span></span></div><span class='invisible'>Podcast, Podcasts, Podcast episode, Audio content, Audio streaming, Show link, Spotify podcast, Apple podcast, QR Code for podcast, QR Code for audio</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-signs'><div class='d-flex align-items-start flex-column'><img alt='QR Codes on signs' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/3itgzszpfhk48sw4o.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon fa-solid fa-map'> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>SIGNS</span></span></div><span class='invisible'>Sign, Signs, Signage, Digital signage, Directional sign, Informational sign, QR Code on sign, QR info board, Location sign, Safety sign</span></div></div><div class='branche-column-overlay'></div></a></div><div class='branche-column p-2 m-2 d-flex' style='min-width: 250px;'><a class='w-100 branche-link' href='/qr-codes-for-event-rooms'><div class='d-flex align-items-start flex-column'><img alt='QR Codes for event rooms and halls' style='width: 263px; height: 132px; object-fit: cover;' class='lazyload mt-0' src='https://cms.qrplanet.com/og/2cy8mft79kcgw4s0sk.png?aspect_ratio=16:9&width=256&format=webp'/><div class='pt-2'><div class='truncate d-flex flex-column'><i style='font-size:20px; color:#fff;' class='pt-0 pr-1 pb-2 pl-0 colored-icon '> </i> <span class='d-block colored-span' style='color:#40A1FF;'><span style='font-weight: bolder;'>FUNCTION ROOMS</span></span></div><span class='invisible'></span></div></div><div class='branche-column-overlay'></div></a></div></div></p></a></div></div><div class='row scroll-arrow-row  basic' id=''><div class='col-md-12  m-0 p-0 scroll-arrow text-right' id='all-use-cases-scrollarrows'> <p class="pr-3 pb-0 mb-0 d-none d-md-block"><i class="fa-solid fa-circle-chevron-left fa-2x text-secondary"> </i> <i class="fa-solid fa-circle-chevron-right fa-2x"> </i></p></a></div></div></div></section><style></style><script></script></section><section id='gdrp-generic-block' class='blue ' ><div class='container ' id=''><div class='row mh250  basic' id=''><div class='  col-md-5' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/29vvm82wm6xwss8scw.svg' alt=''></a></div><div class='  col-md-6' id=''> <h3>Guaranteed QR Codes to be compliant with the GDPR</h3><p>QR Planet is completely GDPR compliant. We <strong>do not process or store any personal data </strong>without the user's consent. You can set different levels of data protection and anonymization depending on the legal framework of your market. We also apply the data protection standards of the GDPR not only to personal data within the EU, but to all data.</p><p style="text-align:"><a href="/gdpr" class="" >More about GDPR compliant QR Codes</a><br/><small></small></p></a></div></div></div></section><style></style><script></script></section><section id='advantages' class=' ' ><div class='container ' id=''><div class='row   header2' id=''><div class='col-md-12  text-center py-4' id=''> <h2>Your benefits using QR Codes at a glance</h2></a></div></div><div class='row mh100  basic' id=''><div class='  col-sm-12 col-md-4' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/ft6anem5fq0cw0ook4.svg' alt=''><h3>Free <br>service</h3><p>Generate free QR Codes for online use or as high-quality vector formats for printing.</p></a></div><div class='  col-sm-12 col-md-4' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2zz10vmpmoe80c48g.svg' alt=''><h3>No <br>registration</h3><p>You can <strong>create as many static QR Codes</strong> as you like without registering. </p></a></div><div class='  col-sm-12 col-md-4' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2tjffw4wtmo00s080g.svg' alt=''><h3>Designer <br>Templates</h3><p>With ready-made templates, you can design colorful QR Codes including logo, color gradients and your own designs.</p></a></div></div><div class='row   basic' id=''></div></div></section><section id='features_overview' class='light-grey ' ><div class='container p-0' id=''><div class='row   header2' id=''><div class='col-md-12  text-center p-0' id=''> <h2>Create QR Codes - easier than ever before.</h2><h3>No more complicated. Simply choose what you want to share below. We'll take care of the rest. 100% free, ready to use.</h3></a></div></div><div class='row   basic' id=''><div class='col-md-12  text-center p-0' id=''> <p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#link'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-link'></i><h5>Direct link</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/qr-code-generator-pdf'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-file-pdf'></i><h5>PDF document</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/instagram-qr-code'><div class='card w-100 h-100 text-center px-2'><i class='fa-brands fa-instagram'></i><h5>Instagram</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/vcard-qr-code'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-address-card'></i><h5>vCard</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/mp3-qr-code'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-music'></i><h5>Audio-Music</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/social-media-qr-code'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-share-nodes'></i><h5>Social channels</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/qr-code-coupon'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-ticket'></i><h5>Coupon</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/app-qr-codes'><div class='card w-100 h-100 text-center px-2'><i class='fa-brands fa-app-store'></i><h5>App download</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#text'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-file-lines'></i><h5>Plain text</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/youtube-qr-code'><div class='card w-100 h-100 text-center px-2'><i class='fa-brands fa-youtube'></i><h5>Youtube video</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#email'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-envelope'></i><h5>E-mail</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/whatsapp-qr-code'><div class='card w-100 h-100 text-center px-2'><i class='fa-brands fa-whatsapp'></i><h5>WhatsApp</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#tel'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-phone'></i><h5>Phone call</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#sms'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-sms'></i><h5>SMS text</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/help/article/multi-country-qr-codes'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-globe'></i><h5>Multicountry</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/qr-code-wifi'><div class='card w-100 h-100 text-center px-2'><i class='fa-solid fa-wifi'></i><h5>Wifi</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#bitcoin'><div class='card w-100 h-100 text-center px-2'><i class='fa-brands fa-bitcoin'></i><h5>Bitcoin</h5></div></a></div></p>

<p><div class='p-2 col-md-3 qr-code-types-box text-dark d-flex' style='float:left;'><a class='w-100' href='/#paypal'><div class='card w-100 h-100 text-center px-2'><i class='fa-brands fa-paypal'></i><h5>Paypal</h5></div></a></div></p></a></div></div><div class='row   basic' id=''><div class='col-md-12  text-center pt-3' id=''> <p style="text-align:"><a href="/qr-code-types" class="button" >See all QR Code Types</a><br/><small>More than 15 QR Code types and solutions</small></p></a></div></div></div></section><section id='other-features' class=' ' ><div class='container ' id=''><div class='row text-center  basic' id=''></div><div class='row   basic' id=''></div><div class='row   basic' id=''></div><div class='row   header2' id=''><div class='col-md-12  text-center py-4' id=''> <h2>Advanced functions for registered users</h2></a></div></div><div class='row secondary-content  mh100  basic' id=''><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/3049by1c8lycgo8k4g.webp' alt=''><h3>Dynamic QR Codes</h3><p>With dynamic QR Codes, you can change the target URL <strong>at any time afterward</strong>. 100 QR Code scans are possible per day with the free account.</p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/1op4h4y9yjhcg88oss.svg' alt=''><h3>QR Code Tracking</h3><p>We track <strong>unique visitors</strong>,<strong> <a href="/qr-code-analytics">number of QR Code scans</a> </strong>and<strong> device information</strong> with a fully GDPR compliant solution.</p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2gf7fzuz8qv4gk0k84.webp' alt=''><h3>Batch QR Codes</h3><p>With the batch generator, you can create<strong> several QR Codes at once</strong> or upload them via a CSV file.</p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="qr-management" class="button" >Create a dynamic QR Code</a><br/><small></small></p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/qr-code-analytics" class="button" >QR Code Analytics</a><br/><small></small></p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/help/article/print-batch-qr-codes-on-labels" class="button" >Batch QR Codes</a><br/><small></small></p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/391itn430heskgko04.webp' alt=''><h3>GPS tracking</h3><p>With our sophisticated tracking system, the scan positions of <strong>QR Codes can be located</strong> using various techniques.</p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/3ah6msmmn3eogscwkk.webp' alt=''><h3>Notification</h3><p>With the notification function for your QR Code, you will immediately receive an email with the<strong> location and scan date</strong> of the QR Code.</p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/3zpymrgor18gg008o.svg' alt=''><h3>Vector format</h3><p>Our QR Codes are available as RGB or CMYK in the vector formats <strong>SVG, EPS, or PDF </strong>and can be printed in any size.</p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/tracking-qr-code-html5-geolocation" class="button" >QR Codes GPS Tracking</a><br/><small></small></p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/help/article/qr-code-scan-notification" class="button" >Scan Notifications</a><br/><small></small></p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/help/article/how-to-print-qr-code" class="button" >Print QR Codes</a><br/><small></small></p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/4ndy5an2fb400w0ws.webp' alt=''><h3>Security</h3><p>QR Codes and landing pages are <strong>secured daily</strong>. The URL runs via a secure HTTPS connection. You will receive an email if a URL is offline.</p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/2qy0xevelwcggo4k88.svg' alt=''><h3>Data export</h3><p>You can download all of your data at any time. If you want to switch to another provider, you will <strong>not be dependent on us</strong>.</p></a></div><div class='col-md-4  first-row-button' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/y1zs3nnz180sw88kks.svg' alt=''><h3>Pause your account</h3><p>Do you want to cancel or pause your account? Simply suspend your subscription and we will keep your QR Codes <a href="/help/article/after-terminating-my-account-i-will-still-be-able-to-modify-my-qr-codes-and-get-statistics#qr-codes-will-stay-online-upon-request" target="_blank">active for lifetime</a>.</p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/help/article/broken-link-check-for-qr-codes" class="button" >URL Monitoring</a><br/><small></small></p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="#" class="button" >Data export</a><br/><small></small></p></a></div><div class='col-md-4  second-row-button' id=''> <p style="text-align:"><a href="/help/article/after-terminating-my-account-i-will-still-be-able-to-modify-my-qr-codes-and-get-statistics#qr-codes-will-stay-online-upon-request" class="button" >Active for lifetime</a><br/><small></small></p></a></div></div><div class='row text-center  basic' id=''><div class='col-md-12  mt-5' id=''> <p style="text-align:"><a href="/features" class="button" >See all features</a><br/><small></small></p></a></div></div></div></section><section id='qr-code-verwaltung' class='dark-gradient ' ><div class='container ' id=''><div class='row   basic' id=''><div class='  col-md-5' id=''> <img class='lazyload fade-in' src='https://cms.qrplanet.com/img/styv95zy5o0ock44og.png' alt='Free QR code management'></a></div><div class='  col-md-7' id=''> <h3>Free QR Code management</h3><p>Register for a free account <strong>to create and manage your QR Codes</strong>. Get detailed analytics on who, where, and when your QR Codes are scanned. You can brand QR Codes with your own colors and logo.</p><p style="text-align:"><a href="/user/register" class="button" >Create a free account now</a><br/><small></small></p></a></div></div></div></section><section id='review-block-section' class='company ' ><div class='container ' id=''><div class='row text-center my-0 my-md-3 py-0  header2' id=''><div class='col-md-12  py-0' id=''> <h2>What do our customers say about us?</h2></a></div></div></div><div class='container px-0' id=''><div class='row w-100 d-flex justify-content-center flex-column m-0  reviews-slider' id=''><div class='carousel slide w-100' data-ride='carousel' id='carouselReviews'><div class='carousel-inner'><div class='carousel-item pt-0 active'><div class='col-md-12 py-4'><img alt='' class='mb-2 w-10' src=' https://cms.qrplanet.com/img/1nx7f2g0b6dc0co8oc.png ' /></div><div class='col-md-12 carousel-item-container'><a href='https://maps.app.goo.gl/SCNDiQVh479RX2A7A' target='_blank' rel='noopener noreferrer'><p class="google-icon-review">icon</p><p class='star-rating stars-4'></p></a></div><div class='carousel-item-wrapper d-flex flex-column align-items-center'><h3> BIAW Website Design </h3><p class='pb-0'> <p>I've used QR Planet for years and it's been easy to use. When we have issues, Jordi has been super responsive and helping us work through those issues. The user experience could be a little better but overall it's a great website for QR Codes!</p></p><a class='button' href='/referenzen' target='_blank'>See all references</a></div></a></div><div class='carousel-item pt-0 '><div class='col-md-12 py-4'><img alt='' class='mb-2 w-10' src=' https://cms.qrplanet.com/img/mip2vl79ab4ssgsc0s.png ' /></div><div class='col-md-12 carousel-item-container'><a href='https://maps.app.goo.gl/F3KhuQvctq5nBpb56' target='_blank' rel='noopener noreferrer'><p class="google-icon-review">icon</p><p class='star-rating stars-5'></p></a></div><div class='carousel-item-wrapper d-flex flex-column align-items-center'><h3> Irene Martinho </h3><p class='pb-0'> <p>I was looking for a quick and easy to use qr code generator to create one code that looks good and doesn't expire without having to pay ridiculous monthly fees. thank you :)</p></p><a class='button' href='/referenzen' target='_blank'>See all references</a></div></a></div><div class='carousel-item pt-0 '><div class='col-md-12 py-4'><img alt='' class='mb-2 w-10' src=' https://cms.qrplanet.com/img/sao7ow9gis084sw884.png ' /></div><div class='col-md-12 carousel-item-container'><a href='https://maps.app.goo.gl/aBY2EKUxAPcPiafQA' target='_blank' rel='noopener noreferrer'><p class="google-icon-review">icon</p><p class='star-rating stars-5'></p></a></div><div class='carousel-item-wrapper d-flex flex-column align-items-center'><h3> Cheryl Arko </h3><p class='pb-0'> <p>I started using QR Planet about a month ago and needed some help setting up my account and codes, as I was not very familiar with using QR Codes. The staff is wonderful! Incredibly responsive and helpful. My new code works like a charm and any questions I have are answered right away. I am extremely pleased!</p></p><a class='button' href='/referenzen' target='_blank'>See all references</a></div></a></div><div class='carousel-item pt-0 '><div class='col-md-12 py-4'><img alt='' class='mb-2 w-10' src=' https://cms.qrplanet.com/img/31cordsw90qo04cww4.png ' /></div><div class='col-md-12 carousel-item-container'><a href='https://maps.app.goo.gl/biy2bSeYNuYh4aoW7' target='_blank' rel='noopener noreferrer'><p class="google-icon-review">icon</p><p class='star-rating stars-5 ppp'></p></a></div><div class='carousel-item-wrapper d-flex flex-column align-items-center'><h3> Nathaniel Griffin </h3><p class='pb-0'> <p>U.S. Resident. I have used QR Planet for my go-to QR Code management solution on a few projects (both personal and professional) since the early days, pre-merger, when they were 'qrd.by.' Their customer service has always been amazing. Back in the day I was communicating directly with Peter, the founder. Their team has only grown slightly since those days and even with a growing, global customer base, their service has only managed to improve. (...)</p></p><a class='button' href='/referenzen' target='_blank'>See all references</a></div></a></div><div class='carousel-item pt-0 '><div class='col-md-12 py-4'><img alt='' class='mb-2 w-10' src=' https://cms.qrplanet.com/img/95vckov0qbcw0csc4c.png ' /></div><div class='col-md-12 carousel-item-container'><a href='https://maps.app.goo.gl/aW8Tr5WYTZCMEAuv5' target='_blank' rel='noopener noreferrer'><p class="google-icon-review">icon</p><p class='star-rating stars-5'></p></a></div><div class='carousel-item-wrapper d-flex flex-column align-items-center'><h3> Kevin Eleven </h3><p class='pb-0'> <p>I am a developer using their whitelabel level platform for my project. From the very beginning they have been very responsive and timely with any requests I've made, and gone above and beyond with their customer support, even taking my suggestions on improving their API by adding functionality I suggested to complete my project, saving me days if not weeks of dev time. I Highly recommend QRPlanet if you need to use QR Codes in any capacity.</p></p><a class='button' href='/referenzen' target='_blank'>See all references</a></div></a></div><div class='carousel-item pt-0 '><div class='col-md-12 py-4'><img alt='' class='mb-2 w-10' src=' https://cms.qrplanet.com/img/731q42vozowskwso4s.webp ' /></div><div class='col-md-12 carousel-item-container'><a href='https://www.g2.com/de/products/qr-planet/reviews/qr-planet-review-9824314' target='_blank' rel='noopener noreferrer'><p class="g2-icon-review">icon</p><p class='star-rating stars-4'></p></a></div><div class='carousel-item-wrapper d-flex flex-column align-items-center'><h3> Louis d. </h3><p class='pb-0'> <p>Good with many features and designs. Simple to use and good analytical tools that are useful for business.</p></p><a class='button' href='/referenzen' target='_blank'>See all references</a></div></a></div></div><a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                                        <i class="fa-solid fa-chevron-left fa-2x text-dark">&nbsp;</i>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                                        <i class="fa-solid fa-chevron-right fa-2x text-dark">&nbsp;</i>
                                        <span class="sr-only">Next</span>
                                    </a></div></div></section><style></style><script></script></section><section id='faq' class=' ' ><div class='container ' id=''><div class='row mt-5 faq   faqs-tawk' id=''><div class='col-md-4 sticky-col'><h2>Frequently Asked Questions</h2>

<p>Below you will find the answers to frequently asked questions. If you have any further questions, please visit our <a href="/help/home">FAQ page</a> or use the chatbot.</p></div><div class='col-md-8'><details open>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>Are QR Codes for free?</h4></summary>
               <p>Yes, QR Codes created on our website can be used free of charge and commercially. You can create as many QR Codes as you want and they do not expire. </p> <p class='text-right'><a target='_blank' href='/help/article/are-qr-codes-for-free'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>Which QR Codes can I create?</h4></summary>
               <p>You can create various types of QR Codes depending on the information you want to encode and the functionality you need. Common types of static QR Codes are URL, Wi-Fi, vCard, SMS, email, geo-location, event, cryptocurrency, phone call, plain text, or dynamic QR Codes, each serving different purposes.</p> <p class='text-right'><a target='_blank' href='/help/article/which-qr-codes-can-i-create'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>How secure are QR Codes?</h4></summary>
               <p>QR Codes themselves are not inherently secure; their security depends on how they are used. Risks include phishing and data transparency issues. Enhanced security can be achieved through careful URL management and user awareness.</p> <p class='text-right'><a target='_blank' href='/help/article/how-secure-are-qr-codes'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>What storage capacity does a QR Code have?</h4></summary>
               <p>QR Codes can store up to 7,089 numeric characters, 4,296 alphanumeric, 2,953 bytes, or 1,817 Kanji characters, with capacity depending on the version and error correction level.<br /></p> <p class='text-right'><a target='_blank' href='/help/article/what-storage-capacity-does-a-qr-code-have'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>How do I edit the URL in a dynamic QR Code?</h4></summary>
               <p>The biggest advantage of a dynamic QR Code is that you can change the destination URL without having to print it again. Log in to your account, edit the URL in your dashboard and set the new destination.</p> <p class='text-right'><a target='_blank' href='/help/article/change-url-in-dynamic-qr-code'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>Will my QR Codes expire?</h4></summary>
               <p>Static QR Codes created with our service never expire. Dynamic QR Codes in free accounts do not expire if they are scanned less than 50 times per day. QR Codes in paid accounts stay active for lifetime under different conditions. </p> <p class='text-right'><a target='_blank' href='/help/article/will-my-qr-codes-expire'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>What is the minimum size of a QR Code?</h4></summary>
               <p>We recommend a minimum size of 2 x 2 cm for a QR Code. However, you must consider the scanning distance and the number of characters encoded in the QR Code.</p> <p class='text-right'><a target='_blank' href='/help/article/what-is-the-minimum-size-of-a-qr-code'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>Is a QR Code still readable when some areas of are damaged or missing?</h4></summary>
               <p>In general, yes. It depends on the error correction level, that is set when creating a QR Code. The higher the level, the more of the QR Code can be damaged. </p> <p class='text-right'><a target='_blank' href='/help/article/is-a-qr-code-still-readable-when-some-areas-of-are-damaged-or-missing'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>What should I pay attention to after creating the QR Code?</h4></summary>
               <p> Test the readability of the QR Code. Make sure the QR Code is clearly visible. Pay attention to size and placement. Check the security of the underlying URL. Choose an appropriate error correction level. Use tracking and scan capabilities. Consider whether the URL in the QR Code should be updated after printing.</p> <p class='text-right'><a target='_blank' href='/help/article/what-should-i-pay-attention-to-after-creating-the-qr-code'>Read more &#8594;</a></p>
                </details><details>
                <summary style='display: flex;align-items: center;justify-content: space-between;'><h4>How can I scan a QR Code without an app?</h4></summary>
               <p>You can scan QR Codes without a special app by using your smartphone's built-in camera function, using web-based services such as webqr.com, or using built-in scanner features on some social media.</p> <p class='text-right'><a target='_blank' href='/help/article/how-can-i-scan-a-qr-code-without-an-app'>Read more &#8594;</a></p>
                </details></div><p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p>

<p></p></div></div></section><section id='articles-section' class=' ' ><div class='container ' id=''><div class='row text-center mb-4  basic' id=''><div class='col-md-12 ' id=''> <h3>These articles might interest you</h3></a></div></div><div class='row   kb' id=''><div class="col-md-6"><a class='related-article' href='/help/article/ad-free-qr-code-platform'><div class='related-article-details d-flex align-items-center w-100 no-print'><div class='w-100 pr-4'><h3 class='pb-2'>Why should I use your QR Code platform?</h3><p>We never display ads, we have >99,5 uptime, we do daily backup, we have 10+ years of experience, we have a scalable infrastructure and there is no host hostage.</p><img width='350' height='184' alt='Why should I use your QR Code platform?' class='lazyload img-fluid'  src='https://cdn.qrplanet.com/img/blank.png' data-src='https://cdn.qrplanet.com/img/kb/5b4352bb6d961556373d88d0/kb/attachments/gAQ-LiH2b5.png'/></div><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="none" class="kbicon" stroke="#28323B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg><span class='arrow-right'></span></div></a></div><div class="col-md-6"><a class='related-article' href='/help/article/how-to-create-a-pdf-qr-code'><div class='related-article-details d-flex align-items-center w-100 no-print'><div class='w-100 pr-4'><h3 class='pb-2'>How do I create a PDF QR Code in my account?</h3><p>To generate a PDF QR Code, create an account, create a new QR Code, upload the PDF file and click Create QR Code.</p><img width='350' height='119' alt='How do I create a PDF QR Code in my account?' class='lazyload img-fluid'  src='https://cdn.qrplanet.com/img/blank.png' data-src='https://cdn.qrplanet.com/img/kb/5b4352bb6d961556373d88d0/kb/attachments/301QaLhPfk.png'/></div><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="none" class="kbicon" stroke="#28323B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg><span class='arrow-right'></span></div></a></div><div class="col-md-6"><a class='related-article' href='/help/article/qr-code-business-card-vs-dynamic-vcard-qr-code'><div class='related-article-details d-flex align-items-center w-100 no-print'><div class='w-100 pr-4'><h3 class='pb-2'>QR Code Business Card versus dynamic vCard QR Code</h3><p>Learn about different ways how you can create a QR Code for your business card: Static vCard QR Code, QR Code Business Cards and Dynamic vCard QR Codes.</p><img width='350' height='184' alt='QR Code Business Card versus dynamic vCard QR Code' class='lazyload img-fluid'  src='https://cdn.qrplanet.com/img/blank.png' data-src='https://cdn.qrplanet.com/img/kb/5b4352bb6d961556373d88d0/kb/attachments/yzncwoLAAw.jpg'/></div><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="none" class="kbicon" stroke="#28323B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg><span class='arrow-right'></span></div></a></div><div class="col-md-6"><a class='related-article' href='/help/article/how-to-print-qr-code'><div class='related-article-details d-flex align-items-center w-100 no-print'><div class='w-100 pr-4'><h3 class='pb-2'>How do I print a QR Code?</h3><p>Provide enough contrast · Mind the quiet zone around the QR Code · Print QR Codes in scalable vector format · Watch the minimum size · Do not exceed the maximum size of a logo in a QR Code</p><img width='350' height='152' alt='How do I print a QR Code?' class='lazyload img-fluid'  src='https://cdn.qrplanet.com/img/blank.png' data-src='https://cdn.qrplanet.com/img/kb/5b4352bb6d961556373d88d0/kb/attachments/JG1SEmOikA.jpg'/></div><svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="none" class="kbicon" stroke="#28323B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg><span class='arrow-right'></span></div></a></div><p></p></div><div class='row text-center mt-5  basic' id=''><div class='col-md-12 ' id=''> <p style="text-align:"><a href="/blog/home" class="button" >Read more articles in our blog</a><br/><small></small></p></a></div></div></div></section><style>.home-claim h1::before {  content: '';  display: inline-block;  width: 18px;  height: 18px;  margin-right: 5px;  margin-bottom: 4px;  vertical-align: middle;  background-image: url('/img/qr-ico.svg');  background-repeat: no-repeat;  background-size: contain;  background-position: center;} .qr-code-types-box {min-width: 0;}</style><script></script><div class="footer-menu pt-lg-0">   
    <ul class="large-icons">  
        <li><a href="/">
                <i class="general foundicon-heart"></i>
                <span>Create QR Codes</span>
            </a>
        </li> 
        <li class=""><a href="/pricing">
                <i class="general foundicon-cart"></i>
                <span>Pricing</span>
            </a>
        </li>
        <li class="mobile-only"><a href="/user/register">
                <i class="general foundicon-smiley"></i>
                <span>Register Free Account</span>
            </a>
        </li>
        <li class="mobile-only"><a href="/user/login">
                <i class="general foundicon-lock"></i>
                <span>Sign In</span>
            </a>
        </li>
        <li><a href="/qr-code-landing-page">
                <i class="general foundicon-add-doc"></i>
                <span>QR Code Solutions</span>
            </a>
        </li> 
        <li><a href="/qr-management">
                <i class="general foundicon-tools"></i>
                <span>QR Code Management</span>
            </a>
        </li>
        <li>
            <a href="/qr-code-analytics">
                <i class="general foundicon-graph"></i>
                <span>QR Code Analytics</span>
            </a>
        </li>

        <li><a href="/white-label-qr-code-manager">
                <i class="general foundicon-people"></i>
                <span>White Label Manager</span>
            </a>
        </li>        
        <li>
            <a href="/qr-code-api">
                <i class="general foundicon-settings"></i>
                <span>API</span>
            </a>
        </li>
        <li>
            <a href="/help/home">
                <i class="general foundicon-search"></i>
                <span>Help</span>
            </a>
        </li>
        <li class="mobile-only">
            <a href="#" class="dropdown-mobile-lang">
                <i class="general foundicon-globe"></i>
                <span>Language</span>
            </a>
        </li>
        <div class="dropdown-mobile-content">
    <div class="lang-selection">
    <div><a href="https://qrplanet.com"><img class="noborder" height="24" width="24" alt="flag united states" src="https://cdn.qrplanet.com/img/flags/en.svg" /><span>English</span></a></div>
    <div><a href="https://qr1.at"><img class="noborder" height="24" width="24" alt="flag germany" src="https://cdn.qrplanet.com/img/flags/de.svg" /><span>Deutsch</span></a></div>
        
    <div>
        <a href="https://qrplanet.com/es">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag es" 
                 src="https://cdn.qrplanet.com/img/flags/es.svg" />
            <span>Español</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pt">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pt" 
                 src="https://cdn.qrplanet.com/img/flags/pt-br.svg" />
            <span>Português</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/it">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag it" 
                 src="https://cdn.qrplanet.com/img/flags/it.svg" />
            <span>Italiano</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/fr">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag fr" 
                 src="https://cdn.qrplanet.com/img/flags/fr.svg" />
            <span>Français</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pl">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pl" 
                 src="https://cdn.qrplanet.com/img/flags/pl.svg" />
            <span>Polski</span>
        </a>
    </div>
    </div></div>    </ul>
</div><div class="footer-clean no-print" style="background: linear-gradient(135deg, rgba(255,131,131,1) 0%, rgba(255,77,76,1) 50%);color: #fff;">
    <footer class="no-print">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-sm-4 col-md-3 item">
                    <h3>Company</h3>
                    <ul>
                        <li class="ml-0"><a href="/team">Team</a></li>
                        <li class="ml-0"><a href="/referenzen">References</a></li>

                            <li class="ml-0"><a href="/press">Press</a></li>

                        <li class="ml-0"><a href="/contact">Contact</a></li>
                        <li class="ml-0"><a href="/blog/home">Blog</a></li>
                        <li class="ml-0"><a href="/health">Platform Health</a></li>
                    </ul>
                </div>
                <div class="col-sm-4 col-md-3 item">
                    <h3>Solutions</h3>
                    <ul>
                        <li class="ml-0"><a href="/qr-code-generator-pdf">PDF QR Code</a></li>
                        <li class="ml-0"><a href="/qr-code-business-card">QR Code Business Card</a></li>
                        
                        <li class="ml-0"><a href="/qr-management">QR Code Manager</a></li>
                        <li class="ml-0"><a href="/qr-code-analytics">QR Code Tracking</a></li>
                        <li class="ml-0"><a href="/qr-code-api">API</a></li> 
                        <li class="ml-0"><a href="/help/article/webhooks">Webhooks</a></li>
                        <!--<li><a href="/widgets">Widgets</a></li>-->  
                        <li class="ml-0"><a href="/white-label-qr-code-manager">White Label QR Code Manager</a></li>  
                        
                        
                        <li class="ml-0"></li>
                    </ul>
                </div>
                <div class="col-sm-4 col-md-3 item">
                    <h3>Legal</h3>
                    <ul>
                        <li class="ml-0"><a href="/aboutus">About us</a></li>
                        <li class="ml-0"><a href="/gdpr">GDPR</a></li>
                        <li class="ml-0"><a href="/tos">Terms of Service</a></li>
                        <li class="ml-0"><a href="/privacy">Privacy</a></li>
                        <li class="ml-0"><a href="/download/ci">Corporate Identity</a></li>
                        <li class="ml-0"><a href="/sla">SLA</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 item">
                    <h3>Social</h3>
                    <ul>
                        <li class="ml-0">
                            <a rel="nofollow noreferer noopener" target="_blank" href="https://www.linkedin.com/company/qr-code-generator"><i class="icon ion-social-linkedin"></i>Linkedin</a>
                        </li> 
                        <li class="ml-0">
                            <a rel="nofollow noreferer noopener" target="_blank" href="https://www.instagram.com/qrplanet/"><i class="icon icon-social-insta"></i>Instagram</a>
                        </li>
                       
                                                <li class="ml-0">
                            <a rel="nofollow noreferer noopener" target="_blank" href="https://bsky.app/profile/qrplanet.com"><i class="icon icon-social-bluesky"></i>Bluesky</a>
                        </li>
                        <li class="ml-0">
                            <a rel="nofollow noreferer noopener" target="_blank" href="https://www.facebook.com/qrd.by">
                                <i class="icon ion-social-facebook"></i>Facebook</a>
                        </li>
                                                  
                        <li class="ml-0">
                            <a href="/newsletter/"><i class="icon ion-android-mail"></i>Newsletter</a>
                        </li>
                       
                    </ul>
                    <h3 class="pt-3">Support</h3>
                    <ul>
                       
                        <li class="ml-0"><a href="/9-tips-how-to-use-qr-codes">QR Code Tips</a></li>
                        <li class="ml-0">
                            <a href="/help"><i class="icon fa fa-question-circle"></i> FAQ</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container copyright">
            <div class="col">
                <p class="text-center">
                    QR Code® is registered trademark of Denso Wave Inc                </p>
                <div class="lang-switch-footer">   
    <div class="lang-selection">
    <div><a href="https://qrplanet.com"><img class="noborder" height="24" width="24" alt="flag united states" src="https://cdn.qrplanet.com/img/flags/en.svg" /><span>English</span></a></div>
    <div><a href="https://qr1.at"><img class="noborder" height="24" width="24" alt="flag germany" src="https://cdn.qrplanet.com/img/flags/de.svg" /><span>Deutsch</span></a></div>
        
    <div>
        <a href="https://qrplanet.com/es">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag es" 
                 src="https://cdn.qrplanet.com/img/flags/es.svg" />
            <span>Español</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pt">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pt" 
                 src="https://cdn.qrplanet.com/img/flags/pt-br.svg" />
            <span>Português</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/it">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag it" 
                 src="https://cdn.qrplanet.com/img/flags/it.svg" />
            <span>Italiano</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/fr">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag fr" 
                 src="https://cdn.qrplanet.com/img/flags/fr.svg" />
            <span>Français</span>
        </a>
    </div>
        
    <div>
        <a href="https://qrplanet.com/pl">
            <img class="noborder" 
                 height="24" width="24" 
                 alt="flag pl" 
                 src="https://cdn.qrplanet.com/img/flags/pl.svg" />
            <span>Polski</span>
        </a>
    </div>
    </div></div>   
<p class="text-center">
    &nbsp;© 2007-2026</p>            </div>
        </div>
    </footer>
</div>    <style>
        div.keckse{border-radius:0 10px 0 0 ;margin:auto;width:21%;background:#ffffff;position:fixed;bottom:0;box-shadow:0px 0px 10px 1px #333;z-index:100000;left:0}
        p.keckse-info{margin:0 auto;padding:24px 20px;color:#333;text-align:center;font-size:14px}
        p.keckse-info a{color:#555;font-weight:700;margin:5px 15px 5px 0px}  
        div.keckse button{margin:-11px auto 10px;text-align:center;display:block;width:90%}
        @media(max-width:960px){
             div.keckse{width:100%;border-radius:10px 10px 0 0}
        }
    </style>
    <div class="keckse">        
        <p class="keckse-info">
            This website uses necessary cookies to ensure that our website is ideally usable. We do not use cookies that process personal data without your prior consent. Read our         <a href='/privacy#cookies' class='external-link notwendig' target='_blank'>Cookie Policy</a>    
        </p> 
        
        <button id="all-cookies" class="small-button btn btn-primary">Ok</button>
    </div>
    <div class="clear"></div>
    <script>document.getElementById('all-cookies').addEventListener('click',function(){d=new Date();d.setTime(d.getTime()+(365*24*60*60*1000));let ex="expires="+ d.toUTCString();document.cookie="cookies_akzeptieren=accepted;"+ex+";path=/";location.reload()})</script>
        </div>
        <style>#transmenu{box-shadow:0 2px 3px rgba(0,0,0,.2);height:61px;-moz-transition:background .6s;-webkit-transition:background .6s;transition:background .6s;background-color:#28323b!important}
#transmenu{padding-right: 0; padding-left: 6px;padding-bottom: 7px;}
#transmenu.transparency{background:0 0!important;box-shadow:none;border-color:transparent!important}
#transmenu .navbar-brand{-moz-transition:.6s;-webkit-transition:.6s;transition:.6s;color:#fff}
#transmenu.transparency .navbar-brand{padding-top:1.5rem;padding-bottom:1.5rem;color:#000!important;border:none}
#transmenu.transparency a{color:#000!important}
#transmenu.transparency .nav-link,#transmenu.transparency .nav-link.active,#transmenu.transparency .nav-link:focus{color:#fff;border:none;opacity:1}
/*#transmenu .navbar-toggler{position:relative;height:35px;margin-right:-.75rem;border:none}*/
#transmenu .navbar-toggler{position:relative;border:none;border-radius: 0; right: 3px; padding: 5px 10px;}
#transmenu .navbar-toggler:active,#transmenu .navbar-toggler:focus{outline:0}
#transmenu .navbar-toggler span{display:block;background-color:#fff;height:3px;width:28px;margin-top:4px;margin-bottom:4px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);position:relative;left:0;opacity:1}
#transmenu .navbar-toggler:hover span{background-color:  #1E2A3A;}
#transmenu .navbar-toggler.activenav {background-color: #fff;}
#transmenu .navbar-toggler.activenav span{background-color: #1E2A3A;}

#transmenu.transparency .navbar-toggler span{background:#212529}
#transmenu .navbar-toggler span:first-child,#transmenu .navbar-toggler span:nth-child(3){-webkit-transition:transform .35s ease-in-out;-moz-transition:transform .35s ease-in-out;transition:transform .35s ease-in-out}
#transmenu .navbar-toggler:not(.collapsed) span:first-child{position:absolute;left:12px;top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);opacity:.9}
#transmenu .navbar-toggler:not(.collapsed) span:nth-child(2){height:12px;visibility:hidden;background-color:transparent}
#transmenu .navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute;left:12px;top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);opacity:.9}
#transmenu .nav li{margin-left:15px}
#transmenu .nav .nav-link{border-radius:25px;padding:10px;}
#transmenu .nav a.nav-link:hover{background:#eee;color:#333;}
#transmenu .nav a.nav-link{transition: background-color 600ms ease-out}


@media (max-width:720px){#transmenu.transparency{background:#fff!important}#transmenu ul{text-align:center}}.footer-clean{padding:50px 0;color:#4b4c4d}.footer-clean h3{margin-top:0;margin-bottom:12px;font-weight:700;font-size:20px;color:#fff4b2;padding-left:5px}.footer-clean ul{padding:0;list-style:none;line-height:1.6;font-size:16px;margin-bottom:0}.footer-clean ul a{color:inherit;text-decoration:none;padding:5px;display:block}
.footer-clean .container ul a:hover{background-color:#28323b}
.footer-clean .lang-selection li a span{padding-left:7px}
.footer-clean .lang-selection li:hover a span{color:#fff}
.footer-clean .item.social{text-align:left}
.footer-clean .copyright p{margin-top:30px;color:#fff}
@media (max-width:768px){.footer-clean .item.social{text-align:center}}.footer-clean .item.social>a{font-size:24px;width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin-left:10px;margin-top:22px;color:inherit;opacity:.75}.footer-clean .item.social>a:hover{opacity:.9}@media (max-width:991px){.footer-clean .item.social>a{margin-top:40px}}@media (max-width:767px){.footer-clean .item{text-align:center;padding-bottom:20px}.footer-clean .item.social>a{margin-top:10px}}
:root {
--header-font: 'Ubuntu';
--main-font: 'Ubuntu';
--mono-font: 'UbuntuMono';

--card-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
--card-border-radius: 10px;

--blue: #39a5f6;
--blue-light:#88c9fa;
--blue-lighter:#d7edfd;
--blue-dark: #226394;
--blue-darker:  #d7edfd;

--green:#2ecc71;
--green-light:#82e0aa;
--green-lighter:#d5f5e3;
--green-dark: #1c7a44;
--green-darker: #092917;

--black: #343434;
--black-light: #858585;
--black-lighter: #d6d6d6;

}

h2 {
    font-weight: 600;
}

.see-menu,
.sexy-qr {
    background-size: cover;
    z-index: -1000
}
 
#pushfooter,
.btn-success {
    background-color: #16a085
} 

.faqs h3,
.related-article-details h3 {
    font-size: 18px;
    font-weight: 700
}

.bs-linklist a:hover,
a.related-article:hover {
    text-decoration: none
}

body {
    font-family: var(--main-font), Arial, sans-serif !important
}

a.external-link{
    color: #40a1f8;
    font-weight: 500;
}

a.external-link:hover {
    color: #2d71ae;
    font-weight: 500;
}

a.simple-link {
    color: #40a1f8 !important
}

#pushfooter .btn-success,
.btn-outline-secondary:focus,
nav .btn-success {
    box-shadow: unset
}

.btn-success:hover {
    background-color: #138f77;
    border-color: #138f77
}

.sections .row {
    padding: 40px 0
}

.container.sections {
    margin: 40px auto
}

.see-menu {
    padding: 100px 0 0;
    background-position: right
}

.sexy-qr {
    padding: 50px 0 0;
    background-position: left
}

.btn-success {
    color: #fff;
    border-color: #16a085;
    box-shadow: 2px 4px 11px 0 rgba(211, 211, 211, .92);
    padding: 9px 21px
}

.btn-outline-secondary {
    color: #40a1f8;
    background-color: #fff;
    border: 2px solid #40a1f8
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6fb7f7
}

.btn-outline-secondary:active {
    color: #fff;
    background-color: #6fb7f7 !important
}

.sections .icon {
    color: #6fb7f7;
    font-size: 1.4rem
}

.btn-danger {
    background-color: #e3132a
}

.icon {
    color: #fff
}

.bs-linklist a {
    color: #40a1f8;
    font-weight: bold;
}

.bs-linklist a:hover {
    color: #2d71ae
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #40a1f8;
    background-color: #40a1f8
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(61, 188, 156, .5)
}

ul.li-green>li {
    animation: .5s linear both fadeIn;
    padding-bottom: 10px
}

ul.li-green {
    padding: 10px 10px 10px 25px;
    text-align: left;
}

.btn {
    border-radius: 52px
}

.faqs h3 {
    padding-top: 30px
}

.faqs a,
.faqs a:visited {
    color: #40a1f8;
}

#pushfooter {
    color: #fff;
    position: fixed;
    width: 100%;
    box-shadow: 0 0 10px 1px #333;
    padding-top: 20px;
    z-index: 100
}

.yellow {
    background-color: #28323b;
}

.gradient-blue {
    color:#fff;
    background: rgb(64,161,248);
background: linear-gradient(135deg, rgba(64,161,248,1) 0%, rgba(30,187,238,1) 53%);
}

.greenish {
    background: #edf5f8;
}

.greenish strong,.greenish h2,.greenish h3, .greenish .container .row p  {
    color: #00967b
}

.carousel img {
    margin-bottom: 20px
}

.company h4 {
    margin-bottom: 20px !important
}

.covid {
    margin-bottom: 70px !important
}

.covid img {
    max-height: 90px;
    max-width: 300px
}

.slide-up {
    bottom: 0
}

.slide-down {
    bottom: -250px
}

.posts .card-img-top {
    width: 100%;
    height: 180px;
    object-fit: cover
}

#pushfooter .btn {
    background-color: #fff;
    color: #16a085;
    margin-bottom: 14px
}

#logo {
    margin-right: 10px
}

.navbar-brand {
    font-weight: 700;
    font-size: 26px
}

.sections img {
    border-radius: 8px 8px 0 0
}

.modal-footer div {
    padding: 0
}

.related-article-details {
    padding: 15px 20px 15px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 18px 36px -18px rgba(0,0,0,0.1), 0px 30px 45px -30px rgba(50,50,93,0.25);
    background-color: #fff;
    position: relative;
    top: 0;
    transition: top ease 0.5s;
}
.related-article-details:hover {
    top: -5px;
}


.related-article-details img {
    width: 100%
}

.related-article-details svg {
    display: none
}

a.related-article {
    color: #212529
}

ul.bullet-green-checks li {
    background: url("/img/pricing/yes.svg") 0 3px no-repeat;
    background-size:20px;
    padding:0 20px 0 40px;
    list-style:none;         
}

@media (min-width:720px) {
    .can-i-have {
        margin-bottom: 5px;
        padding-left: 40px;
        font-size: 2rem;
        line-height: 60px
    }
}

@media (min-width:992px) {
    .left-separator {
        border-left: 2px solid #535b62
    }
}

@media (max-width:720px) {
    .can-i-have {
        font-size: 1.7rem;
        line-height: 50px;
        text-align: center;
        margin-bottom: 30px;
        display: none
    }

    #notwendig-cookies {
        margin: 0 0 10px;
        display: inline-block
    }

    #start {
        padding-top: 70px
    }

    .logocovid {
        margin-bottom: 30px
    }

    .modal-footer div {
        text-align: center !important;
        margin-bottom: 20px
    }

    .easiest {
        text-align: center
    }

    .see-menu {
        background-size: contain;
        background-position: 0 100px;
        padding: 0;
        background-repeat: no-repeat
    }

    
}

@media (min-width:721px) {
    .easiest {
        text-align: left;
        padding: 0 20px
    }

    .see-menu {
        background-position: right
    }
}/* .modal-download-btns .linksholder .btn{font-size: 3.5rem} */
/*! qr templates */
.set-template{cursor:pointer;border:1px solid #e8e8e8;display:block}.set-template:hover{border-color:#bbb;opacity:.8}.del-template{position:absolute;top:0;left:0;padding:.25rem;border-radius:5em;line-height:.8;cursor:pointer}#collapseTemplate{overflow:hidden}#templateContainer,#myTemplateContainer{width:100%;max-height:355px;overflow:auto;text-align:justify;box-sizing:content-box;-webkit-mask-image:linear-gradient(to bottom,black 90%,transparent 100%);mask-image:linear-gradient(to bottom,black 90%,transparent 100%)}.wrap-template{width:115px;display:inline-block}.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative;display:inline-flex}.sp-original-input-container input{margin:0!important}.sp-original-input-container .sp-add-on{width:40px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.sp-original-input-container .sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}.sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px!important}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:12px;width:12px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{display:inline-flex;border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-picker-container .sp-cf{margin-bottom:10px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{position:relative;padding:10px}.sp-picker-container{width:200px;padding-bottom:0}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #aaa;color:#666;transition:border-color .3s;vertical-align:middle;width:3rem;height:1.5rem}.sp-replacer.sp-active,.sp-replacer:hover{border:1px solid #666;color:#000}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{display:none}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{background-color:#3cab3b;color:#fff;margin-left:5px}.sp-container button:hover{opacity:.8}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==)}a,.btn-link{color:#40a1f8;}.text-primary{color:#40a1f8!important;}.navbar-nav a,.navbar-nav .nav-link,.navbar-toggler{color:#F6F6F6;}a:hover,a:active,a:focus,.btn-link:hover,.btn-link:active,.btn-link:focus,.dropdown-menu a.dropdown-item{color:#2d71ae;}.bg-primary,.nav-pills.nav-link.active,.nav-pills.show>.nav-link,label.custom-file-label:after{color:#F6F6F6;background-color:#40a1f8!important;}a.dropdown-item.active,a.dropdown-item:active{-webkit-box-shadow:inset 4px 0 0 0 #40a1f8;box-shadow:inset 4px 0 0 0 #40a1f8;0:background-color;}.btn-primary,.btn-primary:disabled{border-color:#40a1f8;background-color:#40a1f8;color:#F6F6F6;}.btn-outline-primary,.btn-outline-primary:disabled{border-color:#40a1f8;color:#40a1f8;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle,.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{border-color:#2d71ae;background-color:#2d71ae;color:#F6F6F6;}.btn-outline-light{border-color:#F6F6F6;color:#F6F6F6;}.btn-outline-light:hover,.btn-outline-light:active,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{background-color:#F6F6F6;border-color:#F6F6F6;color:#40a1f8;}            h1{
                color:#1E2A3A;
                font-size:46px;
                font-weight:500;
                padding:10px 0 0
            }
            a{
                transition-duration:.3s;
                transition-property: border,background-color;
            }
           
            blockquote{
                background: url(https://cdn.qrplanet.com/img/svg/quote_left_icon.svg)no-repeat 0 10px;
                margin:0 0 20px;
                padding:10px 0 0 40px
            }
            blockquote cite::before{
                content: "— "
            }
            blockquote cite{
                color:#555;
                display:block;
                font-size:13px;
                padding-top:10px
            }
            div.references img{
                margin-right:50px;
                max-width:150px
            }
            div.white-box{
                padding:30px;
                background:#fff;
                border-radius:0 30px 0 30px
            }
            div.faqhome h3{
                color:#040404;
                font-weight:700;
                padding:20px 0 5px;
                font-size:18px;
            }
            div.faqhome h4{
                font-size:18px;
                color:#333;
                font-weight:lighter;
                padding:15px 0 8px 0
            }
            .pollHeading{
                font-size:50px
            }
            /** .container .row p{color:#666}**/
            figure{
                max-width:700px;
                text-align:center;
                margin:20px auto
            }
            figcaption{
                color:#777
            }
            /*#landing-pages h2 {font-size:2em;font-weight:bold;} */
            /*h3{font-size:2em;}*/
            .faqs h3{
                font-size:18px;
                font-weight:500;
                padding-top:30px;
                color:#000
            }
            /*#designer-qr-code-generator h2{font-size:1.5rem;color:#777}*/
            #features p:first-of-type a{
                height:100px;
                display:inline-block
            }
            #features .row{
                margin-bottom:40px
            }
            .card-post{
                margin-bottom:60px
            }
            .card-title{
                font-size:1.2em;
                font-weight:bold;
                color:#333
            }
            .related-articles h3{
                font-size:1.25em
            }
            .zigzag .row {
                padding:2rem 0 2rem 0;
                
            }
            /*.card:hover {border:1px solid #ccc; background:#ededed;}*/
            ul.li-green{
                padding-left:0
            }
            ul.li-green li{
                background:url(https://cdn.qrplanet.com/img/pricing/yes.svg) no-repeat -1px -1px;
                background-size:26px;
                padding-left:47px;
            }
            .fa-file-more-o:before{
                content:"\f01a"
            }
            .fa-file-less-o:before{
                content:"\f01b"
            }
            /*#featuresCarousel h2{font-size:30px}*/
            .carousel-control-next, .carousel-control-prev{
                display:block;
            }
            .carousel-item{
                padding:20px
            }
            .center{
                text-align:center
            }
            .arrow::after{
                padding-left:5px;
                content:"›"
            }
            .brand-logo{
                font-weight:700;
                color:#040404;
                padding-right:2px
            }
            .small-button{
                background-color:#16a085;
                display:inline-block;
                text-decoration:none;
                border:none;
                padding:4px 13px 6px;
                border-radius:20px;
                color:#fff;
                margin:3px 2px 5px 0;
                box-shadow:2px 4px 11px rgba(211,211,211,.92);
                font-size:.91em
            }
            /*.button{border-radius:0 10px;background-color:#16a085;color:#fff;display:inline-block;text-decoration:none;margin:3px 0;font-size:20px;border:0;border-radius:30px;box-shadow:2px 4px 11px rgba(211,211,211,.92);padding:9px 21px}*/

            
            .button,.button:active, .button:focus {
                border-radius:0 10px;
                background-size: 300% 100%;
                border-radius: 50px;
                /*moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;*/
                background-image: linear-gradient(to right, #40a1f8, #1ebbee, #1ebbee, #40a1f8);
                /*   box-shadow:2px 4px 11px rgba(211,211,211,.92);*/
                color:#fff;
                display:inline-block;
                text-decoration:none;
                margin:3px 0;
                font-size:16px;
                border:0;
                border-radius:30px;
                padding:9px 50px
            }
            .button:hover,.small-button:hover,.btn-primary:hover,.yellow .button:hover{
                background-position: 100% 0;
                moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                color:#fff;
            }

            .yellow .button{
                background: #e11726;
                border-color:#ddc0b5;
                box-shadow:none
            }
            .yellow .button:hover{
                background: #f12736
            }
            .yellow p,.yellow strong{
                color:#222;
            }
            .small-button:hover,.button:hover, .btn-primary:hover{
                background-color: #1abc9c;
                color:#fff;
                border-color:#1abc9c;
            }
            div.bullet-checks li{
                background:url(https://cdn.qrplanet.com/img/pricing/yes.svg)0 3px no-repeat;
                background-size:20px;
                padding:0 20px 0 25px;
                list-style:none;
                float:left
            }
            
             div.bullet-checks li a{
               color:#212529;
            }
            
            .fontSize1em{
                font-size:1em
            }
            .spacer30{
                height:30px
            }
            .container .row p.can-i-have{
                margin-bottom:5px;
                padding-left:40px;
                font-size:2rem;
                line-height:60px;
                color:#212529
            }
            td.checklist{
                padding-right:10px;
                width:60px
            }
            button.navbar-toggler {
                display:none;
            }
            .navbar .container{
                flex-wrap: nowrap;
            }
            .hide {
                display:none;
            }
            .light-border{
                border:1px solid #ececec;
            }
            .ico-text i {
                color:#16a085;
            }
            section.blue{
                background:#004494
            }
            section.blue .container .row p,section.blue h1, section.blue h2, section.blue h3, section.blue h4{
                color:#fff
            }
            section.blue .container .row a{
                color:#ffffff;
                border-color:#ffffff;
            }
            section.blue .container .row a:hover{
                color:#ffffff;
                border-color:#ffffff;
            }

            #modalDownload .modal-lg {
                max-width: 850px;
            }

            .linksholder  .card {
                flex-direction:row!important;
                border:2px solid #f7f3f3;
            }
               .linksholder  .card {
                background:#E7F4FD;
                border:2px solid #2998FA;
            }
            
            .linksholder  .card:hover    {
                background:#cce3f3;
                border:2px solid #2998FA;
            } 
            
        
            .linksholder .btn {
                text-align:left;
                margin-bottom: 10px;
                border-radius: unset;
                padding:0;
                width:100%;
            }
            .linksholder .legend {
                padding-top:25px;
                text-align:left;
            }
            .linksholder .col-md-3 {
                padding:0 5px;
                margin-bottom:10px;
            }
            .linksholder div.legend p {
                font-size: 16px;
            }

            .qrcdr-form .accordion-item>.btn {
                border-width:1px;
                border-radius:6px!important;
                border-color:#cccccc;
            }
 

            .figure_col figcaption {
                font-size:85%;
                color:#666;
            }
 
         
            .light-blue {
                background:#d8ebfd;
            }
            
            
            
            
            .modal {
                overflow-y:auto;
            }

            div.qrtypes h3{
                font-size:1em;
                margin-bottom:30px
            }
            #qr-code-type-content .click-types a{
                float:left;
                display:block;
                width:33%;
                margin-top:40px;
                cursor:pointer;
                height:90px
            }
            #qr-code-type-content a{
                text-align:center
            }
            #qr-code-type-content img{
                height:50px;
                border-radius:0;
                display:inline-block
            }
            #qr-code-type-content strong, #qr-code-type-content small{
                display:block
            }
            .mobile-only{
                display:none!important
            }
            .footer-menu{
                width:960px;
                margin:0 auto;
               /* padding-top:30px */
            }
            ul.large-icons li i{
                color:#1E2A3A;
                display:block;
                font-size:50px;
                text-align:center;
                transition:color .5s ease
            }
            ul.large-icons li a{
                text-align:center;
                display:block;
                color:#1E2A3A;
                font-size:15px;
                font-style:normal;
                margin:0;
                padding:3px 0 10px;
                transition-duration: .3s;
                transition-property: color,border,background-color;
            }
            ul.large-icons li a span{
                display:block;
                height:45px
            }
            ul.large-icons li i:hover{
                color:#CA1524;
                cursor:pointer
            }
            ul.large-icons li i.foundicon-add-doc:hover{
                color:#FFF6BF
            }
            ul.large-icons li{
                display:block;
                float:left;
                width:118px;
                margin:auto
            }
            ul.large-icons{
                overflow:hidden;
                transition:height 1.2s ease;
                padding:0;
                margin-bottom:3em
            }
            [class*="social foundicon-"]:before{
                font-family:SocialFoundicons
            }
            .resultholder svg{
                height:288px
            }
            .ceo-all{
                font-size:22px;
                color:#555;
                font-weight:lighter
            }




            .filter-button{
                font-size: 18px;
                border: 1px solid 2faa85;
                text-align: center;
                color:#40a1f8;
                ;
                margin-bottom: 30px;
                border-radius: 5px;
            }
            .filter-button:hover {
                font-size: 18px;
                border: 1px solid 2faa85;
                border-radius: 5px;
                text-align: center;
                color: #ffffff;
                background-color: #2faa85;
            }
            .filter-button:active {
                background-color: #40a1f8;
                color: white;
            }
            .port-image{
                width: 100%;
            }
            .gallery_product{
                margin-bottom: 30px;
            }
           
/*           startseite homepage lp use cases - start */
           
            .use-cases-header h1 {line-height: 1.6!important;}
            .branche-column h5 {font-weight: bold; font-size: 1.1rem;}
            .branche-column div img {height: 22px; margin-top: 20px;}
            .branche-column div div {padding-top: 0rem;}
            .branche-column {min-width: 158px;}
            .branche-column .fa-solid { 
                font-weight: 900;
                font-size: 30px;
                color: rgba(40, 50, 59, 1);
                padding-left: 6px;
            }
            .branche-column i {padding-top: 15px;}
            .branche-column .card {border-radius: 20px; padding: 10px 0;border: none;}
            .branche-column .card:hover {outline: #ff8383 solid 1px;}
            
            span.d-block.colored-span {font-size: 20px;}
            
            @media screen and (max-width: 768px){
                span.d-block.colored-span {font-size: 14px!important;}
            }
            
 /*         start lp branchen und use cases  */

            .lp-three-columns-header {
                font-size: 1.5rem;
                min-height: 65px;
                line-height: 34px;
                color: #9d9d9d;
                font-weight: 400;
            }
/*         jeder section als Klasse use-cases-branche vergeben, damit h3 so ein Layout bekommt .  */         
            section.use-cases-branche h3 {
                padding: 5px 0 5px;
                line-height: 1.4;
                font-weight: 800;
              }
          
 
 /*         ende lp branchen und use cases  */
 
 
        .handy_hinweis {
           background: url(/img/tipps/blue/hinweise_250.png) -8px 0px no-repeat;
           background-size: auto;
           background-size: 80px;
           padding-left: 69px;
       }

       .handy_ort {
           background: url(/img/tipps/blue/passender-ort_250.png) -8px 0px no-repeat;
           background-size: auto;
           background-size: 82px;
           padding-left: 86px;
       }

       .handy_info {
           background: url(/img/tipps/blue/wervolle-informationen_250.png) -8px 0px no-repeat;
           background-size: auto;
           background-size: 84px;
           padding-left: 87px;
       }
       
/*       search box on the all industries page */
        .input-icon {
            position: relative;
          }

        #iconSearch, #iconWebsiteIndustriesSearch, #iconWebsiteUseCasesSearch, #iconAllUseCasesSearch, #SearchBoxIntegrations {
            position: absolute;
            left: 15px; /* Abstand vom linken Rand */
            top: 50%;
            transform: translateY(-50%);
            color: #aaa;
          }

        .input-icon input {
            padding-left: 40px; /* Platz für das Icon schaffen */
          }
 
        .clear-button {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            font-size: 1.2rem;
            color: gray;
            display: none; /* Unsichtbar, wenn das Eingabefeld leer ist */
          }

        .clear-button:hover {
            color: black;
          }
              
        .highlight {
            color: blue;
            font-weight: bold;
          }
          
        #industries-icons .horizontal-scroll { 
            display: grid;
            grid-template-rows: repeat(3, auto); /* Erstellt drei Reihen */
            grid-auto-flow: column; /* Horizontaler Fluss der Elemente */

            min-width: 100%;
        }
        
        #scroll-arrow-column {display:flex; align-items: center;}
        
        #uses-cases-icons .horizontal-scroll { 
            display: grid;
            grid-template-rows: repeat(2, auto); /* Erstellt eine Reihe */
            grid-auto-flow: column; /* Horizontaler Fluss der Elemente */

            min-width: 100%;
        }
        
        .horizontal-scroll-row {
             scrollbar-width: none; /* Firefox */
         }

        .horizontal-scroll-row::-webkit-scrollbar {
             display: none; /* Chrome, Safari, Edge */
         }
         
         #all-industries-scrollarrows i, #all-use-cases-scrollarrows i {cursor: pointer;}
          
        #industries-icons .horizontal-scroll-row, #uses-cases-icons .horizontal-scroll-row {
            position: relative;
            width: 100%;
            overflow-x: auto; 

            -webkit-mask-image: linear-gradient(to right, 
                rgba(255, 255, 255,1) 0%,     
                rgba(255, 255, 255,1) 3%,    
                rgba(255, 255, 255,1) 97%,    
                rgba(255, 255, 255,0) 100%    
            );
            mask-image: linear-gradient(to right, 
                rgba(255, 255, 255,1) 0%,    
                rgba(255, 255, 255,1) 3%,  
                rgba(255, 255, 255,1) 97%,  
                rgba(255, 255, 255,0) 100%   
            );


                transition: mask-image 0.3s ease, -webkit-mask-image 0.3s ease;
          }  
            
        .invisible {display: none;} 
        
        #google_customers_review_block .arrow-left {
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 5;
        }
        
         #google_customers_review_block .arrow-right {
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 5;
        }
        
        p.review-content-el, .carousel-item-wrapper  p:nth-of-type(2)  {
/*            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            position: relative;*/
            min-height: 79.2px
          }
          
          #section-customer-logos-qr-code .card{
              box-shadow: 0px 18px 36px -18px rgba(0,0,0,0.1), 0px 30px 45px -30px rgba(50,50,93,0.25);
              border-radius: 6px;
              padding: 15px 20px;
              border: 1px solid #efefef;
          }
          
          
          
 /*     customer logos block         Start     */   
       
        #customer-logos {
            overflow: hidden;
            white-space: nowrap;
            padding: 20px 0;
            position: relative;
        }

/*        #customer-logos .container {
            display: flex;
            flex-wrap: nowrap;
            overflow: hidden;
        }*/

/*        .customer-logos-row {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            gap: 20px;
            position: relative;
            width: max-content;
            transition: transform 0s;
        }*/

        .customer-logos-item img {
            max-height: 77px;
            margin: 0 0px;
            transition: transform 0.3s ease-in-out;
            max-height: 40px;
        } 
        
         .slider-container {
            overflow: hidden;
            position: relative;
            width: 100%;
            overflow-x: auto;
            height: 65px;  
          }  

          .slider-track {
            display: flex;
            position: relative;
            left: 0;
            will-change: transform;
          }

          .customer-logos-item {
            flex: 0 0 auto;
            margin-right: 30px;
            background:#fff;
            padding: 3px 6px;
            border-radius: 8px;
          }

          .slider-container:hover .slider-track {
            animation-play-state: paused !important;
          }
          
           .scrollbox {
            overflow-x: auto;
            scrollbar-width: none;
            scrollbar-color: #fff #f0f0f0;
          }

          .scrollbox::-webkit-scrollbar {
            height: 2px;
          }
          .scrollbox::-webkit-scrollbar-track {
            background: #fff;
          }
          .scrollbox::-webkit-scrollbar-thumb {
            background: #fff;
            border-radius: 2px;
          }
          .scrollbox::-webkit-scrollbar-thumb:hover {
            background: #fff;
          }
          
          .company #reference-logos h4 {margin:0!important;}
          
/*             MEDIA QUERIES           Start     */

            @media(max-width:960px){
             #use-cases-fitness h1 {font-size: 36px;}   
            }
            
            @media(max-width:767px){
            .zigzag .row {flex-direction: column-reverse;}
            .pretitle {display:inline-block;}
            #use-cases-fitness h1 {font-size: 25px;}  
            #use-cases-fitness h3 {font-size: 22px;}
            #use-cases-fitness p {font-size: 14px}
            .branche-column {width: 50%;}
            
                       .home-claim h1 {
             
                font-size: 18px;
                
            }
            
            


            .home-claim h2 {
                font-size: 24px !important;
                line-height:1.4 !important;
                padding-bottom: 0;
             
            }
            
            }
            
            @media(max-width: 576px){
                .branche-column h5 {font-size: 0.9rem;}
                #review-block-section .carousel-item img {padding-bottom: 0;}
                
                .qr-code-types-box .card h5 {
                    font-size: 1rem;
                } 
                .qr-code-types-box {width:100px;}
            
            }
/*           lp use cases - end */


            @media(min-width:1200px){
                .sticky-col {
                    position: -webkit-sticky;
                    position: sticky;
                    top: 120px; 
                    height: 100%;
                    overflow-y: auto;
                }
            }
            
            @media(min-width:1700px){
                ul.large-icons{
                    position:fixed;
                    left:0;
                    top:111px;
                    box-shadow:-2px 2px 11px -3px #333;
                    border-top-right-radius:25px;
                    border-bottom-right-radius:25px
                }
                ul.large-icons li{
                    float:none;
                    width:276px;
                    background:#fff
                }
                ul.large-icons li a{
                    clear:both;
                    text-align:left;
                    padding:12px 10px
                }
                ul.large-icons li a:hover{
                    background:#40a1f8;
                    color:#fff
                }
                ul.large-icons li a span{
                    padding-top:12px
                }
                ul.large-icons li i{
                    font-size:34px;
                    float:left;
                    padding:0 20px
                }
            }
            
           
            @media(max-width:1200px){
                #qr-code-type-content .click-types{
                    display:grid;
                    justify-items: center;
                    grid-template-columns: 1fr 1fr 1fr;
                    grid-row-gap: 20px;
                    grid-column-gap: 10px;
                }
                #qr-code-type-content .click-types a{
                    display: flex;
                    width: 22vw;
                    cursor: pointer;
                    height: auto;
                    flex-direction: column;
                    align-items: center;
                }
                .language-switch {
                    display: none;
                }
                button.navbar-toggler{
                    display:block!important;
                }
                .navbar-nav{
                    display: none;
                }
                button.navbar-toggler:hover{
                    background-color: #fff;
                }
                navbar-toggler .activenav{
                    background-color: #fff;
                }
                .navbar-expand-lg > .container{
                    max-width: 100%;
                    padding: 0; 
                }
                .navbar {
                    padding: 0.4rem 0.5rem;
                }
                .navbar-brand {
                    font-size: 24px;
                }
                #references .container .row, #features .container .row{
                    row-gap: 50px;
                }
                div.references img{
                    margin-right: 0;
                }
                div.references, .references.black-white{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-evenly;
                    column-gap: 20px;
                }
                div.references {
                    justify-content: start;
                    column-gap: 20px;
                    row-gap: 20px;
                }
                .footer-menu {
                    display: none;
                    padding-top: 0;
                    position: absolute;
                    top: 60px;
                    width: 100%;
                    background-color: #eee;
                    z-index: 1025;
                } 
                .large-icons{
                    display: flex;
                    flex-direction: column;
                }
                ul.large-icons{
                    margin-bottom: 0;
                }
                ul.large-icons li {
                    width: 100%;
                    border-top: 1px solid #FFF;
                }
                ul.large-icons li a {
                    height: 53px;
                    font-size: 1.2em;
                    display: flex;
                    flex-direction:row;
                    align-items: center;
                    padding: 0;
                }
                ul.large-icons li a span {
                    height: auto;
                }
                ul.large-icons li i {
                    padding-left: 20px;
                    padding-right: 18px;
                    font-size: 2em;
                }
                .mobile-only{
                    display: block!important;
                }
                .dropdown-mobile-content li {
                    padding: 0px 0 0 21px;
                }

                .dropdown-mobile-content {
                    left: -40px;
                    width: 110%;
                }
            }
            
       
            
 
            
            @media(max-width:960px){
                h1{
                    font-size:24px;
                    padding:25px 0 0
                }
                #designer-qr-code-generator h2{
                    font-size:1.1rem
                }
                .navbar-brand {
                    font-size: 20px;
                }
                h2{
                    font-size:2.1em
                }
                img{
                    height:auto
                }
            }
            @media(max-width:768px){
                
                 h2 {font-size: 1.8em;}
                /*   section     'erweiterte Funktionen'   */
                .first-row-button p:nth-of-type(2){display: block;} 
                .first-row-button p:nth-of-type(1){margin-bottom: 0;}
                
                .second-row-button {display: none!important;}
                
                .noti{
                    margin-top:0;
                }
                .resultholder svg{
                    height:150px
                }
                div.references{
                    display:grid;
                    align-items: center;
                    grid-template-columns: 1fr 1fr;
                    justify-items: center;
                    grid-row-gap: 28px;
                    grid-column-gap:28px;
                }
                .modal-body img {
                    max-width:70%;
                }
                .modal-body    {
                    padding: 0px 10px;
                }
                .modal-body h3 {
                    font-size:22px;
                }
                .modal-body h4 {
                    font-size:18px;
                }


                #generator-checks div.bullet-checks li {
                    background-size: 20px;
                    padding: 0 20px 3px 25px;
                    background:unset;
                    float: left;
                    width: 100%;
                    text-align: center;
                    margin-bottom: 8px;
                    font-size: 14px;
                }
                #generator-checks div.bullet-checks a{
                    color:var(--cms-designer)!important;
                }
            }

      
            
            @media(max-width:576px){
                div.references{
                    grid-template-columns:1fr;
                }
               
                .company {margin-bottom: 0px;}
                .zigzag .row {padding: 0 0 1.2rem 0;}
                
               
                
                #section-customer-logos-qr-code .card {
                    padding: 0px 0px;
                  }
                  
                #section-customer-logos-qr-code .card-body {
                    padding: 0.5rem 0.5rem 1rem 0.5rem;
                }
                
                #section-customer-logos-qr-code .card-body .btn {
                    font-size: 0.8rem;
                }
                
                #section-customer-logos-qr-code .card img {
                    padding-bottom: 0px;
                } 
                
                #customer-logos img {padding-bottom: 0px;}
            }
            
           
            @media(max-width:320px){
                ul.lang-selection span{
                    display:none;
                }
            }


            @media (hover: hover) {
                .nav-link:hover,.nav-item:hover {
                    background-color: unset; /* or remove the background color */
                }
            }
         
<!--link href='https://cdn.qrplanet.com/css/nunito.css' rel='stylesheet' type='text/css' />  -->


/* --- Light (300) --- */
@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-Light.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-LightItalic.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* --- Regular (400) --- */
@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-Regular.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-Italic.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* --- Medium (500) --- */
@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-Medium.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-MediumItalic.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* --- Bold (700) --- */
@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-Bold.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/css/fonts/ubuntu/Ubuntu-BoldItalic.woff2') format('woff2'),
         url('/css/fonts/ubuntu/Ubuntu-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* --- Monotype --- */
@font-face {
    font-family: 'UbuntuMono';
    src: url('/css/fonts/ubuntumono/UbuntuMono-Regular.woff2') format('woff2'),
         url('/css/fonts/ubuntumono/UbuntuMono-Regular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face{
font-display:swap;
font-family:"GeneralFoundicons";
src:url(https://cdn.qrplanet.com/css/fonts/general_foundicons.eot);
src:url(https://cdn.qrplanet.com/css/fonts/general_foundicons.eot?#iefix) format("embedded-opentype"),
url(https://cdn.qrplanet.com/css/fonts/general_foundicons.woff) format("woff"),
url(https://cdn.qrplanet.com/css/fonts/general_foundicons.ttf) format("truetype"),
url(https://cdn.qrplanet.com/css/fonts/general_foundicons.svg#GeneralFoundicons) format("svg");
font-weight:400;font-style:normal}[class*="foundicon-"]{display:inline;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat}[class*="foundicon-"]:before{font-family:"GeneralFoundicons";font-weight:400;font-style:normal;text-decoration:inherit}
.foundicon-smiley::before{content:"\f02d"}.foundicon-lock::before{content:"\f01b"}.foundicon-search::before{content:"\f02e"}.foundicon-cart::before{content:"\f024"}.foundicon-add-doc::before{content:"\f022"}.foundicon-graph::before{content:"\f021"}.foundicon-settings:before{content:"\f000"}.foundicon-heart:before{content:"\f001"}.foundicon-star:before{content:"\f002"}.foundicon-plus:before{content:"\f003"}.foundicon-minus:before{content:"\f004"}.foundicon-checkmark:before{content:"\f005"}.foundicon-remove:before{content:"\f006"}.foundicon-mail:before{content:"\f007"}.foundicon-calendar:before{content:"\f008"}.foundicon-page:before{content:"\f009"}.foundicon-tools:before{content:"\f00a"}.foundicon-globe:before{content:"\f00b"}.foundicon-home:before{content:"\f00c"}.foundicon-quote:before{content:"\f00d"}.foundicon-people:before{content:"\f00e"}.foundicon-monitor:before{content:"\f00f"}.foundicon-laptop:before{content:"\f010"}.foundicon-phone:before{content:"\f011"}.foundicon-cloud:before{content:"\f012"}.foundicon-error:before{content:"\f013"}.foundicon-right-arrow:before{content:"\f014"}.foundicon-left-arrow:before{content:"\f015"}.foundicon-up-arrow:before{content:"\f016"}.foundicon-down-arrow:before{content:"\f017"}.foundicon-trash:before{content:"\f018"}
</style>

        <script>processUrl = "https://design.qrplanet.com";/*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */
!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=v.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:y}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,v,s,c,y,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),D=function(e,t){return e===t&&(l=!0),0},j={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",B=new RegExp(M+"+","g"),$=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&j.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(D),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(B," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=v)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,v,y,e){return v&&!v[S]&&(v=Ce(v)),y&&!y[S]&&(y=Ce(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?y||(e?d:l||v)?[]:t:f;if(g&&g(f,p,n,r),v){i=Te(p,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(y||d){if(y){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);y(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=y?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),y?y(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(v=o,m=0<(y=i).length,x=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=v[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},d.sortStable=S.split("").sort(D).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(D(this,e||[],!1))},not:function(e){return this.pushStack(D(this,e||[],!0))},is:function(e){return!!D(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var j,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function B(){E.removeEventListener("DOMContentLoaded",B),C.removeEventListener("load",B),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",B),C.addEventListener("load",B));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",y.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,y.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ve(f.appendChild(o),"script"),l&&ye(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^key/,we=/^(?:mouse|pointer|contextmenu|drag|drop)|click/,Te=/^([^.]*)(?:\.(.+)|)/;function Ce(){return!0}function Ee(){return!1}function Se(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function ke(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)ke(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Ee;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Ae(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,Ce)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=Te.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=Te.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||S.removeEvent(e,d,v.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Ae(t,"click",Ce),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Ae(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?Ce:Ee,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Ee,isPropagationStopped:Ee,isImmediatePropagationStopped:Ee,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=Ce,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=Ce,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=Ce,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:function(e){var t=e.button;return null==e.which&&be.test(e.type)?null!=e.charCode?e.charCode:e.keyCode:!e.which&&void 0!==t&&we.test(e.type)?1&t?1:2&t?3:4&t?2:0:e.which}},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(e,t){S.event.special[e]={setup:function(){return Ae(this,e,Se),!1},trigger:function(){return Ae(this,e),!0},delegateType:t}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return ke(this,e,t,n,r)},one:function(e,t,n,r){return ke(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Ee),this.each(function(){S.event.remove(this,e,n,t)})}});var Ne=/<script|<style|<link/i,De=/checked\s*(?:[^=]|=\s*.checked.)/i,je=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function Pe(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!y.checkClone&&De.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),Pe(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ve(e,"script"),Le)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ve(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,He),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(je,""),u,l))}return n}function Re(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ve(r)),r.parentNode&&(n&&ie(r)&&ye(ve(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(y.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ve(c),r=0,i=(o=ve(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ve(e),a=a||ve(c),r=0,i=o.length;r<i;r++)Oe(o[r],a[r]);else Oe(e,c);return 0<(a=ve(c,"script")).length&&ye(a,!f&&ve(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Re(this,e,!0)},remove:function(e){return Re(this,e)},text:function(e){return $(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return Pe(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||qe(this,e).appendChild(e)})},prepend:function(){return Pe(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=qe(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return Pe(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return Pe(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ve(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ne.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ve(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return Pe(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ve(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Me=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Ie=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},We=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Fe=new RegExp(ne.join("|"),"i");function Be(e,t,n){var r,i,o,a,s=e.style;return(n=n||Ie(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=S.style(e,t)),!y.pixelBoxStyles()&&Me.test(a)&&Fe.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function $e(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",y.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(y,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px",t.style.height="1px",n.style.height="9px",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=3<parseInt(r.height),re.removeChild(e)),a}}))}();var _e=["Webkit","Moz","ms"],ze=E.createElement("div").style,Ue={};function Xe(e){var t=S.cssProps[e]||Ue[e];return t||(e in ze?e:Ue[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=_e.length;while(n--)if((e=_e[n]+t)in ze)return e}(e)||e)}var Ve=/^(none|table(?!-c[ea]).+)/,Ge=/^--/,Ye={position:"absolute",visibility:"hidden",display:"block"},Qe={letterSpacing:"0",fontWeight:"400"};function Je(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Ke(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Ze(e,t,n){var r=Ie(e),i=(!y.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=Be(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Me.test(a)){if(!n)return a;a="auto"}return(!y.boxSizingReliable()&&i||!y.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Ke(e,t,n||(i?"border":"content"),o,r,a)+"px"}function et(e,t,n,r,i){return new et.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Be(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Ge.test(t),l=e.style;if(u||(t=Xe(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),y.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Ge.test(t)||(t=Xe(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Be(e,t,r)),"normal"===i&&t in Qe&&(i=Qe[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ve.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Ze(e,u,n):We(e,Ye,function(){return Ze(e,u,n)})},set:function(e,t,n){var r,i=Ie(e),o=!y.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Ke(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Ke(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Je(0,t,s)}}}),S.cssHooks.marginLeft=$e(y.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Be(e,"marginLeft"))||e.getBoundingClientRect().left-We(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Je)}),S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Ie(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=et).prototype={constructor:et,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=et.propHooks[this.prop];return e&&e.get?e.get(this):et.propHooks._default.get(this)},run:function(e){var t,n=et.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):et.propHooks._default.set(this),this}}).init.prototype=et.prototype,(et.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[Xe(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=et.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=et.prototype.init,S.fx.step={};var tt,nt,rt,it,ot=/^(?:toggle|show|hide)$/,at=/queueHooks$/;function st(){nt&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(st):C.setTimeout(st,S.fx.interval),S.fx.tick())}function ut(){return C.setTimeout(function(){tt=void 0}),tt=Date.now()}function lt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ct(e,t,n){for(var r,i=(ft.tweeners[t]||[]).concat(ft.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function ft(o,e,t){var n,a,r=0,i=ft.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=tt||ut(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:tt||ut(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=ft.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ct,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(ft,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],ft.tweeners[n]=ft.tweeners[n]||[],ft.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),v=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ot.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!v||void 0===v[r])continue;g=!0}d[r]=v&&v[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=v&&v.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(v?"hidden"in v&&(g=v.hidden):v=Y.access(e,"fxshow",{display:l}),o&&(v.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ct(g?v[r]:0,r,p),r in v||(v[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?ft.prefilters.unshift(e):ft.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=ft(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&at.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(lt(r,!0),e,t,n)}}),S.each({slideDown:lt("show"),slideUp:lt("hide"),slideToggle:lt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(tt=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),tt=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){nt||(nt=!0,st())},S.fx.stop=function(){nt=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},rt=E.createElement("input"),it=E.createElement("select").appendChild(E.createElement("option")),rt.type="checkbox",y.checkOn=""!==rt.value,y.optSelected=it.selected,(rt=E.createElement("input")).value="t",rt.type="radio",y.radioValue="t"===rt.value;var pt,dt=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?pt:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),pt={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=dt[t]||S.find.attr;dt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=dt[o],dt[o]=r,r=null!=a(e,t,n)?o:null,dt[o]=i),r}});var ht=/^(?:input|select|textarea|button)$/i,gt=/^(?:a|area)$/i;function vt(e){return(e.match(P)||[]).join(" ")}function yt(e){return e.getAttribute&&e.getAttribute("class")||""}function mt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):ht.test(e.nodeName)||gt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).addClass(t.call(this,e,yt(this)))});if((e=mt(t)).length)while(n=this[u++])if(i=yt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(m(t))return this.each(function(e){S(this).removeClass(t.call(this,e,yt(this)))});if(!arguments.length)return this.attr("class","");if((e=mt(t)).length)while(n=this[u++])if(i=yt(n),r=1===n.nodeType&&" "+vt(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=vt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):m(i)?this.each(function(e){S(this).toggleClass(i.call(this,e,yt(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=S(this),r=mt(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=yt(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+vt(yt(n))+" ").indexOf(t))return!0;return!1}});var xt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(xt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:vt(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),y.focusin="onfocusin"in C;var bt=/^(?:focusinfocus|focusoutblur)$/,wt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=v.call(e,"type")?e.type:e,h=v.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!bt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,bt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,wt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,wt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),y.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var Tt=C.location,Ct={guid:Date.now()},Et=/\?/;S.parseXML=function(e){var t;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){t=void 0}return t&&!t.getElementsByTagName("parsererror").length||S.error("Invalid XML: "+e),t};var St=/\[\]$/,kt=/\r?\n/g,At=/^(?:submit|button|image|reset|file)$/i,Nt=/^(?:input|select|textarea|keygen)/i;function Dt(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||St.test(n)?i(n,t):Dt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)Dt(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)Dt(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&Nt.test(this.nodeName)&&!At.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(kt,"\r\n")}}):{name:t.name,value:n.replace(kt,"\r\n")}}).get()}});var jt=/%20/g,qt=/#.*$/,Lt=/([?&])_=[^&]*/,Ht=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ot=/^(?:GET|HEAD)$/,Pt=/^\/\//,Rt={},Mt={},It="*/".concat("*"),Wt=E.createElement("a");function Ft(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function Bt(t,i,o,a){var s={},u=t===Mt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function $t(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Wt.href=Tt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Tt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Tt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":It,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?$t($t(e,S.ajaxSettings),t):$t(S.ajaxSettings,e)},ajaxPrefilter:Ft(Rt),ajaxTransport:Ft(Mt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,v=S.ajaxSetup({},t),y=v.context||v,m=v.context&&(y.nodeType||y.jquery)?S(y):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=v.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Ht.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(v.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),v.url=((e||v.url||Tt.href)+"").replace(Pt,Tt.protocol+"//"),v.type=t.method||t.type||v.method||v.type,v.dataTypes=(v.dataType||"*").toLowerCase().match(P)||[""],null==v.crossDomain){r=E.createElement("a");try{r.href=v.url,r.href=r.href,v.crossDomain=Wt.protocol+"//"+Wt.host!=r.protocol+"//"+r.host}catch(e){v.crossDomain=!0}}if(v.data&&v.processData&&"string"!=typeof v.data&&(v.data=S.param(v.data,v.traditional)),Bt(Rt,v,t,T),h)return T;for(i in(g=S.event&&v.global)&&0==S.active++&&S.event.trigger("ajaxStart"),v.type=v.type.toUpperCase(),v.hasContent=!Ot.test(v.type),f=v.url.replace(qt,""),v.hasContent?v.data&&v.processData&&0===(v.contentType||"").indexOf("application/x-www-form-urlencoded")&&(v.data=v.data.replace(jt,"+")):(o=v.url.slice(f.length),v.data&&(v.processData||"string"==typeof v.data)&&(f+=(Et.test(f)?"&":"?")+v.data,delete v.data),!1===v.cache&&(f=f.replace(Lt,"$1"),o=(Et.test(f)?"&":"?")+"_="+Ct.guid+++o),v.url=f+o),v.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(v.data&&v.hasContent&&!1!==v.contentType||t.contentType)&&T.setRequestHeader("Content-Type",v.contentType),T.setRequestHeader("Accept",v.dataTypes[0]&&v.accepts[v.dataTypes[0]]?v.accepts[v.dataTypes[0]]+("*"!==v.dataTypes[0]?", "+It+"; q=0.01":""):v.accepts["*"]),v.headers)T.setRequestHeader(i,v.headers[i]);if(v.beforeSend&&(!1===v.beforeSend.call(y,T,v)||h))return T.abort();if(u="abort",b.add(v.complete),T.done(v.success),T.fail(v.error),c=Bt(Mt,v,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,v]),h)return T;v.async&&0<v.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},v.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(v,T,n)),!i&&-1<S.inArray("script",v.dataTypes)&&(v.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(v,s,T,i),i?(v.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===v.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(y,[o,l,T]):x.rejectWith(y,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,v,i?o:a]),b.fireWith(y,[T,l]),g&&(m.trigger("ajaxComplete",[T,v]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var _t={0:200,1223:204},zt=S.ajaxSettings.xhr();y.cors=!!zt&&"withCredentials"in zt,y.ajax=zt=!!zt,S.ajaxTransport(function(i){var o,a;if(y.cors||zt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(_t[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=vt(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Gt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Gt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Yt=C.jQuery,Qt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Qt),e&&C.jQuery===S&&(C.jQuery=Yt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
var $_l = new Object();

$_l["infoNonExistingUrl"]='Sorry, we do not have any content for this URL yet.';
$_l["download_vector"]='Vector';
$_l["download_screen"]='Screen';
$_l["download_bw"]='B/W';
$_l["download_raster"]='Raster';
$_l["download_print"]='Print';</script>
                <script src="https://cdn.qrplanet.com/js/common.js?1.53" ></script>
<script type="text/javascript">var _paq=window._paq||[];embedTrackingCode=function(){_paq.push(['setTrackerUrl','https://m.qrplanet.com/mt/mt.php']);_paq.push(['setSiteId','5']);
<!-- US -->
_paq.push(['setCookieDomain','*.qrplanet.com']);_paq.push(['setDomains','*.qrplanet.com']);_paq.push(['setSecureCookie',true]);
_paq.push(['setConversionAttributionFirstReferrer',true]);_paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);var d=document,g=d.createElement('script'),s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://mcdn.qrplanet.com/mt/mt.js'; s.parentNode.insertBefore(g,s)};
setTimeout(function(){embedTrackingCode()},5)</script><script>
var Tawk_API=Tawk_API||{},Tawk_LoadStart=new Date();
(function(){var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];s1.async=true;s1.src='//embed.tawk.to/5b4352bb6d961556373d88d0/default';s1.charset='UTF-8';s1.setAttribute('crossorigin','*');s0.parentNode.insertBefore(s1, s0)})()

</script>
<script src="https://cdn.qrplanet.com/proxy/qrcdr/js/qrcdr.min.js?v=1.53"></script><style>
    .carousel-control-next, .carousel-control-prev{top:115px}
</style>
<div class="qrcdr-modal-flow">
    <div class="modal fade" id="modalDownload" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg text-center">
            <div class="modal-content">
                <div class="modal-header py-2 px-2 border-0">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"><svg width="31" height="31" viewBox="0 0 31 31"  xmlns="http://www.w3.org/2000/svg">

<circle id="Ellipse 5" class="iconcolor" cx="15.5" cy="15.5" r="15.5" fill="#5B9FF8"></circle>

<rect id="Rectangle 13" x="7.01416" y="21.4656" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-45 7.01416 21.4656)" fill="white"></rect>
<rect id="Rectangle 14" x="21.4512" y="23.5156" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-135 21.4512 23.5156)" fill="white"></rect>

</svg></span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="modal-show-pre-download">
                        <h5 class="text-primary">You have successfully created a static QR Code</h5>
                        <p>Click now on the format you wish to download.</p>
                     
                        <div class="modal-download-btns"></div>
                       
                       
                           <div class="resultholder mini d-none d-md-block" ></div>
                           
                       <p class=" small">If you have used design effects (color, shapes, logos, etc.) please <b>test before printing</b>.<br/>
                       </p>
                      
                    </div>
                    <div class="modal-show-after-download">
                        <h4 class="text-primary">Your QR Code is being downloaded.</h4>
                        <p>Please check your browser's download folder.</p>
                        

                        <div id="featuresCarousel" class="carousel slide" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#featuresCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#featuresCarousel" data-slide-to="1"></li>
                                <li data-target="#featuresCarousel" data-slide-to="2"></li>
                                <li data-target="#featuresCarousel" data-slide-to="3"></li>
                                <li data-target="#featuresCarousel" data-slide-to="4"></li>
                                <li data-target="#featuresCarousel" data-slide-to="5"></li>
                                <li data-target="#featuresCarousel" data-slide-to="6"></li>
                                <li data-target="#featuresCarousel" data-slide-to="7"></li>
                                <li data-target="#featuresCarousel" data-slide-to="8"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active"><p class="center">
    <!--                <a rel="nofollow"
                       target="_blank"    
                       href="https://white.qrd.by/admin/switch?token=ff22ebb1cf517abfbbfaab9e3958d47c&r=%2Fadmin%2Fuser%2Fswitch%3Fapikey%3D61f2027768be9ae6adb52da232944e38%26r%3D%2Fuser%2Fhome">
                        <img 
                            class="lazyload maxheigt200" 
                            src="https://cdn.qrplanet.com/img/blank.png"
                            height="96" width="120"
                            data-src="https://cdn.qrplanet.com/img/tipps/blue/dynamische-qrcodes_250.png" 
                            alt="Dynamic QR Code" />
                    </a>-->
    <a target="_blank" href="/qr-management"
       ><img
            alt="dynamischer QR Code"
            class="maxheigt200 lazyload"                       
            src="https://cdn.qrplanet.com/img/blank.png" 
            height="96" width="120"
            data-src="https://cdn.qrplanet.com/img/tipps/blue/dynamische-qrcodes_250.png"></a>  
</p>
<h3 id="dynamic-qr-code" class="center">Dynamic QR Code</h3>            
<p>
        Generate a dynamic QR Code and link the code to any website.
                <strong>Change the target URL of a dynamic QR Code anytime</strong> 
                without printing the QR Code again.
</p>

<p class="center">
    <a class="small-button arrow" href="/qr-management">
QR Code Management</a>  
</p>
</div>
                                <div class="carousel-item">  <p class="center">
                <a href="/qr-code-analytics">
                    <img class="lazyload maxheigt200" 
                         
                         src="https://cdn.qrplanet.com/img/blank.png" 
                         height="120" width="120"
                         data-src="https://cdn.qrplanet.com/img/qr-code-tracking.svg" alt="QR Code Tracking" />
                </a>
            </p>
            <h3 id="scan-statistics" class="center">Scanning Analytics</h3>            
            <p>
                Obtain analytics about the number of <strong>unique visitors</strong>, total <strong>number of scans</strong>                
                and detailed information about each scan. Our tracking is fully <strong>GDPR</strong> & <strong>CCPA</strong> compliant.            </p>
            <p class="center">
                <a class="small-button arrow" href="/qr-code-analytics">QR Code Analytics</a>
            </p></div>
                                <div class="carousel-item">  <p class="center">
       
                <a href="/tracking-qr-code-html5-geolocation">
                    <img class="lazyload maxheigt200" 
                         height="120" width="120"
                         src="https://cdn.qrplanet.com/img/blank.png" 
                         data-src="https://cdn.qrplanet.com/img/pin128.png" alt="GPS HTML5 tracking" />
                </a>
       
            </p>
            <h3 id="track" class="center">QR Code Tracking</h3>            
            <p>
                Get high <strong>accurate tracking positions</strong> of your visitors by requesting the location 
                from a user's phone.       
                Use this feature if you want to know,
                where the QR Codes were scanned.  
            </p>
            <p class="center">
                <a class="small-button arrow" 
                   href="/tracking-qr-code-html5-geolocation"
                   >QR Code GPS tracking</a>
            </p></div>
                                <div class="carousel-item"><p class="center">
     

        <img alt="qr code format eps svg pdf" 
             class="lazyload maxheigt200" 
             height="100" width="165"
             src="https://cdn.qrplanet.com/img/blank.png" 
             data-src="https://cdn.qrplanet.com/img/vector-png-svg-cmyk-rgb.png" />

                
</p> 

<h3 class="center">Vector QR Codes</h3>                 
<p>
    Download QR Codes in various formats as  
                scalable vector graphics as <strong>CMYK</strong> or <strong>RGB</strong>
                in 
                <a class="external-link" href="/qr-code-generator-svg">SVG</a>, 
                <a class="external-link" href="/qr-code-generator-eps">EPS</a> 
                or <strong>PDF</strong> format.
                Print Vector QR Codes in any size on small cards or posters.
</p>

<p class="center">
    <a class="small-button arrow" target="_blank" href="/help/article/how-to-print-qr-code">
            Printing QR Codes    </a>
</p>
</div>
                                <div class="carousel-item"><p class="center">
    <a href="/batch-qr-codes">
        <img alt="export qr codes" 
             class="lazyload maxheigt200" 
             src="https://cdn.qrplanet.com/img/blank.png" 
             height="120" width="120"
             data-src="https://cdn.qrplanet.com/img/export/qr-codes-details.png" />
    </a> 
</p>
<h3 class="center">Batch QR Codes</h3>                    
<p>
    In the batch creator you can <strong>generate mass QR Codes</strong> with just one click. 
                Each QR Code is personalized. This 
                is accomplished by encoding a unique id in each QR Code. </p>
<p class="center">
    <a href="/batch-qr-codes" class="small-button arrow">Batch QR Code Generator</a>
</p></div>
                                <div class="carousel-item"><p class="center">
      
        
        <a href="/help/article/qr-code-scan-notification">
            <img 
                style="margin-bottom:46px"
                alt="scan alert" 
                class="lazyload" 
                height="81" width="120"
                src="https://cdn.qrplanet.com/img/blank.png" 
                data-src="https://cdn.qrplanet.com/img/qr-code-notification.png" />
        </a>
        
      
</p> 
<h3 class="center">Scan Notifications</h3>                     
<p>
    Get an E-Mail notifications whenever one of your QR Codes is scanned, 
                        including device info and location. 
                        Catch up with potential customers 
                        that might be in your vicinity when scanning the code.     
</p>  
<p class="center">
    <a href="/help/article/qr-code-scan-notification" 
       class="small-button arrow"
       >Scan notifications</a>
</p></div>
                                <div class="carousel-item"><p class="center">
    <a rel="nofollow"
       href="/scheduled-redirection">
        <img height="128" width="200"
             class="lazyload" 
             src="https://cdn.qrplanet.com/img/blank.png" 
             data-src="https://cdn.qrplanet.com/img/schedule.svg" alt="scheduled qr code redirects" />
    </a>
</p> 
<h3 class="center" id="scheduled-redirects">Scheduled Redirects</h3>                                    
<p>
    You can set how often and at which time a user
                                    is redirected to a specific website,
                                    after scanning the QR Code.
                                    The routing automatically adapts to the time zone of the user.</p>  
<p class="center">
    <a 
        href="/scheduled-redirection" 
        class="small-button arrow" 
        rel="nofollow">
            Scheduled QR Codes    </a>
</p></div>
                                <div class="carousel-item"><p class="center">
    <img height="120" width="120"
         alt="secure qr codes" 
         class="maxheigt200 lazyload" 
         src="https://cdn.qrplanet.com/img/blank.png" 
         data-src="https://cdn.qrplanet.com/img/ssl-secure.png"/>
</p>
<h3 class="center">Secure QR Codes</h3>
<p>
    The URL encoded in the QR code runs over a secure <strong>HTTPS connection</strong>.
                If the destination URL is no longer available or broken, you will receive an email.</p>  
<p class="center">
    <a rel="nofollow"
       target="_blank" 
       class="small-button arrow"
       href="/help/article/broken-link-check-for-qr-codes">
           URL Monitoring    </a>
</p>            </div>
                                <div class="carousel-item">  <p class="center">            
                <img alt="export QR Code scans in csv file" 
                     class="lazyload maxheigt200" 
                     src="https://cdn.qrplanet.com/img/blank.png" 
                     height="120" width="120"
                     data-src="https://cdn.qrplanet.com/img/export/csv128.png" />
            </p>
            <h3 class="center">Export your Data</h3>        
            <p>
                Export your statistics of all your QR Codes with 
                the creation date, first & last scan date,
                the number of scans, the number of unique visitors.            </p>
            <p class="center">
                <a rel="nofollow"
                   target="_blank" 
                   class="small-button arrow"
                   href="/help/article/ad-free-qr-code-platform">
                    Backup Service                </a>
            </p>     </div>
                            </div>
                            <a class="carousel-control-prev" href="#featuresCarousel" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#featuresCarousel" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="border-0 text-center py-5 px-5 modal-show-after-download" style="margin-top:-40px">
                    <a class="btn-lg btn-primary rounded-pill btn-block" target="_blank" href="/starter/register">Sign Up</a>
                </div>
            </div>
        </div>
    </div>
</div>
<style>#featuresCarousel .carousel-item p.center:first-child{height:120px;}#featuresCarousel .carousel-item h2 br{display:none}#featuresCarousel .carousel-item h2{margin-bottom:20px}</style>
<script>
    /* <![CDATA[ */ var template_tab = '<div class="accordion-item d-grid"><button class="mb-2 btn btn-outline-primary btn-lg btn-block text-left text-start rounded-pill" type="button" data-toggle="collapse" data-bs-target="#collapseTemplate" data-target="#collapseTemplate"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24"><path d="M9.318 19c-1.611 0-3.269-.709-4.318-2.168l.491.021c3.979 0 2.612-4.516 6.696-4.559l1.84 1.535c.28 3.393-2.156 5.171-4.709 5.171zm9.748-9.283c1.186-1.862 3.832-6.82 4.844-8.748.063-.109.09-.218.09-.323 0-.353-.312-.646-.656-.646-.137 0-.279.047-.408.155-1.67 1.413-5.898 5.02-7.512 6.525-1.531 1.432-1.537 2.087-2.033 4.448l1.68 1.4c2.226-.915 2.867-1.04 3.995-2.811zm.934 2.106v10.177h-18v-14h10.098c.654-1.789 1.74-2.664 5.604-6h-17.702v22h22v-15.317c-.689 1.215-1.275 2.266-2 3.14z"/></svg> <span class="vertical-middle">Design Templates</span></button><div class="collapse " id="collapseTemplate" mb-3  data-parent="#collapseSettings"><div class="col-12 pb-2"><div class="input-group"><div class="input-group-prepend"><span class="input-group-text" > <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">         <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>  </svg>   </span>  </div>  <input class="form-control nopreview" id="template-filter" type="text" placeholder=" Type here to filter">  </div>  </div><div class="col-12 mb-2" id="templateContainer"><div class="wrap-template" data-id="a8da807ccac2e23af49445b10547925e" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Simplest Design QR Code" title="Simplest - Design QR Code" tags="simple, vcard" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="b5c55b48724f79bdc90093bf6095a3b0.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/b5c55b48724f79bdc90093bf6095a3b0.svg"></div></div><div class="wrap-template" data-id="c32c135fd99a60a97b224b052e3576a0" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Instagram Design QR Code" title="Instagram - Design QR Code" tags="social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="b9e1e1272483f4e9b069cf5fd8e512b0.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/b9e1e1272483f4e9b069cf5fd8e512b0.svg"></div></div><div class="wrap-template" data-id="dd7190c4ef8e54251afec81eacd9b0c2" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Facebook Design QR Code" title="Facebook - Design QR Code" tags="social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="5d0a56214aafee5cc2aab610f7477fba.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/5d0a56214aafee5cc2aab610f7477fba.svg"></div></div><div class="wrap-template" data-id="2117232945ebf635fe7c1799a015f73a" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Snapchat Design QR Code" title="Snapchat - Design QR Code" tags="social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="0239f48d67360c8abaa2a9b2c7ce39a3.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/0239f48d67360c8abaa2a9b2c7ce39a3.svg"></div></div><div class="wrap-template" data-id="e6dd06bef8411b46364726fc1e2bfe2d" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Tiktok Design QR Code" title="Tiktok - Design QR Code" tags="social, video" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="14022397ad707a8a5929bd975649f1a2.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/14022397ad707a8a5929bd975649f1a2.svg"></div></div><div class="wrap-template" data-id="5d84e5cc2e65c3ebc1cb0a5410457f11" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Spotify Design QR Code" title="Spotify - Design QR Code" tags="mp3, audio, share" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="3377a9251627d9e10228c50619c9db96.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/3377a9251627d9e10228c50619c9db96.svg"></div></div><div class="wrap-template" data-id="837ab24785ec290423b7c4a9741811ab" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="PDF Design QR Code" title="PDF - Design QR Code" tags="download, doc" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="95f0420b8fd0fac928d3c5a3e29dd6de.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/95f0420b8fd0fac928d3c5a3e29dd6de.svg"></div></div><div class="wrap-template" data-id="6c228d16f68ba10c99e75c1ac36df165" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="WhatsApp Design QR Code" title="WhatsApp - Design QR Code" tags="whatsapp, im, messaging, 2" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="6037e2ff8a7d7d2acc3970edce2f8840.png" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/6037e2ff8a7d7d2acc3970edce2f8840.png"></div></div><div class="wrap-template" data-id="04a57ed2292e63509d712efd53f79afe" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Hexagon Design QR Code" title="Hexagon - Design QR Code" tags="multicolor, label" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="01e78dd90e3a546ce531e28bc8e04b9b.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/01e78dd90e3a546ce531e28bc8e04b9b.svg"></div></div><div class="wrap-template" data-id="385d96abe86bf47d18ed63265f69f642" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="bluesky Design QR Code" title="bluesky - Design QR Code" tags="bluesky, social," class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="94870f092949e526afec6be487a858f4.png" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/94870f092949e526afec6be487a858f4.png"></div></div><div class="wrap-template" data-id="54716f639cd5d236cc575280a018888b" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Tiktok Design QR Code" title="Tiktok - Design QR Code" tags="transparent, social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="850e7cab84c094b84e35be66629451e6.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/850e7cab84c094b84e35be66629451e6.svg"></div></div><div class="wrap-template" data-id="acb0c7f5ddf29d951bc7b33ff6fb4c82" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Dropbox frame Design QR Code" title="Dropbox frame - Design QR Code" tags="dropbox, storage, circle" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="41d427b09fef62479c8b58e789fcd9bb.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/41d427b09fef62479c8b58e789fcd9bb.svg"></div></div><div class="wrap-template" data-id="369cf5e76d8fcd34621860c332047877" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Multicolor Design QR Code" title="Multicolor - Design QR Code" tags="red, colorscheme" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="a987d7b69cb691771b44e418c637acf8.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/a987d7b69cb691771b44e418c637acf8.svg"></div></div><div class="wrap-template" data-id="b98385e03e30d2ab92b8747274a9f28b" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Google Maps Design QR Code" title="Google Maps - Design QR Code" tags="gps, location, geo" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="91a9e846a458262c98b81cc9cccf7090.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/91a9e846a458262c98b81cc9cccf7090.svg"></div></div><div class="wrap-template" data-id="3976a72e686c0922ffe0e120e503cbb9" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Hexagon Design QR Code" title="Hexagon - Design QR Code" tags="label" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="481f2df7363362becc5b8ced95539f93.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/481f2df7363362becc5b8ced95539f93.svg"></div></div><div class="wrap-template" data-id="c7e0811caf6ce6970ef59cfbc320aae8" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Paypal Design QR Code" title="Paypal - Design QR Code" tags="payments" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="dd78a8045d1920d177195f43b9f6327b.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/dd78a8045d1920d177195f43b9f6327b.svg"></div></div><div class="wrap-template" data-id="fac914f6994e01cab570b2aca7f7e7c8" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Linkedin Design QR Code" title="Linkedin - Design QR Code" tags="business, linkedin, social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="253bc3fe298ae81e9e0324e221811abe.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/253bc3fe298ae81e9e0324e221811abe.svg"></div></div><div class="wrap-template" data-id="68e26806bfd190386e3e28eacdd605b4" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Wikipedia Design QR Code" title="Wikipedia - Design QR Code" tags="" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="70f8f635b46dab52601e8e1187d1ca63.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/70f8f635b46dab52601e8e1187d1ca63.svg"></div></div><div class="wrap-template" data-id="179871013cc3ffdd9d920ad4e0f00ed2" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Twitch Channel Design QR Code" title="Twitch Channel - Design QR Code" tags="social, channel, video, network" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="399c550819b863153690c4ed1f33cda9.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/399c550819b863153690c4ed1f33cda9.svg"></div></div><div class="wrap-template" data-id="0679a28d46099ae09d6ff649b5160670" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Paypal Design QR Code" title="Paypal - Design QR Code" tags="Payments" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="d531e66306e65dcc9c46c70c76ba3b1f.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/d531e66306e65dcc9c46c70c76ba3b1f.svg"></div></div><div class="wrap-template" data-id="1f8b56d34ecd51d7ce1c7a3a89b9f985" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="vCard Design QR Code" title="vCard - Design QR Code" tags="Business, card" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="5ac2ab5cf89a875fe8ac6849bcd23100.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/5ac2ab5cf89a875fe8ac6849bcd23100.svg"></div></div><div class="wrap-template" data-id="a41921f6cfe316ac082959e290bc6bd5" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Pinterest Design QR Code" title="Pinterest - Design QR Code" tags="dontdisturb, social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="8fce74a77153467d5daefbddad78195c.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/8fce74a77153467d5daefbddad78195c.svg"></div></div><div class="wrap-template" data-id="4427576ff25833735a9301a972c6db22" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Pinterest Design QR Code" title="Pinterest - Design QR Code" tags="transparent, social, media" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="53b08eb7ac3b46b82a547cb233f2edfb.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/53b08eb7ac3b46b82a547cb233f2edfb.svg"></div></div><div class="wrap-template" data-id="2fb461f0e5e1aa9ae5a5733f79b16bac" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Spotify Design QR Code" title="Spotify - Design QR Code" tags="rounded, label, audio, mp3" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="67039f082258f8b9841cbec1e22e5b97.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/67039f082258f8b9841cbec1e22e5b97.svg"></div></div><div class="wrap-template" data-id="c7173ef24c8084b7d69bd4f3f8dc373c" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Facebook messenger Design QR Code" title="Facebook messenger - Design QR Code" tags="transparent, social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="d9ff7ba89fcf5fa30078c8c428e0a0fa.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/d9ff7ba89fcf5fa30078c8c428e0a0fa.svg"></div></div><div class="wrap-template" data-id="d15208e687da709f4d1a1e864fe88047" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Bitcoin Design QR Code" title="Bitcoin - Design QR Code" tags="Crypto, currency" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="99437e5fb247fbb53dc8ae33f577eb16.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/99437e5fb247fbb53dc8ae33f577eb16.svg"></div></div><div class="wrap-template" data-id="2c2d77ea28f0dad184c2b74952e1abc1" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Youtube Design QR Code" title="Youtube - Design QR Code" tags="video, player" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="339918e1fbc9e2be854f8d2528f5ce21.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/339918e1fbc9e2be854f8d2528f5ce21.svg"></div></div><div class="wrap-template" data-id="20e4f7e96d08c53f50fea0da6d86a0ad" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Wifi Design QR Code" title="Wifi - Design QR Code" tags="" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="46bad4f8f3cdae4acc0206856922a29c.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/46bad4f8f3cdae4acc0206856922a29c.svg"></div></div><div class="wrap-template" data-id="da0edeb4ed9ea1f6a3368209044459f1" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="GPS Design QR Code" title="GPS - Design QR Code" tags="" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="44cd11da464de1e7e0f6283c95f72e1b.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/44cd11da464de1e7e0f6283c95f72e1b.svg"></div></div><div class="wrap-template" data-id="e4fc8f2fb4755f390a8561f2369b68c3" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="App download Design QR Code" title="App download - Design QR Code" tags="" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="f1be898b6cf06b5b03b78ff26b98e354.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/f1be898b6cf06b5b03b78ff26b98e354.svg"></div></div><div class="wrap-template" data-id="3dcb368a67cb9e93f699e0c0d8926cab" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Tripadvisor review Design QR Code" title="Tripadvisor review - Design QR Code" tags="" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="cccb4b4aee5821656793d156e5fc81d4.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/cccb4b4aee5821656793d156e5fc81d4.svg"></div></div><div class="wrap-template" data-id="d32e44995f85ade739094f3cdecfbf5b" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Soundcloud Design QR Code" title="Soundcloud - Design QR Code" tags="Audio, mp3" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="1a53b75da76c7eba9b0dd5d4b651d3dd.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/1a53b75da76c7eba9b0dd5d4b651d3dd.svg"></div></div><div class="wrap-template" data-id="6722fb162eeb474f13f5a2cebfff181e" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Facebook transparent Design QR Code" title="Facebook transparent - Design QR Code" tags="Facebook, transparent, social" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="6b511990e4405ee0695ceefc234ed9aa.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/6b511990e4405ee0695ceefc234ed9aa.svg"></div></div><div class="wrap-template" data-id="ae12134125f467b44bc05381cee24eed" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Whatsapp transparent Design QR Code" title="Whatsapp transparent - Design QR Code" tags="Whatsapp, messaging, IM" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="f75373e81f00ab8c92c0f0e6ec822978.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/f75373e81f00ab8c92c0f0e6ec822978.svg"></div></div><div class="wrap-template" data-id="8478192ec455c2c0064076a0781ff07f" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Youtube transparent Design QR Code" title="Youtube transparent - Design QR Code" tags="youtube, player, video" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="f6bfbcb224cea328897179ed22e4a8b4.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/f6bfbcb224cea328897179ed22e4a8b4.svg"></div></div><div class="wrap-template" data-id="5d3f290b1269cf326affac9259b60494" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Telegram Design QR Code" title="Telegram - Design QR Code" tags="im, messenger, call" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="62a55bd6819a08f4105d5abb2a7ad93e.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/62a55bd6819a08f4105d5abb2a7ad93e.svg"></div></div><div class="wrap-template" data-id="3a91bebcc7e8b5393f2a430c7bde541e" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Audio speaker Design QR Code" title="Audio speaker - Design QR Code" tags="mp3, audio, player" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="0f517332bcff67404922f871880ed5c5.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/0f517332bcff67404922f871880ed5c5.svg"></div></div><div class="wrap-template" data-id="3737ecc3da0d9896a6d69e4c00a4be16" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Dotted Circle Design QR Code" title="Dotted Circle - Design QR Code" tags="multicolor" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="f935544219aa653777683999ec921b3d.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/f935544219aa653777683999ec921b3d.svg"></div></div><div class="wrap-template" data-id="1a78b3414fcd7164964d75ecdcf340c8" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Focus rounded Design QR Code" title="Focus rounded - Design QR Code" tags="multicolor" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="889869a98a081f70b530fdda12ed23c6.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/889869a98a081f70b530fdda12ed23c6.svg"></div></div><div class="wrap-template" data-id="ca67ec80a85088324c6ff31bd1cab808" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Focs rounded Design QR Code" title="Focs rounded - Design QR Code" tags="label" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="94d617c86dd8128c17814bcf3950e467.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/94d617c86dd8128c17814bcf3950e467.svg"></div></div><div class="wrap-template" data-id="7b90e8417a8d3e25b53b5b93cfc7c0d1" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="WeChat Design QR Code" title="WeChat - Design QR Code" tags="IM, messenger" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="ec2e686e091b3c029f882c3bffb308fa.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/ec2e686e091b3c029f882c3bffb308fa.svg"></div></div><div class="wrap-template" data-id="999a66024d07e23c304c24632b2bc085" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Rounded square thick Design QR Code" title="Rounded square thick - Design QR Code" tags="simple" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="8b84a5d652391805c3e792ea9828e849.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/8b84a5d652391805c3e792ea9828e849.svg"></div></div><div class="wrap-template" data-id="aa99c92ce05343b4db22f5318eab14ca" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Circle thick Design QR Code" title="Circle thick - Design QR Code" tags="Simple" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="54e75d79ea10f0b98e46250cefbda74a.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/54e75d79ea10f0b98e46250cefbda74a.svg"></div></div><div class="wrap-template" data-id="a8c6f0c2bb27602bd3e4fd9874abb21c" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Hexagon rounded Design QR Code" title="Hexagon rounded - Design QR Code" tags="simple" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="a06db94126183aa80424ca44ca2cf242.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/a06db94126183aa80424ca44ca2cf242.svg"></div></div><div class="wrap-template" data-id="328b5f47f41f032fbebc64728cc04ab2" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Focus rounded Design QR Code" title="Focus rounded - Design QR Code" tags="simple" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="85a5174aaddd6db7c36d83d61096399e.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/85a5174aaddd6db7c36d83d61096399e.svg"></div></div><div class="wrap-template" data-id="9680bd1d36c9ad416e68f37a05a1814a" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Thick square border Design QR Code" title="Thick square border - Design QR Code" tags="simple" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="892cdb2ae9a75b97aacf0ef5b0505ae5.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/892cdb2ae9a75b97aacf0ef5b0505ae5.svg"></div></div><div class="wrap-template" data-id="2f521353aacc572111d27444cc092a88" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="vcard add2contacts Design QR Code" title="vcard add2contacts - Design QR Code" tags="vcard" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="14a8afd5a2e970bdd68c9449739cc030.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/14a8afd5a2e970bdd68c9449739cc030.svg"></div></div><div class="wrap-template" data-id="ce7cf45a810bfffb4a8be4f86ff4a098" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Contact me circle Design QR Code" title="Contact me circle - Design QR Code" tags="vcard" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="e1ba24e8e05473faf37018c1be299fbf.svg" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/e1ba24e8e05473faf37018c1be299fbf.svg"></div></div><div class="wrap-template" data-id="e9bd6939f44962b623bd4dde573602f8" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Hypno Design QR Code" title="Hypno - Design QR Code" tags="svg, animation" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="a8b09b93699f5e77c6374447d2f73b25.gif" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/a8b09b93699f5e77c6374447d2f73b25.gif"></div></div><div class="wrap-template" data-id="72c3523dbe600bcb0bd3df2aaad0f6a2" data-tempfile="admin"><div class="set-template "><div class="premium_qr_template_icon"></div><img width="89" height="103" premium="" alt="Whatsapp Call Me Design QR Code" title="Whatsapp Call Me - Design QR Code" tags="whatsapp" class="img-fluid lazyload" src="https://cdn.qrplanet.com/proxy/qrcdr//images/placeholder.svg" rel="7a1e0b7356aeac5ebbccfb4c1d3a1221.png" data-src="https://cdn.qrplanet.com/proxy/qrcdr/plugins/qr-templates/preview/7a1e0b7356aeac5ebbccfb4c1d3a1221.png"></div></div></div></div></div><div class="modal fade" id="premium_qr_template" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-lg text-center"><div class="modal-content"><div class="modal-header py-2 px-2 border-0"><button type="button" class="close trans" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg width="31" height="31" viewBox="0 0 31 31" xmlns="http://www.w3.org/2000/svg"><circle id="Ellipse 5" class="iconcolor" cx="15.5" cy="15.5" r="15.5" fill="#40a1f8"></circle><rect id="Rectangle 13" x="7.01416" y="21.4656" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-45 7.01416 21.4656)" fill="white"></rect><rect id="Rectangle 14" x="21.4512" y="23.5156" width="20.437" height="2.91958" rx="1.45979" transform="rotate(-135 21.4512 23.5156)" fill="white"></rect></svg></span></button></div><div class="modal-body"><div class="row pb-2"><div class="col-12 pb-4"><h3>You have selected a free premium template</h3><br/><img width=100 id="free-template"/><br/><br/><p>Get started with a free account now and explore a variety of templates for all your needs!</p></div> </div></div><div class="border-0 text-center py-4 px-5 modal-show-after-download" style="margin-top:-40px"><a class="btn-lg btn-primary rounded-pill btn-block" target="_blank" href="/starter/register">Create free account</a></div></div></div></div>'; /* ]]> */
    /* <![CDATA[ */ var cdnhost = 'https://cdn.qrplanet.com'; /* ]]> */

</script>
<style>
    .set-template {position: relative;}
    .premium_qr_template_icon {
        width: 30px; 
        height: 30px;
        background-size: 30px;
        position: absolute;
        right: 0px;
        top: 0;}
    .set-template.premium > .premium_qr_template_icon {
        background: url(/proxy/qrcdr/images/unlock.svg) 0 0 no-repeat;
    }
    img#free-template{width:100px}
</style>        <script>            jQuery.event.special.touchstart = {setup:function(_, ns, handle){this.addEventListener("touchstart", handle, {passive:!ns.includes("noPreventDefault")}); }}; jQuery.event.special.touchmove = {setup:function(_, ns, handle){this.addEventListener("touchmove", handle, {passive:!ns.includes("noPreventDefault")}); }}; jQuery.event.special.wheel = {setup:function(_, ns, handle){this.addEventListener("wheel", handle, {passive:true}); }}; jQuery.event.special.mousewheel = {setup:function(_, ns, handle){this.addEventListener("mousewheel", handle, {passive:true}); }};
            movecarousel = true;
            $(function(){
$('.navbar-toggler').on('click', function(){$(this).toggleClass('activenav'); $(window.document).scrollTop(0); setTimeout("$('.footer-menu').slideToggle();", 350)})
                    QRcdr = $('.qrcdr').qrcdr({svglogo:true});

                if (window.location.hostname === 'qrplanet.com'){$('#malink').val('https://qrplanet.com')} else{$('#malink').val('https://qr1.at')}
                $('.accordion-item button').on('click', function(){if ($(this).next().hasClass('show')){$('.collapse').removeClass('show')} else{$('.collapse').removeClass('show'); $(this).next().addClass('show')}});
                $('input.collapse-control').on('change', function(){var $this = $(this); setTimeout(function(){updateCheckboxTabs($this)}, 2000)});
                $('input.collapse-control').on('click', function(){updateCheckboxTabs($(this))});
                $('button[data-dismiss=modal],.modal-dialog .btn').on('click', function(){$('.modal').fadeOut(); $('.modal-backdrop').fadeOut(function(){$('.modal-backdrop').detach(); $('button').removeAttr("disabled")})});
                $('ul.nav-tabs li.nav-item').on('click', function(){$navLink = $(this).find('.nav-link'); $parent = $(this).parent(); $target = $navLink.attr('data-target'); $parent.find('.nav-link').removeClass('active'); $navLink.addClass('active'); $('#' + $parent.attr('id') + 'Content .tab-pane').removeClass('show').removeClass('active'); $($target).addClass('show').addClass('active')});
                $('.carousel-control-next').on('click', function(){movecarousel = false; movenext($parent = $(this).parent()); return false; });
                $('.carousel-control-prev').on('click', function(){movecarousel = false; $parent = $(this).parent(); if ($parent.find('.carousel-item.active').prev().length === 1){$element = $parent.find('.carousel-item.active').prev(); $ind = $parent.find('ol.carousel-indicators li.active').prev()} else{$element = $parent.find('.carousel-item').last(); $ind = $parent.find('ol.carousel-indicators li').last()}$parent.find('li.active').removeClass('active'); $parent.find('.carousel-item.active').removeClass('active'); $element.addClass('active'); $ind.addClass('active'); return false});
                
      
        $('.zoom').hover(function () {
        $(this).addClass('transition');
        }, function () {
        $(this).removeClass('transition');
        });
        });
        jQuery.fn.extend({
        modal:function(){$('body').append('<div class="modal-backdrop fade show"></div>'); $(this).addClass('show'); $(this).show()},
                tooltip:function(){var $this = $(this); $this.hover(function(){var position = $this.offset(); $('body').append('<div class="tooltip fade bs-tooltip-top show" role="tooltip" style="position:absolute;top:' + (position.top + 10) + 'px;left:' + (position.left - 100) + 'px;will-change:transform;" x-placement="top"><div class="tooltip-inner">' + $this.attr('data-original-title') + '</div></div></div>')}, function(){$('.tooltip').detach()})},
                carousel:function(data){var $this = $(this); setInterval(function(){if (movecarousel && $this.is(":visible")){movenext($this.find('.carousel-control-next').parent())}}, data.interval)}
        });
        movenext = function($parent){if ($parent.find('.carousel-item.active').next().length === 1){$element = $parent.find('.carousel-item.active').next(); $ind = $parent.find('ol.carousel-indicators li.active').next()} else{$element = $parent.find('.carousel-item').first(); $ind = $parent.find('ol.carousel-indicators li').first()}$parent.find('li.active').removeClass('active'); $parent.find('.carousel-item.active').removeClass('active'); $element.addClass('active'); $ind.addClass('active'); return false}
        updateCheckboxTabs = function($checkbox){target = $checkbox.attr('data-target'); $(target).removeClass("show"); if ($checkbox[0].checked){$(target).addClass("show")}}
        scrolldown = function(y, delay){setTimeout("$('html, body').animate({scrollTop: ($('#home').offset().top)-" + y + "},'slow');", delay)}


 
//        $(".img-lang-flex").click(function(){$(".dropdown-content").slideToggle(); return false});
//        $(".dropdown-mobile-lang").click(function(){$(".dropdown-content").slideToggle(); $(".dropdown-mobile-content").slideToggle(); return false; });
//        $("body").click(function(e){$(".dropdown-content").slideUp(); });
//        $("html").on("keyup", function(e){if (e.keyCode === 27 || e.keyCode === 13){$(".dropdown-content").slideUp()}});
        $(window).on("scroll", function(){var x = 280; var width = $(document).width(); if (width > 1700){var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); if (scrollHeight - scrollPosition < x){$(".large-icons").fadeOut()} else{$(".large-icons").fadeIn()}}});
        function setCookie(k, v, e){const d = new Date(); d.setTime(d.getTime() + (e * 24 * 60 * 60 * 1000)); let ex = "expires=" + d.toUTCString(); document.cookie = k + "=" + v + ";" + ex + ";path=/"; }

        $('#open-cmyk').on('click', function(){$('#cmyk').modal('show'); _paq.push(["trackEvent", "Generator", "Modal", "CMYK"]); return false; });
        $('#open-dynamicqr').on('click', function(){$('#dynamicqr').modal('show'); _paq.push(["trackEvent", "Generator", "Modal", "Dynamic QR"]); return false; });
        $('#open-scan-analytics').on('click', function(){$('#scan-analytics').modal('show'); _paq.push(["trackEvent", "Generator", "Modal", "Analytics"]); return false; });
        $('.open-payment-methods').on('click', function(){$('#mpayment-metods').modal('show'); _paq.push(["trackEvent", "Generator", "Modal", "Payment method"]); return false; });
        $('.open-payment-methods').on('click', function(){$('#scan-analytics').modal('show'); _paq.push(["trackEvent", "Generator", "Modal", "Analytics"]); return false; });
    
  /*
      
     if (['#start', '#text', '#link', '#pdf', '#mp3', '#vcard', '#wifi',
                    '#email', '#location', '#tel', '#sms', '#whatsapp', '#zoom',
                    '#skype', '#wifi', '#event', '#paypal', '#bitcoin'].indexOf(window.location.hash) >= 0) {

            scrolldown(60, 2000);
            }
*/

            $('#dataTabs div.tab-pane').removeClass('active show');
            $('#link').toggleClass('show active');

            if (['#cmyk'].indexOf(window.location.hash) >= 0) {
            $('#cmyk').modal('show')
                    }
            changeQRCodeType = function(){
            if (['#link', '#text', '#pdf', '#mp3', '#vcard', '#wifi', '#email', '#location', '#tel', '#sms', '#whatsapp', '#zoom', '#skype', '#wifi', '#event', '#paypal', '#bitcoin'].indexOf(window.location.hash) >= 0) {
            $('a.nav-link[href="' + window.location.hash + '"]').click();
       //     scrolldown(60);
            }
            }
//var userinteraction=false;  // for template carousel
//var tempid=1;
            $(window).on('hashchange', function(e){changeQRCodeType()});
            $(function(){


            changeQRCodeType();
    $('#createdesignerqrcode').on('click', function(){scrolldown(60, 0); return false});
    $("#selectType").removeClass('active');
    $('textarea[name ="data"]').val('TEST');
    setIconActive('.logoselecta');
    setIconActive('#eyes-in-tab');
    setIconActive('#eyes-out-tab');
    setIconActive('#stylemanagementContent');
    setIconActive('#framecolorsContent');
    //qr code example slider
    //$('.qrcdr-form').on('click',function(){$('.preloader button').removeClass('d-none');userinteraction=true;$('.resultholder img').attr('src','/proxy/qrcdr/images/placeholder.svg')});
    //$('.resultholder img').attr('src',$('#templateContainer .set-template:nth('+1+') img').attr('data-src'))
    //setInterval(function(){if(!userinteraction){tempid++;if(tempid>5){tempid=1};$('.resultholder img').attr('src',$('#templateContainer .set-template:nth('+tempid+') img').attr('data-src'))}},5000);

    
    /*$('#advancedsettings').on('change', function(){
    $('#collapsAdvancedSettings').toggle();
    //  $('#collapseColors').addClass('show');
    _paq.push(["trackEvent", "Generator", "Click", "Advanced design switch"]);
    //  $('#advanced-tabs').addClass('hide');

    });*/
    $('#show-more-qr-code-types').on('click', function(){
    $('#more-qr-code-types').toggle();
    $(this).find('i').toggleClass('fa-file-less-o');
    $(this).find('span').toggle();
    return false;
    });
    //Params management

    // When a background image is uploaded, turn on transparency mode if it is not on
    $('#image-submit').on('click', function () {
    if ($('#transparent-qr').prop('checked', false)) {
    $('#transparent-qr').prop('checked', true);
    }
    });
    // When background images is removed transparency set to off
    $('#image-remove').on('click', function () {
    if ($('#transparent-qr').prop('checked', true)) {
    $("#uploadbg").removeClass('d-none');
    $('#transparent-qr').prop('checked', false);
    }
    });
    // When type of code is clicked accordion typer collapses
    $('#collapseTypes .nav-link').on('click', function () {
    $("#collapseTypes").removeClass('show');
    });
    // When logo background is set on the transparency set to on
    $('#logo-as-bg').on('click', function () {
    if ($('#logo-as-bg').is(':checked'))
    {
    $('#transparent-qr').prop('checked', true);
    $('#gradient-bg').prop('checked', false);
    } else
    {
    $('#transparent-qr').prop('checked', false);
    }
    });
    // When logo is assigned the ECL is set to H
    $("input:radio[name='optionlogo']").change(function () {
    $("select[name='level']").val("H");
    $('#no-logo-bg').prop("checked", true);
    });
    // When logo is uploaded the ECL is set to H
    $("#upmarker").click(function () {
    $("select[name='level']").val("H");
    $('#no-logo-bg').prop("checked", true);
    });
    // Base color frames show color picker TODO
    $("input:radio[value$='_base']").click(function () {

    $('#frame-color').click();
    $('#framecolor').spectrum("set", "#eee");
    $("#colormain1").spectrum("set", "#000");
    });
    // When a templates is set, update color tab params so there is not simultaneous
    $('#gradient-bg').change(function () {
    if ($('#gradient-bg').is(':checked'))
    {
    setColorType('#gradient-tab');
    $('#transparent-qr').prop('checked', false);
    $('#multicolor').prop('checked', false);
    }

    });
    $('#transparent-qr').change(function () {
    if ($('#transparent-qr').is(':checked'))
    {
    setColorType('#transparent-tab');
    $('#multicolor').prop('checked', false);
    $('#gradient-bg').prop('checked', false);
    }
    });
    $('#multicolor').change(function () {
    if ($('#multicolor').is(':checked'))
    {
    setColorType('#multicolor-tab');
    $('#transparent-qr').prop('checked', false);
    $('#gradient-bg').prop('checked', false);
    }
    });
    // Searchbox for logo tab
    $("#logo-filter").on("input", function () {
    var value = $(this).val().toLowerCase();
    $(".logoselecta img").each(function () {
    $(this).parent().toggle(
            $(this).attr('tags').toLowerCase().includes(value) ||
            $(this).attr('title').toLowerCase().includes(value)
            );
    });
    });
    // Supersafe: items to add/remove to make the code safer
    $("#supersafe").click(function () {
    $("select[name='level']").val("H");
    });
    // Tooltip param
    $('[data-toggle="tooltip"]').tooltip();
    $("#framecolor").change(function () {
    $("#framecolorsContent svg").css({fill: $("#framecolor").val()});
    });
    //Eyes colorize
    $('input[name="markers_color"]').change(function () {
    if ($('input[name="markers_color"]').is(":checked")) {
    $("#eyes-in-tab svg").css({fill: $('input[name="marker_in_color').val()});
    $("#eyes-out-tab svg").css({fill: $('input[name="marker_out_color').val()});
    } else
    {
    $("#eyes-in-tab svg").css({fill: $("#colormain1").val()});
    $("#eyes-out-tab svg").css({fill: $("#colormain1").val()});
    }
    });
    $('input[name="marker_in_color"]').change(function () {
    $("#ico-eye-in").css({fill: $('input[name="marker_in_color').val()});
    $("#eyes-in-tab svg").css({fill: $('input[name="marker_in_color').val()});
    });
    $('input[name="marker_out_color"]').change(function () {
    $("#ico-eye-out").css({fill: $('input[name="marker_out_color').val()});
    $("#eyes-out-tab svg").css({fill: $('input[name="marker_out_color').val()});
    });
    //Contrast checker
    $("input[id^=multi], input[name^=marker_], input[name=frontcolor],input[name=gradient_color]").change(function () {
    if (wc_hex_is_light($(this).val())) {
    $("#download-warning").removeClass("hide");
    //   const audio = new Audio("media/audio/beep.mp3" );
    //  audio.play();

    } else {
    $("#download-warning").addClass("hide");
    }
    });
    
    
    
    
        // When logo is assigned the ECL is set to H :)
        $("input:radio[name='optionlogo']").click(function () {
            if ($('input[name=optionlogo]:checked').val() !== "none") {
                $("input[name='level']").val("H");
                $("select[name='level-dropdown']").val("H");
                $("select[name='level-dropdown']").prop('disabled', 'disabled');
            } else {
                $("select[name='level-dropdown']").prop('disabled', '');
            }
            $('#no_logo_bg').prop("checked", true);
        });

        // When logo is uploaded the ECL is set to H
        $("#upmarker").click(function () { 
            
            $("input[name='level']").val("H");
            $("select[name='level-dropdown']").val("H");
            $("select[name='level-dropdown']").prop('disabled', 'disabled');
            
            if ($('input[name=optionlogo]:checked').val() !== "none") {
                $("input[name='level']").val("H");
                $("select[name='level-dropdown']").val("H");
                $("select[name='level-dropdown']").prop('disabled', 'disabled');
            } else {
                $("select[name='level-dropdown']").prop('disabled', '');
            }
            $('#no_logo_bg').prop("checked", true);
        });
        
       // Set ECL back to M if no logo is used
        $("input[name='optionlogo']").click(function () {
            
              if ($('input[name=optionlogo]:checked').val() === "none") {
                    $("input[name='level']").val("M");
                    $("select[name='level-dropdown']").val("M");
                    $("select[name='level-dropdown']").prop('disabled', false);
            };
        });
    
    //Frames colorize
    $('input[name="backcolor"]').change(function () {
    $("#stylemanagementContent svg").css({background: $('input[name="backcolor"]').val()});
    $("#framecolorsContent svg").css({background: $('input[name="backcolor"]').val()});
    });
    $('input[name="custom_frame_color"]').change(function () {
    if ($('input[name="custom_frame_color"]').is(":not(:checked)")) {
    $("#framecolorsContent svg").css({fill: $("#colormain1").val()});
    } else
    {
    $("#framecolorsContent svg").css({fill: $("#framecolor").val()});
    }
    });
    $('input[name="transparent"]').change(function () {
    if ($('input[name="transparent"]').is(":not(:checked)")) {
    $("#stylemanagementContent svg").css({background: $('input[name="backcolor"]').val()});
    $("#framecolorsContent svg").css({background: $('input[name="backcolor"]').val()});
    } else
    {
    $("#stylemanagementContent svg").css({background: '#ffffff'});
    $("#framecolorsContent svg").css({background: '#ffffff'});
    }
    });
    $('#colormain1').on('keypress', function(event) {
    $('#colormain4').val($(this).val());
    if (event.which === 13 || $(this).val().length === 6) {
    setTimeout('$("#colormain1").change();QRcdr.updateCode();', 100);
    }
    });
    $('#colormain2').on('keypress', function(event) {
    $('#colormain4').val($(this).val());
    if (event.which === 13 || $(this).val().length === 6) {
    setTimeout('$("#colormain2").change();QRcdr.updateCode();', 100);
    }
    });
    $('#colormain3').on('keypress', function(event) {
    $('#colormain4').val($(this).val());
    if (event.which === 13 || $(this).val().length === 6) {
    setTimeout('$("#colormain3").change();QRcdr.updateCode();', 100);
    }
    });
    $('#colorgradient2').on('keypress', function(event) {
    $('#colormain4').val($(this).val());
    if (event.which === 13 || $(this).val().length === 6) {
    setTimeout('$("#colormain3").change();QRcdr.updateCode();', 100);
    }
    });
    $('#eyes-tab input[type=text], #multicolor-tab input[type=text], #framecolor, input[name=labeltext_color]').on('keypress', function(event) {

    if (event.which === 13 || $(this).val().length === 6) {
    setTimeout('QRcdr.updateCode();', 100);
    }
    });
    // Multicolor updates
    $("#colormain1").change(function () {

    $("#stylemanagementContent svg").css({fill: $("#colormain1").val()});
    $("#framecolorsContent svg").css({fill: $("#colormain1").val()});
    if ($('input[name="custom_frame_color"]').is(":not(:checked)")) {
    $("#framecolorsContent svg").css({fill: $("#colormain1").val()});
    }


    $("#colormain2").spectrum("set", $("#colormain1").val());
    $("#colormain3").spectrum("set", $("#colormain1").val());
    $("#colormain4").spectrum("set", $("#colormain1").val());
    });
    $("#colormain2").change(function () {
    $("#stylemanagementContent svg").css({fill: $("#colormain2").val()});
    $("#colormain1").spectrum("set", $("#colormain2").val());
    $("#colormain3").spectrum("set", $("#colormain2").val());
    $("#colormain4").spectrum("set", $("#colormain2").val());
    });
    $("#colormain3").change(function () {
    $("#stylemanagementContent svg").css({fill: $("#colormain3").val()});
    $("#colormain1").spectrum("set", $("#colormain3").val());
    $("#colormain2").spectrum("set", $("#colormain3").val());
    $("#colormain4").spectrum("set", $("#colormain3").val());
    });
    // Color tabs management
    $("#basic").click(function(){
    $('#gradient-bg').prop("checked", false);
    $('#transparent-qr').prop("checked", false);
    $('#multicolor').prop("checked", false);
    QRcdr.updateCode();
    });
    $("#gradient").click(function(){
    $('#gradient-bg').prop("checked", true);
    $('#transparent-qr').prop("checked", false);
    $('#multicolor').prop("checked", false);
    QRcdr.updateCode();
    });
    $("#transparent").click(function(){
    $('#gradient-bg').prop("checked", false);
    $('#transparent-qr').prop("checked", true);
    $('#multicolor').prop("checked", false);
    QRcdr.updateCode();
    });
    $("#multicolors").click(function () {
    $('#gradient-bg').prop("checked", false);
    $('#transparent-qr').prop("checked", false);
    $('#multicolor').prop("checked", true);
    QRcdr.updateCode();
    });
    $(".scheme").click(function () {
    applyMultiColors($(this));
    $("#stylemanagementContent svg").css({fill: $("#colormain4").val()});
    $("#colormain1").spectrum("set", $("#colormain4").val());
    $("#colormain2").spectrum("set", $("#colormain4").val());
    $("#colormain3").spectrum("set", $("#colormain4").val());
    return false;
    });
    // change colors when user clicks on color picker
    setTimeout("$('.sp-val').on('click',function(){setTimeout(\"$('#collapseColors').click()\",100)});", 100);
    $('#uploadbg').on('click', function() {
    setTimeout("$('#bguploadbutton').click();", 200);
    });







        $('.resultholder img').attr('src', $('#templateContainer .set-template img[rel="placeholder.svg"]').attr('data-src'))

        $('#collapseTemplate .input-group').addClass('d-none');
        $(".wrap-template img").each(function () {
        $(this).parent().parent().toggle(
                $(this).attr('tags').toLowerCase().includes('') ||
                $(this).attr('title').toLowerCase().includes('')
                );
        });
        $('#collapseWatermark .input-group').addClass('d-none');
        $(".logoselecta img").each(function () {
        $(this).parent().toggle(
                $(this).attr('tags').toLowerCase().includes('') ||
                $(this).attr('title').toLowerCase().includes('')
                );
        });
    });
    applyMultiColors = function ($element) {
    $("#colormain4").spectrum("set", $($element.find('.colorsample')[0]).css("background-color"));
    $("#multicolor1").spectrum("set", $($element.find('.colorsample')[1]).css("background-color"));
    $("#multicolor2").spectrum("set", $($element.find('.colorsample')[2]).css("background-color"));
    $("#multicolor3").spectrum("set", $($element.find('.colorsample')[3]).css("background-color"));
    $("select[name='level']").val("H");
    QRcdr.updateCode();
    };
    setColorType = function($tab){$('#colormanagement .nav-link[data-target="' + $tab + '"]').click()}
    setIconActive = function($element){var e = $element; $($element + ' .btn-light').on('click', function(){$(e + ' .btn-light').removeClass('active'); $(this).addClass('active')})}
/*! Lazy Load 2.0.0-rc.2 - MIT license - Copyright 2007-2019 Mika Tuupola */
!function(t,e){"object"==typeof exports?module.exports=e(t):"function"==typeof define&&define.amd?define([],e):t.LazyLoad=e(t)}("undefined"!=typeof global?global:this.window||this.global,function(t){"use strict";function e(t,e){this.settings=s(r,e||{}),this.images=t||document.querySelectorAll(this.settings.selector),this.observer=null,this.init()}"function"==typeof define&&define.amd&&(t=window);const r={src:"data-src",srcset:"data-srcset",selector:".lazyload",root:null,rootMargin:"0px",threshold:0},s=function(){let t={},e=!1,r=0,o=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(e=arguments[0],r++);for(;r<o;r++)!function(r){for(let o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e&&"[object Object]"===Object.prototype.toString.call(r[o])?t[o]=s(!0,t[o],r[o]):t[o]=r[o])}(arguments[r]);return t};if(e.prototype={init:function(){if(!t.IntersectionObserver)return void this.loadImages();let e=this,r={root:this.settings.root,rootMargin:this.settings.rootMargin,threshold:[this.settings.threshold]};this.observer=new IntersectionObserver(function(t){Array.prototype.forEach.call(t,function(t){if(t.isIntersecting){e.observer.unobserve(t.target);let r=t.target.getAttribute(e.settings.src),s=t.target.getAttribute(e.settings.srcset);"img"===t.target.tagName.toLowerCase()?(r&&(t.target.src=r),s&&(t.target.srcset=s)):t.target.style.backgroundImage="url("+r+")"}})},r),Array.prototype.forEach.call(this.images,function(t){e.observer.observe(t)})},loadAndDestroy:function(){this.settings&&(this.loadImages(),this.destroy())},loadImages:function(){if(!this.settings)return;let t=this;Array.prototype.forEach.call(this.images,function(e){let r=e.getAttribute(t.settings.src),s=e.getAttribute(t.settings.srcset);"img"===e.tagName.toLowerCase()?(r&&(e.src=r),s&&(e.srcset=s)):e.style.backgroundImage="url('"+r+"')"})},destroy:function(){this.settings&&(this.observer.disconnect(),this.settings=null)}},t.lazyload=function(t,r){return new e(t,r)},t.jQuery){const r=t.jQuery;r.fn.lazyload=function(t){return t=t||{},t.attribute=t.attribute||"data-src",new e(r.makeArray(this),t),this}}return e});
$(function(){lazyload()});</script>
<style>
    .radio-option-googledrive {
        display: inline-flex;
        align-items: center;
        flex-direction: row; 
        gap: 8px;             
        width: 100%; 
    }

    .radio-option-googledrive input[type="radio"] {
        margin-right: 6px;
    }

    .radio-icon {
        width: 16px;
        height: 16px;
        display: inline-block;
    }
</style> 

<script>

    $(document).ready(function(){
    var urlPath = window.location.pathname;
    /// WhatsApp
    if (window.location.href.indexOf("whatsapp") > - 1) {
    $('#link h3').html('Whatsapp QR Code');
    const HintHtml = `
 
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="num">
                <input type="radio" id="num" name="link_hint" value="num"
                data-link="https://wa.me/CCNNNNNNN?text=XXXXX"
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro=" Enter the phone number and message that you want to send (CC=Country Code)."> 
Start a text conversation<br>
                </label>
               
               <label for="voice">
                <input type="radio" id="voice" name="link_hint" value="voice" 
                data-link="https://call.whatsapp.com/voice/ID"
                                data-template="72c3523dbe600bcb0bd3df2aaad0f6a2" 
                 
                data-intro="Enter the ID that you want to join an audio call."
                data-template="72c3523dbe600bcb0bd3df2aaad0f6a2"> 
Start an audio call<br/>
               </label>  
                        
              <label for="video">
                <input type="radio" id="video" name="link_hint" value="video" 
                data-link="https://call.whatsapp.com/video/ID"
                data-template="ae12134125f467b44bc05381cee24eed" 
                data-intro="Enter the ID that you want to join a video call."> 
Start or join a video call<br/>
               </label>    
                        
                        
            </div>
                       
            <div class="col-md-6">
                <label for="channel">
                <input type="radio" id="channel" name="link_hint" value="channel"
                data-link="https://whatsapp.com/channel/ID" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the ID of the Channel that you wish to promote."> Promote a Channel<br>
               </label>
                    
                            <label for="community">
                <input type="radio" id="community" name="link_hint" value="community" 
                data-link="https://chat.whatsapp.com/ID" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the ID of the Community that you wish to promote."> 
Join a Community<br/>
               </label>    
                        
               <label for="group">

     <input type="radio" id="group" name="link_hint" value="group" 
                data-link="https://chat.whatsapp.com/ID" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the ID of the Group that you wish to promote."> 
Join a Group<br/>
               
</label>
 
        
            </div> 

        </div>
    `;
    const ExtraFields = ``
            $('#hint').html(HintHtml);
    $('#extra-fields').html(ExtraFields);
    }

    /// Facebook
    if (window.location.href.indexOf("facebook") > - 1) {
    $('#link h3').html('Facebook QR Code');
    const HintHtml = `
 
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="profile">
                <input type="radio" id="profile" name="link_hint" value="profile" data-link="https://facebook.com/jhc76" data-intro="Enter the URL of your personal profile"> 
                Personal profile<br>
                </label>
               
               <label for="voice">
                <input type="radio" id="voice" name="link_hint" value="voice" data-link="https://www.facebook.com/qrplanet" data-intro="Enter the URL of your company page."> 
                Compnay page<br/>
               </label>  
                        
              <label for="reel">
                <input type="radio" id="reel" name="link_hint" value="reel" data-link="https://www.facebook.com/reel/1995231417654412" data-intro="Enter the ID of the reel that you want to promote."> 
                Facebook reel<br/>
               </label>    
                        
                        
            </div>
                       
            <div class="col-md-6">
                <label for="video">
                <input type="radio" id="video" name="link_hint" value="video" data-link="https://www.facebook.com/share/v/167CFVDHzW/" data-intro="Enter the ID of the video to promote."> Promote video<br>
               </label>
                    
                            <label for="event">
                <input type="radio" id="event" name="link_hint" value="event" data-link="https://www.facebook.com/events/1820609548561230" data-intro="Enter the ID of the event that you want to promote."> 
                Promote your event<br/>
               </label>    
                        
               <label for="group">

     <input type="radio" id="group" name="link_hint" value="group" data-link="https://www.facebook.com/groups/1650840901843578" data-intro="Enter the ID of the Group that you wish to promote."> 
Join a Group<br/>
               
</label>
 
        
            </div> 

        </div>
    `;
    $('#hint').html(HintHtml);
    }


/// TripAdvisor 

if (window.location.href.indexOf("tripadvisor") > -1) {
    $('#link h3').html('TripAdvisor QR Code');
    const HintHtml = `
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="ta-listing">
                    <input type="radio" id="ta-listing" name="link_hint" value="listing" 
                        data-link="https://www.tripadvisor.com/Hotel_Review-gID-dID-Reviews-Name.html" 
                        data-intro="Paste the URL of your business listing page."> 
                    Business Listing<br>
                </label>
                
                <label for="ta-review">
                    <input type="radio" id="ta-review" name="link_hint" value="review" 
                        data-link="https://www.tripadvisor.com/UserReview-gID-dID" 
                        data-intro="Link directly to the 'Write a Review' form for your business."> 
                    Write a Review<br/>
                </label>  
            </div>
                        
            <div class="col-md-6">
                <label for="ta-photos">
                    <input type="radio" id="ta-photos" name="link_hint" value="photos" 
                        data-link="https://www.tripadvisor.com/LocationPhotos-gID-dID" 
                        data-intro="Link directly to the photo gallery of a location."> 
                    Photo Gallery<br/>
                </label>    
                
                <label for="ta-profile">
                    <input type="radio" id="ta-profile" name="link_hint" value="profile" 
                        data-link="https://www.tripadvisor.com/Profile/USERNAME" 
                        data-intro="Link to a specific contributor's profile."> 
                    User Profile<br>
                </label>
            </div> 
        </div>
    `;
    $('#hint').html(HintHtml);
}


    /// Telegram

    if (window.location.href.indexOf("telegram") > - 1) {
    $('#link h3').html('Telegram QR Code');
    const HintHtml = `
 
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="profile">
                <input type="radio" id="profile" name="link_hint" value="profile" data-link="https://t.me/USERNAME" data-intro="Enter the URL of your personal profile"> 
                Telegram user profile<br>
                </label>
               
               <label for="message">
                <input type="radio" id="message" name="link_hint" value="message" data-link="https://t.me/USERNAME?text=TEXT" data-intro="Send a predefined text message to a telegram user."> 
               Telegram Message<br/>
               </label>  
                        

                        
            </div>
                       
            <div class="col-md-6">
                            
                                          <label for="linkt">
                <input type="radio" id="linkt" name="link_hint" value="linkt" data-link="https://t.me/share/url?url=URL&text=DESCRIPTION" data-intro="Enter the URL and a descrition than you want to share."> 
                Share link/text via Telegram<br/>
               </label>    
                        
                            
                <label for="groupt">
                <input type="radio" id="groupt" name="link_hint" value="groupt" data-link="https://t.me/group_username" data-intro="Enter the group username."> Join a Telegram group<br>
               </label>
                    
                          
               
</label>
 
        
            </div> 

        </div>
    `;
    $('#hint').html(HintHtml);
    }


/// Spotify 

if (window.location.href.indexOf("spotify") > -1) {
    $('#link h3').html('Spotify QR Code');
    const HintHtml = `
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="s-track">
                    <input type="radio" id="s-track" name="link_hint" value="track" 
                        data-link="https://open.spotify.com/track/TRACK_ID" 
                        data-template="85d35ddba4860743ab66fe293782a8e5"
                        data-intro="Paste the link to a specific song.."> 
                
    Spotify Track/Song<br>
                </label>
                
                <label for="s-artist">
                    <input type="radio" id="s-artist" name="link_hint" value="artist" 
                        data-link="https://open.spotify.com/artist/ARTIST_ID" 
                        data-template="85d35ddba4860743ab66fe293782a8e5"
                        data-intro="Link to an Artist\'s main profile."> 
    Spotify Artist<br/>
                </label>  
            </div>
                        
            <div class="col-md-6">
                <label for="s-album">
                    <input type="radio" id="s-album" name="link_hint" value="album" 
                        data-link="https://open.spotify.com/album/ALBUM_ID" 
                        data-template="1fd81ae78695f64f28191be6a1deb9e4"
                        data-intro="Link to a full album or EP."> 
    Spotify Album<br/>
                </label>    
                
                <label for="s-playlist">
                    <input type="radio" id="s-playlist" name="link_hint" value="playlist" 
                        data-link="https://open.spotify.com/playlist/PLAYLIST_ID" 
                       data-template="85d35ddba4860743ab66fe293782a8e5"
                        data-intro="Link to a public or shared playlist."> 
    Spotify Playlist<br>
                </label>
            </div> 
        </div>
    `;
    $('#hint').html(HintHtml);
    }


/// Bluesky 

if (window.location.href.indexOf("bsky") > -1 || window.location.href.indexOf("bluesky") > -1) {
    $('#link h3').html('Bluesky QR Code');
    const HintHtml = `
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="b-profile">
                    <input type="radio" id="b-profile" name="link_hint" value="profile" 
                        data-link="https://bsky.app/profile/USERNAME.bsky.social" 
                        data-intro="Enter your Bluesky handle (e.g., username.bsky.social)"> 
                    Bluesky Profile<br>
                </label>
                
                <label for="b-post">
                    <input type="radio" id="b-post" name="link_hint" value="post" 
                        data-link="https://bsky.app/profile/USERNAME.bsky.social/post/POST_ID" 
                        data-intro="Link to a specific post (skeet)."> 
                    Specific Post<br/>
                </label>  
            </div>
                        
            <div class="col-md-6">
                <label for="b-feed">
                    <input type="radio" id="b-feed" name="link_hint" value="feed" 
                        data-link="https://bsky.app/profile/AUTHOR.bsky.social/feed/FEED_NAME" 
                        data-intro="Link to a custom algorithm or discovery feed."> 
                    Custom Feed<br/>
                </label>    
                
                <label for="b-intent">
                    <input type="radio" id="b-intent" name="link_hint" value="intent" 
                        data-link="https://bsky.app/intent/compose?text=YOUR_TEXT" 
                        data-intro="Create a link that opens the composer with a preset message."> 
                    Compose Intent<br>
                </label>
            </div> 
        </div>
    `;
    $('#hint').html(HintHtml);
}

    /// Google Drive
    if (window.location.href.indexOf("google-drive") > - 1) {
    $('#link h3').html('Google Drive');
    const HintHtml = `
  
        <div class="row hint-html">
            <div class="col-md-6">
         
                <label for="doc" class="radio-option-googledrive">
                <input type="radio" id="doc" name="link_hint" value="doc" 
                data-link="https://docs.google.com/document/d/"
                data-template="b11d8e78e2fb16e6664b02095d8bd369" 
                data-intro="Insert the URL of the Google Drive Document here.">
                    
                <img src="/proxy/qrcdr/images/watermarks/googledrive_doc.svg" alt="" class="radio-icon">
    Document                </label>
               
            <label for="sheet" class="radio-option-googledrive">
                <input type="radio" id="sheet" name="link_hint" value="sheet"    
                data-link="https://docs.google.com/spreadsheets/d/" 
                data-template="c860012c1e07de5354c8f9a58e4e20f0"
                data-intro="Insert the URL of the Google Drive Sheet here.">
                    
                <img src="/proxy/qrcdr/images/watermarks/googledrive_sheet.svg" alt="" class="radio-icon">
    Spreadsheet            </label>  
                        
            <label for="slides" class="radio-option-googledrive">
                <input type="radio" id="slides" name="link_hint" value="slides" 
                data-link="https://docs.google.com/presentation/d/"
                data-template="2f9b003e92a602e9d8d85d7ae1fb827a"            
                data-intro="Insert the URL of the Google Drive Presentation here.">
                            
                <img src="/proxy/qrcdr/images/watermarks/googledrive_slides.svg" alt="" class="radio-icon">
    Presentation            </label>    
                            
                                         
            <label for="forms" class="radio-option-googledrive">
                <input type="radio" id="forms" name="link_hint" value="forms" 
                data-link="https://docs.google.com/forms/d/e/"
                data-template="f862a523e283b04ebd53828e8f206660"            
                data-intro="Insert the URL of the Google Drive Form here.">
                            
                <img src="/proxy/qrcdr/images/watermarks/googledrive_form.svg" alt="" class="radio-icon">
    Form 
            </label>
                            
          
                        
                        
          </div>
                       
          <div class="col-md-6">
                
            <label for="pdf" class="radio-option-googledrive">
                <input type="radio" id="pdf" name="link_hint" value="pdf" 
                data-link="https://docs.google.com/document/d/"
                data-template="aa5c8ebdd4936784fb3775c531e6bc5b"           
                data-intro="Insert the URL of the Google Drive PDF here.">
                            
                <img src="/proxy/qrcdr/images/watermarks/googledrive_pdf.svg" alt="" class="radio-icon">
    PDF            </label>
                    
            <label for="video" class="radio-option-googledrive">
                <input type="radio" id="video" name="link_hint" value="video"   
                data-link="https://docs.google.com/videos/d/"
                data-template="b4e9de07342cc9dee1c160706eda5843"            
                data-intro="Insert the URL of the Google Drive Video here Google Vid .">
                            
                <img src="/proxy/qrcdr/images/watermarks/googledrive_video.svg" alt="" class="radio-icon">
    Video            </label>    
                        
            <label for="folder" class="radio-option-googledrive">
                <input type="radio" id="folder" name="link_hint" value="folder"
                data-link="https://drive.google.com/drive/folders/"
                data-template="d0be756036f9a237a37572b5a6a0f163"
                data-intro="Insert the URL of the Google Drive Folder here.">
                
                    
                <img src="/proxy/qrcdr/images/watermarks/googledrive_folder.svg" alt="" class="radio-icon">
    Folder            </label>
                          
                       
            <label for="maps" class="radio-option-googledrive">
                <input type="radio" id="maps" name="link_hint" value="maps" 
                placeholder="https://www.google.com/maps/d/"
                data-link="https://www.google.com/maps/d/" 
                data-template="1fd7fb383728d849485de7475b5ef724"
                data-intro="Insert the URL of the Google Drive Map here.">
                
                <img src="/proxy/qrcdr/images/watermarks/googlemaps.svg" alt="" class="radio-icon">
    Google Maps            </label>
   
           </div> 

        </div>
    `;
    $('#hint').html(HintHtml);
    }

    /// LinkedIn
    if (window.location.href.indexOf("linkedin") > - 1) {
    $('#link h3').html('LinkedIn QR Code');
    $('#malink').val('https://linkedin.com')


            // Linkedin chunk
            const HintHtml = `
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="username">
                <input type="radio" id="username" name="link_hint" value="username" data-link="https://linkedin.com/in/USERNAME/" data-intro="Copy the username from your LinkedIn profile URL and select a template."> 
                LinkedIn Profile<br>
                <code>linkedin.com/in/USERNAME/</code></label>
               
                <label for="slug">
                <input type="radio" id="slug" name="link_hint" value="slug" data-link="https://linkedin.com/posts/SLUG/" data-intro="Copy the slug from your LinkedIn post URL  and select a template."> 
                LinkedIn Post<br/>
                <code>linkedin.com/posts/SLUG/</code></label>
 
                <label for="jobs">
                <input type="radio" id="jobs" name="link_hint" value="jobs" data-link="https://linkedin.com/company/COMPANY/jobs" data-intro="Copy the company from your LinkedIn company page."> 
                LinkedIn Jobs</br>
                <code>linkedin.com/company/COMPANY/jobs</code></label>          
            </div>
            
            
                <div class="col-md-6">
                <label for="company">
                <input type="radio" id="company" name="link_hint" value="company" data-link="https://linkedin.com/company/COMPANY" data-intro="Copy the company from your LinkedIn company page."> 
Company Profile<br>
                <code>linkedin.com/company/COMPANY/</code></label>
               
                 <label for="group">

     <input type="radio" id="group" name="link_hint" value="group" data-link="https://linkedin.com/groups/ID/" data-intro="Copy the group ID from your LinkedIn Group."> 
LinkedIn Group<br/>
                <code>linkedin.com/groups/ID/</code>
</label>
 
   <label for="shared">
  <input type="radio" id="shared" name="link_hint" value="shared" data-link="https://linkedin.com/shareArticle?url=URL" data-intro="Copy the URL that you want people scanning the QR Code to share on their Linkedin profile." data-template="ae12134125f467b44bc05381cee24eed"> 
 Share URL</br>
                <code>linkedin.com/shareArticle?url=URL</code></label>          
            </div>

        </div>
    `;
    $('#hint').html(HintHtml);
    }

 /// WIFI
    if (window.location.href.indexOf("wifi") > - 1) {
     
   // $(".wrap-template[data-id='7f113ccf91b314615bc9978390d852fd'] > .set-template").click();    
       
    }



 /// vcard
    if (window.location.href.indexOf("vcard") > - 1) {
       $('#link h3').html('vCard info');
  //  $(".wrap-template[data-id='ce7cf45a810bfffb4a8be4f86ff4a098'] > .set-template").click();    
       
    }


 /// gpt
    if (window.location.href.indexOf("chatgpt") > - 1) {
       $('#link h3').html('myGPT URL');
  //  $(".wrap-template[data-id='ce7cf45a810bfffb4a8be4f86ff4a098'] > .set-template").click();    
       
    }



    /// Instagram
    if (window.location.href.indexOf("instagram") > - 1) {
    $('#link h3').html('Instagram QR Code');
    // Store the HTML content in a variable
    const HintHtml = `
 
        <div class="row hint-html">
            <div class="col-md-4">
                <label for="num">
                <input type="radio" id="num" name="link_hint" value="num" data-link="https://www.instagram.com/qrplanet" data-intro="Enter the URL of your Instagram profile."> 
                Share a profile<br>
                </label> 
                                           
                   
              </div>
                       
            <div class="col-md-4">
                <label for="channel">
                <input type="radio" id="channel" name="link_hint" value="channel" data-link="https://www.instagram.com/p/DOaVQTuDI2l/" data-intro="Enter the ID of the post that you want to promote."> 
Share Post<br>
               </label>
                        
            </div>
                        
            <div class="col-md-4">
                <label for="reel">
                <input type="radio" id="reel" name="link_hint" value="reel" 
                data-link="https://www.instagram.com/reel/DO5Y3sKDO1i/" 
                data-intro="Enter the ID of the reel that you wish to promote."> 
Share Reel<br>
               </label>
                        
            </div>
        </div>`;                            
    $('#hint').html(HintHtml);
    }


   if (window.location.href.indexOf("ai-") > - 1) {
    $('#link h3').html('AI QR Codes');}


    /// tiktok
    if (window.location.href.indexOf("tiktok") > - 1) {
    $('#link h3').html('Tiktok QR Code');
    const HintHtml = `
 
        <div class="row hint-html">
            <div class="col-md-6">
                <label for="num">
                <input type="radio" id="num" name="link_hint" value="num"
                data-link="https://wa.me/NNNN?text=XXXXX" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the phone number and text that you want to send."> 
Write a message<br>
                </label>
               
               <label for="voice">
                <input type="radio" id="voice" name="link_hint" value="voice" 
                data-link="https://call.whatsapp.com/voice/ID"
                data-template="72c3523dbe600bcb0bd3df2aaad0f6a2" 
                data-intro="Enter the ID that you want to join an audio call." data-template="72c3523dbe600bcb0bd3df2aaad0f6a2"> 
                Start or join an audio call<br/>
               </label>  
                        
              <label for="video">
                <input type="radio" id="video" name="link_hint" value="video" 
                data-link="https://call.whatsapp.com/video/ID"
                data-template="ae12134125f467b44bc05381cee24eed" 
                data-intro="Enter the ID that you want to join a video call."> 
                Start or join a video call<br/>
               </label>    
                        
                        
            </div>
                       
            <div class="col-md-6">
                <label for="channel">
                <input type="radio" id="channel" name="link_hint" value="channel"
                data-link="https://whatsapp.com/channel/ID" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the ID of the Channel that you wish to promote."> Promote a Channel<br>
               </label>
                    
                            <label for="community">
                <input type="radio" id="community" name="link_hint" value="community" 
                data-link="https://chat.whatsapp.com/ID" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the ID of the Community that you wish to promote."> 
                Join a Community<br/>
               </label>    
                        
               <label for="group">

     <input type="radio" id="group" name="link_hint" value="group" 
                data-link="https://chat.whatsapp.com/ID" 
                data-template="3f03764ae95dccea322d0e4ae0c97895" 
                data-intro="Enter the ID of the Group that you wish to promote."> 
Join a Group<br/>
               
</label>
 
        
            </div> 

        </div>
    `;
    const ExtraFields = ``
            $('#hint').html(HintHtml);
    $('#extra-fields').html(ExtraFields);
    }



    $('input[name="link_hint"]').on('change', function() {
    var selectedLink = $(this).data('link');
    $('#malink').val(selectedLink);
    var intro = $(this).data('intro');
    var template = $(this).data('template');
    $('#intro').html(intro);
    $(".wrap-template[data-id='" + template + "'] > .set-template").click();
    QRcdr.updateCode();
    });
    });

</script> </script>


 <script>
 
 function setupSearchIndustryAndUseCase(inputSelector, clearButtonSelector, itemSelector, searchUrl = null) {
    const $searchInput = $(inputSelector);
    const $clearButton = $(clearButtonSelector);

    $searchInput.on("input", function () {
        const input = $searchInput.val().toLowerCase();
        const filters = input.split(/[\s,]+/).map(word => word.trim()).filter((word) => word.length > 0);


        if (input.length > 0) {
            $clearButton.show();
        } else {
            $clearButton.hide();
            $(itemSelector).show(); // Alle Items wieder anzeigen
//            $(itemSelector).parent().removeClass("d-flex").css("display", "grid"); // Eltern wieder anzeigen
            return;
        }

        $(itemSelector).each(function () {
            const $item = $(this);
            const originalText = $item.text().toLowerCase();
            const matches = filters.some((filter) => originalText.includes(filter));

            // Sichtbarkeit basierend auf der Übereinstimmung steuern
            if (matches) {
                $item.show();
            } else {
                $item.hide();
            }


        });
    });

    $clearButton.on("click", function () {
        $searchInput.val("");
        $clearButton.hide();
        $(itemSelector).show(); // Alle Items anzeigen
//        $(itemSelector).parent().removeClass("d-flex").css("display", "grid"); // Eltern anzeigen
    });

    if (searchUrl) {
        $searchInput.keyup(delayKeyPress(function () {
            if ($searchInput.val().length > 1) {
                $.post(searchUrl, { searchind: $searchInput.val() });
            }
        }, 500));
    }
}
// ----
 function setupSearch(inputSelector, clearButtonSelector, itemSelector, searchUrl = null) {
    const $searchInput = $(inputSelector);
    const $clearButton = $(clearButtonSelector);

    $searchInput.on("input", function () {
        const input = $searchInput.val().toLowerCase();
        const filters = input.split(/[\s,]+/).map(word => word.trim()).filter((word) => word.length > 0);


        if (input.length > 0) {
            $clearButton.show();
        } else {
            $clearButton.hide();
            $(itemSelector).removeClass("d-none").addClass("d-flex"); // Alle Items wieder anzeigen
            $(itemSelector).parent().removeClass("d-flex").css("display", "grid"); // Eltern wieder anzeigen
            return;
        }

        $(itemSelector).each(function () {
            const $item = $(this);
            const originalText = $item.text().toLowerCase();
            const matches = filters.some((filter) => originalText.includes(filter));

            // Sichtbarkeit basierend auf der Übereinstimmung steuern
            if (matches) {
                $item.removeClass("d-none").addClass("d-flex");
            } else {
                $item.removeClass("d-flex").addClass("d-none");
            }

            // Eltern-Element basierend auf der Sichtbarkeit seiner Kinder steuern
            const $parent = $item.parent();
            const hasVisibleChildren = $parent.children(itemSelector + ".d-flex").length > 0;
            if (hasVisibleChildren) {
                $parent.css("display", "").addClass("d-flex");
            } else {
                $parent.removeClass("d-flex").css("display", "grid");
            }
        });
    });

    $clearButton.on("click", function () {
        $searchInput.val("");
        $clearButton.hide();
        $(itemSelector).removeClass("d-none").addClass("d-flex"); // Alle Items anzeigen
        $(itemSelector).parent().removeClass("d-flex").css("display", "grid"); // Eltern anzeigen
    });

    if (searchUrl) {
        $searchInput.keyup(delayKeyPress(function () {
            if ($searchInput.val().length > 1) {
                $.post(searchUrl, { searchind: $searchInput.val() });
            }
        }, 500));
    }
}

function delayKeyPress(callback, ms) {
    let timer = 0;
    return function () {
        clearTimeout(timer);
        timer = setTimeout(callback.bind(this), ms);
    };
}

$(document).ready(function() {
  // Select the header element and store it in a variable for efficiency
  const $header = $('.breadcrumbs');

  // We'll store the initial top position in a variable
  let headerInitialTop;

  // A function to get the element's top position. We wrap it to call it on resize as well.
  const updateInitialPosition = () => {
    headerInitialTop = $header.offset().top;
  };

  // Set the initial position on page load
  updateInitialPosition();

  // Attach a scroll event listener to the window
  $(window).on('scroll', function() {
    // Get the current scroll position of the window
    const currentScrollTop = $(window).scrollTop();

    // Check if the current scroll position has passed the element's initial position
    if (currentScrollTop >= headerInitialTop) {
      // If it has, add the class that contains the "stuck" styles
      $header.addClass('is-stuck');
    } else {
      // Otherwise, remove the class
      $header.removeClass('is-stuck');
    }
  });

  // Optional: Update the initial position if the window is resized
  $(window).on('resize', updateInitialPosition);
});


    $(document).ready(function () {
        
        setupSearch("#allIndustriesWebsiteSearchInput", "#clearSearchWebsiteIndustries", "#industries-icons .branche-column", "/searchindustry");
        setupSearch("#allUseCasesWebsiteSearchInput", "#clearSearchWebsiteUseCases", "#uses-cases-icons .branche-column", "/searchusecase");
        
        setupSearchIndustryAndUseCase("#integrationsSearchInput", "#clearSearchIntegrations", "#all-integrations-services .col-md-6", "");

        
        setupSearchIndustryAndUseCase("#allIndustriesSearchInput", "#clearSearch", ".all-industries-item", "/searchindustry");
        setupSearchIndustryAndUseCase("#allUseCasesSearchInput", "#clearSearchAllUseCases", ".all-industries-item", "/searchusecase");

    }); 
  </script>

<!--script>
$(document).ready(function(){

$('#malink').keyup(function(){
var link = $('#malink').val();

if (link.indexOf("wap")!= -1 || 1!=0) {
$('#hint').html('<div class="row"><div class="col-md-6"><h4>< ?= $_l["write_a_message"] ?></h4><code>https://wa.me/xxx?text=xxx</code>\n\
<h4>Join a call</h4><code> https://call.whatsapp.com/voice/xxx</code></div>\n\
<div class="col-md-6"><h4>Join a videocall</h4><code> https://call.whatsapp.com/video/xxx</code>\n\
<h4>Join a channel</h4><code> https://chat.whatsapp.com/xxx</code></div></div>');
}

else if (link.indexOf("bitly")!= -1) {
$('#hint').html('bl bitly');
}

else if (link.indexOf("telegram")!= -1 || link.indexOf("t.me")!= -1) {
$('#hint').html('telegram!!!!');
}


else if (link.indexOf("play.google")!= -1 || link.indexOf("onelink")!= -1) {
$('#hint').html('create an App QR Code!!!!');
}

else {
$('#hint').html('');
}


});
});
</script-->


<script>
$(".filter-button").click(function(){
var value = $(this).attr('data-filter');
$(".filter").not('.' + value).hide('2000');
$('.filter').filter('.' + value).show('2000');
});
 
function updateShadowLeft(container){
  var scrollLeft = container.scrollLeft();
  var leftOpacity = scrollLeft > 5 ? 0 : 1;

  var maskValue = `linear-gradient(to right, 
      rgba(255, 255, 255, ${leftOpacity}) 0%, 
      rgba(255, 255, 255, 1) 3%,  
      rgba(255, 255, 255, 1) 97%,  
      rgba(255, 255, 255, 0) 100%)`;

  // Anwenden der Maske nur auf den industriesContainer
  container.css({
      "mask-image": maskValue,
      "-webkit-mask-image": maskValue
  });
  }
  
  
  function initHorizontalScroll($scrollContainer, $leftArrow, $rightArrow, scrollAmount = 500) {
    function updateArrowVisibility() {
        let scrollLeft = $scrollContainer.scrollLeft();
        let maxScroll = $scrollContainer[0].scrollWidth - $scrollContainer.outerWidth();

        if (scrollLeft <= 0) {
            $leftArrow.removeClass("text-white").addClass("text-secondary");
        } else {
            $leftArrow.removeClass("text-secondary").addClass("text-white");
        }

        if (scrollLeft >= maxScroll) {
            $rightArrow.removeClass("text-white").addClass("text-secondary");
        } else {
            $rightArrow.removeClass("text-secondary").addClass("text-white");
        }
    }

    $leftArrow.on("click", function () {
        $scrollContainer.animate({ scrollLeft: "-=" + scrollAmount }, 400, updateArrowVisibility);
    });

    $rightArrow.on("click", function () {
        $scrollContainer.animate({ scrollLeft: "+=" + scrollAmount }, 400, updateArrowVisibility);
    });

    // Beim Laden prüfen, welche Pfeile deaktiviert sein sollten
    $scrollContainer.on("scroll", updateArrowVisibility);
    updateArrowVisibility();
    // **Setze Scroll-Position beim Laden auf 0**
    $scrollContainer.scrollLeft(0);
}

$(document).ready(function() {

$("#input-search-column").removeClass("col-md-6").addClass("col-md-8");
$("#all-industries-btn").removeClass("col-md-6").addClass("col-md-4");
$("#us-input-search-column").removeClass("col-md-6").addClass("col-md-8");
$("#all-use-cases-btn").removeClass("col-md-6").addClass("col-md-4");


    $('.branche-column').on('mouseenter', function() { 
        var link = $(this).find('.branche-link');
        var overlay = $(this).find('.branche-column-overlay');

        // Den Link dynamisch ins Overlay einfügen
        overlay.html('<a href="' + link.attr('href') + '">\n\
        <i style="font-size:30px;" class="fa-solid fa-arrow-right text-white pt-0"> </i></a>');
        overlay.css('right', '0');
        overlay.css('opacity', '1');
    });
    
    $('.branche-column').on('mouseleave', function() {
        var overlay = $(this).find('.branche-column-overlay');

        overlay.css('right', '-30%');
    });

    
    var totalIndustries = $('#qr-codes-for-branchen .branche-column').length;
    $('#all-industries-btn .button').append('<span id="all-industries-total" class="ml-2 bg-light fw-total rounded-pill"> ' + totalIndustries + '</span>');

    var totalUseCases = $('#qr-codes-for-use-cases .branche-column').length;
    $('#all-use-cases-btn .button').append('<span id="all-usecases-total" class="ml-2 bg-light fw-total rounded-pill"> ' + totalUseCases + '</span>');


    $('.toggle-button').on('click', function() {

        // Get the target ID from the button's data attribute
        var target = $(this).data('target');

        // Toggle the collapse class on the target element
        $(target).toggleClass('show');
        

        // Find the <i> element inside the button and toggle its class
        var icon = $(this).find('i');

        if (icon.hasClass('fa-chevron-down')) {
            icon.removeClass('fa-chevron-down').addClass('fa-chevron-up');

        } else {
            icon.removeClass('fa-chevron-up').addClass('fa-chevron-down');

        }
    });
     
    $("#industries-icons .horizontal-scroll-row").on("scroll", function() {
        updateShadowLeft($(this));
    });

    $("#uses-cases-icons .horizontal-scroll-row").on("scroll", function() {
        updateShadowLeft($(this));
    });
    
    $("#customer-logos-qr-code-container .cl-qr-row").on("scroll", function() {
        updateShadowLeft($(this));
    });

    if ($("#industries-icons .horizontal-scroll-row").length > 0 ){
        initHorizontalScroll(
            $("#industries-icons .horizontal-scroll-row"), 
            $("#all-industries-scrollarrows .fa-circle-chevron-left"), 
            $("#all-industries-scrollarrows .fa-circle-chevron-right")
        );
    } 
    
    if ($("#uses-cases-icons .horizontal-scroll-row").length > 0 ){
        initHorizontalScroll(
           $("#uses-cases-icons .horizontal-scroll-row"), 
           $("#all-use-cases-scrollarrows .fa-circle-chevron-left"), 
           $("#all-use-cases-scrollarrows .fa-circle-chevron-right")
       );
    } 
     
    
    if ($("#customer-logos-qr-code-container .cl-qr-row").length > 0 ){
        initHorizontalScroll(
            $("#customer-logos-qr-code-container .cl-qr-row"), 
            $("#customer-logos-scrollarrows .fa-circle-chevron-left"), 
            $("#customer-logos-scrollarrows .fa-circle-chevron-right")
        );
    }

      let colors = [
            "#D98880", "#A3C1AD", "#85C1E9", "#BB8FCE", "#F0B27A",
            "#73C6B6", "#D35400", "#76448A", "#5DADE2", "#F4D03F",
            "#E59866", "#85929E"
          ];
          
           $(".colored-span").each(function (index) {
                let color = colors[index % colors.length]; // Farben zyklisch verteilen
                $(this).css("color", color);
                
                $(this).find('.colored-icon').css("color", color);
                $(this).parent().parent().parent().next(".branche-column-overlay").css("background", color); 
              });
              
                  $('#carouselReviews').carousel({
                        interval: 5500
                      });
    

            const track = document.querySelector('.slider-track');
            let speed = 0.5; // px pro Frame
            let pos = 0;
            let paused = false;

            function scrollLoop() {
              if (!paused) {
                pos -= speed;
                if (Math.abs(pos) >= track.scrollWidth / 2) {
                  pos = 0;
                }
                track.style.transform = `translateX(${pos}px)`;
              }
              requestAnimationFrame(scrollLoop);
            }

            // Dupliziere Inhalt
            track.innerHTML += track.innerHTML;

            // Hover-Handling
            track.parentElement.addEventListener('mouseenter', () => paused = true);
            track.parentElement.addEventListener('mouseleave', () => paused = false);

            scrollLoop();


        
        $('.carousel-item-wrapper').each(function () {
            const secondP = $(this).find('p:nth-of-type(2)');

            const fullText = secondP.text().trim();
            const maxLength = window.innerWidth <= 768 ? 90 : 180;

            const shortText = fullText.slice(0, maxLength);

            // Finde .carousel-item-container durch 3x parent(), dann suche den Link darin
            const targetHref = $(this)
                .prev()       // Geschwisterelement also .carousel-item-container
                .find('a') // oder ein anderes eindeutiges Kind mit href
                .attr('href') || '#'; // fallback zu '#' falls nicht vorhanden

            // PHP-Variable für Linktext
            const linkText = 'Read more';

            const seeAllLink = '<span class="fade-out">... <a target="_blank" href="' + targetHref + '" class="see-all">' + linkText + '</a></span>';

           secondP.html(shortText + seeAllLink);
        });

          
   
});
 
</script>

         
   

<!--cms-->
 <script src="/js/mega-nav-bootstrap.js?v=1.53"></script>
 <!--<script src="< ?= getCDNHost() ?>/js/bootstrap/bootstrap.min.js"></script>-->
</body> 
</html>