.nav-item {
    position: relative;
  }
  
  .nav-item a {
    display: inline-block;
    position: relative;
    font-weight: 500;
  }
  
  .nav-item a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -3px;
    left: 50%;
    background-color: #22c55e;
    transition: width 0.3s, left 0.3s;
  }
  
  .nav-item a:hover::after,
    .nav-item.active a::after {
    width: 100%;
    left: 0;
  }
  .hidden {
    display: none;
  }


  
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  
  .space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .child\:space-y-2 > * > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  
  .child\:overflow-hidden > * {
    overflow: hidden;
  }
  .dark\:hidden:is(.dark *) {
    display: none;
  }
  .sm\:hidden {
    display: none;
  }
  [hidden] {
    display: none;
  }
  .size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  
@media (min-width: 480px) {
    .container {
      max-width: 480px;
    }
  }
  
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }
  
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
      padding-right: 1rem;
      padding-left: 1rem;
    }
  }
  
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
      padding-right: 5rem;
      padding-left: 5rem;
    }
  }

  .child\:relative > * {
    position: relative;
  }
  
  .child\:z-30 > * {
    z-index: 30;
  }
  
  .child\:col-span-12 > * {
    grid-column: span 12 / span 12;
  }
  
  .child\:col-span-6 > * {
    grid-column: span 6 / span 6;
  }
  
  .child\:mb-8 > * {
    margin-bottom: 2rem;
  }
  
  .child\:mt-14 > * {
    margin-top: 3.5rem;
  }
  
  .child\:mt-8 > * {
    margin-top: 2rem;
  }
  
  .child\:mt-80 > * {
    margin-top: -2rem;
  }
  
  .child\:flex > * {
    display: flex;
  }
  
  .child\:h-12 > * {
    height: 3rem;
  }
  
  .child\:h-48 > * {
    height: 12rem;
  }
  
  .child\:h-8 > * {
    height: 2rem;
  }
  
  .child\:w-64 > * {
    width: 16rem;
  }
  
  .child\:w-8 > * {
    width: 2rem;
  }
  
  .child\:w-\[90\%\] > * {
    width: 90%;
  }
  
  .child\:w-full > * {
    width: 100%;
  }
  
  .child\:cursor-pointer > * {
    cursor: pointer;
  }
  
  .child\:flex-col > * {
    flex-direction: column;
  }
  
  .child\:items-center > * {
    align-items: center;
  }
  
  .child\:justify-center > * {
    justify-content: center;
  }
  
  .child\:justify-between > * {
    justify-content: space-between;
  }
  
  .child\:justify-evenly > * {
    justify-content: space-evenly;
  }
  
  .child\:gap-x-1 > * {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }
  
  .child\:gap-x-2 > * {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  
  .child\:gap-x-4 > * {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  
  .child\:gap-y-2 > * {
    row-gap: 0.5rem;
  }
  
  .child\:gap-y-2\.5 > * {
    row-gap: 0.625rem;
  }
  
  .child\:gap-y-4 > * {
    row-gap: 1rem;
  }
  
  .child\:space-y-2 > * > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  
  .child\:overflow-hidden > * {
    overflow: hidden;
  }
  
  .child\:rounded > * {
    border-radius: 0.25rem;
  }
  
  .child\:rounded-full > * {
    border-radius: 9999px;
  }
  
  .child\:rounded-lg > * {
    border-radius: 0.5rem;
  }
  
  .child\:border > * {
    border-width: 1px;
  }
  
  .child\:border-gray-200 > * {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
  }
  
  .child\:border-white\/20 > * {
    border-color: rgb(255 255 255 / 0.2);
  }
  
  .child\:bg-gray-100 > * {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  }
  
  .child\:bg-white > * {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .child\:bg-zinc-100 > * {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity));
  }
  
  .child\:p-1 > * {
    padding: 0.25rem;
  }
  
  .child\:p-2 > * {
    padding: 0.5rem;
  }
  
  .child\:p-4 > * {
    padding: 1rem;
  }
  
  .child\:px-1 > * {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  
  .child\:px-2 > * {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .child\:py-1 > * {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  
  .child\:py-2 > * {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  .child\:py-3 > * {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  
  .child\:pr-12 > * {
    padding-right: 3rem;
  }
  
  .child\:font-DanaMedium > * {
    font-family: Dana Medium;
  }
  
  .child\:text-sm > * {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  .child\:text-gray-400 > * {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }
  
  .child\:text-gray-600 > * {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }
  
  .child\:text-white > * {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
  
  .child\:shadow > * {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .child\:transition-all > * {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .child\:transition-colors > * {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  
  .child\:duration-300 > * {
    transition-duration: 300ms;
  }
  .duration-300 {
    transition-duration: 300ms;
  }
  .child-hover\:-translate-y-2 > *:hover {
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .child-hover\:-translate-y-5 > *:hover {
    --tw-translate-y: -1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .child-hover\:bg-gray-300\/30 > *:hover {
    background-color: rgb(209 213 219 / 0.3);
  }
  
  .child-hover\:text-green-500 > *:hover {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity));
  }
  .flex-col {
    flex-direction: column;
  }
  
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .text-xs {


    font-size: 0.75rem;
    line-height: 1rem;
  }
    
  @media (min-width: 480px) {
    .xs\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .xs\:gap-6 {
      gap: 1.5rem;
    }
  }
  
@media (min-width: 640px) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  
    .sm\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  
    .sm\:flex {
      display: flex;
    }
  
    .sm\:hidden {
      display: none;
    }
  
    .sm\:h-16 {
      height: 4rem;
    }
  
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .sm\:flex-row {
      flex-direction: row;
    }
  
    .sm\:items-end {
      align-items: flex-end;
    }
  
    .sm\:justify-center {
      justify-content: center;
    }
  
    .sm\:justify-between {
      justify-content: space-between;
    }
  
    .sm\:gap-7 {
      gap: 1.75rem;
    }
  
    .sm\:gap-8 {
      gap: 2rem;
    }
  
    .sm\:gap-x-8 {
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .sm\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .sm\:text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  
    .child\:sm\:col-span-6 > * {
      grid-column: span 6 / span 6;
    }
  
    .child\:sm\:w-56 > * {
      width: 14rem;
    }
  
    .sm\:child\:text-base > * {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media (min-width: 768px) {
    .md\:right-10 {
      right: 2.5rem;
    }
  
    .md\:top-10 {
      top: 2.5rem;
    }
  
    .md\:flex {
      display: flex;
    }
  
    .md\:hidden {
      display: none;
    }
  
    .md\:h-72 {
      height: 18rem;
    }
  
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .md\:gap-x-6 {
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .md\:text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  
    .md\:text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  
    .child\:md\:col-span-4 > * {
      grid-column: span 4 / span 4;
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:sticky {
      position: sticky;
    }
  
    .lg\:left-0 {
      left: 0px;
    }
  
    .lg\:right-40 {
      right: 10rem;
    }
  
    .lg\:top-20 {
      top: 5rem;
    }
  
    .lg\:m-0 {
      margin: 0px;
    }
  
    .lg\:m-5 {
      margin: 1.25rem;
    }
  
    .lg\:mb-0 {
      margin-bottom: 0px;
    }
  
    .lg\:mb-4 {
      margin-bottom: 1rem;
    }
  
    .lg\:mr-2 {
      margin-right: 0.5rem;
    }
  
    .lg\:mt-0 {
      margin-top: 0px;
    }
  
    .lg\:mt-32 {
      margin-top: 8rem;
    }
  
    .lg\:mt-6 {
      margin-top: 1.5rem;
    }
  
    .lg\:block {
      display: block;
    }
  
    .lg\:inline {
      display: inline;
    }
  
    .lg\:flex {
      display: flex;
    }
  
    .lg\:hidden {
      display: none;
    }
  
    .lg\:h-48 {
      height: 12rem;
    }
  
    .lg\:h-6 {
      height: 1.5rem;
    }
  
    .lg\:h-\[200px\] {
      height: 200px;
    }
  
    .lg\:h-\[450px\] {
      height: 450px;
    }
  
    .lg\:h-fit {
      height: -moz-fit-content;
      height: fit-content;
    }
  
    .lg\:h-full {
      height: 100%;
    }
  
    .lg\:w-1\/4 {
      width: 25%;
    }
  
    .lg\:w-3\/4 {
      width: 100%;
    }
  
    .lg\:w-48 {
      width: 12rem;
    }
  
    .lg\:w-6 {
      width: 1.5rem;
    }
  
    .lg\:w-96 {
      width: 24rem;
    }
  
    .lg\:w-\[200px\] {
      width: 200px;
    }
  
    .lg\:w-\[30\%\] {
      width: 30%;
    }
  
    .lg\:w-\[350px\] {
      width: 350px;
    }
  
    .lg\:w-auto {
      width: auto;
    }
  
    .lg\:flex-row {
      flex-direction: row;
    }
  
    .lg\:items-center {
      align-items: center;
    }
  
    .lg\:justify-between {
      justify-content: space-between;
    }
  
    .lg\:gap-12 {
      gap: 3rem;
    }
  
    .lg\:gap-4 {
      gap: 1rem;
    }
  
    .lg\:gap-x-10 {
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .lg\:gap-x-2 {
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .lg\:gap-x-20 {
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .lg\:gap-x-3 {
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .lg\:gap-x-5 {
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .lg\:gap-x-8 {
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .lg\:rounded-lg {
      border-radius: 0.5rem;
    }
  
    .lg\:p-1 {
      padding: 0.25rem;
    }
  
    .lg\:p-1\.5 {
      padding: 0.375rem;
    }
  
    .lg\:px-2 {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
  
    .lg\:px-3 {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
  
    .lg\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .lg\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .lg\:py-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
  
    .lg\:py-1\.5 {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }
  
    .lg\:pb-4 {
      padding-bottom: 1rem;
    }
  
    .lg\:text-2xl {
      font-size: 1.5rem;
      line-height: 2rem;
    }
  
    .lg\:text-3xl {
      font-size: 1.875rem;
      line-height: 2.25rem;
    }
  
    .lg\:text-4xl {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  
    .lg\:text-5xl {
      font-size: 3rem;
      line-height: 1;
    }
  
    .lg\:text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  
    .lg\:text-lg {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  
    .lg\:text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
  
    .lg\:leading-8 {
      line-height: 2rem;
    }
  
    .child\:lg\:h-60 > * {
      height: 15rem;
    }
  
    .child\:lg\:w-72 > * {
      width: 18rem;
    }
  
    .lg\:child\:w-56 > * {
      width: 14rem;
    }
  
    .lg\:child\:gap-x-2 > * {
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .child\:lg\:p-1 > * {
      padding: 0.25rem;
    }
  
    .child\:lg\:p-1\.5 > * {
      padding: 0.375rem;
    }
  
    .child\:lg\:text-base > * {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  }
  
  @media (min-width: 1280px) {
    .xl\:right-48 {
      right: 12rem;
    }
  
    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  
    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  
    .xl\:mr-32 {
      margin-right: 8rem;
    }
  
    .xl\:h-screen {
      height: 100vh;
    }
  
    .xl\:w-1\/5 {
      width: 20%;
    }
  
    .xl\:w-4\/5 {
      width: 80%;
    }
  
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  
    .xl\:items-center {
      align-items: center;
    }
  
    .xl\:px-3 {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
  
    .xl\:text-base {
      font-size: 1rem;
      line-height: 1.5rem;
    }
  
    .xl\:child\:col-span-3 > * {
      grid-column: span 3 / span 3;
    }
  
    .xl\:child\:col-span-6 > * {
      grid-column: span 6 / span 6;
    }
  }
  .child\:dark\:bg-zinc-700:is(.dark *) > * {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  }
  .dark\:child\:bg-zinc-700 > *:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  }
  
.dark\:bg-zinc-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  }
.bg-zinc-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  }
  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }
  *, ::before, ::after {
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-drop-shadow:  ;

  }