/* @tailwind base; */

.tw-btn-azana {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(138 3 3 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(138 3 3 / var(--tw-ring-opacity, 1)) !important
}

.tw-btn-azana:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

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

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

.tw-fixed {
  position: fixed
}

.tw-relative {
  position: relative
}

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

.tw-z-40 {
  z-index: 40
}

.tw-mx-\[-20px\] {
  margin-left: -20px;
  margin-right: -20px
}

.tw-mx-\[10px\] {
  margin-left: 10px;
  margin-right: 10px
}

.tw-mx-\[20px\] {
  margin-left: 20px;
  margin-right: 20px
}

.tw-mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px
}

.tw-mx-\[3px\] {
  margin-left: 3px;
  margin-right: 3px
}

.tw-mx-\[2px\] {
  margin-left: 2px;
  margin-right: 2px
}

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

.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-\[20vh\] {
  margin-top: 20vh
}

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

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

.tw-block {
  display: block
}

.tw-flex {
  display: flex
}

.tw-grid {
  display: grid
}

.tw-hidden {
  display: none
}

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

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

.tw-h-16 {
  height: 4rem
}

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

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

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

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

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

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

.tw-h-screen {
  height: 100vh
}

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

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

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

.tw-cursor-pointer {
  cursor: pointer
}

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

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

.tw-flex-col {
  flex-direction: column
}

.tw-items-stretch {
  align-items: stretch
}

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

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

.tw-overflow-auto {
  overflow: auto
}

.tw-overflow-hidden {
  overflow: hidden
}

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

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

.tw-rounded-lg {
  border-radius: 0.5rem
}

.tw-rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px
}

.tw-border {
  border-width: 1px
}

.tw-border-2 {
  border-width: 2px
}

.tw-border-azana {
  --tw-border-opacity: 1;
  border-color: rgb(138 3 3 / var(--tw-border-opacity, 1))
}

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

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

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

.tw-bg-\[\#9f3335\] {
  --tw-bg-opacity: 1;
  background-color: rgb(159 51 53 / var(--tw-bg-opacity, 1))
}

.tw-bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))
}

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

.tw-bg-azana_muda {
  --tw-bg-opacity: 1;
  background-color: rgb(238 222 222 / var(--tw-bg-opacity, 1))
}

.tw-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / 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-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}

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

.tw-bg-\[\#30a8da\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 168 218 / var(--tw-bg-opacity, 1))
}

.tw-bg-\[\#dff1f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 241 249 / var(--tw-bg-opacity, 1))
}

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

.tw-p-0 {
  padding: 0px
}

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

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

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

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

.tw-indent-2 {
  text-indent: 0.5rem
}

.tw-text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem
}

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

.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
}

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

.tw-italic {
  font-style: italic
}

.tw-leading-3 {
  line-height: .75rem
}

.\!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-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

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

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

.tw-text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

.tw-underline {
  text-decoration-line: underline
}

.tw-no-underline {
  text-decoration-line: none
}

.tw-decoration-azana {
  text-decoration-color: #8A0303
}

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

.tw-underline-offset-1 {
  text-underline-offset: 1px
}

.tw-underline-offset-4 {
  text-underline-offset: 4px
}

.tw-underline-offset-8 {
  text-underline-offset: 8px
}

.tw-underline-offset-2 {
  text-underline-offset: 2px
}

.tw-opacity-100 {
  opacity: 1
}

.tw-opacity-50 {
  opacity: 0.5
}

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

.hover\:tw-scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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))
}

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

.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-text-azana_gold:hover {
  --tw-text-opacity: 1;
  color: rgb(229 199 105 / var(--tw-text-opacity, 1))
}

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

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

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

  .md\:tw-ms-5 {
    margin-inline-start: 1.25rem
  }

  .md\:tw-mt-3 {
    margin-top: 0.75rem
  }

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

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

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

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

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

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

  .md\:tw-w-60 {
    width: 15rem
  }

  .md\:tw-w-96 {
    width: 24rem
  }

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

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

  .md\:tw-overflow-y-scroll {
    overflow-y: scroll
  }

  .md\:tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }

  .md\:tw-p-0 {
    padding: 0px
  }

  .md\:tw-p-3 {
    padding: 0.75rem
  }

  .md\:tw-pt-2 {
    padding-top: 0.5rem
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:tw-py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .lg\:tw-pb-\[200px\] {
    padding-bottom: 200px
  }

  .lg\:tw-pb-\[500px\] {
    padding-bottom: 500px
  }

  .lg\:tw-pb-\[50px\] {
    padding-bottom: 50px
  }

  .lg\:tw-pb-\[80px\] {
    padding-bottom: 80px
  }
}