<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="title" content="Find Flicker – Escorts & Companions Worldwide" />
    <meta name="description"
        content="Find Flicker connects you with verified escorts and companions around the world. Browse trusted profiles, connect directly, and enjoy discreet, professional services wherever you are." />
    <meta name="keywords"
        content="escorts worldwide, global escorts, international escort services, hire escorts online, escort directory, Find Flicker, companion services, escort search, luxury escorts" />
    <link rel="icon" type="image/svg+xml" href="{{ asset('assets') }}/image/favicon_red.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"
        rel="stylesheet">
    <title>Findficker</title>
    <!-- Bootstrap -->
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap"
        rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link href="{{ asset('assets') }}/css/style.css" rel="stylesheet" type="text/css" />
  <link href="{{ asset('assets')}}/plugins/select2/css/select2.min.css"  rel="stylesheet">
   {{-- <script src="https://cdn.tailwindcss.com"></script> --}}
    <!-- ====== Small styling to make Select2 match your inputs ====== -->
   <style>/* Match your custom-input style */
.select2-container--default .select2-selection--single {
    height: 45px !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
}
  .purple-circle {
            background: radial-gradient(circle at center, #9333ea 0%, #7c3aed 100%);
            box-shadow: 0 4px 15px rgba(147, 51, 234, 0.4);
        }

/* Placeholder text alignment */
.select2-selection__placeholder {
    margin-top: 2px;
}

/* Selected text alignment */
.select2-selection__rendered {
    line-height: 32px !important;
}

/* Dropdown arrow alignment */
.select2-selection__arrow {
    height: 100% !important;
    top: 8px !important;
}
/* Select2 Single Select Background */
.select2-container--default .select2-selection--single {
    background-color: rgb(241, 245, 249) !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    height: 45px !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
}

/* Background for the text area inside select2 */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: rgb(241, 245, 249) !important;
}

/* Dropdown area (optional if you want same color inside dropdown) */
.select2-container--default .select2-results > .select2-results__options {
    background-color: rgb(241, 245, 249) !important;
}

</style>
</head>
<!-- ================= HEADER START ================= -->

<body style="overflow: visible;"><noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root">
        <div>
            <div
                style="display: flex; min-height: 100vh; flex-direction: column; position: relative; background: rgb(248, 250, 252);">
                <div class="header">
                    <div class="header_container">
                        <a href="{{ route('/') }}">
                            <div class="header_logo_container">
                                <img src="{{ asset('assets') }}/image/findficker.svg" class="header_logo_image"
                                    alt="logo">
                            </div>
                        </a>
                        <div class="header_button_container">
                            <div class="header_button_support">
                                <a href="{{ route('support') }}">
                                    <div class="button_wrapper btn_small  "
                                        style="background-color: rgb(38, 38, 38); border: 1px solid rgb(59, 59, 59);">
                                        <div class="primary_button_img"><i class="fa-solid fa-headset"></i></div>
                                        <div class="button_text"
                                            style="color: rgb(255, 255, 255); font-family:PlusJakartaSans-Medium">
                                            Support</div>
                                    </div>
                                </a>
                            </div>
                            <div class="header_button">
                                <a href="{{ route('post-ad') }}">
                                    <div class="button_wrapper btn_small  "
                                        style="background: linear-gradient(rgb(168, 28, 52) 0%, rgb(168, 28, 52) 100%);">
                                        <div class="button_text"
                                            style="color: rgb(248, 250, 252); font-family:PlusJakartaSans-Medium">POST
                                            AD</div>
                                    </div>
                                </a>
                            </div>
                            <div class="header_button_support_mobile">
                                <a href="{{ route('support') }}">
                                    <div class="button_wrapper btn_small  " style="background-color: rgb(17, 24, 39);">
                                        <div class="primary_button_img" style="width: 18px; height: 18px;"><i
                                                class="fa-solid fa-headset"></i></div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
