@extends('frontend.layouts.main2')

<title>Humsafar - Description</title>

<!-- ====main-section==== -->
    <main class="pb-20 xs:pb-0">
        <section class="flex items-start justify-between">
            <!-- ==left-banner-part== -->
            <div class="w-[400px] 2xl:w-[500px] h-screen md:block">
                <img src="{{ asset('frontend/src/images/banner-image-02.png') }}"
                    alt="banner image"
                    class="w-[400px] 2xl:w-[500px] h-full fixed left-0 top-0">
                <picture class="hidden"><img
                        src="{{ asset('frontend/src/images/banner-image-02-alt.png') }}"
                        alt="banner image" loading="lazy"></picture>
            </div>
            <!-- ==right-all-content-part== -->
            <div
                class="md:px-10 xl:px-[60px] py-5 md:py-[30px] md:pb-[50px] flex-1 w-full">
                <!-- =logo-part= -->
                <div
                    class="flex md:items-center justify-between flex-col text-center md:flex-row">
                    <a href="./index.html"
                        class="pl-6 xs:pl-10 sm:pl-20 md:pl-0 fixed w-full left-0 top-0 backdrop-blur-[20px] py-5 md:static md:w-fit md:backdrop-blur-none md:py-0 z-20"><img
                            src="{{ asset('frontend/src/images/logo-alt.png') }}" alt="logo"
                            class="w-[152px] lg:w-[177.74px]"></a>
                    <!-- =small-device-image= -->
                    <picture class="py-7 md:hidden">
                        <img src="./src/images/banner-image-02-alt.png"
                            alt="banner image"
                            class="mb-9 w-full max-h-[400px] object-cover"
                            loading="lazy">
                    </picture>
                    <p class="text-base font-normal text-black">Do you have
                        an account? <a href="#"
                            class="font-bold duration-300 hover:text-red-color">Log
                            in</a></p>
                </div>
                <!-- =main-part= -->
                <div
                    class="px-6 xs:px-10 sm:px-20 md:px-10 xl:px-[60px] pt-6 xl:pt-20 w-full">
                    <div class="w-full">
                        <div
                            class="text-black text-[22px] lg:text-[26px] xl:text-[30px] font-semibold mb-5 flex items-center gap-2.5"><span
                                class="min-w-[34px] h-[34px] xl:min-w-[40px] xl:h-10 rounded-full text-white bg-black text-base xl:text-xl font-semibold flex items-center justify-center">03</span><p>Description</p></div>
                        <form action="#">
                            <!-- =title= -->
                            <div
                                class="mt-5 flex items-center justify-between mb-2.5 text-black text-sm">
                                <h6 class="font-semibold">About Me *</h6>
                                <span class="font-normal"><b>100</b>
                                    characters remaining</span>
                            </div>
                            <textarea
                                class="h-[150px] w-full p-[14px] rounded-[5px] border-[1px] border-[#e2e2e2] resize-none focus:outline-none focus:border-red-color text-sm text-black font-normal"
                                required></textarea>
                            <!-- =checkitem= -->
                            <!-- =title= -->
                            <div
                                class="flex items-center w-full gap-3 mt-10 mb-5">
                                <span
                                    class="text-black text-xl font-semibold whitespace-nowrap">What
                                    do I look like?</span>
                                <div
                                    class="flex-1 h-[1px] bg-[#e2e2e2]"></div>
                            </div>
                            <!-- ==all-content== -->
                            <div
                                class="grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 md:grid-cols-2 xl:grid-cols-3 min-[1500px]:grid-cols-4 gap-5">
                                <!-- ==item-box== -->
                                <div class="flex flex-col gap-5">
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Programming</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Tattooing</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Drive
                                            Others Around</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Refinishing
                                            Furniture</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Programming</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Programming</p>
                                    </button>
                                </div>

                                <!-- ==item-box== -->
                                <div class="flex flex-col gap-5">
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Proofreading
                                            And Editing</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Performing
                                            Stand Up</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Comedy</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Cooking</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Making
                                            T-Shirts</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Proofreading
                                            And Editing</p>
                                    </button>
                                </div>

                                <!-- ==item-box== -->
                                <div class="flex flex-col gap-5">
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Coding</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Writing/Blogging</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Graphic
                                            Design</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Flea
                                            Market Shopping</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Coding</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Coding</p>
                                    </button>
                                </div>

                                <!-- ==item-box== -->
                                <div class="flex flex-col gap-5">
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Making
                                            Music</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Decorating
                                            Homes</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Wine
                                            Making</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Flipping
                                            Items</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Making
                                            Music</p>
                                    </button>
                                    <!-- =item= -->
                                    <button class="check_box" data-checkbox>
                                        <div class="check_icon">
                                            <span class="checked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        fill-rule="evenodd"
                                                        clip-rule="evenodd"
                                                        d="M11.1963 7.03033C11.4892 6.73744 11.4892 6.26256 11.1963 5.96967C10.9035 5.67678 10.4286 5.67678 10.1357 5.96967L7.33268 8.77267L6.19635 7.63634C5.90345 7.34344 5.42858 7.34344 5.13569 7.63634C4.84279 7.92923 4.84279 8.4041 5.13569 8.697L6.8021 10.3634C6.80218 10.3635 6.80227 10.3636 6.80235 10.3637C7.09525 10.6566 7.57012 10.6566 7.86301 10.3637C7.86318 10.3635 7.86335 10.3633 7.86352 10.3632L11.1963 7.03033Z"
                                                        fill="#EA0F8A" />
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#EA0F8A"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                            <span class="unchecked">
                                                <svg width="16" height="17"
                                                    viewBox="0 0 16 17"
                                                    fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M0.75 8.5C0.75 10.1299 0.838312 11.3884 1.0557 12.3666C1.2712 13.3362 1.60343 13.9838 2.05983 14.4402C2.51623 14.8966 3.16376 15.2288 4.1334 15.4443C5.11156 15.6617 6.37012 15.75 8 15.75C9.62988 15.75 10.8884 15.6617 11.8666 15.4443C12.8362 15.2288 13.4838 14.8966 13.9402 14.4402C14.3966 13.9838 14.7288 13.3362 14.9443 12.3666C15.1617 11.3884 15.25 10.1299 15.25 8.5C15.25 6.87012 15.1617 5.61156 14.9443 4.6334C14.7288 3.66376 14.3966 3.01623 13.9402 2.55983C13.4838 2.10343 12.8362 1.7712 11.8666 1.5557C10.8884 1.33831 9.62988 1.25 8 1.25C6.37012 1.25 5.11156 1.33831 4.1334 1.5557C3.16376 1.7712 2.51623 2.10343 2.05983 2.55983C1.60343 3.01623 1.2712 3.66376 1.0557 4.6334C0.838312 5.61156 0.75 6.87012 0.75 8.5Z"
                                                        stroke="#CACACA"
                                                        stroke-width="1.5"
                                                        stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </svg>
                                            </span>
                                        </div>
                                        <p
                                            class="text-black text-sm font-semibold">Making
                                            Music</p>
                                    </button>
                                </div>
                            </div>
                        </form>

                        <!-- =page-buttons= -->
                        <div
                            class="flex items-center justify-center gap-3 pt-20 pb-10">
                            <a href="#"
                                class="flex items-center justify-center gap-2.5 py-[15px] px-[32px] rounded-[5px] border-[1px] border-[#d0d0d0] duration-300 hover:border-red-color">
                                <svg width="17" height="13"
                                    viewBox="0 0 17 13" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M16.9004 6.4998C16.9004 6.11321 16.587 5.7998 16.2004 5.7998L1.20039 5.79981C0.813791 5.79981 0.500391 6.11321 0.500391 6.49981C0.500391 6.8864 0.813791 7.19981 1.20039 7.19981L16.2004 7.1998C16.587 7.1998 16.9004 6.8864 16.9004 6.4998Z"
                                        fill="#444444" />
                                    <path fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M5.68063 0.990524C5.39936 0.725294 4.95634 0.738297 4.69111 1.01957L5.20039 1.49981L5.70967 1.98005C5.9749 1.69878 5.9619 1.25575 5.68063 0.990524ZM5.20039 11.4998L5.70963 11.0195L5.51713 10.8149C5.39438 10.6843 5.21897 10.4974 5.00844 10.2724C4.58728 9.82219 4.02612 9.21998 3.46529 8.61104C2.90369 8.00126 2.34552 7.38808 1.92903 6.91476C1.79 6.75677 1.66914 6.61705 1.57034 6.49981C1.66914 6.38256 1.79 6.24284 1.92903 6.08485C2.34552 5.61154 2.90369 4.99835 3.46529 4.38857C4.02612 3.77963 4.58728 3.17743 5.00844 2.72724C5.21897 2.5022 5.39438 2.31529 5.51713 2.18468L5.70967 1.98005L5.20039 1.49981L4.69111 1.01957L4.49693 1.22593C4.37358 1.35719 4.19743 1.54488 3.98609 1.77079C3.5635 2.2225 2.99966 2.82757 2.43549 3.44014C1.87209 4.05188 1.30526 4.67445 0.878001 5.16C0.665241 5.40179 0.481713 5.61568 0.349258 5.77962C0.284148 5.86021 0.223358 5.93857 0.175935 6.00687C0.153092 6.03977 0.124034 6.08359 0.0978551 6.1319C0.0848794 6.15585 0.0658822 6.19314 0.0485597 6.23914C0.0355635 6.27365 0.000389099 6.37131 0.000389099 6.49981C0.000389099 6.6283 0.0355635 6.72596 0.0485597 6.76047C0.0658822 6.80647 0.0848794 6.84376 0.0978551 6.86771C0.124034 6.91602 0.153092 6.95984 0.175935 6.99274C0.223358 7.06104 0.284148 7.13941 0.349258 7.21999C0.481713 7.38393 0.665241 7.59782 0.878001 7.83961C1.30526 8.32516 1.87209 8.94773 2.43549 9.55947C2.99966 10.172 3.5635 10.7771 3.98609 11.2288C4.19743 11.4547 4.37358 11.6424 4.49693 11.7737L4.69104 11.98L5.20039 11.4998ZM5.20039 11.4998L5.70963 11.0195C5.97486 11.3008 5.9619 11.7439 5.68063 12.0091C5.39936 12.2743 4.95627 12.2612 4.69104 11.98L5.20039 11.4998Z"
                                        fill="#444444" />
                                </svg>
                                <span
                                    class="text-[#444] text-sm font-semibold">Back</span>
                            </a>
                            <a href="{{ route('finding-details')}}"
                                class="flex items-center justify-center gap-2.5 py-[15px] px-[32px] rounded-[5px] border-[1px] border-blue-color bg-blue-color text-white duration-300 hover:bg-red-color hover:border-red-color">
                                <span
                                    class="text-sm font-semibold">Next</span>
                                <svg width="17" height="13"
                                    viewBox="0 0 17 13" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M-3.53054e-08 6.4998C-1.58067e-08 6.11321 0.313401 5.7998 0.7 5.7998L15.7 5.79981C16.0866 5.79981 16.4 6.11321 16.4 6.49981C16.4 6.8864 16.0866 7.19981 15.7 7.19981L0.7 7.1998C0.313401 7.1998 -5.4804e-08 6.8864 -3.53054e-08 6.4998Z"
                                        fill="white" />
                                    <path fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M11.2198 0.990524C11.501 0.725294 11.9441 0.738297 12.2093 1.01957L11.7 1.49981L11.1907 1.98005C10.9255 1.69878 10.9385 1.25575 11.2198 0.990524ZM11.7 11.4998L11.1908 11.0195L11.3833 10.8149C11.506 10.6843 11.6814 10.4974 11.8919 10.2724C12.3131 9.82219 12.8743 9.21998 13.4351 8.61104C13.9967 8.00126 14.5549 7.38808 14.9714 6.91476C15.1104 6.75677 15.2313 6.61705 15.33 6.49981C15.2313 6.38256 15.1104 6.24284 14.9714 6.08485C14.5549 5.61154 13.9967 4.99835 13.4351 4.38857C12.8743 3.77963 12.3131 3.17743 11.8919 2.72724C11.6814 2.5022 11.506 2.31529 11.3833 2.18468L11.1907 1.98005L11.7 1.49981L12.2093 1.01957L12.4035 1.22593C12.5268 1.35719 12.703 1.54488 12.9143 1.77079C13.3369 2.2225 13.9007 2.82757 14.4649 3.44014C15.0283 4.05188 15.5951 4.67445 16.0224 5.16C16.2351 5.40179 16.4187 5.61568 16.5511 5.77962C16.6162 5.86021 16.677 5.93857 16.7245 6.00687C16.7473 6.03977 16.7764 6.08359 16.8025 6.1319C16.8155 6.15585 16.8345 6.19314 16.8518 6.23914C16.8648 6.27365 16.9 6.37131 16.9 6.49981C16.9 6.6283 16.8648 6.72596 16.8518 6.76047C16.8345 6.80647 16.8155 6.84376 16.8025 6.86771C16.7764 6.91602 16.7473 6.95984 16.7245 6.99274C16.677 7.06104 16.6162 7.13941 16.5511 7.21999C16.4187 7.38393 16.2351 7.59782 16.0224 7.83961C15.5951 8.32516 15.0283 8.94773 14.4649 9.55947C13.9007 10.172 13.3369 10.7771 12.9143 11.2288C12.703 11.4547 12.5268 11.6424 12.4035 11.7737L12.2093 11.98L11.7 11.4998ZM11.7 11.4998L11.1908 11.0195C10.9255 11.3008 10.9385 11.7439 11.2198 12.0091C11.501 12.2743 11.9441 12.2612 12.2093 11.98L11.7 11.4998Z"
                                        fill="white" />
                                </svg>
                            </a>
                        </div>
                    </div>

                    <!-- ===small-device-footer=== -->
                    <section
                        class="xs:hidden w-full fixed bottom-0 left-0 flex items-center justify-center z-10 bg-white"
                        style="box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.3);">
                        <div
                            class="small_container flex items-center justify-between bg-white pt-2.5 pb-3 max-w-[400px] w-full  rounded-t-lg">
                            <!-- =left= -->
                            <div class="w-1/2 flex items-center gap-[20%]">
                                <a href="#"
                                    class="flex flex-col items-center justify-center text-black gap-0 hover:text-red-color duration-300">
                                    <i class="ri-home-6-line text-2xl"></i>
                                    <p
                                        class="text-[12px] font-semibold -mt-1">Home</p>
                                </a>
                                <button
                                    class="flex flex-col items-center justify-center text-black gap-0 hover:text-red-color duration-300">
                                    <i
                                        class="ri-search-2-line text-2xl"></i>
                                    <p
                                        class="text-[12px] font-semibold -mt-1">Search</p>
                                </button>
                            </div>
                            <!-- =right= -->
                            <div
                                class="w-1/2 flex items-center gap-[20%] justify-end">
                                <a href="#"
                                    class="flex flex-col items-center justify-center text-black gap-0 hover:text-red-color duration-300">
                                    <i
                                        class="ri-account-circle-line text-2xl"></i>
                                    <p
                                        class="text-[12px] font-semibold -mt-1">My
                                        Account</p>
                                </a>
                                <button
                                    class="flex flex-col items-center justify-center text-black gap-0 hover:text-red-color duration-300">
                                    <i
                                        class="ri-message-3-line text-2xl"></i>
                                    <p
                                        class="text-[12px] font-semibold -mt-1">Blog</p>
                                </button>
                            </div>
                            <!-- =add-button= -->
                            <button
                                class="w-[56px] h-[56px] rounded-full bg-blue-color absolute left-1/2 text-white -translate-x-1/2 -top-4 flex items-center justify-center duration-300 hover:bg-red-color"
                                style="box-shadow: 0 0 10px hsla(0, 0%, 0%, 0.3);">
                                <svg width="20" height="20"
                                    viewBox="0 0 20 20"
                                    fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M19.4922 10C19.4922 10.5477 19.0482 10.9917 18.5005 10.9917L1.50052 10.9917C0.952837 10.9917 0.508854 10.5477 0.508854 10C0.508854 9.45235 0.952837 9.00837 1.50052 9.00837L18.5005 9.00837C19.0482 9.00837 19.4922 9.45235 19.4922 10Z"
                                        fill="white" />
                                    <path fill-rule="evenodd"
                                        clip-rule="evenodd"
                                        d="M10.0005 0.508301C10.5482 0.508301 10.9922 0.952285 10.9922 1.49997L10.9922 18.5C10.9922 19.0477 10.5482 19.4916 10.0005 19.4916C9.45284 19.4916 9.00885 19.0477 9.00885 18.5L9.00885 1.49997C9.00885 0.952285 9.45284 0.508301 10.0005 0.508301Z"
                                        fill="white" />
                                </svg>
                            </button>
                        </div>
                    </section>
                </div>
            </div>
        </section>
    </main>