*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --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-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --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-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

.tw-fixed {
  position: fixed
}

.tw-absolute {
  position: absolute
}

.tw-relative {
  position: relative
}

.tw-inset-0 {
  inset: 0px
}

.tw-right-0 {
  right: 0px
}

.tw-right-2 {
  right: 0.5rem
}

.tw-right-4 {
  right: 1rem
}

.tw-top-\[-30px\] {
  top: -30px
}

.tw-top-\[20\%\] {
  top: 20%
}

.tw-top-\[25px\] {
  top: 25px
}

.tw-top-\[45px\] {
  top: 45px
}

.\!tw-z-\[10\] {
  z-index: 10 !important
}

.tw-my-\[-8px\] {
  margin-top: -8px;
  margin-bottom: -8px
}

.tw-me-\[-10px\] {
  margin-inline-end: -10px
}

.tw-ms-3 {
  margin-inline-start: 0.75rem
}

.tw-ms-\[-10px\] {
  margin-inline-start: -10px
}

.tw-ms-\[-30px\] {
  margin-inline-start: -30px
}

.tw-mt-\[-5px\] {
  margin-top: -5px
}

.tw-mt-\[100px\] {
  margin-top: 100px
}

.tw-mt-\[2px\] {
  margin-top: 2px
}

.tw-block {
  display: block
}

.tw-flex {
  display: flex
}

.tw-grid {
  display: grid
}

.tw-hidden {
  display: none
}

.tw-h-14 {
  height: 3.5rem
}

.tw-h-\[100px\] {
  height: 100px
}

.tw-h-\[100vh\] {
  height: 100vh
}

.tw-h-\[20px\] {
  height: 20px
}

.tw-h-\[225px\] {
  height: 225px
}

.tw-h-\[30px\] {
  height: 30px
}

.tw-h-\[80px\] {
  height: 80px
}

.tw-h-full {
  height: 100%
}

.tw-w-\[100px\] {
  width: 100px
}

.tw-w-\[100vw\] {
  width: 100vw
}

.tw-w-\[110\%\] {
  width: 110%
}

.tw-w-\[150px\] {
  width: 150px
}

.tw-w-\[200px\] {
  width: 200px
}

.tw-w-\[20px\] {
  width: 20px
}

.tw-w-\[300px\] {
  width: 300px
}

.tw-w-\[30px\] {
  width: 30px
}

.tw-w-\[350px\] {
  width: 350px
}

.tw-w-\[80px\] {
  width: 80px
}

.tw-w-\[80vw\] {
  width: 80vw
}

.tw-w-full {
  width: 100%
}

.\!tw-scale-90 {
  --tw-scale-x: .9 !important;
  --tw-scale-y: .9 !important;
  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)) !important
}

.tw-cursor-pointer {
  cursor: pointer
}

.tw-list-none {
  list-style-type: none
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr))
}

.tw-justify-end {
  justify-content: flex-end
}

.tw-justify-center {
  justify-content: center
}

.tw-justify-between {
  justify-content: space-between
}

.tw-gap-2 {
  gap: 0.5rem
}

.tw-gap-4 {
  gap: 1rem
}

.tw-space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1
}

.tw-overflow-auto {
  overflow: auto
}

.tw-overflow-y-auto {
  overflow-y: auto
}

.tw-scroll-smooth {
  scroll-behavior: smooth
}

.tw-text-wrap {
  text-wrap: wrap
}

.\!tw-border-azana_gold {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 199 105 / var(--tw-border-opacity, 1)) !important
}

.\!tw-bg-azana {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(13 47 58 / var(--tw-bg-opacity, 1)) !important
}

.\!tw-bg-transparent {
  background-color: transparent !important
}

.tw-bg-\[\#1f2535\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 37 53 / var(--tw-bg-opacity, 1))
}

.tw-bg-\[\#42f5c6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 245 198 / var(--tw-bg-opacity, 1))
}

.tw-bg-azana {
  --tw-bg-opacity: 1;
  background-color: rgb(13 47 58 / var(--tw-bg-opacity, 1))
}

.tw-bg-azana_merah {
  --tw-bg-opacity: 1;
  background-color: rgb(138 3 3 / var(--tw-bg-opacity, 1))
}

.tw-bg-hijau_votel {
  --tw-bg-opacity: 1;
  background-color: rgb(13 47 58 / var(--tw-bg-opacity, 1))
}

.tw-bg-hijau_votel\/50 {
  background-color: rgb(13 47 58 / 0.5)
}

.tw-bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.tw-bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1))
}

.tw-bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))
}

.tw-bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.tw-bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

.tw-object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

.tw-p-\[1px\] {
  padding: 1px
}

.\!tw-pe-\[10px\] {
  padding-inline-end: 10px !important
}

.tw-text-start {
  text-align: start
}

.tw-text-\[50px\] {
  font-size: 50px
}

.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.tw-text-xs {
  font-size: 0.75rem;
  line-height: 1rem
}

.\!tw-font-extrabold {
  font-weight: 800 !important
}

.tw-font-semibold {
  font-weight: 600
}

.tw-uppercase {
  text-transform: uppercase
}

.\!tw-text-azana_gold {
  --tw-text-opacity: 1 !important;
  color: rgb(229 199 105 / var(--tw-text-opacity, 1)) !important
}

.\!tw-text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}

.tw-text-\[\#42f5c6\] {
  --tw-text-opacity: 1;
  color: rgb(66 245 198 / var(--tw-text-opacity, 1))
}

.tw-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.tw-text-transparent {
  color: transparent
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.tw-decoration-transparent {
  text-decoration-color: transparent
}

.tw-ring-inset {
  --tw-ring-inset: inset
}

.tw-ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}

.hover\:tw-bg-\[\#e8b5b4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 181 180 / var(--tw-bg-opacity, 1))
}

.hover\:tw-bg-azana_gold:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 199 105 / var(--tw-bg-opacity, 1))
}

.hover\:tw-bg-red-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(252 165 165 / var(--tw-bg-opacity, 1))
}

.hover\:tw-bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.hover\:tw-bg-slate-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}

.hover\:tw-text-azana_gold:hover {
  --tw-text-opacity: 1;
  color: rgb(229 199 105 / var(--tw-text-opacity, 1))
}

.hover\:tw-text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
  .md\:tw-static {
    position: static
  }

  .md\:tw-right-\[50px\] {
    right: 50px
  }

  .md\:tw-top-\[50px\] {
    top: 50px
  }

  .md\:tw-mt-\[-18px\] {
    margin-top: -18px
  }

  .md\:tw-block {
    display: block
  }

  .md\:tw-hidden {
    display: none
  }
}

@media (min-width: 1024px) {
  .lg\:tw-ms-\[-10px\] {
    margin-inline-start: -10px
  }

  .lg\:tw-ms-\[-50px\] {
    margin-inline-start: -50px
  }

  .lg\:tw-block {
    display: block
  }

  .lg\:tw-hidden {
    display: none
  }
}