.elementor-kit-6{--e-global-color-primary:#101014;--e-global-color-secondary:#8305D6;--e-global-color-text:#ECECEC;--e-global-color-accent:#8305D638;--e-global-color-26db7bc:#1CACF4;--e-global-color-1c2fb7d:#FF007B;--e-global-typography-primary-font-family:"Alexandria";--e-global-typography-primary-font-size:4rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Space Grotesk";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;background-color:#030303;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100vw;}.e-con{--container-max-width:100vw;--container-default-padding-top:80px;--container-default-padding-right:80px;--container-default-padding-bottom:80px;--container-default-padding-left:80px;}.elementor-widget:not(:last-child){margin-block-end:8px;}.elementor-element{--widgets-spacing:8px 8px;--widgets-spacing-row:8px;--widgets-spacing-column:8px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<nav class="tabs overflow-x-auto space-x-1 p-1" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
  <button type="button" class="btn btn-text active-tab:bg-primary active-tab:text-white hover:text-primary active hover:bg-primary/20" id="tabs-pill-icon-item-1" data-tab="#tabs-pill-icon-1" aria-controls="tabs-pill-icon-1" role="tab" aria-selected="false">
    <span class="icon-[tabler--home] size-5 shrink-0"></span>
    <span class="hidden sm:inline">Home</span>
  </button>
  <button type="button" class="btn btn-text active-tab:bg-primary active-tab:text-white hover:text-primary hover:bg-primary/20" id="tabs-pill-icon-item-2" data-tab="#tabs-pill-icon-2" aria-controls="tabs-pill-icon-2" role="tab" aria-selected="false">
    <span class="icon-[tabler--user] size-5 shrink-0"></span>
    <span class="hidden sm:inline">Profile</span>
  </button>
  <button type="button" class="btn btn-text active-tab:bg-primary active-tab:text-white hover:text-primary hover:bg-primary/20" id="tabs-pill-icon-item-3" data-tab="#tabs-pill-icon-3" aria-controls="tabs-pill-icon-3" role="tab" aria-selected="false">
    <span class="icon-[tabler--message] size-5 shrink-0"></span>
    <span class="hidden sm:inline">Messages<span>
  </button>
</nav>

<div class="mt-3">
  <div id="tabs-pill-icon-1" role="tabpanel" aria-labelledby="tabs-pill-icon-item-1">
    <p class="text-base-content/80"> 
      Welcome to the <span class="text-base-content font-semibold">Home tab!</span> Explore the latest updates and news here. 
    </p>
  </div>
  <div id="tabs-pill-icon-2" class="hidden" role="tabpanel" aria-labelledby="tabs-pill-icon-item-2">
    <p class="text-base-content/80">
      This is your <span class="text-base-content font-semibold">Profile</span> tab, where you can update your personal information and manage your account details. 
     </p>
  </div>
  <div id="tabs-pill-icon-3" class="hidden" role="tabpanel" aria-labelledby="tabs-pill-icon-item-3">
    <p class="text-base-content/80"> 
      <span class="text-base-content font-semibold">Messages:</span> View your recent messages, chat with friends, and manage your conversations.
     </p>
  </div>
</div>/* End custom CSS */