  <turbo-stream action="update" target="portal_modals"><template></template></turbo-stream>
  <turbo-stream action="update" target="portal_booking_modal"><template>
    <div id="new-time-popup" class="modal flex hidden" style="display: flex; opacity: 1; transition: opacity 0.3s;">
  <div class="relative max-w-[700px] m-auto w-full pointer-events-auto shadow-xl bg-white rounded-lg overflow-hidden">
    <div class="flex justify-between items-center p-[10px] sm:p-[16px_20px] border-b border-solid border-border_color gap-[10px]">
      <div class="flex flex-col">
        <h6 class="font-medium text-[16px] leading-6 font-text_font text-heading_color">Booking Packages</h6>
        <span class="text-[16px] leading-5 font-normal font-text_font text-text_color">
          Single project with no long-term commitment
        </span>
      </div>
      <span data-action="click->credits#closePortalBookingModal" class="block cursor-pointer close-modal h-[20px] w-[20px]">
        <i class="icon-x text-[20px] text-text_color"></i>
      </span>
    </div>
    <div class="flex sm:flex-row flex-col h-full" data-controller="portal--booking--client-accordion">
      <div class="w-full max-w-[300px] p-5 after-gradient border-b-1 border-b-border_color md:border-b-0 md:border-r md:border-r-border_color">
        <div class="flex flex-col gap-[20px] relative">
  <figure class="w-full h-[150px] overflow-hidden rounded-[10px] relative flex-none [&_img]:object-cover [&_>div]:h-[150px] ">
    <img src="https://media.videoask.com/transcoded/f83430da-81a2-4c58-b3f4-3948359e84bf/thumbnails/preview.gif" class="w-full h-full rounded-[8px]" onerror="this.onerror=null; this.src=&#39;https://topline.com/assets/default_profile-4667468e.svg&#39;;"></img><a data-turbo-stream="true" data-autoplay="true" data-vbtype="video" class="w-full h-full rounded-[8px]" href="/search/show_videoask?key=roberto-risso-91ea8b129b"></a>
  </figure>
  <div class="flex flex-col">
    <div class="flex items-start justify-between gap-1.5">
      <div class="flex flex-col">
        <h6 class="text-[rgba(5,18,55,0.76)] text-base font-medium leading-6 font-text_font relative cursor-pointer">
          Roberto Risso
        </h6>
        <span class="text-[rgba(5,18,55,0.60)] text-sm font-normal leading-5 font-text_font -mt-[2px] [&_span]:text-sm! [&_span]:font-normal!">
          Graphic designer /media specialist  at <a class="not-italic font-text_font text-[18px] text-link_color cursor-pointer claimed" target="_blank" href="/companies/freelance-graphic-designer-1">Freelance Graphic Designer</a>
        </span>
      </div>
<!--        <span data-id="" data-controller="portal--shortlist" data-action="click->portal--shortlist#assignShortlist" role="button" aria-label="Add to shortlist" title="Add to shortlist" class="cursor-pointer grid place-items-center rounded-[50%] h-[30px] w-[30px] bg-[#051237]/[0.02]">-->
<!--          <i data-id="" data-action="click->portal--shortlist#assignShortlist" class="icon-bookmark text-[#051237]/[0.32] text-[15px]" aria-hidden="true"></i>-->
<!--        </span>-->
    </div>
      <ul class="flex flex-none flex-wrap mt-1 mr-[5px] gap-[2px]">
        <li class="3 list-none block! z-1">
          <span class="block cursor-pointer" data-controller="tippy" data-tippy-global-badge="Rising Star" data-tippy-view="list" data-total-badges="[100]">
            <img src="https://topline.com/assets/Star4-eeae359d.svg" />
          </span>
        </li>
</ul>

  </div>

      <p class="description text-[rgba(5,18,55,0.76)] text-sm font-normal leading-5 font-text_font" data-profile-target="description">
        Artistic and creative professional with print and web publishing experience, excellent communication skills, customer service and attention to detail. My goal is to bring positive perspectives and unique ideas to every project through my media knowledge, experience and dedication. In the pursuit of inspiration and artistic expression, I work to leave my mark with concise, integrated, valuable and lasting impressions. Looking for the next opportunity to showcase my talents and take my career to the next level. My ideal position will have creative oriented projects and room for growth.
      </p>
</div>
<div class="mt-5">
  <ul class="bg-[#05123705] rounded-[10px] [&>li~li]:border-t [&>li~li]:border-border_color w-full">
</ul>

</div>

      </div>
      <div class="w-full sm:pr-[6px] flex-1">
        <div data-portal--booking--client-accordion-target="tabContent" data-tab-id="bookingPackageOneTimeConsult" class="block">
          <ul data-controller="portal--booking--client-accordion" class="flex flex-col sm:overflow-auto chatbox sm:overflow-x-hidden sm:max-h-[491px] [&_>li+li]:border-t [&_>li+li]:border-solid [&_>li+li]:border-border_color">
              <li data-portal--booking--client-accordion-target="item" class="accordion-wrapper w-full flex flex-col gap-2 py-5">
  <div class="transition p-[0_20px_0_20px]">
    <button type="button" data-action="click->portal--booking--client-accordion#toggle" aria-expanded="true" data-portal--booking--client-accordion-target="button" class="w-full flex sm:items-center justify-between text-left gap-[10px] flex-col sm:flex-row">
      <div class="flex items-center gap-2.5">
        <i class="anron-plus bg-[rgba(5,18,55,0.04)] rounded-[50%] text-[#05123752] w-[20px] h-[20px] items-center justify-center accordion-icon inline-flex" data-portal--booking--client-accordion-target="icon"></i>
        <span class="text-[rgba(5,18,55,0.76)] text-[16px] leading-[24px] font-normal font-text_font">Intro Response</span>
      </div>
      <div class="flex items-center gap-1">
        <i class="anron-info text-[14px] font-semibold! text-[#051237]/[0.6]" data-tippy-content="&lt;div style='text-align: center; font-size: 12px; line-height: 1.25; color: #fff; max-width:122px;'&gt;10% of topline rate&lt;/div&gt;" aria-expanded="false"></i>
          <span class="text-[#051237] text-sm font-medium leading-5 font-text_font">$10</span>
        <em class="border bg-[rgba(5,18,55,0.02)] rounded-[20px] border-solid border-border_color not-italic pt-[4px] pb-1 px-2 text-[rgba(5,18,55,0.76)] text-[11px] font-medium leading-[1] tracking-[0.2px]">
          One Time
        </em>
      </div>
    </button>
  </div>
  <div data-portal--booking--client-accordion-target="body" class="p-[0_11px_0_20px]">
    <p class="mb-4 text-[14px] leading-5 font-normal pl-[30px] font-text_font text-[rgba(5,18,55,0.60)]">This service provides a quick, personalized response to kickstart your journey, ensuring we align on expectations and next steps.</p>
    <div class="w-full"><a class="db-secondary-button font-medium! h-[36px]! text-[13px]! leading-6 w-full p-[10px_16px]! rounded-[6px]!" data-turbo-stream="true" href="/booking-login-modal?booking_package_id=16531&amp;modal_id=guest-booking-login-modal-16531&amp;person_id=366005628&amp;redirect_url=%2Fpeople%2Froberto-risso-8e6309191b%3Fbi%3D16531%26open_guaranteed_response%3Dtrue&amp;type=social">Quick Intro</a></div>
  </div>
</li>

              <li data-portal--booking--client-accordion-target="item" class="accordion-wrapper w-full flex flex-col gap-2 py-5">
  <div class="transition p-[0_20px_0_20px]">
    <button type="button" data-action="click->portal--booking--client-accordion#toggle" aria-expanded="true" data-portal--booking--client-accordion-target="button" class="w-full flex sm:items-center justify-between text-left gap-[10px] flex-col sm:flex-row">
      <div class="flex items-center gap-2.5">
        <i class="anron-plus bg-[rgba(5,18,55,0.04)] rounded-[50%] text-[#05123752] w-[20px] h-[20px] items-center justify-center accordion-icon inline-flex" data-portal--booking--client-accordion-target="icon"></i>
        <span class="text-[rgba(5,18,55,0.76)] text-[16px] leading-[24px] font-normal font-text_font">15 Minute Meeting</span>
      </div>
      <div class="flex items-center gap-1">
        <i class="anron-info text-[14px] font-semibold! text-[#051237]/[0.6]" data-tippy-content="&lt;div style='text-align: center; font-size: 12px; line-height: 1.25; color: #fff; max-width:122px;'&gt;10% of topline rate&lt;/div&gt;" aria-expanded="false"></i>
          <span class="text-[#051237] text-sm font-medium leading-5 font-text_font">$24</span>
        <em class="border bg-[rgba(5,18,55,0.02)] rounded-[20px] border-solid border-border_color not-italic pt-[4px] pb-1 px-2 text-[rgba(5,18,55,0.76)] text-[11px] font-medium leading-[1] tracking-[0.2px]">
          One Time
        </em>
      </div>
    </button>
  </div>
  <div data-portal--booking--client-accordion-target="body" class="p-[0_11px_0_20px]">
    <p class="mb-4 text-[14px] leading-5 font-normal pl-[30px] font-text_font text-[rgba(5,18,55,0.60)]">This short session for brief, yet impactful discussions. Whether it&#39;s answering a quick question or outlining a project.</p>
    <div class="w-full"><a class="db-primary-button font-medium! h-[36px]! text-[13px]! leading-6 w-full p-[10px_16px]! rounded-[6px]! static-click" data-turbo-stream="true" href="/booking-login-modal?booking_package_id=16532&amp;modal_id=guest-booking-login-modal-16532&amp;person_id=366005628&amp;redirect_url=%2Fpeople%2Froberto-risso-8e6309191b%3Fbi%3D16532&amp;type=social">Book</a></div>
  </div>
</li>

              <li data-portal--booking--client-accordion-target="item" class="accordion-wrapper w-full flex flex-col gap-2 py-5">
  <div class="transition p-[0_20px_0_20px]">
    <button type="button" data-action="click->portal--booking--client-accordion#toggle" aria-expanded="true" data-portal--booking--client-accordion-target="button" class="w-full flex sm:items-center justify-between text-left gap-[10px] flex-col sm:flex-row">
      <div class="flex items-center gap-2.5">
        <i class="anron-plus bg-[rgba(5,18,55,0.04)] rounded-[50%] text-[#05123752] w-[20px] h-[20px] items-center justify-center accordion-icon inline-flex" data-portal--booking--client-accordion-target="icon"></i>
        <span class="text-[rgba(5,18,55,0.76)] text-[16px] leading-[24px] font-normal font-text_font">1 Hour Meeting</span>
      </div>
      <div class="flex items-center gap-1">
        <i class="anron-info text-[14px] font-semibold! text-[#051237]/[0.6]" data-tippy-content="&lt;div style='text-align: center; font-size: 12px; line-height: 1.25; color: #fff; max-width:122px;'&gt;10% of topline rate&lt;/div&gt;" aria-expanded="false"></i>
          <span class="text-[#051237] text-sm font-medium leading-5 font-text_font">$95</span>
        <em class="border bg-[rgba(5,18,55,0.02)] rounded-[20px] border-solid border-border_color not-italic pt-[4px] pb-1 px-2 text-[rgba(5,18,55,0.76)] text-[11px] font-medium leading-[1] tracking-[0.2px]">
          One Time
        </em>
      </div>
    </button>
  </div>
  <div data-portal--booking--client-accordion-target="body" class="p-[0_11px_0_20px]">
    <p class="mb-4 text-[14px] leading-5 font-normal pl-[30px] font-text_font text-[rgba(5,18,55,0.60)]">In this one-hour meeting, we’ll discuss in-depth strategies, goals, and action plans tailored to your needs. Ideal for clients looking.</p>
    <div class="w-full"><a class="db-primary-button font-medium! h-[36px]! text-[13px]! leading-6 w-full p-[10px_16px]! rounded-[6px]! static-click" data-turbo-stream="true" href="/booking-login-modal?booking_package_id=16533&amp;modal_id=guest-booking-login-modal-16533&amp;person_id=366005628&amp;redirect_url=%2Fpeople%2Froberto-risso-8e6309191b%3Fbi%3D16533&amp;type=social">Book</a></div>
  </div>
</li>

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

</template></turbo-stream>