/* @tailwind base; */

.static {
  position: static
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.left-1\/2 {
  left: 50%
}

.top-1\/2 {
  top: 50%
}

.col-auto {
  grid-column: auto
}

.m-0 {
  margin: 0
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem
}

.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem
}

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem
}

.my-38 {
  margin-top: 9.5rem;
  margin-bottom: 9.5rem
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem
}

.my-18 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mt-8 {
  margin-top: 2rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mb-11 {
  margin-bottom: 2.75rem
}

.mb-0 {
  margin-bottom: 0
}

.mt-1 {
  margin-top: 0.25rem
}

.mb-2 {
  margin-bottom: 0.5rem
}

.mb-8 {
  margin-bottom: 2rem
}

.mt-3 {
  margin-top: 0.75rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.block {
  display: block
}

.inline {
  display: inline
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.aspect-video {
  aspect-ratio: 16 / 9
}

.w-10 {
  width: 2.5rem
}

.w-1\/2 {
  width: 50%
}

.w-\[900px\] {
  width: 900px
}

.w-\[1000px\] {
  width: 1000px
}

.w-full {
  width: 100%
}

.max-w-\[800px\] {
  max-width: 800px
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none
}

.shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0
}

.grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  -webkit-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));
          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))
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  -webkit-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));
          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))
}

.-translate-x-\[50\%\] {
  --tw-translate-x: -50%;
  -webkit-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));
          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))
}

.-translate-y-\[50\%\] {
  --tw-translate-y: -50%;
  -webkit-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));
          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))
}

.transform {
  -webkit-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));
          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))
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center
}

.gap-5 {
  gap: 1.25rem
}

.gap-20 {
  gap: 5rem
}

.gap-4 {
  gap: 1rem
}

.gap-12 {
  gap: 3rem
}

.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-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.rounded-\[4px\] {
  border-radius: 4px
}

.border {
  border-width: 1px
}

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

.bg-\[\#321A60\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 26 96 / var(--tw-bg-opacity, 1))
}

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

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

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

.object-center {
  -o-object-position: center;
     object-position: center
}

.p-11 {
  padding: 2.75rem
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

.pt-5 {
  padding-top: 1.25rem
}

.text-center {
  text-align: center
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem
}

.font-bold {
  font-weight: 700
}

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

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-\[\#8C3EF9\] {
  --tw-text-opacity: 1;
  color: rgb(140 62 249 / var(--tw-text-opacity, 1))
}

.text-\[\#321A60\] {
  --tw-text-opacity: 1;
  color: rgb(50 26 96 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
  .md\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
  }

  .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
}

@media (min-width: 992px) {
  .lg\:my-38 {
    margin-top: 9.5rem;
    margin-bottom: 9.5rem
  }

  .lg\:w-1\/2 {
    width: 50%
  }

  .lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row
  }

  .lg\:gap-20 {
    gap: 5rem
  }

  .lg\:text-\[40px\] {
    font-size: 40px
  }
}

@media (min-width: 1280px) {
  .xl\:text-\[40px\] {
    font-size: 40px
  }
}

.\[\&_span\]\:text-\[\#FFAA6E\] span {
  --tw-text-opacity: 1;
  color: rgb(255 170 110 / var(--tw-text-opacity, 1))
}