<!DOCTYPE html>
<!-- saved from url=(0043)https://mlksonhador.com.br/acoes/zegweEw9np -->
<html class="scroll-smooth" lang="pt-BR"><head>

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src='https://connect.facebook.net/en_US/fbevents.js';
  s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script');
  fbq('init', '693052522732765');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=693052522732765&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="Ação online, fazer campanha online, bilhete premiado">
    <meta name="author" content="contato@adgency.com.br">
    <meta name="description" content="plataforma de ações">
    <link rel="preload" as="style" href="./Ações_files/app.f06afda3.css"><link rel="modulepreload" href="./Ações_files/app.c788edf9.js.download"><link rel="modulepreload" href="https://mlksonhador.com.br/build/assets/module.esm.a685240d.js"><link rel="stylesheet" href="./Ações_files/app.f06afda3.css"><script src="./Ações_files/717876467026746" async=""></script><script async="" src="./Ações_files/fbevents.js.download"></script><script type="module" src="./Ações_files/app.c788edf9.js.download"></script>    <style>[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
    <link href="./Ações_files/css2" rel="stylesheet">
    <link rel="stylesheet" href="./Ações_files/all.min.css">
    <link rel="stylesheet" href="./Ações_files/bounce-text.css">
    <link rel="icon" type="image/x-icon" href="https://mlksonhador.com.br/acoes/zegweEw9np">
    <meta property="is_theme_dark" content="true">
    <style>
        .primary-text {
            color: #3b82f6;
        }
        .swiper-slide{
            background: #3f3f46
        }
        * {
            touch-action: manipulation;
        }
    </style>
    <title>Ações</title>
    <!-- Meta Pixel Code -->
<script>
window.facebookads = true;
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '717876467026746');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=717876467026746&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
        <link rel="preload" as="style" href="./Ações_files/show.ad2eaa68.css"><link rel="preload" as="style" href="./Ações_files/show.4c4a57b2.css"><link rel="modulepreload" href="./Ações_files/show.56d4d23a.js.download"><link rel="stylesheet" href="./Ações_files/show.ad2eaa68.css"><link rel="stylesheet" href="./Ações_files/show.4c4a57b2.css"><script type="module" src="./Ações_files/show.56d4d23a.js.download"></script>            </head><body class="font-montserrat h-screen  bg-zinc-800  " style="overflow-x: hidden"><input type="hidden" value="200" id="max_purchase_rule_amount">
                <input type="hidden" value="7" id="min_purchase_rule_amount">
                    <meta property="discount" content="5.00">
        <meta property="conditional_number" content="50">
        <meta property="og:title" content="GTI MK7.5 STAGE 3 ou 170K">
    <meta property="ticket-price" content="0.79">
    <meta property="reward-minimum-quantity" content="70">
    <meta property="is-random" content="1">
    <meta property="og:url" content="https://mlksonhador.com.br/acoes/zegweEw9np">
    <meta property="current-coin" content="{&quot;coin&quot;:&quot;BRL&quot;,&quot;symbol&quot;:&quot;R$&quot;}">
    <meta property="og:description" content="Vem participar: GTI MK7.5 STAGE 3 ou 170K">
            <meta property="og:image" itemprop="image" content="/storage/images/raffles/6/zHwJK1uc3jhwlMtzY8XOiKOb8luUmm0jv5yKVofL.png">
            <meta property="og:type" content="article">
    <meta property="og:locale" content="pt_BR">
    <link rel="stylesheet" href="./Ações_files/intlTelInput.css">
    <script src="./Ações_files/intlTelInput.min.js.download"></script>
    <style>
        #ticket_amount_input::-webkit-outer-spin-button,
        #ticket_amount_input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        #ticket_amount_input {
            -moz-appearance: textfield;
        }
        .iti__flag-box, .iti__country-name {
            color: #000; /* Altere para a cor que você deseja */
        }


        @media (max-width: 768px) {
            .banner-img {
                width: 100%;     /* A largura da imagem ocupa 100% do contêiner */
                height: 30vh;    /* A altura será 30% da altura da tela */
                object-fit: cover; /* A imagem cobre o espaço disponível */
            }
        }

        @media (min-width: 769px) {
            .banner-img {
                width: 100%;      /* Ajusta o banner para ocupar 80% da largura da tela */
                max-width: 800px; /* Limita a largura máxima */
                margin: 0 auto;   /* Centraliza o banner */
                height: 60vh;     /* A altura será 40% da altura da tela */
                object-fit: cover; /* Garante que a imagem cubra o espaço disponível */
            }
        }

                .iti__selected-dial-code {
            color: #ffffff !important;
        }
        .iti__dropdown {
            background-color: #374151 !important;
            border-color: #6b7280 !important;
        }
        .iti__dropdown .iti__country {
            color: #ffffff !important;
        }
        .iti__dropdown .iti__country:hover {
            background-color: #4b5563 !important;
        }
        
    </style>


    
        <div class="-mr-1 md:hidden absolute top-3 right-4 z-50">
    <button type="button" data-action="open" class="mobile-menu-btn inline-flex items-center justify-center rounded-md bg-zinc-800 p-3 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-expanded="false">
        <span class="sr-only pointer-events-none">Open menu</span>
        <svg class="h-3 w-3 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
        </svg>
    </button>
</div>

<div class="relative bg-zinc-900 z-50 lg:mt-0 md:mt-0 sm:mt-[-5%] shadow-sm" style="; margin-top: -16px">
    <div class="mx-auto max-w-7xl px-4 sm:px-6">
        <div class="flex items-center justify-between border-gray-100 py-2 md:py-6 md:justify-start md:space-x-10"> <!-- Alterei py-6 para py-4 no mobile -->
            <div class="flex justify-start lg:w-0 lg:flex-1 lg:block hidden">
                                    <a href="https://mlksonhador.com.br/">
                        <span>
                             <img style="max-height: 50px" src="./Ações_files/M7Fhuabs0byfYSbc4bhRIHELKXZO5zYurX9bPkK1.png" alt="">
                        </span>
                    </a>
                            </div>
            <!-- <dilass="-my-1 -mr-1 md:hidden">
                <button type="button" data-action="open" class="mobile-menu-btn inline-flex items-center justify-center rounded-md bg-zinc-800 p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-expanded="false">
                    <span class="sr-only pointer-events-none">Open menu</span>
                    <svg class="h-3 w-3 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
                    </svg>
                </button>
            </div> -->
            <nav class="hidden space-x-10 md:flex">
                <a href="https://mlksonhador.com.br/acoes" style="padding: 5px; border-radius: 5px" class="text-base font-medium text-slate-50">
                    Sorteios
                </a>
                <a href="https://mlksonhador.com.br/ganhadores" style="padding: 5px; border-radius: 5px" class="text-base font-medium text-slate-50">Ganhadores</a>
                <a href="https://mlksonhador.com.br/pedidos" style="padding: 5px; border-radius: 5px" class="text-base font-medium text-slate-50">Meus números</a>
                                                <a href="https://mlksonhador.com.br/ajuda" style="padding: 5px; border-radius: 5px" class="text-base font-medium text-slate-50">Ajuda</a>
            </nav>
            <div class="hidden items-center justify-end md:flex md:flex-1 ">
                            </div>
        </div>
    </div>

    <div id="mobile-menu" class="hidden absolute inset-x-0 top-0 origin-top-right transform p-2 transition md:hidden">
        <div class="divide-y-2 divide-gray-50 rounded-lg bg-zinc-800 shadow-lg ring-1 ring-black ring-opacity-5">
            <div class="px-5 pt-5 pb-6">
                <div class="flex items-center justify-between">
                    <div>
                        <img style="max-height: 50px" src="./Ações_files/M7Fhuabs0byfYSbc4bhRIHELKXZO5zYurX9bPkK1.png" alt="">
                    </div>
                    <div class="-mr-2">
                        <button type="button" data-action="close" class="mobile-menu-btn inline-flex items-center justify-center rounded-md active:bg-red-300 focus:bg-red-300 bg-red-300 bg-red-700 p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500">
                            <span class="sr-only pointer-events-none">Close menu</span>
                            <svg class="h-6 w-6 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                            </svg>
                        </button>
                    </div>
                </div>
                <div class="mt-6">
                    <nav class="grid gap-y-8">
                        
                            <a href="https://mlksonhador.com.br/" class="-m-3 flex items-center rounded-md p-3 focus:bg-zinc-800 active:bg-zinc-800">
                                <svg class="h-5 w-5 flex-shrink-0 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"></path>
                                </svg>

                                <span class="ml-3 text-sm font-medium focus:bg-zinc-800 active:bg-zinc-800 text-slate-50">Principal</span>
                            </a>

                        <a href="https://mlksonhador.com.br/ganhadores" class="-m-3 flex items-center rounded-md p-3 focus:bg-zinc-800 active:bg-zinc-800">
                            <svg class="h-5 w-5 flex-shrink-0 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 01-.982-3.172M9.497 14.25a7.454 7.454 0 00.981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 007.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 002.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 012.916.52 6.003 6.003 0 01-5.395 4.972m0 0a6.726 6.726 0 01-2.749 1.35m0 0a6.772 6.772 0 01-3.044 0"></path>
                            </svg>
                            <span class="ml-3 text-sm font-medium text-slate-50">Ganhadores</span>
                        </a>

                        <a href="https://mlksonhador.com.br/acoes" class="-m-3 flex items-center rounded-md p-3 focus:bg-zinc-800 active:bg-zinc-800">
                            <svg class="h-5 w-5 flex-shrink-0 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"></path>
                            </svg>
                            <span class="ml-3 text-sm font-medium text-slate-50">
                                Sorteios
                            </span>
                        </a>

                        <a href="https://mlksonhador.com.br/pedidos" class="-m-3 flex items-center rounded-md p-3 focus:bg-zinc-800 active:bg-zinc-800">
                            <svg class="h-5 w-5 flex-shrink-0 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6A2.25 2.25 0 016 3.75h2.25A2.25 2.25 0 0110.5 6v2.25a2.25 2.25 0 01-2.25 2.25H6a2.25 2.25 0 01-2.25-2.25V6zM3.75 15.75A2.25 2.25 0 016 13.5h2.25a2.25 2.25 0 012.25 2.25V18a2.25 2.25 0 01-2.25 2.25H6A2.25 2.25 0 013.75 18v-2.25zM13.5 6a2.25 2.25 0 012.25-2.25H18A2.25 2.25 0 0120.25 6v2.25A2.25 2.25 0 0118 10.5h-2.25a2.25 2.25 0 01-2.25-2.25V6zM13.5 15.75a2.25 2.25 0 012.25-2.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-2.25A2.25 2.25 0 0113.5 18v-2.25z"></path>
                            </svg>
                            <span class="ml-3 text-sm font-medium text-slate-50">Meus números</span>
                        </a>

                        <a href="https://mlksonhador.com.br/ajuda" class="-m-3 flex items-center rounded-md p-3 focus:bg-zinc-800 active:bg-zinc-800">
                            <svg class="h-5 w-5 flex-shrink-0 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"></path>
                            </svg>

                            <span class="ml-3 text-sm font-medium text-slate-50">Ajuda</span>
                        </a>

                        <a href="https://mlksonhador.com.br/acoes/zegweEw9np#" target="_blank" class="-m-3 flex items-center rounded-md p-3 focus:bg-zinc-800 active:bg-zinc-800">
                            <svg class="h-5 w-5 flex-shrink-0 text-blue-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"></path>
                            </svg>
                            <span class="ml-3 text-sm font-medium text-slate-50">Termos de uso</span>
                        </a>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    document.querySelectorAll('[data-action="open"]').forEach(button => {
        button.addEventListener('click', () => {
            document.getElementById('mobile-menu').classList.remove('hidden');
        });
    });

    document.querySelectorAll('[data-action="close"]').forEach(button => {
        button.addEventListener('click', () => {
            document.getElementById('mobile-menu').classList.add('hidden');
        });
    });
</script>
    <section>
        <div class="max-w-5xl mx-auto flex flex-col">
            <div class="flex flex-col">
                <div class="grid grid-cols-1 md:grid-cols-2 md:px-4 md:pt-8">
                    <div class="rounded-lg m-0 lg:m-4 md:m-4 sm:m-0 md:bg-transparent w-full mx-auto">
                                                    <div class="slider-pro sp-horizontal" id="my-slider" style="width: 100%; max-width: 500px;">
                                
                            <div class="sp-slides-container"><div class="sp-mask" style="width: 496px; height: 496px;"><div class="sp-slides">
                                                                            <div class="sp-slide relative sp-selected" data-init="true" data-index="0" style="width: 496px; height: 496px; left: 0px;"><div class="sp-image-container" style="width: 496px; height: 496px;"><img class="banner-img lg:rounded-t-lg rounded-t-0 sm:rounded-t-lg md:rounded-b-lg lg:rounded-b-lg md:rounded-t-lg w-full sp-image" src="./Ações_files/zHwJK1uc3jhwlMtzY8XOiKOb8luUmm0jv5yKVofL.png" alt="poster" style="width: 100%; height: auto; margin-left: 0px; margin-top: 0px;"></div>
                                            <!-- Coloque a imagem como fundo da div -->
                                            <div class="relative w-full h-full">
                                                

                                                <!-- Logo posicionada sobre a imagem -->
                                                <div class="absolute top-0 left-0 z-30 p-4">
                                                    <!-- Aqui você coloca a logo -->
                                                    <img src="./Ações_files/logo.png" alt="Logo" class="logo-overlay">
                                                </div>
                                            </div>

                                            <!-- Conteúdo sobre a imagem, visível apenas em dispositivos móveis -->
                                            <div class="absolute z-20 bottom-0 left-0 w-full text-white md:hidden">
                                                <div class="relative bg-gradient-to-r from-black to-transparent p-3 text-white">
                                                    <div class="text-lg font-bold">
                                                        <div class="flex flex-row w-auto justify-between items-center relative">
    <div class="flex flex-col px-4 md:pr-24 lg:pl-4 xl:pl-4 md:pl-4 sm:pl-4 md:max-w-[calc(100%-10px)] overflow-hidden">
        <h3 class="text-lg md:text-xl font-bold leading-tight text-gray-100 truncate">
            GTI MK7.5 STAGE 3 ou 170K
        </h3>
        <span class="font-medium text-sm md:text-base text-gray-300 leading-normal">
            
        </span>
        <h3 class="hidden md:block text-red-500 px-2 pt-2">
            
        </h3>
    </div>

    <div>

        

        
                                                <span class="block bounce-text rounded bg-green-600 px-1.5 text-[13px] bg-opacity-80 text-white absolute top-5 right-[20px]">
                        Adquira já!
                    </span>
                            
            </div>
</div>
                                                    </div>
                                                    <div class="text-sm mt-2">
                                                        <h3 class="text-red-500"></h3>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                                                    </div></div><div class="sp-arrows sp-fade-arrows"><div class="sp-arrow sp-previous-arrow"></div><div class="sp-arrow sp-next-arrow"></div></div></div></div>
                        
                        <a href="https://mlksonhador.com.br/pedidos" class="inline-flex items-center py-1 lg:hidden justify-center text-white p-2  w-full bg-gray-900  font-medium">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mx-2">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"></path>
                            </svg>
                            Ver meus números                        </a>

                        <div class="block md:hidden">
                                                                                                                </div>

                                                                            <div class="w-full h-auto bg-gray-600 relative py-0.5 block lg:hidden md:hidden sm:block">
                                <a class="cursor-pointer text-slate-100 text-xs font-medium" href="https://wa.me/17054805224" target="_blank">
                                        <div class="flex items-center justify-center rounded-full">
                                            <div class="mr-2">
                                                FALE CONOSCO                                            </div>
                                            <img src="./Ações_files/whatsapp.svg" width="20" alt="">
                                        </div>
                                </a>
                            </div>
                        
                    </div>

                    <div class="md:pl-4">

                        <div>
                            <div class="hidden md:block">
                                <div class="flex flex-row w-auto justify-between items-center relative">
    <div class="flex flex-col px-4 md:pr-24 lg:pl-4 xl:pl-4 md:pl-4 sm:pl-4 md:max-w-[calc(100%-10px)] overflow-hidden">
        <h3 class="text-lg md:text-xl font-bold leading-tight text-slate-50 truncate">
            GTI MK7.5 STAGE 3 ou 170K
        </h3>
        <span class="font-medium text-sm md:text-base text-slate-50 leading-normal">
            
        </span>
        <h3 class="hidden md:block text-red-500 px-2 pt-2">
            
        </h3>
    </div>

    <div>

        

        
                                                <span class="block bounce-text rounded bg-green-600 px-1.5 text-[13px] bg-opacity-80 text-white absolute top-5 right-[20px]">
                        Adquira já!
                    </span>
                            
            </div>
</div>
                            </div>
                            <!-- start btn -->
                            <div class="flex justify-center items-center gap-2 w-11/12 mx-auto ">

                                <div class="flex flex-col gap-2 items-center">
                                                                          <div class="mx-4 w-full">
                                         <div class="block xl:hidden lg:hidden md:hidden">
                                             <div class=" md:inline flex gap-2 px-2 justify-between items-center w-full mt-2 h-12 rounded text-slate-100 bg-[#404141] ">
                                                 <div class="flex items-center gap-1">
                                                     <img class="w-7 h-7" src="./Ações_files/lucky-roll.png" alt="icon">

                                                     <p class="font-medium">
                                                         Giro da sorte
                                                     </p>
                                                 </div>

                                                 <button onclick="onOpenRegulationModal()" class="bg-blue-500 rounded text-white flex items-center gap-2 p-1">
                                                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
                                                         <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"></path>
                                                     </svg>
                                                     <small class="text-sm">Regulamento</small>
                                                 </button>
                                             </div>
                                         </div>
                                      </div>
                                    
                                    <p class=" text-xs  text-slate-100 items-center flex gap-1   text-center mb-1">
                                        POR APENAS
                                        <span class="bg-lime-700 text-white p-1 rounded-md">
                                            <span>R$</span> 0,79
                                        </span>
                                    </p>
                                                                            <div class="block xl:hidden lg:hidden md:hidden">
                                            <div class="w-full flex justify-center mb-2 font-bold items-center text-white">
                                                <div class="flex gap-1 items-center">
                                                    <p>
                                                        Giros da sorte:
                                                        <strong class="rewards-display-count">0</strong>
                                                    </p>

                                                    <img class="w-5 h-5" src="./Ações_files/lucky-roll.png" alt="icon">
                                                </div>


                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                            <!-- end btn -->

                                                    </div>


                        <!-- inicio do bloco de desktop -->

                        <div class="hidden md:block bg-neutral-600 text-white mt-3 overflow-y-auto text-clip break-words text-sm mx-4 p-2 rounded-lg shadow-md max-h-[150px] md:max-h-[300px]" style="border: 0.5px solid #696969;">
                            <p>SORTEIO PREVISTO PARA 20 DE AGOSTO! </p><p><br></p><p>MAIORES COMPRADORES da ação do golfāo vao levar:</p><p>1 - R$15.000 no pix</p><p>2 - R$10.000 no pix</p><p>3 - R$5.000 no pix</p><p><br></p><p>GOLFAO GTI MK7.5 STAGE 3 ou 170K NO PIX!</p><p>Ano 2019 - Km 65.000</p><p>*IPVA 2025 PAGO*</p><p>Pacote Premium + Sport + Teto solar</p><p>Laudo Cautelar Aprovado</p><p>UPGRADES:</p><p>Turbina IS38 Híbrida </p><p>Intake KN</p><p>Remap STG3 ECU - TCU</p><p>Downpipe + Escapamento Inox + Ponteiras 4”</p><p>Molas Esportivas Vogtland</p><p>Discos de Freio Dianteiros Powerbrakes </p><p>Vitrificação de Pintura </p><p>Volante em Alcantara&nbsp;</p><p>Aerofolio Lip Preto &amp; Extensor Paddle Shift Vermelho</p><p>Setas Sequenciais &amp; Retrovisores Pretos&nbsp;</p><p>TODAS REVISOES FEITAS NA VW!</p><p><br></p><p>RESULTADO PELA LOTERIA FEDERAL! 🍀 Acredita que VOCE pode ser o proximo!</p><p><br></p><p>*não tem possibilidade de reembolso para participações em promoções!*</p>
                        </div>


                                                    <div class="hidden md:block">

                                <div class="flex items-center gap-2 mt-3 text-sm p-2 rounded-lg shadow-md mx-4 bg-neutral-500 text-white">

                                    <span>
                                        A extração do sorteio será através da(o):
                                        <span class="flex items-center gap-2">
                                            <img class="w-5" src="./Ações_files/loteria-federal.png" alt="">
                                            <span>Loteria Federal</span>
                                        </span>
                                    </span>
                                </div>

                                
                                <div class="p-4 mb-1">
                                    <a href="https://mlksonhador.com.br/pedidos" class="inline-flex items-center justify-center text-white p-2 rounded w-full bg-indigo-600 font-medium">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mx-2">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z"></path>
                                        </svg>
                                        Ver meus números                                    </a>
                                </div>

                            </div>
                                                <!-- fim do bloco inicio do bloco de desktop -->
                                                    <div class="hidden md:block">

                                                                                                            <div class="py-2">
                                            <h1 class="text-xl text-slate-100 font-semibold mx-4">🔥 Promoção</h1>
                                            <p class="mx-4 text-sm text-slate-100">Aproveite o desconto!</p>
                                        </div>
                                        <div class="bg-neutral-700 unselectable mx-4 shadow-md p-4 mb-4 rounded-lg flex justify-center items-center flex-wrap">
                                            <div class="flex flex-wrap -mx-3 overflow-hidden xl:-mx-2">

                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="50" data-value="34.5">
                                                        <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                            50 cotas - R$34,50
                                                        </div>
                                                    </div>
                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="100" data-value="69">
                                                        <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                            100 cotas - R$69,00
                                                        </div>
                                                    </div>
                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="150" data-value="103.5">
                                                        <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                            150 cotas - R$103,50
                                                        </div>
                                                    </div>
                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="200" data-value="138">
                                                        <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                            200 cotas - R$138,00
                                                        </div>
                                                    </div>
                                                                                            </div>
                                        </div>
                                                                                                </div>
                                            </div>
                </div>
                <div class="hidden md:block">
                                    </div>

                                                             
                            <!--inicio bloco de cotas-->
                            <div class="hidden md:block">
                                <h1 class="text-xl text-slate-100 font-semibold mx-4">🍀 Cotas</h1>
                                <p class="mx-4 text-sm text-slate-100">Escolha sua quantidade de chances de ganhar</p>
                            </div>
                            <!--bloco de cotas fim-->
                                                            <div class="mx-4">
                                    <div class="hidden xl:block lg:block md:block sm:hidden">
                                        <div class="flex  gap-2 px-2 justify-between items-center w-full  my-2 h-12 rounded text-slate-100 bg-[#404141] ">
                                            <div class="flex items-center gap-1">
                                                <img class="w-7 h-7" src="./Ações_files/lucky-roll.png" alt="icon">

                                                    <p class="font-medium">
                                                    Giro da sorte
                                                </p>
                                            </div>


                                            <button onclick="onOpenRegulationModal()" class=" bg-blue-500 rounded text-white flex items-center gap-2 p-1">
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
                                                    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"></path>
                                                </svg>
                                                <small class="text-sm">Regulamento</small>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                                                   <div class="hidden xl:block lg:block md:block">
                                        <div class="w-full flex justify-center mb-2 font-bold items-center text-white">
                                            <div class="flex gap-1 items-center">
                                                <p>
                                                    Giros da sorte
                                                    :
                                                    <strong class="rewards-display-count">0</strong>
                                                </p>

                                                <img class="w-5 h-5" src="./Ações_files/lucky-roll.png" alt="icon">

                                            </div>
                                        </div>
                                    </div>
                                                                                       <!--inicio do bloco de comprar desktop-->
                            <div class="mt-0 flex flex-col mx-4 rounded-lg text-center bg-neutral-700 text-black shadow-lg py-1 sm:p-4">
                                <div class="flex flex-col">

                                    <span class="mt-[2px] mb-0 text-slate-100 py-0.5 text-sm">
                                        Digite ou selecione a quantidade de números                                    </span>

                                    <p id="random-description" class="text-white mt-[0px] hidden lg:block md:block sm:hidden">7x R$&nbsp;0,79 = <strong>R$&nbsp;5,53</strong></p>
                                    <p id="random-message-validation" class="mt-[0px] hidden lg:block md:block sm:hidden"></p>

                                    <div x-data="{ isDesktop: window.innerWidth &gt;= 640 }" x-init="window.addEventListener(&#39;resize&#39;, () =&gt; { isDesktop = window.innerWidth &gt;= 640 })">

                                    <!-- Aqui é onde o conteúdo desktop será mostrado quando não for um dispositivo móvel -->
                                        <template x-if="isDesktop"></template><div id="content-desktop" class="flex flex-col items-center border-green-50 justify-between hidden lg:block md:block sm:hidden">
                                                <div class="flex items-center w-full my-2">
                                                    <div id="less-random-option" class="cursor-pointer flex justify-center items-center">
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-7 h-7 text-white">
                                                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                        </svg>
                                                    </div>
                                                    <div class="w-full mx-2">
                                                        <label>
                                                            <input id="ticket_amount_input" min="1" value="1" oninput="this.value = this.value.replace(/[^0-9.]/g, &#39;&#39;).replace(/(\..*)\./g, &#39;$1&#39;);" placeholder="1" class="p-1 w-full text-center rounded-lg bg-neutral-800 text-white border-1 border-gray-400 font-bold focus:outline-none focus:border-lime-700 focus:ring-lime-700 only-number-input" type="number">
                                                        </label>
                                                    </div>
                                                    <div id="plus-random-option" class="cursor-pointer flex justify-center items-center">
                                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-7 h-7 text-white">
                                                            <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                                        </svg>
                                                    </div>
                                                </div>
                                            </div>
                                    </div>

                                                                            <div class="grid grid-cols-3 md:grid-cols-4 gap-2 overflow-hidden p-1 px-2.5">
                                                                                            <div data-amount="100" class="random-option p-1  shadow-lg cursor-pointer rounded-lg bg-neutral-800 hover:bg-stone-900 border-white-400 text-white border-1 border-solid select-none">
                                                                                                        <div class="text-[7px] pointer-events-none rounded flex flex-col justify-center p-0 lg:py-1 md:py-1 sm:p-0">
                                                        <span class="pointer-events-none text-base">
                                                            + 100
                                                        </span>
                                                        <span class="uppercase text-[10px] sm:text-sm md:text-base lg:text-lg pointer-events-none w-full rounded  lg:block md:block sm:hidden">Adicionar</span>
                                                    </div>
                                                </div>
                                                                                            <div data-amount="500" class="random-option p-1  shadow-lg cursor-pointer rounded-lg bg-neutral-800 hover:bg-stone-900 border-white-400 text-white border-1 border-solid select-none">
                                                                                                        <div class="text-[7px] pointer-events-none rounded flex flex-col justify-center p-0 lg:py-1 md:py-1 sm:p-0">
                                                        <span class="pointer-events-none text-base">
                                                            + 500
                                                        </span>
                                                        <span class="uppercase text-[10px] sm:text-sm md:text-base lg:text-lg pointer-events-none w-full rounded  lg:block md:block sm:hidden">Adicionar</span>
                                                    </div>
                                                </div>
                                                                                            <div data-amount="1000" class="random-option p-1  shadow-lg cursor-pointer rounded-lg bg-neutral-800 hover:bg-stone-900 border-white-400 text-white border-1 border-solid select-none">
                                                                                                        <div class="text-[7px] pointer-events-none rounded flex flex-col justify-center p-0 lg:py-1 md:py-1 sm:p-0">
                                                        <span class="pointer-events-none text-base">
                                                            + 1000
                                                        </span>
                                                        <span class="uppercase text-[10px] sm:text-sm md:text-base lg:text-lg pointer-events-none w-full rounded  lg:block md:block sm:hidden">Adicionar</span>
                                                    </div>
                                                </div>
                                                                                            <div data-amount="5000" class="random-option p-1  shadow-lg cursor-pointer rounded-lg bg-neutral-800 hover:bg-stone-900 border-white-400 text-white border-1 border-solid select-none">
                                                                                                        <div class="text-[7px] pointer-events-none rounded flex flex-col justify-center p-0 lg:py-1 md:py-1 sm:p-0">
                                                        <span class="pointer-events-none text-base">
                                                            + 5000
                                                        </span>
                                                        <span class="uppercase text-[10px] sm:text-sm md:text-base lg:text-lg pointer-events-none w-full rounded  lg:block md:block sm:hidden">Adicionar</span>
                                                    </div>
                                                </div>
                                                                                            <div data-amount="10000" class="random-option p-1  shadow-lg cursor-pointer rounded-lg bg-neutral-800 hover:bg-stone-900 border-white-400 text-white border-1 border-solid select-none">
                                                                                                        <div class="text-[7px] pointer-events-none rounded flex flex-col justify-center p-0 lg:py-1 md:py-1 sm:p-0">
                                                        <span class="pointer-events-none text-base">
                                                            + 10000
                                                        </span>
                                                        <span class="uppercase text-[10px] sm:text-sm md:text-base lg:text-lg pointer-events-none w-full rounded  lg:block md:block sm:hidden">Adicionar</span>
                                                    </div>
                                                </div>
                                                                                            <div data-amount="20000" class="random-option p-1  shadow-lg cursor-pointer rounded-lg bg-neutral-800 hover:bg-stone-900 border-white-400 text-white border-1 border-solid select-none">
                                                                                                        <div class="text-[7px] pointer-events-none rounded flex flex-col justify-center p-0 lg:py-1 md:py-1 sm:p-0">
                                                        <span class="pointer-events-none text-base">
                                                            + 20000
                                                        </span>
                                                        <span class="uppercase text-[10px] sm:text-sm md:text-base lg:text-lg pointer-events-none w-full rounded  lg:block md:block sm:hidden">Adicionar</span>
                                                    </div>
                                                </div>
                                                                                    </div>

                                                                    </div>
                                <div class="flex flex-row items-center border-green-50 gap-2 justify-between pt-0 lg:pt-3 md:pt-3 sm:pt-0 px-3 lg:px-0 md:px-0 sm:px-3">
                                    <div x-data="{ isMobile: window.innerWidth &lt;= 640 }" x-init="window.addEventListener(&#39;resize&#39;, () =&gt; { isMobile = window.innerWidth &lt;= 640 })">
                                    <!-- Esse conteúdo será mostrado apenas em dispositivos móveis -->
                                        <template x-if="isMobile"></template>
                                    </div>

                                    <button id="purchase-btn" class="py-2 text-white px-3 rounded w-full bg-green-600 font-medium flex gap-1 justify-center items-center" type="submit">
                                        Prosseguir
                                        <span id="random-description-mobile" class="1 mt-[0px] block lg:hidden md:hidden sm:block text-sm">R$&nbsp;5,53</span>

                                    </button>
                                </div>
                            </div>
                            <!--fim do bloco de comprar desktop-->

                            <!-- inicio do bloco de mobile -->
                            <div class="md:hidden">
                                                                                                                                                                                            <div class="py-2">
                                                    <h1 class="text-xl text-slate-100 font-semibold mx-4">🔥 Promoção</h1>
                                                    <p class="mx-4 text-sm text-slate-100">Aproveite o desconto!</p>
                                                </div>
                                                <div class="bg-neutral-700 unselectable mx-4 shadow-md p-4 mb-4 rounded-lg flex justify-center items-center flex-wrap">
                                                    <div class="flex flex-wrap -mx-3 overflow-hidden xl:-mx-2">

                                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="50" data-value="34.5">
                                                                <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                                    50 cotas - R$34,50
                                                                </div>
                                                            </div>
                                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="100" data-value="69">
                                                                <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                                    100 cotas - R$69,00
                                                                </div>
                                                            </div>
                                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="150" data-value="103.5">
                                                                <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                                    150 cotas - R$103,50
                                                                </div>
                                                            </div>
                                                                                                                    <div class="mb-2 w-1/2 overflow-hidden promotion pointer" data-amount="200" data-value="138">
                                                                <div class="mx-1 p-1 rounded-lg border border-green-600 text-[13px] text-white text-center pointer pointer-events-none options">
                                                                    200 cotas - R$138,00
                                                                </div>
                                                            </div>
                                                                                                            </div>
                                                </div>
                                                                                                                                                                            </div>

                            <div class="md:hidden">
                                                            </div>


                            <div class="md:hidden bg-neutral-600 text-white mt-3 overflow-y-auto text-clip break-words text-sm mx-4 p-2 rounded-lg shadow-md max-h-[200px] md:max-h-[300px]" style="border: 0.5px solid #696969;">
                                <p>SORTEIO PREVISTO PARA 20 DE AGOSTO! </p><p><br></p><p>MAIORES COMPRADORES da ação do golfāo vao levar:</p><p>1 - R$15.000 no pix</p><p>2 - R$10.000 no pix</p><p>3 - R$5.000 no pix</p><p><br></p><p>GOLFAO GTI MK7.5 STAGE 3 ou 170K NO PIX!</p><p>Ano 2019 - Km 65.000</p><p>*IPVA 2025 PAGO*</p><p>Pacote Premium + Sport + Teto solar</p><p>Laudo Cautelar Aprovado</p><p>UPGRADES:</p><p>Turbina IS38 Híbrida </p><p>Intake KN</p><p>Remap STG3 ECU - TCU</p><p>Downpipe + Escapamento Inox + Ponteiras 4”</p><p>Molas Esportivas Vogtland</p><p>Discos de Freio Dianteiros Powerbrakes </p><p>Vitrificação de Pintura </p><p>Volante em Alcantara&nbsp;</p><p>Aerofolio Lip Preto &amp; Extensor Paddle Shift Vermelho</p><p>Setas Sequenciais &amp; Retrovisores Pretos&nbsp;</p><p>TODAS REVISOES FEITAS NA VW!</p><p><br></p><p>RESULTADO PELA LOTERIA FEDERAL! 🍀 Acredita que VOCE pode ser o proximo!</p><p><br></p><p>*não tem possibilidade de reembolso para participações em promoções!*</p>
                            </div>

                                                            <div class="md:hidden">

                                    <div class="flex items-center gap-2 mt-3 text-sm p-2 rounded-lg shadow-md mx-4 bg-neutral-500 text-white">

                                    <span>
                                        A extração do sorteio será através da(o):
                                        <span class="flex items-center gap-2">
                                            <img class="w-5" src="./Ações_files/loteria-federal.png" alt="">
                                            <span>Loteria Federal</span>
                                        </span>
                                    </span>
                                    </div>

                                    
                                </div>
                            
                            <!-- fim do bloco de mobile -->


                                                                                       
                
                                    <div class="py-2 lg:mt-5">
                        <h1 class="text-xl text-slate-100 font-semibold mx-4">🎉 Bilhetes Premiados, achou ganhou! </h1>
                        <p class="mx-4 text-sm text-slate-100"> Achou ganhou!</p>

                    </div>

                    <div class="grid gap-4 grid-cols-1 md:grid-cols-1 my-4 lg:grid-cols-1">
                        <div id="ticketContainer" class="grid gap-2 grid-cols-1 md:grid-cols-2 my-4 lg:grid-cols-3 px-4">
                            
                                <div class="ticket-item">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$ 25.000,00</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    000007
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$1.000</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    123456
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$1.000</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    222222
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$1.000</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    170000
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$1.000</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    777777
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$1.000</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    999900
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$1.000</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    654321
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$500</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    666666
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$500</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    010101
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$500</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    000003
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$500</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    555555
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$500</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    111111
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$500</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    333333
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    000009
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    808080
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    112233
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    776655
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    321456
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    987654
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$ 250,00</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    444444
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    000000
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            
                                <div class="ticket-item hidden">
                                    <div class="rounded-[14px] bg-[#202020] text-white">

                                        <div class="flex flex-col py-3 gap-2">


                                            <div class="flex items-center justify-between px-3 ">
                                                                                                    <span class="font-bold">R$250</span>
                                                
                                                
                                            </div>

                                            <div class="flex flex-row justify-between px-3">

                                                <div class="px-3 flex items-center justify-center text-center rounded-[7px] bg-[#82858a] text-white font-semibold h-fit font-mono tracking-wider">
                                                    100001
                                                </div>

                                                <div>
                                                                                                            <span class="flex text-sm font-semibold items-center text-green-500 ">
                                                                <span class="h-2 w-2 rounded-full bg-green-500 mr-1"></span>
                                                                Disponível
                                                            </span>
                                                                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                                    </div>

                        <!-- Botão para mostrar/ocultar -->
                                                    <div class="flex justify-center mt-4">
                                <button id="toggleBtn" class="bg-green-500 hover:bg-green-400 text-white font-bold py-2 px-4 rounded">
                                    Mostrar mais (+16 ocultos)
                                </button>
                            </div>
                                            </div>
                
                                </div>
        </div>

        <!---inicio do bloco mobile meus numeros-->
        <!-- <div class="md:hidden mt-3 overflow-y-auto text-clip break-words text-sm mx-4 p-2 rounded-lg shadow-md max-h-[200px] md:max-h-[300px]">
            <a href="https://mlksonhador.com.br/pedidos" class="inline-flex items-center justify-center text-white p-2 rounded w-full bg-indigo-600 font-medium">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 mx-2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
                </svg>
                Ver meus números            </a>
        </div> -->
        <!---fim do bloco mobile meus numeros-->

                <section class="max-w-5xl mx-auto flex flex-col">

            <div class="py-2 lg:mt-5">
                <h1 class="text-xl text-slate-100 font-semibold mx-4 flex items-center gap-2">
                                            <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-5 h-5 inline-block">
                    
                    Giro da Sorte, achou ganhou!
                </h1>

                <p class="mx-4 text-sm text-slate-100">
                    Achou ganhou!
                </p>
            </div>


            <div id="ticketContainer" class="grid gap-2 grid-cols-1 md:grid-cols-2 my-4 lg:grid-cols-3 px-4">
            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        70 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 55,30
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 1</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        140 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 110,60
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 2</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        210 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 165,90
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 3</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        280 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 221,20
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 4</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        350 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 276,50
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 5</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        420 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 331,80
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 6</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        490 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 387,10
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 7</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        560 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 442,40
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 8</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        630 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 497,70
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 9</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        700 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 553,00
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 10</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        770 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 608,30
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 11</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        840 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 663,60
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 12</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        910 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 718,90
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 13</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        980 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 774,20
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 14</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        1050 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 829,50
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 15</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

            
                <div>
                    <div class="rounded-[14px] bg-[#202020] text-white">
                        <div class="flex flex-col py-3 gap-2">
                            <div class="flex flex-row justify-between items-center px-3">
                                <div>
                                    <p class="text-[15px] font-bold">
                                        1120 Bilhetes
                                    </p>
                                    <span class="text-[14px] font-semibold">
                                    por R$ 884,80
                                </span>
                                </div>

                                <div class="flex justify-center items-center">
                                    <div class="flex flex-col justify-center items-center mr-2">
                                        <p class="text-[15px] text-[#4B5563] font-bold">Recebe 16</p>
                                        <span class="text-[14px] text-[#4B5563] font-semibold">
                                        Giros
                                    </span>
                                    </div>
                                    <p class="text-4xl">
                                                                                    <img src="./Ações_files/lucky-roll.png" alt="Giro da Sorte" class="w-10 h-10 inline-block">
                                                                            </p>
                                </div>

                            </div>
                        </div>


                    </div>
                </div>

                    </div>
        </section>
                <div class=" hidden  fixed z-30 inset-0 bg-gray-500/75 p-4 pt-[15vh] overflow-y-auto " id="customer-modal" x-data="{ showMessage : false ,  message : &#39;&#39; , placeHolderValue : localStorage.getItem(&#39;placeHolder&#39;) ?? &#39;&#39;  }">

            <div class="bg-zinc-800 text-white min-h-[60%] max-w-lg mx-auto relative rounded-xl shadow-2xl ring-1 ring-black/5 overflow-hidden py-5 md:w-9/12 px-5 z-20">
                <div class="flex justify-between items-center mb-5">
                    <p class="text-2xl">Finalize sua compra</p>
                    <svg xmlns="http://www.w3.org/2000/svg" id="close-modal" class="h-6 w-6 cursor-pointer" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </div>
                
                <p class="text-red-400" x-show="showMessage" x-transition="" x-text="message" style="display: none;"></p>

                <p id="review__purchase_description" class="font-semibold text-base text-white my-2"><p style="color:#16A34A">
                        Valor total:
                        R$&nbsp;5,53
                    </p></p>
                
                <div id="review_tickets_container" class="ticket__container flex flex-wrap justify-start max-h-20 overflow-y-hidden p-3">
                                    </div>
                
                <form id="place-order-form" method="POST" action="https://mlksonhador.com.br/pedidos/place" x-data="{ open : false, phonePlaceholder : &#39;&#39; , phoneLimit : &#39;&#39;, messagePasteConfirmation : false }" x-init="isSetPhoneNumber" @receiveplaceholder.window="phonePlaceholder = $event.detail.message; localStorage.setItem(&#39;defaultLayoutPlaceholder&#39;,$event.detail.message), phoneLimit =  $event.detail.maxLength">

                                            <input type="hidden" name="ticket_amount" value="">
                                        <input type="hidden" name="_token" value="KahnKSEJ5yolEK41HdGNLG58SPFCDPRhhV9xL7ZO">                    <input type="hidden" id="ref" name="ref" value="">
                    <input type="hidden" name="raffle_id" value="6">
                    <input type="hidden" id="customer_id" name="customer_id">
                    <input type="hidden" id="c_phone_ddi" name="c_phone_ddi" value="55">
                                            <div class="mb-4" x-show="open" x-transition="" style="display: none;">
                            <label for="name" class="block text-sm font-medium text-white" id="label_name">Nome <small>(obrigatorio)</small></label>
                            <div class="mt-1">
                                <input required="" type="text" value="" name="customer_name" id="name" @input="validateOrderInputs" style="outline: none" placeholder="Digite seu nome" autocomplete="on" class="px-3 py-2 bg-zinc-800 text-white border-white dark-theme-autocomplete border shadow-sm  placeholder-slate-400 focus:outline-none focus:border-lime-700 focus:ring-lime-700 w-full rounded-md sm:text-sm focus:ring-1">
                            </div>
                        </div>

                                                <div class="mb-4" x-show="open" x-transition="" style="display: none;">
                            <label for="email" class="block text-sm font-medium text-white">Email <small>(obrigatorio)</small></label>
                            <div class="mt-1">
                                <input required="" type="email" value="" name="customer_email" id="email" style="outline: none" @input="validateOrderInputs" placeholder="exemplo@email.com" autocomplete="on" class="px-3 py-2 bg-zinc-800 border-white dark-theme-autocomplete border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-lime-700 focus:ring-lime-700 w-full rounded-md sm:text-sm focus:ring-1">
                            </div>
                        </div>

                        <div id="phone_number_full_wrapper" x-show="open" class="mb-0" style="display: none;">
                            <label for="phone_number_full" class="block text-sm font-medium text-white dark-theme-autocomplete">Telefone <small>(obrigatorio)</small></label>
                            <div class="mt-1">
                                <input type="hidden" id="phone_number_full" value="" name="phone_number_full">
                                <div class="iti iti--allow-dropdown iti--separate-dial-code iti--show-flags" style="width: 100%; color: rgb(0, 0, 0);"><div class="iti__flag-container"><div class="iti__selected-flag" role="combobox" aria-haspopup="listbox" aria-controls="iti-0__country-listbox" aria-owns="iti-0__country-listbox" aria-expanded="false" aria-label="Telephone country code" tabindex="0" title="Brazil (Brasil): +55"><div class="iti__flag iti__br"></div><div class="iti__selected-dial-code">+55</div><div class="iti__arrow"></div></div><ul class="iti__country-list iti__hide" id="iti-0__country-listbox" role="listbox" aria-label="List of countries"><li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-us-preferred" role="option" data-dial-code="1" data-country-code="us" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__preferred" tabindex="-1" id="iti-0__item-gb-preferred" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gb"></div></div><span class="iti__country-name">United Kingdom</span><span class="iti__dial-code">+44</span></li><li class="iti__divider" role="separator" aria-disabled="true"></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-af" role="option" data-dial-code="93" data-country-code="af" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__af"></div></div><span class="iti__country-name">Afghanistan (‫افغانستان‬‎)</span><span class="iti__dial-code">+93</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-al" role="option" data-dial-code="355" data-country-code="al" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__al"></div></div><span class="iti__country-name">Albania (Shqipëri)</span><span class="iti__dial-code">+355</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dz" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dz"></div></div><span class="iti__country-name">Algeria (‫الجزائر‬‎)</span><span class="iti__dial-code">+213</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-as" role="option" data-dial-code="1" data-country-code="as" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__as"></div></div><span class="iti__country-name">American Samoa</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ad" role="option" data-dial-code="376" data-country-code="ad" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ad"></div></div><span class="iti__country-name">Andorra</span><span class="iti__dial-code">+376</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ao" role="option" data-dial-code="244" data-country-code="ao" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ao"></div></div><span class="iti__country-name">Angola</span><span class="iti__dial-code">+244</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ai" role="option" data-dial-code="1" data-country-code="ai" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ai"></div></div><span class="iti__country-name">Anguilla</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ag" role="option" data-dial-code="1" data-country-code="ag" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ag"></div></div><span class="iti__country-name">Antigua and Barbuda</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ar" role="option" data-dial-code="54" data-country-code="ar" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ar"></div></div><span class="iti__country-name">Argentina</span><span class="iti__dial-code">+54</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-am" role="option" data-dial-code="374" data-country-code="am" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__am"></div></div><span class="iti__country-name">Armenia (Հայաստան)</span><span class="iti__dial-code">+374</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-aw" role="option" data-dial-code="297" data-country-code="aw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__aw"></div></div><span class="iti__country-name">Aruba</span><span class="iti__dial-code">+297</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ac" role="option" data-dial-code="247" data-country-code="ac" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ac"></div></div><span class="iti__country-name">Ascension Island</span><span class="iti__dial-code">+247</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-au" role="option" data-dial-code="61" data-country-code="au" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__au"></div></div><span class="iti__country-name">Australia</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-at" role="option" data-dial-code="43" data-country-code="at" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__at"></div></div><span class="iti__country-name">Austria (Österreich)</span><span class="iti__dial-code">+43</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-az" role="option" data-dial-code="994" data-country-code="az" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__az"></div></div><span class="iti__country-name">Azerbaijan (Azərbaycan)</span><span class="iti__dial-code">+994</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bs" role="option" data-dial-code="1" data-country-code="bs" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bs"></div></div><span class="iti__country-name">Bahamas</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bh" role="option" data-dial-code="973" data-country-code="bh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bh"></div></div><span class="iti__country-name">Bahrain (‫البحرين‬‎)</span><span class="iti__dial-code">+973</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bd" role="option" data-dial-code="880" data-country-code="bd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bd"></div></div><span class="iti__country-name">Bangladesh (বাংলাদেশ)</span><span class="iti__dial-code">+880</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bb" role="option" data-dial-code="1" data-country-code="bb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bb"></div></div><span class="iti__country-name">Barbados</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-by" role="option" data-dial-code="375" data-country-code="by" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__by"></div></div><span class="iti__country-name">Belarus (Беларусь)</span><span class="iti__dial-code">+375</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-be" role="option" data-dial-code="32" data-country-code="be" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__be"></div></div><span class="iti__country-name">Belgium (België)</span><span class="iti__dial-code">+32</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bz" role="option" data-dial-code="501" data-country-code="bz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bz"></div></div><span class="iti__country-name">Belize</span><span class="iti__dial-code">+501</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bj" role="option" data-dial-code="229" data-country-code="bj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bj"></div></div><span class="iti__country-name">Benin (Bénin)</span><span class="iti__dial-code">+229</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bm" role="option" data-dial-code="1" data-country-code="bm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bm"></div></div><span class="iti__country-name">Bermuda</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bt" role="option" data-dial-code="975" data-country-code="bt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bt"></div></div><span class="iti__country-name">Bhutan (འབྲུག)</span><span class="iti__dial-code">+975</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bo" role="option" data-dial-code="591" data-country-code="bo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bo"></div></div><span class="iti__country-name">Bolivia</span><span class="iti__dial-code">+591</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ba" role="option" data-dial-code="387" data-country-code="ba" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ba"></div></div><span class="iti__country-name">Bosnia and Herzegovina (Босна и Херцеговина)</span><span class="iti__dial-code">+387</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bw" role="option" data-dial-code="267" data-country-code="bw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bw"></div></div><span class="iti__country-name">Botswana</span><span class="iti__dial-code">+267</span></li><li class="iti__country iti__standard iti__active" tabindex="-1" id="iti-0__item-br" role="option" data-dial-code="55" data-country-code="br" aria-selected="true"><div class="iti__flag-box"><div class="iti__flag iti__br"></div></div><span class="iti__country-name">Brazil (Brasil)</span><span class="iti__dial-code">+55</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-io" role="option" data-dial-code="246" data-country-code="io" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__io"></div></div><span class="iti__country-name">British Indian Ocean Territory</span><span class="iti__dial-code">+246</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vg" role="option" data-dial-code="1" data-country-code="vg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vg"></div></div><span class="iti__country-name">British Virgin Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bn" role="option" data-dial-code="673" data-country-code="bn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bn"></div></div><span class="iti__country-name">Brunei</span><span class="iti__dial-code">+673</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bg" role="option" data-dial-code="359" data-country-code="bg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bg"></div></div><span class="iti__country-name">Bulgaria (България)</span><span class="iti__dial-code">+359</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bf" role="option" data-dial-code="226" data-country-code="bf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bf"></div></div><span class="iti__country-name">Burkina Faso</span><span class="iti__dial-code">+226</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bi" role="option" data-dial-code="257" data-country-code="bi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bi"></div></div><span class="iti__country-name">Burundi (Uburundi)</span><span class="iti__dial-code">+257</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kh" role="option" data-dial-code="855" data-country-code="kh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kh"></div></div><span class="iti__country-name">Cambodia (កម្ពុជា)</span><span class="iti__dial-code">+855</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cm" role="option" data-dial-code="237" data-country-code="cm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cm"></div></div><span class="iti__country-name">Cameroon (Cameroun)</span><span class="iti__dial-code">+237</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ca" role="option" data-dial-code="1" data-country-code="ca" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ca"></div></div><span class="iti__country-name">Canada</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cv" role="option" data-dial-code="238" data-country-code="cv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cv"></div></div><span class="iti__country-name">Cape Verde (Kabu Verdi)</span><span class="iti__dial-code">+238</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bq" role="option" data-dial-code="599" data-country-code="bq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bq"></div></div><span class="iti__country-name">Caribbean Netherlands</span><span class="iti__dial-code">+599</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ky" role="option" data-dial-code="1" data-country-code="ky" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ky"></div></div><span class="iti__country-name">Cayman Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cf" role="option" data-dial-code="236" data-country-code="cf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cf"></div></div><span class="iti__country-name">Central African Republic (République centrafricaine)</span><span class="iti__dial-code">+236</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-td" role="option" data-dial-code="235" data-country-code="td" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__td"></div></div><span class="iti__country-name">Chad (Tchad)</span><span class="iti__dial-code">+235</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cl" role="option" data-dial-code="56" data-country-code="cl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cl"></div></div><span class="iti__country-name">Chile</span><span class="iti__dial-code">+56</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cn" role="option" data-dial-code="86" data-country-code="cn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cn"></div></div><span class="iti__country-name">China (中国)</span><span class="iti__dial-code">+86</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cx" role="option" data-dial-code="61" data-country-code="cx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cx"></div></div><span class="iti__country-name">Christmas Island</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cc" role="option" data-dial-code="61" data-country-code="cc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cc"></div></div><span class="iti__country-name">Cocos (Keeling) Islands</span><span class="iti__dial-code">+61</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-co" role="option" data-dial-code="57" data-country-code="co" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__co"></div></div><span class="iti__country-name">Colombia</span><span class="iti__dial-code">+57</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-km" role="option" data-dial-code="269" data-country-code="km" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__km"></div></div><span class="iti__country-name">Comoros (‫جزر القمر‬‎)</span><span class="iti__dial-code">+269</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cd" role="option" data-dial-code="243" data-country-code="cd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cd"></div></div><span class="iti__country-name">Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)</span><span class="iti__dial-code">+243</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cg" role="option" data-dial-code="242" data-country-code="cg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cg"></div></div><span class="iti__country-name">Congo (Republic) (Congo-Brazzaville)</span><span class="iti__dial-code">+242</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ck" role="option" data-dial-code="682" data-country-code="ck" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ck"></div></div><span class="iti__country-name">Cook Islands</span><span class="iti__dial-code">+682</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cr" role="option" data-dial-code="506" data-country-code="cr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cr"></div></div><span class="iti__country-name">Costa Rica</span><span class="iti__dial-code">+506</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ci" role="option" data-dial-code="225" data-country-code="ci" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ci"></div></div><span class="iti__country-name">Côte d’Ivoire</span><span class="iti__dial-code">+225</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hr" role="option" data-dial-code="385" data-country-code="hr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hr"></div></div><span class="iti__country-name">Croatia (Hrvatska)</span><span class="iti__dial-code">+385</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cu" role="option" data-dial-code="53" data-country-code="cu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cu"></div></div><span class="iti__country-name">Cuba</span><span class="iti__dial-code">+53</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cw" role="option" data-dial-code="599" data-country-code="cw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cw"></div></div><span class="iti__country-name">Curaçao</span><span class="iti__dial-code">+599</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cy" role="option" data-dial-code="357" data-country-code="cy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cy"></div></div><span class="iti__country-name">Cyprus (Κύπρος)</span><span class="iti__dial-code">+357</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-cz" role="option" data-dial-code="420" data-country-code="cz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__cz"></div></div><span class="iti__country-name">Czech Republic (Česká republika)</span><span class="iti__dial-code">+420</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dk" role="option" data-dial-code="45" data-country-code="dk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dk"></div></div><span class="iti__country-name">Denmark (Danmark)</span><span class="iti__dial-code">+45</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dj" role="option" data-dial-code="253" data-country-code="dj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dj"></div></div><span class="iti__country-name">Djibouti</span><span class="iti__dial-code">+253</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-dm" role="option" data-dial-code="1" data-country-code="dm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__dm"></div></div><span class="iti__country-name">Dominica</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-do" role="option" data-dial-code="1" data-country-code="do" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__do"></div></div><span class="iti__country-name">Dominican Republic (República Dominicana)</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ec" role="option" data-dial-code="593" data-country-code="ec" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ec"></div></div><span class="iti__country-name">Ecuador</span><span class="iti__dial-code">+593</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eg" role="option" data-dial-code="20" data-country-code="eg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__eg"></div></div><span class="iti__country-name">Egypt (‫مصر‬‎)</span><span class="iti__dial-code">+20</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sv" role="option" data-dial-code="503" data-country-code="sv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sv"></div></div><span class="iti__country-name">El Salvador</span><span class="iti__dial-code">+503</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gq" role="option" data-dial-code="240" data-country-code="gq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gq"></div></div><span class="iti__country-name">Equatorial Guinea (Guinea Ecuatorial)</span><span class="iti__dial-code">+240</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-er" role="option" data-dial-code="291" data-country-code="er" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__er"></div></div><span class="iti__country-name">Eritrea</span><span class="iti__dial-code">+291</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ee" role="option" data-dial-code="372" data-country-code="ee" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ee"></div></div><span class="iti__country-name">Estonia (Eesti)</span><span class="iti__dial-code">+372</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sz" role="option" data-dial-code="268" data-country-code="sz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sz"></div></div><span class="iti__country-name">Eswatini</span><span class="iti__dial-code">+268</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-et" role="option" data-dial-code="251" data-country-code="et" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__et"></div></div><span class="iti__country-name">Ethiopia</span><span class="iti__dial-code">+251</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fk" role="option" data-dial-code="500" data-country-code="fk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fk"></div></div><span class="iti__country-name">Falkland Islands (Islas Malvinas)</span><span class="iti__dial-code">+500</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fo" role="option" data-dial-code="298" data-country-code="fo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fo"></div></div><span class="iti__country-name">Faroe Islands (Føroyar)</span><span class="iti__dial-code">+298</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fj" role="option" data-dial-code="679" data-country-code="fj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fj"></div></div><span class="iti__country-name">Fiji</span><span class="iti__dial-code">+679</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fi" role="option" data-dial-code="358" data-country-code="fi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fi"></div></div><span class="iti__country-name">Finland (Suomi)</span><span class="iti__dial-code">+358</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fr" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fr"></div></div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gf" role="option" data-dial-code="594" data-country-code="gf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gf"></div></div><span class="iti__country-name">French Guiana (Guyane française)</span><span class="iti__dial-code">+594</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pf" role="option" data-dial-code="689" data-country-code="pf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pf"></div></div><span class="iti__country-name">French Polynesia (Polynésie française)</span><span class="iti__dial-code">+689</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ga" role="option" data-dial-code="241" data-country-code="ga" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ga"></div></div><span class="iti__country-name">Gabon</span><span class="iti__dial-code">+241</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gm" role="option" data-dial-code="220" data-country-code="gm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gm"></div></div><span class="iti__country-name">Gambia</span><span class="iti__dial-code">+220</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ge" role="option" data-dial-code="995" data-country-code="ge" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ge"></div></div><span class="iti__country-name">Georgia (საქართველო)</span><span class="iti__dial-code">+995</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-de" role="option" data-dial-code="49" data-country-code="de" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__de"></div></div><span class="iti__country-name">Germany (Deutschland)</span><span class="iti__dial-code">+49</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gh" role="option" data-dial-code="233" data-country-code="gh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gh"></div></div><span class="iti__country-name">Ghana (Gaana)</span><span class="iti__dial-code">+233</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gi" role="option" data-dial-code="350" data-country-code="gi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gi"></div></div><span class="iti__country-name">Gibraltar</span><span class="iti__dial-code">+350</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gr" role="option" data-dial-code="30" data-country-code="gr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gr"></div></div><span class="iti__country-name">Greece (Ελλάδα)</span><span class="iti__dial-code">+30</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gl" role="option" data-dial-code="299" data-country-code="gl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gl"></div></div><span class="iti__country-name">Greenland (Kalaallit Nunaat)</span><span class="iti__dial-code">+299</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gd" role="option" data-dial-code="1" data-country-code="gd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gd"></div></div><span class="iti__country-name">Grenada</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gp" role="option" data-dial-code="590" data-country-code="gp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gp"></div></div><span class="iti__country-name">Guadeloupe</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gu" role="option" data-dial-code="1" data-country-code="gu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gu"></div></div><span class="iti__country-name">Guam</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gt" role="option" data-dial-code="502" data-country-code="gt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gt"></div></div><span class="iti__country-name">Guatemala</span><span class="iti__dial-code">+502</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gg" role="option" data-dial-code="44" data-country-code="gg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gg"></div></div><span class="iti__country-name">Guernsey</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gn" role="option" data-dial-code="224" data-country-code="gn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gn"></div></div><span class="iti__country-name">Guinea (Guinée)</span><span class="iti__dial-code">+224</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gw" role="option" data-dial-code="245" data-country-code="gw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gw"></div></div><span class="iti__country-name">Guinea-Bissau (Guiné Bissau)</span><span class="iti__dial-code">+245</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gy" role="option" data-dial-code="592" data-country-code="gy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gy"></div></div><span class="iti__country-name">Guyana</span><span class="iti__dial-code">+592</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ht" role="option" data-dial-code="509" data-country-code="ht" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ht"></div></div><span class="iti__country-name">Haiti</span><span class="iti__dial-code">+509</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hn" role="option" data-dial-code="504" data-country-code="hn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hn"></div></div><span class="iti__country-name">Honduras</span><span class="iti__dial-code">+504</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hk" role="option" data-dial-code="852" data-country-code="hk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hk"></div></div><span class="iti__country-name">Hong Kong (香港)</span><span class="iti__dial-code">+852</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-hu" role="option" data-dial-code="36" data-country-code="hu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__hu"></div></div><span class="iti__country-name">Hungary (Magyarország)</span><span class="iti__dial-code">+36</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-is" role="option" data-dial-code="354" data-country-code="is" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__is"></div></div><span class="iti__country-name">Iceland (Ísland)</span><span class="iti__dial-code">+354</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-in" role="option" data-dial-code="91" data-country-code="in" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__in"></div></div><span class="iti__country-name">India (भारत)</span><span class="iti__dial-code">+91</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-id" role="option" data-dial-code="62" data-country-code="id" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__id"></div></div><span class="iti__country-name">Indonesia</span><span class="iti__dial-code">+62</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ir" role="option" data-dial-code="98" data-country-code="ir" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ir"></div></div><span class="iti__country-name">Iran (‫ایران‬‎)</span><span class="iti__dial-code">+98</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-iq" role="option" data-dial-code="964" data-country-code="iq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__iq"></div></div><span class="iti__country-name">Iraq (‫العراق‬‎)</span><span class="iti__dial-code">+964</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ie" role="option" data-dial-code="353" data-country-code="ie" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ie"></div></div><span class="iti__country-name">Ireland</span><span class="iti__dial-code">+353</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-im" role="option" data-dial-code="44" data-country-code="im" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__im"></div></div><span class="iti__country-name">Isle of Man</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-il" role="option" data-dial-code="972" data-country-code="il" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__il"></div></div><span class="iti__country-name">Israel (‫ישראל‬‎)</span><span class="iti__dial-code">+972</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-it" role="option" data-dial-code="39" data-country-code="it" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__it"></div></div><span class="iti__country-name">Italy (Italia)</span><span class="iti__dial-code">+39</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jm" role="option" data-dial-code="1" data-country-code="jm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jm"></div></div><span class="iti__country-name">Jamaica</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jp" role="option" data-dial-code="81" data-country-code="jp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jp"></div></div><span class="iti__country-name">Japan (日本)</span><span class="iti__dial-code">+81</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-je" role="option" data-dial-code="44" data-country-code="je" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__je"></div></div><span class="iti__country-name">Jersey</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-jo" role="option" data-dial-code="962" data-country-code="jo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__jo"></div></div><span class="iti__country-name">Jordan (‫الأردن‬‎)</span><span class="iti__dial-code">+962</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kz" role="option" data-dial-code="7" data-country-code="kz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kz"></div></div><span class="iti__country-name">Kazakhstan (Казахстан)</span><span class="iti__dial-code">+7</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ke" role="option" data-dial-code="254" data-country-code="ke" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ke"></div></div><span class="iti__country-name">Kenya</span><span class="iti__dial-code">+254</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ki" role="option" data-dial-code="686" data-country-code="ki" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ki"></div></div><span class="iti__country-name">Kiribati</span><span class="iti__dial-code">+686</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-xk" role="option" data-dial-code="383" data-country-code="xk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__xk"></div></div><span class="iti__country-name">Kosovo</span><span class="iti__dial-code">+383</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kw" role="option" data-dial-code="965" data-country-code="kw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kw"></div></div><span class="iti__country-name">Kuwait (‫الكويت‬‎)</span><span class="iti__dial-code">+965</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kg" role="option" data-dial-code="996" data-country-code="kg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kg"></div></div><span class="iti__country-name">Kyrgyzstan (Кыргызстан)</span><span class="iti__dial-code">+996</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-la" role="option" data-dial-code="856" data-country-code="la" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__la"></div></div><span class="iti__country-name">Laos (ລາວ)</span><span class="iti__dial-code">+856</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lv" role="option" data-dial-code="371" data-country-code="lv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lv"></div></div><span class="iti__country-name">Latvia (Latvija)</span><span class="iti__dial-code">+371</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lb" role="option" data-dial-code="961" data-country-code="lb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lb"></div></div><span class="iti__country-name">Lebanon (‫لبنان‬‎)</span><span class="iti__dial-code">+961</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ls" role="option" data-dial-code="266" data-country-code="ls" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ls"></div></div><span class="iti__country-name">Lesotho</span><span class="iti__dial-code">+266</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lr" role="option" data-dial-code="231" data-country-code="lr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lr"></div></div><span class="iti__country-name">Liberia</span><span class="iti__dial-code">+231</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ly" role="option" data-dial-code="218" data-country-code="ly" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ly"></div></div><span class="iti__country-name">Libya (‫ليبيا‬‎)</span><span class="iti__dial-code">+218</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-li" role="option" data-dial-code="423" data-country-code="li" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__li"></div></div><span class="iti__country-name">Liechtenstein</span><span class="iti__dial-code">+423</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lt" role="option" data-dial-code="370" data-country-code="lt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lt"></div></div><span class="iti__country-name">Lithuania (Lietuva)</span><span class="iti__dial-code">+370</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lu" role="option" data-dial-code="352" data-country-code="lu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lu"></div></div><span class="iti__country-name">Luxembourg</span><span class="iti__dial-code">+352</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mo" role="option" data-dial-code="853" data-country-code="mo" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mo"></div></div><span class="iti__country-name">Macau (澳門)</span><span class="iti__dial-code">+853</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mg" role="option" data-dial-code="261" data-country-code="mg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mg"></div></div><span class="iti__country-name">Madagascar (Madagasikara)</span><span class="iti__dial-code">+261</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mw" role="option" data-dial-code="265" data-country-code="mw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mw"></div></div><span class="iti__country-name">Malawi</span><span class="iti__dial-code">+265</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-my" role="option" data-dial-code="60" data-country-code="my" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__my"></div></div><span class="iti__country-name">Malaysia</span><span class="iti__dial-code">+60</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mv" role="option" data-dial-code="960" data-country-code="mv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mv"></div></div><span class="iti__country-name">Maldives</span><span class="iti__dial-code">+960</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ml" role="option" data-dial-code="223" data-country-code="ml" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ml"></div></div><span class="iti__country-name">Mali</span><span class="iti__dial-code">+223</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mt" role="option" data-dial-code="356" data-country-code="mt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mt"></div></div><span class="iti__country-name">Malta</span><span class="iti__dial-code">+356</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mh" role="option" data-dial-code="692" data-country-code="mh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mh"></div></div><span class="iti__country-name">Marshall Islands</span><span class="iti__dial-code">+692</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mq" role="option" data-dial-code="596" data-country-code="mq" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mq"></div></div><span class="iti__country-name">Martinique</span><span class="iti__dial-code">+596</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mr" role="option" data-dial-code="222" data-country-code="mr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mr"></div></div><span class="iti__country-name">Mauritania (‫موريتانيا‬‎)</span><span class="iti__dial-code">+222</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mu" role="option" data-dial-code="230" data-country-code="mu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mu"></div></div><span class="iti__country-name">Mauritius (Moris)</span><span class="iti__dial-code">+230</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-yt" role="option" data-dial-code="262" data-country-code="yt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__yt"></div></div><span class="iti__country-name">Mayotte</span><span class="iti__dial-code">+262</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mx" role="option" data-dial-code="52" data-country-code="mx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mx"></div></div><span class="iti__country-name">Mexico (México)</span><span class="iti__dial-code">+52</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-fm" role="option" data-dial-code="691" data-country-code="fm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__fm"></div></div><span class="iti__country-name">Micronesia</span><span class="iti__dial-code">+691</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-md" role="option" data-dial-code="373" data-country-code="md" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__md"></div></div><span class="iti__country-name">Moldova (Republica Moldova)</span><span class="iti__dial-code">+373</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mc" role="option" data-dial-code="377" data-country-code="mc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mc"></div></div><span class="iti__country-name">Monaco</span><span class="iti__dial-code">+377</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mn" role="option" data-dial-code="976" data-country-code="mn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mn"></div></div><span class="iti__country-name">Mongolia (Монгол)</span><span class="iti__dial-code">+976</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-me" role="option" data-dial-code="382" data-country-code="me" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__me"></div></div><span class="iti__country-name">Montenegro (Crna Gora)</span><span class="iti__dial-code">+382</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ms" role="option" data-dial-code="1" data-country-code="ms" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ms"></div></div><span class="iti__country-name">Montserrat</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ma" role="option" data-dial-code="212" data-country-code="ma" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ma"></div></div><span class="iti__country-name">Morocco (‫المغرب‬‎)</span><span class="iti__dial-code">+212</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mz" role="option" data-dial-code="258" data-country-code="mz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mz"></div></div><span class="iti__country-name">Mozambique (Moçambique)</span><span class="iti__dial-code">+258</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mm" role="option" data-dial-code="95" data-country-code="mm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mm"></div></div><span class="iti__country-name">Myanmar (Burma) (မြန်မာ)</span><span class="iti__dial-code">+95</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-na" role="option" data-dial-code="264" data-country-code="na" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__na"></div></div><span class="iti__country-name">Namibia (Namibië)</span><span class="iti__dial-code">+264</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nr" role="option" data-dial-code="674" data-country-code="nr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nr"></div></div><span class="iti__country-name">Nauru</span><span class="iti__dial-code">+674</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-np" role="option" data-dial-code="977" data-country-code="np" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__np"></div></div><span class="iti__country-name">Nepal (नेपाल)</span><span class="iti__dial-code">+977</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nl" role="option" data-dial-code="31" data-country-code="nl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nl"></div></div><span class="iti__country-name">Netherlands (Nederland)</span><span class="iti__dial-code">+31</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nc" role="option" data-dial-code="687" data-country-code="nc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nc"></div></div><span class="iti__country-name">New Caledonia (Nouvelle-Calédonie)</span><span class="iti__dial-code">+687</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nz" role="option" data-dial-code="64" data-country-code="nz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nz"></div></div><span class="iti__country-name">New Zealand</span><span class="iti__dial-code">+64</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ni" role="option" data-dial-code="505" data-country-code="ni" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ni"></div></div><span class="iti__country-name">Nicaragua</span><span class="iti__dial-code">+505</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ne" role="option" data-dial-code="227" data-country-code="ne" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ne"></div></div><span class="iti__country-name">Niger (Nijar)</span><span class="iti__dial-code">+227</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ng" role="option" data-dial-code="234" data-country-code="ng" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ng"></div></div><span class="iti__country-name">Nigeria</span><span class="iti__dial-code">+234</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nu" role="option" data-dial-code="683" data-country-code="nu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nu"></div></div><span class="iti__country-name">Niue</span><span class="iti__dial-code">+683</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-nf" role="option" data-dial-code="672" data-country-code="nf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__nf"></div></div><span class="iti__country-name">Norfolk Island</span><span class="iti__dial-code">+672</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kp" role="option" data-dial-code="850" data-country-code="kp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kp"></div></div><span class="iti__country-name">North Korea (조선 민주주의 인민 공화국)</span><span class="iti__dial-code">+850</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mk" role="option" data-dial-code="389" data-country-code="mk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mk"></div></div><span class="iti__country-name">North Macedonia (Северна Македонија)</span><span class="iti__dial-code">+389</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mp" role="option" data-dial-code="1" data-country-code="mp" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mp"></div></div><span class="iti__country-name">Northern Mariana Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-no" role="option" data-dial-code="47" data-country-code="no" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__no"></div></div><span class="iti__country-name">Norway (Norge)</span><span class="iti__dial-code">+47</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-om" role="option" data-dial-code="968" data-country-code="om" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__om"></div></div><span class="iti__country-name">Oman (‫عُمان‬‎)</span><span class="iti__dial-code">+968</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pk" role="option" data-dial-code="92" data-country-code="pk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pk"></div></div><span class="iti__country-name">Pakistan (‫پاکستان‬‎)</span><span class="iti__dial-code">+92</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pw" role="option" data-dial-code="680" data-country-code="pw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pw"></div></div><span class="iti__country-name">Palau</span><span class="iti__dial-code">+680</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ps" role="option" data-dial-code="970" data-country-code="ps" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ps"></div></div><span class="iti__country-name">Palestine (‫فلسطين‬‎)</span><span class="iti__dial-code">+970</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pa" role="option" data-dial-code="507" data-country-code="pa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pa"></div></div><span class="iti__country-name">Panama (Panamá)</span><span class="iti__dial-code">+507</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pg" role="option" data-dial-code="675" data-country-code="pg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pg"></div></div><span class="iti__country-name">Papua New Guinea</span><span class="iti__dial-code">+675</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-py" role="option" data-dial-code="595" data-country-code="py" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__py"></div></div><span class="iti__country-name">Paraguay</span><span class="iti__dial-code">+595</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pe" role="option" data-dial-code="51" data-country-code="pe" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pe"></div></div><span class="iti__country-name">Peru (Perú)</span><span class="iti__dial-code">+51</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ph" role="option" data-dial-code="63" data-country-code="ph" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ph"></div></div><span class="iti__country-name">Philippines</span><span class="iti__dial-code">+63</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pl" role="option" data-dial-code="48" data-country-code="pl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pl"></div></div><span class="iti__country-name">Poland (Polska)</span><span class="iti__dial-code">+48</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pt" role="option" data-dial-code="351" data-country-code="pt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pt"></div></div><span class="iti__country-name">Portugal</span><span class="iti__dial-code">+351</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pr" role="option" data-dial-code="1" data-country-code="pr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pr"></div></div><span class="iti__country-name">Puerto Rico</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-qa" role="option" data-dial-code="974" data-country-code="qa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__qa"></div></div><span class="iti__country-name">Qatar (‫قطر‬‎)</span><span class="iti__dial-code">+974</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-re" role="option" data-dial-code="262" data-country-code="re" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__re"></div></div><span class="iti__country-name">Réunion (La Réunion)</span><span class="iti__dial-code">+262</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ro" role="option" data-dial-code="40" data-country-code="ro" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ro"></div></div><span class="iti__country-name">Romania (România)</span><span class="iti__dial-code">+40</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ru" role="option" data-dial-code="7" data-country-code="ru" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ru"></div></div><span class="iti__country-name">Russia (Россия)</span><span class="iti__dial-code">+7</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rw" role="option" data-dial-code="250" data-country-code="rw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__rw"></div></div><span class="iti__country-name">Rwanda</span><span class="iti__dial-code">+250</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-bl" role="option" data-dial-code="590" data-country-code="bl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__bl"></div></div><span class="iti__country-name">Saint Barthélemy</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sh" role="option" data-dial-code="290" data-country-code="sh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sh"></div></div><span class="iti__country-name">Saint Helena</span><span class="iti__dial-code">+290</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kn" role="option" data-dial-code="1" data-country-code="kn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kn"></div></div><span class="iti__country-name">Saint Kitts and Nevis</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lc" role="option" data-dial-code="1" data-country-code="lc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lc"></div></div><span class="iti__country-name">Saint Lucia</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-mf" role="option" data-dial-code="590" data-country-code="mf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__mf"></div></div><span class="iti__country-name">Saint Martin (Saint-Martin (partie française))</span><span class="iti__dial-code">+590</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-pm" role="option" data-dial-code="508" data-country-code="pm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__pm"></div></div><span class="iti__country-name">Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)</span><span class="iti__dial-code">+508</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vc" role="option" data-dial-code="1" data-country-code="vc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vc"></div></div><span class="iti__country-name">Saint Vincent and the Grenadines</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ws" role="option" data-dial-code="685" data-country-code="ws" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ws"></div></div><span class="iti__country-name">Samoa</span><span class="iti__dial-code">+685</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sm" role="option" data-dial-code="378" data-country-code="sm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sm"></div></div><span class="iti__country-name">San Marino</span><span class="iti__dial-code">+378</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-st" role="option" data-dial-code="239" data-country-code="st" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__st"></div></div><span class="iti__country-name">São Tomé and Príncipe (São Tomé e Príncipe)</span><span class="iti__dial-code">+239</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sa" role="option" data-dial-code="966" data-country-code="sa" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sa"></div></div><span class="iti__country-name">Saudi Arabia (‫المملكة العربية السعودية‬‎)</span><span class="iti__dial-code">+966</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sn" role="option" data-dial-code="221" data-country-code="sn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sn"></div></div><span class="iti__country-name">Senegal (Sénégal)</span><span class="iti__dial-code">+221</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-rs" role="option" data-dial-code="381" data-country-code="rs" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__rs"></div></div><span class="iti__country-name">Serbia (Србија)</span><span class="iti__dial-code">+381</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sc" role="option" data-dial-code="248" data-country-code="sc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sc"></div></div><span class="iti__country-name">Seychelles</span><span class="iti__dial-code">+248</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sl" role="option" data-dial-code="232" data-country-code="sl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sl"></div></div><span class="iti__country-name">Sierra Leone</span><span class="iti__dial-code">+232</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sg" role="option" data-dial-code="65" data-country-code="sg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sg"></div></div><span class="iti__country-name">Singapore</span><span class="iti__dial-code">+65</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sx" role="option" data-dial-code="1" data-country-code="sx" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sx"></div></div><span class="iti__country-name">Sint Maarten</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sk" role="option" data-dial-code="421" data-country-code="sk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sk"></div></div><span class="iti__country-name">Slovakia (Slovensko)</span><span class="iti__dial-code">+421</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-si" role="option" data-dial-code="386" data-country-code="si" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__si"></div></div><span class="iti__country-name">Slovenia (Slovenija)</span><span class="iti__dial-code">+386</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sb" role="option" data-dial-code="677" data-country-code="sb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sb"></div></div><span class="iti__country-name">Solomon Islands</span><span class="iti__dial-code">+677</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-so" role="option" data-dial-code="252" data-country-code="so" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__so"></div></div><span class="iti__country-name">Somalia (Soomaaliya)</span><span class="iti__dial-code">+252</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-za" role="option" data-dial-code="27" data-country-code="za" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__za"></div></div><span class="iti__country-name">South Africa</span><span class="iti__dial-code">+27</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-kr" role="option" data-dial-code="82" data-country-code="kr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__kr"></div></div><span class="iti__country-name">South Korea (대한민국)</span><span class="iti__dial-code">+82</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ss" role="option" data-dial-code="211" data-country-code="ss" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ss"></div></div><span class="iti__country-name">South Sudan (‫جنوب السودان‬‎)</span><span class="iti__dial-code">+211</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-es" role="option" data-dial-code="34" data-country-code="es" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__es"></div></div><span class="iti__country-name">Spain (España)</span><span class="iti__dial-code">+34</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-lk" role="option" data-dial-code="94" data-country-code="lk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__lk"></div></div><span class="iti__country-name">Sri Lanka (ශ්‍රී ලංකාව)</span><span class="iti__dial-code">+94</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sd" role="option" data-dial-code="249" data-country-code="sd" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sd"></div></div><span class="iti__country-name">Sudan (‫السودان‬‎)</span><span class="iti__dial-code">+249</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sr" role="option" data-dial-code="597" data-country-code="sr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sr"></div></div><span class="iti__country-name">Suriname</span><span class="iti__dial-code">+597</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sj" role="option" data-dial-code="47" data-country-code="sj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sj"></div></div><span class="iti__country-name">Svalbard and Jan Mayen</span><span class="iti__dial-code">+47</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-se" role="option" data-dial-code="46" data-country-code="se" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__se"></div></div><span class="iti__country-name">Sweden (Sverige)</span><span class="iti__dial-code">+46</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ch" role="option" data-dial-code="41" data-country-code="ch" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ch"></div></div><span class="iti__country-name">Switzerland (Schweiz)</span><span class="iti__dial-code">+41</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-sy" role="option" data-dial-code="963" data-country-code="sy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__sy"></div></div><span class="iti__country-name">Syria (‫سوريا‬‎)</span><span class="iti__dial-code">+963</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tw" role="option" data-dial-code="886" data-country-code="tw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tw"></div></div><span class="iti__country-name">Taiwan (台灣)</span><span class="iti__dial-code">+886</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tj" role="option" data-dial-code="992" data-country-code="tj" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tj"></div></div><span class="iti__country-name">Tajikistan</span><span class="iti__dial-code">+992</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tz" role="option" data-dial-code="255" data-country-code="tz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tz"></div></div><span class="iti__country-name">Tanzania</span><span class="iti__dial-code">+255</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-th" role="option" data-dial-code="66" data-country-code="th" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__th"></div></div><span class="iti__country-name">Thailand (ไทย)</span><span class="iti__dial-code">+66</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tl" role="option" data-dial-code="670" data-country-code="tl" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tl"></div></div><span class="iti__country-name">Timor-Leste</span><span class="iti__dial-code">+670</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tg" role="option" data-dial-code="228" data-country-code="tg" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tg"></div></div><span class="iti__country-name">Togo</span><span class="iti__dial-code">+228</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tk" role="option" data-dial-code="690" data-country-code="tk" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tk"></div></div><span class="iti__country-name">Tokelau</span><span class="iti__dial-code">+690</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-to" role="option" data-dial-code="676" data-country-code="to" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__to"></div></div><span class="iti__country-name">Tonga</span><span class="iti__dial-code">+676</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tt" role="option" data-dial-code="1" data-country-code="tt" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tt"></div></div><span class="iti__country-name">Trinidad and Tobago</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tn" role="option" data-dial-code="216" data-country-code="tn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tn"></div></div><span class="iti__country-name">Tunisia (‫تونس‬‎)</span><span class="iti__dial-code">+216</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tr" role="option" data-dial-code="90" data-country-code="tr" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tr"></div></div><span class="iti__country-name">Turkey (Türkiye)</span><span class="iti__dial-code">+90</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tm" role="option" data-dial-code="993" data-country-code="tm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tm"></div></div><span class="iti__country-name">Turkmenistan</span><span class="iti__dial-code">+993</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tc" role="option" data-dial-code="1" data-country-code="tc" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tc"></div></div><span class="iti__country-name">Turks and Caicos Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-tv" role="option" data-dial-code="688" data-country-code="tv" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__tv"></div></div><span class="iti__country-name">Tuvalu</span><span class="iti__dial-code">+688</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vi" role="option" data-dial-code="1" data-country-code="vi" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vi"></div></div><span class="iti__country-name">U.S. Virgin Islands</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ug" role="option" data-dial-code="256" data-country-code="ug" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ug"></div></div><span class="iti__country-name">Uganda</span><span class="iti__dial-code">+256</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ua" role="option" data-dial-code="380" data-country-code="ua" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ua"></div></div><span class="iti__country-name">Ukraine (Україна)</span><span class="iti__dial-code">+380</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ae" role="option" data-dial-code="971" data-country-code="ae" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ae"></div></div><span class="iti__country-name">United Arab Emirates (‫الإمارات العربية المتحدة‬‎)</span><span class="iti__dial-code">+971</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-gb" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__gb"></div></div><span class="iti__country-name">United Kingdom</span><span class="iti__dial-code">+44</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-us" role="option" data-dial-code="1" data-country-code="us" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__us"></div></div><span class="iti__country-name">United States</span><span class="iti__dial-code">+1</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uy" role="option" data-dial-code="598" data-country-code="uy" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__uy"></div></div><span class="iti__country-name">Uruguay</span><span class="iti__dial-code">+598</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-uz" role="option" data-dial-code="998" data-country-code="uz" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__uz"></div></div><span class="iti__country-name">Uzbekistan (Oʻzbekiston)</span><span class="iti__dial-code">+998</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vu" role="option" data-dial-code="678" data-country-code="vu" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vu"></div></div><span class="iti__country-name">Vanuatu</span><span class="iti__dial-code">+678</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-va" role="option" data-dial-code="39" data-country-code="va" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__va"></div></div><span class="iti__country-name">Vatican City (Città del Vaticano)</span><span class="iti__dial-code">+39</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ve" role="option" data-dial-code="58" data-country-code="ve" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ve"></div></div><span class="iti__country-name">Venezuela</span><span class="iti__dial-code">+58</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-vn" role="option" data-dial-code="84" data-country-code="vn" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__vn"></div></div><span class="iti__country-name">Vietnam (Việt Nam)</span><span class="iti__dial-code">+84</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-wf" role="option" data-dial-code="681" data-country-code="wf" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__wf"></div></div><span class="iti__country-name">Wallis and Futuna (Wallis-et-Futuna)</span><span class="iti__dial-code">+681</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-eh" role="option" data-dial-code="212" data-country-code="eh" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__eh"></div></div><span class="iti__country-name">Western Sahara (‫الصحراء الغربية‬‎)</span><span class="iti__dial-code">+212</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ye" role="option" data-dial-code="967" data-country-code="ye" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ye"></div></div><span class="iti__country-name">Yemen (‫اليمن‬‎)</span><span class="iti__dial-code">+967</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zm" role="option" data-dial-code="260" data-country-code="zm" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__zm"></div></div><span class="iti__country-name">Zambia</span><span class="iti__dial-code">+260</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-zw" role="option" data-dial-code="263" data-country-code="zw" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__zw"></div></div><span class="iti__country-name">Zimbabwe</span><span class="iti__dial-code">+263</span></li><li class="iti__country iti__standard" tabindex="-1" id="iti-0__item-ax" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false"><div class="iti__flag-box"><div class="iti__flag iti__ax"></div></div><span class="iti__country-name">Åland Islands</span><span class="iti__dial-code">+358</span></li></ul></div><input required="" type="text" inputmode="numeric" value="" name="phone_number_full" placeholder="(11) 96123-4567" id="frone" x-bind:max="phoneLimit" x-mask:dynamic="phonePlaceholder ? phonePlaceholder : localStorage.getItem(&#39;defaultLayoutPlaceholder&#39;)" style="outline: none; color: rgb(255, 255, 255); padding-left: 85px;" autocomplete="off" @blur="isPhoneNumberValid" class="px-3 py-2 bg-zinc-800 border-white dark-theme-autocomplete border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-lime-700 focus:ring-lime-700 block rounded-md w-full sm:text-sm focus:ring-1" data-intl-tel-input-id="0" max="11"></div>
                            </div>
                            <span class="text-red-500 px-2 pt-2 text-small" id="is_customer_phone_error"></span>
                        </div>

                        <div id="phone_number_confirmation" class="mb-4" x-show="open" x-transition="" style="display: none;">
                            <label for="customer_phone_confirmation" class="block text-sm font-medium text-white dark-theme-autocomplete">Confirmação de Telefone <small>(obrigatorio)</small></label>
                            <div class="mt-1">
                                <input required="" type="text" inputmode="numeric" value="" name="customer_phone_confirmation" placeholder="(00) 9 0000-0000" x-bind:max="phoneLimit" @paste="cancelPaste($event); messagePasteConfirmation = true; setTimeout(()=&gt; {  messagePasteConfirmation = false  },2000) " x-mask:dynamic="phonePlaceholder ? phonePlaceholder : localStorage.getItem(&#39;defaultLayoutPlaceholder&#39;)" id="phone_confirmation" style="outline: none" @input="validateOrderInputs" autocomplete="off" class="px-3 py-2 bg-zinc-800 border-white dark-theme-autocomplete border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-lime-700 focus:ring-lime-700 block w-full rounded-md sm:text-sm focus:ring-1" max="11">
                                <p class="text-red-500 pt-2" x-transition="" x-show="messagePasteConfirmation" style="display: none;">Digite a confirmação manualmente</p>
                            </div>
                        </div>

                        
                        <div class="mb-0 relative" x-transition="">
                            <label for="customer_cpf" class="block text-sm font-medium text-white dark-theme-autocomplete">
                                CPF <small>(obrigatorio)</small>
                            </label>
                            <div class="mt-1">
                                <input type="text" inputmode="numeric" value="" name="customer_cpf" placeholder="000.000.000-00" id="cpf" style="outline: none" @input="searchCustomer(open)" autocomplete="off" required="" class="px-3 py-2 bg-zinc-800 border-white dark-theme-autocomplete border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block w-full rounded-md sm:text-sm focus:ring-1" x-mask="999.999.999-99">
                            </div>
                            <span class="text-red-500 px-2 pt-2 text-small" id="is_customer_cpf_error"></span>
                        </div>
                        <div id="spacing" style="height: 10px"></div>
                        <div class="flex items-center mb-5" x-show="open &amp;&amp; !isSimplifiedValidation" x-transition="" style="display: none;">
                            <input id="terms" name="terms" @click="validateCheckbox" required="" type="checkbox" class="h-4 w-4 text-green-600 focus:ring-blue-500 border-gray-300 rounded">
                            <label for="terms" class="ml-2 block text-sm text-white">
                                Declaro que li e concordo com os <a class="text-green-500" target="_blank" href="https://mlksonhador.com.br/acoes/zegweEw9np#">Termos e Condições</a>
                            </label>
                        </div>

                        <div id="customer_data_wrapper" class="hidden mt-5 max-w-sm mx-auto rounded-xl shadow-md  overflow-hidden md:max-w-2xl my-2 text-sm font-medium bg-[#353535] text-white dark-theme-autocomplete">
                            <div class="py-1 px-4">
                                <div class="flex items-center">
                                    <i class="fa-regular fa-user text-white text-2xl mr-3" aria-hidden="true"></i>
                                    <p id="c_name" class="text-lg font-medium text-white my-2"></p>
                                </div>
                                <p id="c_email" class="text-sm font-medium text-white my-2"></p>
                                <p id="c_phone" class="text-sm font-medium text-white my-2"></p>
                            </div>
                        </div>

                        <div id="customer_data_terms" class="hidden mt-5">
                            <div class="flex items-center mb-5">
                                                                    <label for="terms" id="c_terms" class="ml-2 block text-[0.75rem] tracking-tight text-white opacity-50">
                                        Ao efetuar este pagamento e confirmar a compra, declaro que li e concordo com os
                                        <a class="text-green-700 text-bold hover:underline" target="_blank" href="https://mlksonhador.com.br/acoes/zegweEw9np#">
                                            termos
                                        </a>
                                        disponíveis na página do sorteio.
                                    </label>
                                                            </div>
                        </div>

                        <div class="w-full flex justify-center items-center mt-6">
                            <button disabled="" id="reserve_btn_order" class="bg-green-500 px-6 py-3  rounded-lg text-white text-sm hover:bg-green-600 disabled:bg-green-600/30">
                                Reservar bilhetes                            </button>
                        </div>

                        <div id="customer_other_register" class="hidden">
                            <div class="w-full flex justify-center items-center mt-2">
                                <span x-data="" @click="addAnotherRegistration(); open = true" class="px-6 py-2 text-green-600 text-sm hover:text-green-400 cursor-pointer underline decoration-1 underline-offset-4">
                                    Usar outro cadastro
                                </span>
                            </div>
                        </div>
                </form>

            </div>
        </div>
    </section>
    <div data-opened="false" style="bottom:-100%" class="fixed left-2/4 -translate-x-2/4 bg-gray-600 text-white bg-opacity-80 w-full max-w-[600px] rounded-tr-lg rounded-tl-lg z-10 transition-all ease-out duration-400" id="bottom__popup">
        <div class="m-auto flex flex-col p-2 text-raffle">
            <div id="extra__description__wrapper" class="text-center my-2">
                <p clasxs="text-red-500 font-semibold"></p>
                <span id="discount_description"></span>
            </div>
            <div class="flex justify-center" id="discount_message"></div>
            <div class="flex items-center justify-between mb-2 px-3">
                <p id="purchase__description__ticket__amount"></p>
                <p id="purchase__description__total"></p>
            </div>

            <button class="w-full px-4 py-2 rounded bg-green-600 text-gray-50 disabled:bg-opacity-80">
                Prosseguir
            </button>
        </div>
    </div>

        <section onclick="onCloseRegulationModal()" id="regulation-overlay" class="hidden z-20 fixed top-0 left-0 bg-neutral-400/30 w-full min-h-screen">
        <div id="regulation-modal" class=" opacity-0 scale-95 transition-all duration-500 ease-in-out hidden w-[95%] mx-auto  h-auto  bg-[#272726] text-white  rounded absolute z-50 bottom-3 left-1/2 -translate-x-1/2 px-3">
            <div class="flex justify-between items-center border border-t-0 border-l-0 border-r-0 border-b-stone-700  py-3 mb-1">
                <h3 class="font-semibold">Regulamento</h3>
                <svg onclick="onCloseRegulationModal()" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="cursor-pointer w-5 h-5 font-bold">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
                </svg>
            </div>
            <div class="py-1 mb-1 border border-t-0 border-l-0 border-r-0  border-b-stone-700">
                <p id="regulation-description">A cada (70) títulos adquiridos, você desbloqueia uma chance de abrir o Giro da Sorte e concorrer a diversos prêmios.</p>
            </div>
            <div class="flex justify-end items-center my-1 p-2">
                <button onclick="onCloseRegulationModal()" class="cursor-pointer bg-blue-400 text-white p-1 rounded">Fechar</button>
            </div>
        </div>
    </section>


    <section onclick="onCloseMessageModal()" id="message-overlay" class="hidden z-20 fixed top-0 left-0 bg-neutral-400/30 w-full min-h-screen flex items-center justify-center">
        <div id="message-modal" class="opacity-0 scale-95 transition-all duration-500 ease-in-out hidden w-[350px] max-w-full mx-auto h-auto bg-[#272726] text-white rounded relative z-50 px-3">
            <div class="flex justify-between items-center border border-t-0 border-l-0 border-r-0 border-b-stone-700 py-3 mb-1">
                <h3 class="font-semibold">Mensagem</h3>
                <svg onclick="onCloseMessageModal()" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="cursor-pointer w-5 h-5 font-bold">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path>
                </svg>
            </div>
            <div class="py-2 mb-1 border border-t-0 border-l-0 border-r-0 border-b-stone-700">
                <p id="message_modal_text"></p>
            </div>
            <div class="flex justify-end items-center my-1 p-2">
                <button onclick="onCloseMessageModal()" class="cursor-pointer bg-blue-400 text-white p-1 rounded">Fechar</button>
            </div>
        </div>
    </section>

    <section class="bg-blue-500 pt-10 mt-20" id="steps">
        <div class="max-w-7xl mx-auto flex flex-col items-start">
            <div class="flex flex-col md:flex-row items-start text-white ">
                <div class="flex-1 relative p-4 min-h-[180px]">
                    <span class="absolute text-black font-extrabold text-opacity-20 text-[180px] font-sans -top-[100px] -left-[5px]">1</span>
                    <h2 class="uppercase font-bold text-lg mb-4">
                        <i class="fas fa-search" aria-hidden="true"></i>
                        ESCOLHA O SORTEIO
                    </h2>
                    <p class="text-sm">Escolha o sorteio que gostaria de concorrer, verifique a descrição e o regulamento. Em caso de dúvidas entre em contato com o administrador.</p>
                </div>
                <div class="flex-1 p-4 relative min-h-[180px]">
                    <span class="absolute text-black font-extrabold text-opacity-20 text-[180px] font-sans -top-[100px] -left-[5px]">2</span>
                    <h2 class="uppercase font-bold text-lg mb-4">
                        <i class="fas fa-check-circle" aria-hidden="true"></i>
                        SELECIONE SEUS BILHETES                    </h2>
                    <p class="text-sm">Você pode escolher quantos bilhetes desejar!                       Quanto mais bilhetes, mais você ajuda e mais chances de ganhar.</p>
                </div>
                <div class="flex-1 p-4 relative min-h-[180px]">
                    <span class="absolute text-black font-extrabold text-opacity-20 text-[180px] font-sans -top-[100px] -left-[5px]">3</span>
                    <h2 class="uppercase font-bold text-lg mb-4">
                        <i class="fas fa-money-bill-wave" aria-hidden="true"></i>
                        FAÇA O PAGAMENTO
                    </h2>
                    <p class="z-20 text-sm">Faça o pagamento no(s) método(s) de pagamento(s) disponíveis no site.</p>
                </div>
                <div class="flex-1 p-4 relative min-h-[180px]">
                    <span class="absolute text-black font-extrabold text-opacity-20 text-[180px] font-sans -top-[100px] -left-[5px] ">4</span>
                    <h2 class="uppercase font-bold text-lg mb-4">
                        <i class="fas fa-hourglass-half" aria-hidden="true"></i>
                        AGUARDE O SORTEIO
                    </h2>
                    <p class="z-20 text-sm">Aguarde o resultado. Cruze os dedos! Você pode ser o próximo sorteado.</p>
                </div>
            </div>
        </div>
    </section>

    <footer class="pb-5 mt-auto bg-zinc-900">
    <div class="flex flex-col items-center p-2">
        <nav class="flex">
                            <a href="https://www.instagram.com/gregferreirac" target="_blank" class="p-3 cursor-pointer">
                    <i class="fab fa-instagram text-blue-500 text-2xl on-hover" aria-hidden="true"></i>
                </a>
            
                            <a href="https://wa.me/17054805224" target="_blank" class="p-3 cursor-pointer">
                    <i class="fab fa-whatsapp text-blue-500 on-hover text-2xl" aria-hidden="true"></i>
                </a>
                        
            
        </nav>
    </div>


    <div class="px-2 text-center text-raffle-500 dark:text-gray-300 bg-raffle dark:bg-[#161616]">
                <small class="text-slate-100">

            <div id="pre_footer">
                <span>Desenvolvido por </span>

                
                <a href="https://sdrsistema.com.br/">
                    <img src="./Ações_files/official_logo.png" style="height:15px; padding-left:5px" alt="">
                </a>
            </div>

            © 2025 - Todos os direitos reservados
        </small>
    </div>
</footer>

            <div id="floatButton" class="transition-all duration-100 ease-in-out  hover:-translate-y-1 hover:scale-110 fixed right-0 bottom-5 bg-zinc-900 rounded-3xl p-2 shadow-lg shadow-black/50" style="display: block;">
    <a class="cursor-pointer text-slate-100 text-sm font-medium" href="https://wa.me/17054805224" target="_blank">
                <div class="flex items-center justify-center rounded-full">
                    <div class="mr-2">
                        FALE CONOSCO                    </div>
                    <img src="./Ações_files/whatsapp.svg" width="30" alt="">
                </div>
    </a>
</div>

    
    <script src="./Ações_files/livewire.js.download" data-turbo-eval="false" data-turbolinks-eval="false"></script><script data-turbo-eval="false" data-turbolinks-eval="false">window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'KahnKSEJ5yolEK41HdGNLG58SPFCDPRhhV9xL7ZO';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
        <script>
        const youtube_modal = document.querySelector("#youtube-modal");
        let iframe = document.getElementById("youtubePlayer");

        function openYoutubeModal()
        {
            iframe.src = "https://www.youtube.com/embed/";
            youtube_modal.classList.add('scale-100');
            youtube_modal.classList.add('flex');
            youtube_modal.classList.remove('hidden');
        }

        function closeYoutubeModal()
        {
            stopVideoIfPlaying();
            youtube_modal.classList.remove('scale-100');
            youtube_modal.classList.remove('flex');
            youtube_modal.classList.add('hidden');
        }

        function stopVideoIfPlaying() {
            const iframe = document.getElementById('youtubePlayer');
            iframe.src = "";
        }


        const animationType = "lucky_roll";
        const animationIsActive =  true;
        const rewardsCount = 70;
        let currentTicketsCount = 50;

        const regulationOverlay = document.getElementById('regulation-overlay');
        const regulationModal = document.getElementById('regulation-modal');

        const regulationDescription = document.getElementById('regulation-description');

        const messageOverlay = document.getElementById('message-overlay');
        const messageModal = document.getElementById('message-modal');

        if (animationIsActive && rewardsCount > 0) {
            let actionText = '';

            switch (animationType) {
                case 'reward_box':
                    actionText = 'abrir a Caixinha Premiada';
                    break;
                case 'roulette':
                    actionText = 'rodar a Roleta Premiada';
                    break;
                case 'scratch':
                    actionText = 'raspar a Raspadinha Premiada';
                    break;
                case 'lucky_roll':
                    actionText = 'abrir o Giro da Sorte';
                    break;
                default:
                    actionText = 'participar da Premiação Instantânea';
                    break
            }

            regulationDescription.innerHTML = `A cada (${rewardsCount}) título${rewardsCount > 1 ? 's' : ''} adquiridos, você desbloqueia uma chance de ${actionText} e concorrer a diversos prêmios.`;
        }



        function onOpenRegulationModal() {
                regulationOverlay.classList.remove('hidden');
                regulationModal.classList.remove('hidden');

                setTimeout(() => {
                    regulationModal.classList.remove('opacity-0', 'scale-95');
                    regulationModal.classList.add('opacity-100', 'scale-100');
                }, 10);
        }

        function onCloseRegulationModal() {
            regulationModal.classList.remove('opacity-100', 'scale-100');
            regulationModal.classList.add('opacity-0', 'scale-95');

            setTimeout(() => {
                regulationOverlay.classList.add('hidden');
                regulationModal.classList.add('hidden');
            }, 140);
        }

        function onCloseMessageModal() {
            messageModal.classList.remove('opacity-100', 'scale-100');
            messageModal.classList.add('opacity-0', 'scale-95');

            setTimeout(() => {
                messageOverlay.classList.add('hidden');
                messageModal.classList.add('hidden');
            }, 140);

            localStorage.removeItem("already_purchased_tickets");
        }
    </script>





    <script>
        const phoneInput = document.querySelector('#frone');
        const phoneConfirmationInput = document.querySelector('#phone_confirmation');
        let phoneErrorMessage = document.querySelector("#is_customer_phone_error");
        let cpfErrorMessage = document.querySelector("#is_customer_cpf_error");
        let phoneNumberFullInput = document.querySelector('#phone_number_full');
        var errorContainer = document.getElementById('error-messages');
        let itiElementHtml = document.getElementsByClassName('iti');
        let valueInputNumber = '';
        let isDark = '1'
        let isValidPhoneNumberCount = 0;
        let isSimplifiedValidation = false;
        /* -------------- start the dropdown select country flags auto -------------- */
        let iti = window.intlTelInput(phoneInput, {
            separateDialCode: true,
            initialCountry: "auto",
            utilsScript: "https://mlksonhador.com.br/js/utils.js",
            autoPlaceholder: "aggressive",
            formatAsYouType: false,
            geoIpLookup: function(success, failure) {
                fetch("https://ipapi.co/json")
                .then(function(res) { return res.json(); })
                .then(function(data) { success(data.country_code); })
                .catch((e) => {
                    iti.setCountry('BR')
            });
            }
        });



         document.getElementById('reserve_btn_order').addEventListener('click', (event) => {
            const phoneField = document.getElementById('frone');
            phoneField.setAttribute('name', 'customer_phone');

            document.getElementById('place-order-form').submit();
         });

       /* -------------- when page onload, hidden winning_tickets index > 6 -------------- */
        document.addEventListener('DOMContentLoaded', function () {

            const customer_phone_ddi = document.querySelector('#c_phone_ddi');

            if (customer_phone_ddi) {
                customer_phone_ddi.value = iti.s.dialCode;
            }

            function checkScreenSize() {
                const floatButton = document.getElementById('floatButton');
                if (!floatButton) return;

                if (window.innerWidth < 640) {
                    floatButton.style.display = 'none';
                } else {
                    floatButton.style.display = 'block';
                }
            }
            checkScreenSize();

            window.addEventListener('resize', (e) => {
                checkScreenSize();
            });




            const toggleBtn = document.getElementById('toggleBtn');
            const toggleBtnAnimations = document.getElementById('toggleBtnAnimations');
            const ticketItems = document.querySelectorAll('.ticket-item');
            const ticketItemsAnimation = document.querySelectorAll('.ticket-item-animation');
            let isShowingMore = false;
            let isShowingMoreAnimation = false;

            //when the page is loaded set defaultLayoutPlaceholder
             localStorage.setItem('placeHolder','(99) 99999-9999')
             localStorage.setItem('defaultLayoutPlaceholder','(99) 99999-9999')
             localStorage.setItem('countryCode', 'BR')
             isValidPhoneNumberCount = 11 // BR

             const receivePlaceHolderEvent = new CustomEvent('receiveplaceholder', {
             detail: {
                 message: localStorage.getItem('placeHolder'),
                 maxLength: isValidPhoneNumberCount
             },
             });

             window.dispatchEvent(receivePlaceHolderEvent);

           //Ensure the purchase button remains disabled until the page is fully loaded
           const purchaseBtn = document.getElementById('purchase-btn');
            if (purchaseBtn) {
                purchaseBtn.disabled = true;

                window.addEventListener('load', function () {
                    purchaseBtn.disabled = false;
                });
            }


            if (toggleBtn) {
                toggleBtn.addEventListener('click', function () {
                    ticketItems.forEach((item, index) => {
                        if (index > 5) {
                            item.classList.toggle('hidden');
                        }
                    });

                    if (isShowingMore) {
                        toggleBtn.textContent = `Mostrar mais (+${ticketItems.length - 6} ocultos)`;
                    } else {
                        toggleBtn.textContent = 'Ocultar';
                    }
                    isShowingMore = !isShowingMore;
                });
            }

            if (toggleBtnAnimations) {
                toggleBtnAnimations.addEventListener('click', function () {
                    ticketItemsAnimation.forEach((item, index) => {
                        if (index > 5) {
                            item.classList.toggle('hidden');
                        }
                    });

                    if (isShowingMoreAnimation) {
                        toggleBtnAnimations.textContent = `Mostrar mais (+${ticketItemsAnimation.length - 6} ocultos)`;
                    } else {
                        toggleBtnAnimations.textContent = 'Ocultar';
                    }
                    isShowingMoreAnimation = !isShowingMoreAnimation;
                });
            }


        });



        /* ------------- event to watch the change select country flags ------------- */
        phoneInput.addEventListener("countrychange", (e) =>{

            let iso2 = iti.getSelectedCountryData().iso2.toUpperCase();

            const customer_phone_ddi = document.querySelector('#c_phone_ddi');

            if (customer_phone_ddi) {
                customer_phone_ddi.value = iti.s.dialCode;
            }

            let dialCode = Number(iti.getSelectedCountryData().dialCode);

            let phoneInputPlaceHolder = phoneInput.placeholder;

            phoneConfirmationInput.placeholder = phoneInput.placeholder;

            /* ----------------- replacing the placeholder value with 9 ----------------- */
            let replacePlaceholder = phoneInputPlaceHolder.replace(/\d/g,'9')

            /* --------------------- remove  whitespace from string --------------------- */
            let removeSpaceCharacters = replacePlaceholder.replace(/\D/g,' ').replace(/ /g,'')

            /* ------ set the new placeholder value to use with alphine end x-mask ------ */
            localStorage.setItem(`placeHolder`,replacePlaceholder)
            localStorage.setItem('countryCode', iso2)
            /* --------------- clear phone input value after changing flag -------------- */
            phoneInput.value = ''
            isValidPhoneNumberCount = removeSpaceCharacters.length
            /* ------------ triggers a custom event with details of the props ----------- */
            const receivePlaceHolderEvent = new CustomEvent('receiveplaceholder', {
                detail: {
                    message: replacePlaceholder,
                    maxLength: removeSpaceCharacters.length
                },
                });


            window.dispatchEvent(receivePlaceHolderEvent);

        })

        /* --------- change dynamic width from input phone and select flags --------- */
        itiElementHtml[0].style.width='100%'
        itiElementHtml[0].style.color='#000'
        isDark != 1 ? phoneInput.style.color='#000' : phoneInput.style.color='#FFF'

        phoneInput.addEventListener('keypress', function(e) {
            const allowedChars = /[0-9\(\)\-\s]/;
            if (!allowedChars.test(e.key)) {
                e.preventDefault();
            }
        });

        phoneConfirmationInput.addEventListener('keypress', function(e) {
            const allowedChars = /[0-9\(\)\-\s]/;
            if (!allowedChars.test(e.key)) {
                e.preventDefault();
            }
        });

        function validatePhoneEquality() {
            const phoneValue = phoneInput.value.replace(/\D/g, '');
            const phoneConfirmationValue = phoneConfirmationInput.value.replace(/\D/g, '');

            if (!isPhoneNumberValid()) {

                return false;
            }

            if (phoneValue !== phoneConfirmationValue) {

                return false;
            } else {
                phoneErrorMessage.textContent = '';

                return true;
            }
        }

        function cancelPaste(event){
            event.preventDefault();
        }

        function isSetPhoneNumber(){
            let customer_number = document.querySelector("#frone");
            if(customer_number.value){
                this.open = true;
            }
        }

        function isPhoneNumberValid(){

            if(isValidPhoneNumberCount > 0){
                if(isValidPhoneNumberCount == phoneInput.value.replace(/\D/g, '').length){
                    return true;
                }
            }
        }

        function validateOrderInputs() {
            const inputs = document.querySelectorAll('#place-order-form input');
            const modal_submit_btn = document.querySelector("#place-order-form button");
            const terms_input = document.querySelector('#terms');
            let legalized = '';


            const all_inputs_filled = [];

            inputs.forEach(input => {
                if (input.getAttribute('id') !== 'terms' && input.getAttribute('id') !== 'ref' && input.getAttribute('id') !== 'social_name' && input.getAttribute('id')) {
                    all_inputs_filled.push(input.value.length > 0)
                }
            });

            if (isSimplifiedValidation) {
                const dob = document.querySelector('#birth_date').value;

                const isDateComplete = dob && dob.length === 10 && dob.includes('/');

                if (!isDateComplete) {
                    modal_submit_btn.setAttribute("disabled", "");
                    modal_submit_btn.setAttribute("type", "button");
                    return;
                }

                if (legalized && !validateAge()) {
                    if(dob === ''){
                        this.showMessage = true;
                        this.message = "Campo da DATA DE NASCIMENTO não pode ser vazio.";
                    } else {
                        this.showMessage = true;
                        this.message = "Você deve ter 16 anos ou mais para prosseguir.";
                    }

                    modal_submit_btn.setAttribute("disabled", "");
                    modal_submit_btn.setAttribute("type", "button");

                    setTimeout(() => {
                        this.showMessage = false;
                    }, 3000);
                    return;
                }

                if (legalized ? validateAge() : true) {
                    modal_submit_btn.removeAttribute("disabled");
                    modal_submit_btn.setAttribute("type", "submit");
                } else {
                    modal_submit_btn.setAttribute("disabled", "");
                    modal_submit_btn.setAttribute("type", "button");
                }
                return;
            }

            if (all_inputs_filled.includes(false) || !validatePhoneEquality()) {
                terms_input.checked = false;

                modal_submit_btn.setAttribute("disabled", "")
                modal_submit_btn.setAttribute("type", "button")
            }

        }

        function validateCheckbox() {
        /* ------------------------ all inputs for validation ----------------------- */
            let legalized = '';

            if (isSimplifiedValidation) {
                return;
            }

            const inputsToValidate = [
                { id: "name", message: "Campo NOME vazio." },
                { id: "email", message: "Campo EMAIL vazio." },
                { id: "frone", message: "Campo TELEFONE vazio." },
                { id: "phone_confirmation", message: "Campo de Confirmação de Telefone vazio." },
                { id: "cpf", message: "Campo de CPF vazio." }
            ];

            if (legalized === 'true') {
                inputsToValidate.push({
                    id: "birth_date",
                    message: "Campo da DATA DE NASCIMENTO não pode ser vazio."
                });
            }


            const modal_submit_btn = document.querySelector("#place-order-form button");
            const terms_input = document.querySelector('#terms');

            let showError = false;


            for (const input of inputsToValidate) {
                let field = document.querySelector(`#${input.id}`);
                if (field.value === '') {
                    showError = true;

                    this.showMessage = true;
                    this.message = input.message;

                    terms_input.setAttribute("disabled", "true");
                    terms_input.checked = false;

                    setTimeout(() => {
                        this.showMessage = false;
                        terms_input.removeAttribute("disabled");
                        terms_input.checked = false;
                    }, 3000);

                    return;
                }
            }


            if (!validatePhoneEquality()) {
                this.showMessage = true;
                this.message = "Os números de telefone NÃO COINCIDEM";
                terms_input.setAttribute("disabled", "true");
                terms_input.checked = false;

                setTimeout(() => {
                    this.showMessage = false;
                    terms_input.removeAttribute("disabled");
                    terms_input.checked = false;
                }, 3000);
                return;
            }


            if (legalized && !validateAge()) {
                const dob = document.querySelector('#birth_date').value;

                if(dob === ''){
                    this.showMessage = true;
                    this.message = "Campo da DATA DE NASCIMENTO não pode ser vazio.";
                    terms_input.setAttribute("disabled", "true");
                    terms_input.checked = false;
                }else{
                    this.showMessage = true;
                    this.message = "Você deve ter 16 anos ou mais para prosseguir.";
                    terms_input.setAttribute("disabled", "true");
                    terms_input.checked = false;
                }


                setTimeout(() => {
                    this.showMessage = false;
                    terms_input.removeAttribute("disabled");
                    terms_input.checked = false;
                }, 3000);
                return;
            }


            if (terms_input.checked) {
                modal_submit_btn.removeAttribute("disabled");
                modal_submit_btn.setAttribute("type", "submit");
            } else {
                modal_submit_btn.setAttribute("disabled", "");
                modal_submit_btn.setAttribute("type", "button");
            }
        }


        function validateAge() {
            const dobValue = document.querySelector('#birth_date').value;
            if (!dobValue) return false;

            const parts = dobValue.split('/');
            if (parts.length !== 3) return false;

            const day = parseInt(parts[0], 10);
            const month = parseInt(parts[1], 10) - 1;
            const year = parseInt(parts[2], 10);

            const birthDate = new Date(year, month, day);
            if (isNaN(birthDate)) return false;

            const today = new Date();
            let age = today.getFullYear() - birthDate.getFullYear();
            const m = today.getMonth() - birthDate.getMonth();

            if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
                age--;
            }

            return age >= 16;
        }

        function isValidCPF(cpf) {
            const cleanedCpf = cpf.replace(/[^\d]+/g, '');

            if (cleanedCpf.length !== 11 || /^(\d)\1{10}$/.test(cleanedCpf)) {
                return false;
            }

            const digits = cleanedCpf.split('').map(Number);

            let sum = 0;
            for (let i = 0; i < 9; i++) {
                sum += digits[i] * (10 - i);
            }
            let remainder = (sum * 10) % 11;
            if (remainder === 10) remainder = 0;
            if (remainder !== digits[9]) {
                return false;
            }

            sum = 0;
            for (let i = 0; i < 10; i++) {
                sum += digits[i] * (11 - i);
            }
            remainder = (sum * 10) % 11;
            if (remainder === 10) remainder = 0;
            if (remainder !== digits[10]) {
                return false;
            }

            return true;
        }

        function searchCustomer(open){
            phoneNumberFullInput.value = iti.getNumber() ?? '';
            let customer_name = document.querySelector("#name");
            let customer_social_name = document.querySelector("#social_name");
            let customer_email = document.querySelector("#email");
            let customer_number = document.querySelector("#frone");
            let customer_number_confirmation = document.querySelector("#phone_confirmation");
            let customer_cpf = document.querySelector("#cpf");
            let customer_checkbox = document.querySelector("#terms");
            let customer_id = document.querySelector("#customer_id");
            let errorSpan = document.querySelector("#is_customer_cpf_error");
            const appIsLayoutLegalized = false;


            if (customer_cpf.value.length === 14 && !open) {
                if (!isValidCPF(customer_cpf.value)) {
                    errorSpan.textContent = "CPF inválido. Por favor, digite um CPF válido.";
                    return false;
                }

                errorSpan.textContent = "";

                fetch(`https://mlksonhador.com.br/customer/search-by-cpf?cpf=${customer_cpf.value}`)
                    .then(response => response.json())
                    .then(customer => {
                        const hasCustomer = Object.keys(customer).length > 0;
                        const isLegalized = appIsLayoutLegalized === true;
                        const hasBirthDate = !!customer.birth_date;

                        const modal_submit_btn = document.querySelector("#reserve_btn_order");
                        const c_wrapper_el = document.querySelector('#customer_data_wrapper');
                        const c_customer_other = document.querySelector('#customer_other_register');
                        const c_name_el = document.querySelector('#customer_data_wrapper #c_name');
                        const c_email_el = document.querySelector('#customer_data_wrapper #c_email');
                        const c_customer_terms = document.querySelector('#customer_data_terms');
                        const c_phone_el = document.querySelector('#customer_data_wrapper #c_phone');
                        const c_phone_full_el = document.querySelector('#phone_number_full_wrapper');
                        const c_phone_confirmation = document.querySelector('#phone_number_confirmation');

                        if (hasCustomer && ((isLegalized && hasBirthDate) || (!isLegalized))) {
                            isSimplifiedValidation = false;
                            customer_id.value = customer.id;
                            customer_checkbox.checked = true;

                            c_name_el.innerHTML = customer.name;
                            c_email_el.innerHTML = customer.email;
                            c_phone_el.innerHTML = customer.phone;

                            c_wrapper_el.classList.remove('hidden');
                            c_wrapper_el.classList.add('block');

                            c_customer_other.classList.remove('hidden');
                            c_customer_other.classList.add('block');

                            c_phone_full_el.classList.add('hidden');

                            customer_cpf.parentElement.parentElement.classList.add('hidden');

                            modal_submit_btn.removeAttribute("disabled");
                            modal_submit_btn.setAttribute("type", "submit");

                            c_customer_terms.classList.remove('hidden');
                            c_customer_terms.classList.add('block');

                            const form = document.querySelector('#place-order-form');
                            Alpine.$data(form).open = false;
                        } else {
                            isSimplifiedValidation = true;
                            if (hasCustomer && isLegalized) {
                                customer_id.value = customer.id;
                                customer_checkbox.checked = true;
                                customer_name.value = customer.name;
                                customer_email.value = customer.email;

                                customer_name.disabled = true;
                                customer_email.disabled = true;

                                c_phone_full_el.classList.add('hidden');
                                c_phone_confirmation.classList.add('hidden');
                                customer_cpf.parentElement.parentElement.classList.add('hidden');

                                c_wrapper_el.classList.remove('block');
                                c_wrapper_el.classList.add('hidden');

                                modal_submit_btn.setAttribute("disabled", "");
                                modal_submit_btn.setAttribute("type", "button");

                                c_customer_terms.classList.remove('hidden');
                                c_customer_terms.classList.add('block');

                                const form = document.querySelector('#place-order-form');
                                Alpine.$data(form).open = true;
                            } else {
                                isSimplifiedValidation = false;
                                customer_name.value = "";
                                customer_email.value = "";
                                customer_name.disabled = false;
                                customer_email.disabled = false;
                                customer_cpf.disabled = false;

                                customer_number_confirmation.value = "";

                                if (customer_social_name) {
                                    customer_social_name.value = '';
                                }

                                const form = document.querySelector('#place-order-form');
                                Alpine.$data(form).open = true;
                                validateOrderInputs();
                            }
                        }
                    })
                    .catch(error => {
                        console.error(error)
                    });
            }
        }

        function addAnotherRegistration() {
            // phoneNumberFullInput.value = '';

            const c_phone_full_wrapper = document.querySelector('#phone_number_full_wrapper');
            const c_phone_full_el = document.querySelector('#frone');
            const c_wrapper_el = document.querySelector('#customer_data_wrapper');
            const c_customer_other = document.querySelector('#customer_other_register');
            const modal_submit_btn = document.querySelector("#reserve_btn_order");
            const c_customer_terms = document.querySelector('#customer_data_terms');

            let customer_cpf = document.querySelector("#cpf");
            let customer_id_input = document.querySelector("#customer_id");

            c_customer_terms.classList.remove('block');
            c_customer_terms.classList.add('hidden');

            c_wrapper_el.classList.add('hidden');
            c_customer_other.classList.add('hidden');

            c_phone_full_wrapper.classList.remove('hidden');

            modal_submit_btn.setAttribute("disabled", "true");
            c_phone_full_el.value = '';
            customer_cpf.value = '';
            customer_cpf.parentElement.parentElement.classList.remove('hidden');
            customer_id_input.value = '';
        }

        function filters()
        {
            const trigger = document.querySelector('#filter-trigger');
            const options_wrapper = document.querySelector('#filter-options-wapper');
            const options = document.querySelectorAll('#filter-options-wapper a');
            const tickets = document.querySelectorAll('#main__ticket__container .ticket');
            if(trigger) {
                trigger.addEventListener('click', () => {
                    if(trigger.classList.contains('opened')) {
                        //close
                        options_wrapper.classList.add('hidden');
                        options_wrapper.classList.remove('absolute');
                        trigger.classList.remove('opened');

                    } else {
                        //open
                        options_wrapper.classList.remove('hidden');
                        options_wrapper.classList.add('absolute');
                        trigger.classList.add('opened');
                    }

                })

                options.forEach(option => {
                    option.addEventListener("click", (e) => {
                        e.preventDefault();
                        const selected_option = e.target.getAttribute('id');

                        if(selected_option === 'all') {
                            tickets.forEach(ticket => ticket.classList.remove("hidden"))
                        }

                        if(selected_option === 'available') {
                            tickets.forEach(ticket => {
                                if(!ticket.classList.contains("available")) {
                                    ticket.classList.add("hidden")
                                } else {
                                    ticket.classList.remove("hidden")
                                }
                            })
                        }

                        if(selected_option === 'buyed') {
                            tickets.forEach(ticket => {
                                if(!ticket.classList.contains("buyed")) {
                                    ticket.classList.add("hidden")
                                } else {
                                    ticket.classList.remove("hidden")
                                }
                            })
                        }

                        if(selected_option === 'reserved') {
                            tickets.forEach(ticket => {
                                if(!ticket.classList.contains("reserved")) {
                                    ticket.classList.add("hidden")
                                } else {
                                    ticket.classList.remove("hidden")
                                }
                            })
                        }
                        options_wrapper.classList.add('hidden');
                        options_wrapper.classList.remove('absolute');
                        trigger.classList.remove('opened');
                    })
                })
            }

        }
        filters();

        /* ------------------- watch the error block from backend ------------------- */
        document.addEventListener('errorblockloaded',() => {

            const currentPhoneValue = phoneInput.value
            const countryCodeStorage = localStorage.getItem('countryCode')

            try {
                iti.setCountry(countryCodeStorage);
                iti.setNumber(currentPhoneValue);
            } catch (error) {
                iti.setCountry('BR')
                iti.setNumber('')
            }
        })

    </script>

    <script>
        const mobile_menu_btns = document.querySelectorAll(".mobile-menu-btn");
        const mobile_menu = document.querySelector('#mobile-menu');
        if(mobile_menu_btns.length){
            mobile_menu_btns.forEach(btn => {
                btn.addEventListener("click", ({ target }) => {
                    const action = target.getAttribute("data-action");
                    if(action === 'open') {
                        mobile_menu.classList.remove("hidden");
                    } else {
                        mobile_menu.classList.add("hidden");
                    }
                })
            })
        }
    </script>


<script class="iti-load-utils" async="" src="./Ações_files/utils.js.download"></script></body></html>