  <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/5cdd09ba-67f9-4061-b1bc-61ea91878ea8/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=sheryll-saravia-eb08607d50"></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">
          Sheryll Saravia
        </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!">
          Retail & Marketing Manager  at <span class="not-italic font-text_font text-[18px] font-bold claimed">Thesvia </span>
        </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">
        Dynamic Marathon Runner and Marketing Professional with over 16 years of extensive experience in communications and marketing.

Proven track record in customer service, sales, and business management. Adept at managing projects as a Content Audiovisu
      </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">$8</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=15274&amp;modal_id=guest-booking-login-modal-15274&amp;person_id=366005181&amp;redirect_url=%2Fpeople%2Fsheryll-saravia-f6fa8a3d17%3Fbi%3D15274%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">$19</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=15275&amp;modal_id=guest-booking-login-modal-15275&amp;person_id=366005181&amp;redirect_url=%2Fpeople%2Fsheryll-saravia-f6fa8a3d17%3Fbi%3D15275&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">$75</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=15276&amp;modal_id=guest-booking-login-modal-15276&amp;person_id=366005181&amp;redirect_url=%2Fpeople%2Fsheryll-saravia-f6fa8a3d17%3Fbi%3D15276&amp;type=social">Book</a></div>
  </div>
</li>

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

</template></turbo-stream>