.p-0 {
  padding: 0;
}
.to-black\/80 {
  --tw-gradient-to: rgba(0,0,0,.8) var(--tw-gradient-to-position);
}
.from-black\/0 {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top,var(--tw-gradient-stops));
}
.w-full {
  width: 100%;
}
.z-40 {
  z-index: 40;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.left-0 {
  left: 0;
}
.fixed {
  position: fixed;
}
.navbar {
  align-items: center;
  display: flex;
  min-height: 4rem;
  padding: .5rem;
  width: 100%;
}
.pt-2 {
  padding-top: .5rem;
}
.w-full {
  width: 100%;
}
.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}
.relative {
  position: relative;
}

.pt-2 {
  padding-top: .5rem;
}
.w-full {
  width: 100%;
}
.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}
.relative {
  position: relative;
}
:where(.navbar > *) {
  align-items: center;
  display: inline-flex;
}
.p-2 {
  padding: .5rem;
}
.gap-2 {
  gap: .5rem;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.flex {
  display: flex;
}
.p-2 {
  padding: .5rem;
}
.gap-2 {
  gap: .5rem;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.flex {
  display: flex;
}
.w-\[60px\] {
  width: 60px;
}
.h-\[60px\] {
  height: 60px;
}
.flex {
  display: flex;
}
.fancybox-inner {
	background-color: inherit !important;
}
.tooltip-secondary {
  --tooltip-color: var(--fallback-s,oklch(var(--s)/1));
  --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1));
}
.tooltip {
  --tooltip-tail: 0.1875rem;
  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
  display: inline-block;
  position: relative;
  text-align: center;
}
.tooltip {
  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
}
.btn-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/1));
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-s,oklch(var(--s)/1));
}
@supports (color:oklch(0 0 0)) {
  .btn-secondary {
    --btn-color: var(--s);
  }
}
.btn {
  --tw-text-opacity: 1;
  --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  --tw-bg-opacity: 1;
  --tw-border-opacity: 1;
  align-items: center;
  animation: button-pop .25s ease-out;
  animation: button-pop var(--animation-btn,.25s) ease-out;
  background-color: oklch(var(--btn-color,var(--b2))/1);
  background-color: oklch(var(--btn-color,var(--b2))/var(--tw-bg-opacity));
  border-color: transparent;
  border-color: oklch(var(--btn-color,var(--b2))/var(--tw-border-opacity));
  border-radius: .5rem;
  border-radius: var(--rounded-btn,.5rem);
  border-width: 1px;
  border-width: var(--border-btn,1px);
  box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);
  box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  /*color: var(--fallback-bc,oklch(var(--bc)/1));
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));*/
  color: #000;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  font-size: .875rem;
  font-weight: 600;
  gap: .5rem;
  height: 3rem;
  justify-content: center;
  line-height: 1em;
  min-height: 3rem;
  outline-color: var(--fallback-bc,oklch(var(--bc)/1));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  text-decoration-line: none;
  transition-duration: .2s;
  transition-property: color,background-color,border-color,opacity,box-shadow,transform;
  transition-timing-function: cubic-bezier(0,0,.2,1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.btn {
  font-family: National2Condensed;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
}

.w-\[60px\] {
  width: 60px;
}
.h-\[60px\] {
  height: 60px;
}
.flex {
  display: flex;
}
.tooltip-secondary {
  --tooltip-color: var(--fallback-s,oklch(var(--s)/1));
  --tooltip-text-color: var(--fallback-sc,oklch(var(--sc)/1));
}
.tooltip {
  --tooltip-tail: 0.1875rem;
  --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
  --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
  --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
  display: inline-block;
  position: relative;
  text-align: center;
}
.tooltip {
  --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
}
.btn-secondary {
  --tw-text-opacity: 1;
  color: var(--fallback-sc,oklch(var(--sc)/1));
  color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-s,oklch(var(--s)/1));
}
@supports (color:oklch(0 0 0)) {
  .btn-secondary {
    --btn-color: var(--s);
  }
}

.btn-badge {
  border-radius: 9999px;
  /* font-size: 24px; */
  /* height: 40px; */
  min-width: 130px;
  font-size: 30px;
  height: 60px;
}

.rounded-full {
  border-radius: 9999px;
}

.btn-accent {
  --tw-text-opacity: 1;
  color: var(--fallback-ac,oklch(var(--ac)/1));
  color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
  outline-color: var(--fallback-a,oklch(var(--a)/1));
}
@supports (color:oklch(0 0 0)) {
  .btn-accent {
    --btn-color: var(--a);
  }
}
@supports (color:oklch(0 0 0)) {
  .btn-primary {
    --btn-color: var(--p);
  }
}
.btn-primary {
  --tw-text-opacity: 1;
  color: var(--fallback-pc,oklch(var(--pc)/1));
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
  outline-color: var(--fallback-p,oklch(var(--p)/1));
}

svg {
	display: block;
}

.desktop-menu-items{
  	display: none;
}

@media (min-width: 640px) {
  .tablet\:mx-content {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (min-width: 1024px) {
  .laptop\:ml-0 {
    margin-left: 0;
  }
  .desktop-menu-items{
  	display: flex;
  }
}

@media (min-width: 1024px) {
  .laptop\:rounded-full {
    border-radius: 9999px;
  }
}

@media (min-width: 1024px) {
  .laptop\:justify-center {
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .laptop\:bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: #f1f5f9;
    background-color: rgb(241 245 249/var(--tw-bg-opacity));
  }
}
@media (min-width: 1024px) {
  .laptop\:rounded-badge {
    border-radius: 1.9rem;
    border-radius: var(--rounded-badge,1.9rem);
  }
}

@media (min-width: 1280px) {
  @media (min-width: 640px) {
    .desktop\:container {
      max-width: 640px;
    }
  }
}
@media (min-width: 1280px) {
  @media (min-width: 1024px) {
    .desktop\:container {
      max-width: 1024px;
    }
  }
}

@media (min-width: 1280px) {
  @media (min-width: 1280px) {
    .desktop\:container {
      max-width: 1280px;
    }
  }
}


@media (min-width: 1280px) {
  .btn-badge {
    /* font-size: 30px; */
    /* font-size: 24px; */
    /* height: 60px; */
    /* min-width: 188px; */
  }
}

@media (min-width: 1280px) {
  .desktop\:container {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .desktop\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
}