.a_no_deco a {
    text-decoration: none
}
*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

:before,:after {
    --tw-content: ""
}
html,:host {

    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;

}
*,: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 / .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: ;
}

::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 / .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: ;
}

.has-overlay {
    position: relative;
    --overlay-opacity-1: .1;
    --overlay-opacity-2: .1;
    --overlay-gradient-dir: 45deg;
    background-repeat: no-repeat;
    background-size: var(--overlay-bg-size, cover);
    background-position: var(--overlay-bg-pos, center center)
}

.has-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(var(--overlay-gradient-dir),rgba(0,0,0,var(--overlay-opacity-1)),rgba(0,0,0,var(--overlay-opacity-2)));
    pointer-events: none;
    z-index: 1
}

.has-overlay--20 {
    --overlay-opacity-1: .2;
    --overlay-opacity-2: .2
}

.has-overlay--30 {
    --overlay-opacity-1: .3;
    --overlay-opacity-2: .3
}

.has-overlay--45 {
    --overlay-opacity-1: .45;
    --overlay-opacity-2: .45
}

.has-overlay--t {
    --overlay-gradient-dir: 180deg;
    --overlay-opacity-2: 0
}

.has-overlay--b {
    --overlay-gradient-dir: 0deg;
    --overlay-opacity-2: 0
}

.has-overlay--l {
    --overlay-gradient-dir: 90deg;
    --overlay-opacity-2: 0
}

.has-overlay--r {
    --overlay-gradient-dir: 270deg;
    --overlay-opacity-2: 0
}

.has-overlay--tl {
    --overlay-gradient-dir: 135deg;
    --overlay-opacity-2: 0
}

.has-overlay--tr {
    --overlay-gradient-dir: 225deg;
    --overlay-opacity-2: 0
}

.has-overlay--br {
    --overlay-gradient-dir: 315deg;
    --overlay-opacity-2: 0
}

.has-overlay--bl {
    --overlay-gradient-dir: 45deg;
    --overlay-opacity-2: 0
}

.Section {
    padding-inline:16px}

@media (min-width: 375px) {
.Section {
    padding-inline:24px
}
}

@media (min-width: 480px) {
.Section {
    padding-inline:40px
}
}

@media (min-width: 1280px) {
.Section {
    padding-inline:72px
}
}

.Section--full-width {
    padding-inline:0}

 :is(.sr-only) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

 :is(.visible) {
    visibility: visible
}

 :is(.invisible) {
    visibility: hidden
}

 :is(.fixed) {
    position: fixed
}

 :is(.absolute) {
    position: absolute
}

 :is(.relative) {
    position: relative
}

 :is(.inset-0) {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

 :is(.-top-4) {
    top: -1rem
}

 :is(.bottom-0) {
    bottom: 0
}

 :is(.bottom-10) {
    bottom: 2.5rem
}

 :is(.bottom-3) {
    bottom: .75rem
}

 :is(.bottom-9) {
    bottom: 2.25rem
}

 :is(.left-0) {
    left: 0
}

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

 :is(.left-10) {
    left: 2.5rem
}

 :is(.left-2) {
    left: .5rem
}

 :is(.left-6) {
    left: 1.5rem
}

 :is(.right-0) {
    right: 0
}

 :is(.right-1\/2) {
    right: 50%
}

 :is(.right-10) {
    right: 2.5rem
}

 :is(.right-2) {
    right: .5rem
}

 :is(.top-0) {
    top: 0
}

 :is(.top-1) {
    top: .25rem
}

 :is(.top-6) {
    top: 1.5rem
}

 :is(.z-10) {
    z-index: 10
}

 :is(.z-20) {
    z-index: 20
}

 :is(.z-30) {
    z-index: 30
}

 :is(.z-40) {
    z-index: 40
}

 :is(.z-50) {
    z-index: 50
}

 :is(.order-3) {
    order: 3
}

 :is(.col-start-1) {
    grid-column-start: 1
}

 :is(.col-start-2) {
    grid-column-start: 2
}

 :is(.row-start-1) {
    grid-row-start: 1
}

 :is(.m-auto) {
    margin: auto
}

 :is(.mx-2) {
    margin-left: .5rem;
    margin-right: .5rem
}

 :is(.mx-8) {
    margin-left: 2rem;
    margin-right: 2rem
}

 :is(.mx-auto) {
    margin-left: auto;
    margin-right: auto
}

 :is(.my-1) {
    margin-top: .25rem;
    margin-bottom: .25rem
}

 :is(.my-10) {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

 :is(.my-2) {
    margin-top: .5rem;
    margin-bottom: .5rem
}

 :is(.my-3) {
    margin-top: .75rem;
    margin-bottom: .75rem
}

 :is(.my-4) {
    margin-top: 1rem;
    margin-bottom: 1rem
}

 :is(.my-6) {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

 :is(.my-8) {
    margin-top: 2rem;
    margin-bottom: 2rem
}

 :is(.mb-0) {
    margin-bottom: 0
}

 :is(.mb-1) {
    margin-bottom: .25rem
}

 :is(.mb-10) {
    margin-bottom: 2.5rem
}

 :is(.mb-18) {
    margin-bottom: 4.5rem
}

 :is(.mb-2) {
    margin-bottom: .5rem
}

 :is(.mb-4) {
    margin-bottom: 1rem
}

 :is(.mb-6) {
    margin-bottom: 1.5rem
}

 :is(.mb-8) {
    margin-bottom: 2rem
}

 :is(.mb-auto) {
    margin-bottom: auto
}

 :is(.ml-2) {
    margin-left: .5rem
}

 :is(.ml-3) {
    margin-left: .75rem
}

 :is(.ml-auto) {
    margin-left: auto
}

 :is(.mr-2) {
    margin-right: .5rem
}

 :is(.mr-4) {
    margin-right: 1rem
}

 :is(.mr-auto) {
    margin-right: auto
}

 :is(.mt-0) {
    margin-top: 0
}

 :is(.mt-2) {
    margin-top: .5rem
}

 :is(.mt-3) {
    margin-top: .75rem
}

 :is(.mt-4) {
    margin-top: 1rem
}

 :is(.mt-6) {
    margin-top: 1.5rem
}

 :is(.mt-8) {
    margin-top: 2rem
}

 :is(.mt-auto) {
    margin-top: auto
}

 :is(.block) {
    display: block
}

 :is(.inline-block) {
    display: inline-block
}

 :is(.flex) {
    display: flex
}

 :is(.grid) {
    display: grid
}

 :is(.inline-grid) {
    display: inline-grid
}

 :is(.hidden) {
    display: none
}

 :is(.aspect-video) {
    aspect-ratio: 16 / 9
}

 :is(.h-10) {
    height: 2.5rem
}

 :is(.h-12) {
    height: 3rem
}

 :is(.h-16) {
    height: 4rem
}

 :is(.h-20) {
    height: 5rem
}

 :is(.h-24) {
    height: 6rem
}

 :is(.h-25) {
    height: 6.25rem
}

 :is(.h-28) {
    height: 7rem
}

 :is(.h-5) {
    height: 1.25rem
}

 :is(.h-7) {
    height: 1.75rem
}

 :is(.h-full) {
    height: 100%
}

 :is(.h-screen) {
    height: 100vh
}

 :is(.max-h-20) {
    max-height: 5rem
}

 :is(.max-h-8) {
    max-height: 2rem
}

 :is(.max-h-full) {
    max-height: 100%
}

 :is(.min-h-48) {
    min-height: 12rem
}

 :is(.min-h-\[125px\]) {
    min-height: 125px
}

 :is(.min-h-\[276px\]) {
    min-height: 276px
}

 :is(.min-h-\[370px\]) {
    min-height: 370px
}

 :is(.min-h-\[520px\]) {
    min-height: 520px
}

 :is(.min-h-\[574px\]) {
    min-height: 574px
}

 :is(.min-h-full) {
    min-height: 100%
}

 :is(.w-0) {
    width: 0px
}

 :is(.w-10) {
    width: 2.5rem
}

 :is(.w-12) {
    width: 3rem
}

 :is(.w-14) {
    width: 3.5rem
}

 :is(.w-20) {
    width: 5rem
}

 :is(.w-25) {
    width: 6.25rem
}

 :is(.w-5) {
    width: 1.25rem
}

 :is(.w-6\/12) {
    width: 50%
}

 :is(.w-7) {
    width: 1.75rem
}

 :is(.w-\[156px\]) {
    width: 156px
}

 :is(.w-\[1ch\]) {
    width: 1ch
}

 :is(.w-auto) {
    width: auto
}

 :is(.w-fit) {
    width: -moz-fit-content;
    width: fit-content
}

 :is(.w-full) {
    width: 100%
}

 :is(.w-max) {
    width: -moz-max-content;
    width: max-content
}

 :is(.w-screen) {
    width: 100vw
}

 :is(.min-w-\[270px\]) {
    min-width: 270px
}

 :is(.min-w-\[2ch\]) {
    min-width: 2ch
}

 :is(.min-w-full) {
    min-width: 100%
}

 :is(.max-w-20) {
    max-width: 5rem
}

 :is(.max-w-96) {
    max-width: 24rem
}

 :is(.max-w-\[636px\]) {
    max-width: 636px
}

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

 :is(.max-w-full) {
    max-width: 100%
}

 :is(.max-w-px1440) {
    max-width: 90rem
}

 :is(.max-w-xl) {
    max-width: 36rem
}

 :is(.flex-1) {
    flex: 1 1 0%
}

 :is(.shrink-0) {
    flex-shrink: 0
}

 :is(.flex-grow) {
    flex-grow: 1
}

 :is(.transform) {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

 :is(.cursor-pointer) {
    cursor: pointer
}

 :is(.resize) {
    resize: both
}

 :is(.snap-x) {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

 :is(.snap-mandatory) {
    --tw-scroll-snap-strictness: mandatory
}

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

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

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

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

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

 :is(.grid-rows-1) {
    grid-template-rows: repeat(1,minmax(0,1fr))
}

 :is(.grid-rows-3) {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

 :is(.flex-row) {
    flex-direction: row
}

 :is(.flex-col) {
    flex-direction: column
}

 :is(.flex-col-reverse) {
    flex-direction: column-reverse
}

 :is(.items-start) {
    align-items: flex-start
}

 :is(.items-end) {
    align-items: flex-end
}

 :is(.items-center) {
    align-items: center
}

 :is(.justify-start) {
    justify-content: flex-start
}

 :is(.justify-end) {
    justify-content: flex-end
}

 :is(.justify-center) {
    justify-content: center
}

 :is(.justify-between) {
    justify-content: space-between
}

 :is(.gap-1) {
    gap: .25rem
}

 :is(.gap-2) {
    gap: .5rem
}

 :is(.gap-4) {
    gap: 1rem
}

 :is(.gap-6) {
    gap: 1.5rem
}

 :is(.gap-8) {
    gap: 2rem
}

 :is(.gap-x-4) {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

 :is(.gap-y-6) {
    row-gap: 1.5rem
}

 :is(.self-center) {
    align-self: center
}

 :is(.overflow-hidden) {
    overflow: hidden
}

 :is(.overflow-clip) {
    overflow: clip
}

 :is(.overflow-x-auto) {
    overflow-x: auto
}

 :is(.text-wrap) {
    text-wrap: wrap
}

 :is(.text-balance) {
    text-wrap: balance
}

 :is(.rounded) {
    border-radius: .25rem
}

 :is(.rounded-2xl) {
    border-radius: 1rem
}

 :is(.rounded-3xl) {
    border-radius: 1.5rem
}

 :is(.rounded-4xl) {
    border-radius: 32px
}

 :is(.rounded-full) {
    border-radius: 9999px
}

 :is(.rounded-lg) {
    border-radius: .5rem
}

 :is(.rounded-sm) {
    border-radius: .125rem
}

 :is(.\!border) {
    border-width: 1px!important
}

 :is(.border) {
    border-width: 1px
}

 :is(.border-solid) {
    border-style: solid
}

 :is(.\!border-current) {
    border-color: currentColor!important
}

 :is(.\!border-transparent) {
    border-color: transparent!important
}

 :is(.border-\[\#FFFFFF33\]) {
    border-color: #fff3
}

 :is(.border-transparent) {
    border-color: transparent
}

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

 :is(.border-opacity-20) {
    --tw-border-opacity: .2
}

 :is(.bg-\[\#FFFFFF1A\]) {
    background-color: #ffffff1a
}

 :is(.bg-beige) {
    --tw-bg-opacity: 1;
    background-color: rgb(242 238 231 / var(--tw-bg-opacity))
}

 :is(.bg-black) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

 :is(.bg-forest-green) {
    --tw-bg-opacity: 1;
    background-color: rgb(104 111 77 / var(--tw-bg-opacity))
}

 :is(.bg-gold) {
    --tw-bg-opacity: 1;
    background-color: rgb(204 159 3 / var(--tw-bg-opacity))
}

 :is(.bg-light-grey) {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity))
}

 :is(.bg-sweet-green) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 220 204 / var(--tw-bg-opacity))
}

 :is(.bg-transparent) {
    background-color: transparent
}

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

 :is(.bg-opacity-10) {
    --tw-bg-opacity: .1
}

 :is(.bg-opacity-80) {
    --tw-bg-opacity: .8
}

 :is(.bg-cover) {
    background-size: cover
}

 :is(.bg-center) {
    background-position: center
}

 :is(.bg-no-repeat) {
    background-repeat: no-repeat
}

 :is(.object-cover) {
    -o-object-fit: cover;
    object-fit: cover
}

 :is(.p-2) {
    padding: .5rem
}

 :is(.p-4) {
    padding: 1rem
}

 :is(.p-8) {
    padding: 2rem
}

 :is(.px-2) {
    padding-left: .5rem;
    padding-right: .5rem
}

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

 :is(.px-6) {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

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

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

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

 :is(.py-2) {
    padding-top: .5rem;
    padding-bottom: .5rem
}

 :is(.py-22) {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem
}

 :is(.py-3) {
    padding-top: .75rem;
    padding-bottom: .75rem
}

 :is(.py-4) {
    padding-top: 1rem;
    padding-bottom: 1rem
}

 :is(.\!pb-4) {
    padding-bottom: 1rem!important
}

 :is(.\!pb-6) {
    padding-bottom: 1.5rem!important
}

 :is(.pb-10) {
    padding-bottom: 2.5rem
}

 :is(.pb-14) {
    padding-bottom: 3.5rem
}

 :is(.pb-18) {
    padding-bottom: 4.5rem
}

 :is(.pb-2) {
    padding-bottom: .5rem
}

 :is(.pb-22) {
    padding-bottom: 5.5rem
}

 :is(.pb-3) {
    padding-bottom: .75rem
}

 :is(.pb-6) {
    padding-bottom: 1.5rem
}

 :is(.pt-0) {
    padding-top: 0
}

 :is(.pt-10) {
    padding-top: 2.5rem
}

 :is(.pt-22) {
    padding-top: 5.5rem
}

 :is(.pt-4) {
    padding-top: 1rem
}

 :is(.pt-5) {
    padding-top: 1.25rem
}

 :is(.pt-6) {
    padding-top: 1.5rem
}

 :is(.pt-8) {
    padding-top: 2rem
}

 :is(.text-left) {
    text-align: left
}

 :is(.text-center) {
    text-align: center
}

 :is(.text-right) {
    text-align: right
}

 :is(.text-\[80px\]) {
    font-size: 80px
}

 :is(.text-base) {
    font-size: 1rem;
    line-height: 1.2
}

 :is(.text-px10) {
    font-size: .625rem;
    line-height: 1.2
}

 :is(.text-px11) {
    font-size: .6875rem;
    line-height: 1.2
}

 :is(.text-px12) {
    font-size: .75rem;
    line-height: 1.2
}

 :is(.text-px14) {
    font-size: .875rem;
    line-height: 1.2
}

 :is(.text-px18) {
    font-size: 1.125rem;
    line-height: 1.2
}

 :is(.text-px20) {
    font-size: 1.25rem;
    line-height: 1.2
}

 :is(.text-px24) {
    font-size: 1.5rem;
    line-height: 1.2
}

 :is(.text-px32) {
    font-size: 2rem;
    line-height: 1.2
}

 :is(.text-px40) {
    font-size: 2.5rem;
    line-height: 1.2
}

 :is(.text-px44) {
    font-size: 2.75rem;
    line-height: 1.2
}

 :is(.text-px48) {
    font-size: 3rem;
    line-height: 1.2
}

 :is(.text-px96) {
    font-size: 6rem;
    line-height: 1.2
}

 :is(.font-bold) {
    font-weight: 700
}

 :is(.font-light) {
    font-weight: 300
}

 :is(.font-medium) {
    font-weight: 500
}

 :is(.font-normal) {
    font-weight: 400
}

 :is(.font-semibold) {
    font-weight: 600
}

 :is(.uppercase) {
    text-transform: uppercase
}

 :is(.\!leading-none) {
    line-height: 1!important
}

 :is(.leading-10) {
    line-height: 2.5rem
}

 :is(.leading-3) {
    line-height: .75rem
}

 :is(.leading-4) {
    line-height: 1rem
}

 :is(.leading-6) {
    line-height: 1.5rem
}

 :is(.leading-7) {
    line-height: 1.75rem
}

 :is(.leading-\[1\.25\]) {
    line-height: 1.25
}

 :is(.leading-\[18px\]) {
    line-height: 18px
}

 :is(.leading-\[4px\]) {
    line-height: 4px
}

 :is(.leading-\[62px\]) {
    line-height: 62px
}

 :is(.leading-none) {
    line-height: 1
}

 :is(.-tracking-wide) {
    letter-spacing: -.01em
}

 :is(.tracking-normal) {
    letter-spacing: 0
}

 :is(.tracking-tighter) {
    letter-spacing: -.01em
}

 :is(.tracking-wide) {
    letter-spacing: .01em
}

 :is(.tracking-wider) {
    letter-spacing: .02em
}

 :is(.tracking-widest) {
    letter-spacing: .1em
}

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

 :is(.text-brown) {
    --tw-text-opacity: 1;
    color: rgb(138 112 94 / var(--tw-text-opacity))
}

 :is(.text-dark-grey) {
    --tw-text-opacity: 1;
    color: rgb(111 111 112 / var(--tw-text-opacity))
}

 :is(.text-forest-green) {
    --tw-text-opacity: 1;
    color: rgb(104 111 77 / var(--tw-text-opacity))
}

 :is(.text-light-brown) {
    --tw-text-opacity: 1;
    color: rgb(170 137 106 / var(--tw-text-opacity))
}

 :is(.text-red-brown) {
    --tw-text-opacity: 1;
    color: rgb(99 69 48 / var(--tw-text-opacity))
}

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

 :is(.text-opacity-30) {
    --tw-text-opacity: .3
}

 :is(.underline) {
    text-decoration-line: underline
}

 :is(.underline-offset-2) {
    text-underline-offset: 2px
}

 :is(.opacity-0) {
    opacity: 0
}

 :is(.opacity-50) {
    opacity: .5
}

 :is(.opacity-60) {
    opacity: .6
}

 :is(.filter) {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

 :is(.transition) {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

 :is(.transition-all) {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

 :is(.transition-opacity) {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

 :is(.transition-transform) {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

 :is(.delay-200) {
    transition-delay: .2s
}

 :is(.duration-100) {
    transition-duration: .1s
}

 :is(.duration-1000) {
    transition-duration: 1s
}

 :is(.duration-1300) {
    transition-duration: 1.3s
}

 :is(.duration-2000) {
    transition-duration: 2s
}

 :is(.duration-500) {
    transition-duration: .5s
}

 :is(.ease-expo-out) {
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

 :is(.ease-linear) {
    transition-timing-function: linear
}

 :is(.ease-out) {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

 :is(.vts-hidden) {
    display: none
}

 :is(.hide-scrollbar)::-webkit-scrollbar {
    display: none
}

 :is(.hide-scrollbar) {
    -ms-overflow-style: none;
    scrollbar-width: none
}

svg {
    display: inline-block;
    max-width: 100%;
    height: auto
}

img {
    display: inline-block
}

 :is(.\*\:flex-1>*) {
    flex: 1 1 0%
}

 :is(.\*\:snap-center>*) {
    scroll-snap-align: center
}

 :is(.before\:absolute):before {
    content: var(--tw-content);
    position: absolute
}

 :is(.before\:inset-0):before {
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

 :is(.before\:h-full):before {
    content: var(--tw-content);
    height: 100%
}

 :is(.before\:w-full):before {
    content: var(--tw-content);
    width: 100%
}

 :is(.open\:flex[open]) {
    display: flex
}

 :is(.hover\:\!border-current:hover) {
    border-color: currentColor!important
}

 :is(.hover\:border-current:hover) {
    border-color: currentColor
}

 :is(.hover\:bg-opacity-30:hover) {
    --tw-bg-opacity: .3
}

 :is(.hover\:bg-opacity-85:hover) {
    --tw-bg-opacity: .85
}

 :is(.hover\:duration-1300:hover) {
    transition-duration: 1.3s
}

 :is(.focus\:outline-none:focus) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

 :is(.group:hover .group-hover\:scale-110) {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

 :is(.group:hover .group-hover\:opacity-100) {
    opacity: 1
}

 :is(.group:hover .group-hover\:duration-1000) {
    transition-duration: 1s
}

@media not all and (min-width: 1024px) {
     :is(.max-lg\:sticky) {
        position:sticky
    }

     :is(.max-lg\:flex) {
        display: flex
    }

     :is(.max-lg\:flex-col) {
        flex-direction: column
    }
}

@media not all and (min-width: 768px) {
     :is(.max-md\:auto-cols-auto) {
        grid-auto-columns:auto
    }

     :is(.max-md\:grid-flow-col) {
        grid-auto-flow: column
    }

     :is(.max-md\:px-0) {
        padding-left: 0;
        padding-right: 0
    }

     :is(.max-md\:px-4) {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width: 375px) {
     :is(.xs\:items-center) {
        align-items:center
    }
}

@media (min-width: 480px) {
     :is(.sm\:mt-10) {
        margin-top:2.5rem
    }

     :is(.sm\:mt-12) {
        margin-top: 3rem
    }

     :is(.sm\:w-40) {
        width: 10rem
    }

     :is(.sm\:text-base) {
        font-size: 1rem;
        line-height: 1.2
    }
}

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

     :is(.md\:left-10) {
        left: 2.5rem
    }

     :is(.md\:mx-18) {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

     :is(.md\:mx-auto) {
        margin-left: auto;
        margin-right: auto
    }

     :is(.md\:my-11) {
        margin-top: 2.75rem;
        margin-bottom: 2.75rem
    }

     :is(.md\:mb-0) {
        margin-bottom: 0
    }

     :is(.md\:mb-6) {
        margin-bottom: 1.5rem
    }

     :is(.md\:mr-0) {
        margin-right: 0
    }

     :is(.md\:mt-0) {
        margin-top: 0
    }

     :is(.md\:mt-18) {
        margin-top: 4.5rem
    }

     :is(.md\:mt-2) {
        margin-top: .5rem
    }

     :is(.md\:mt-4) {
        margin-top: 1rem
    }

     :is(.md\:block) {
        display: block
    }

     :is(.md\:flex) {
        display: flex
    }

     :is(.md\:inline-grid) {
        display: inline-grid
    }

     :is(.md\:max-h-28) {
        max-height: 7rem
    }

     :is(.md\:min-h-\[318px\]) {
        min-height: 318px
    }

     :is(.md\:min-h-\[768px\]) {
        min-height: 768px
    }

     :is(.md\:w-80) {
        width: 20rem
    }

     :is(.md\:min-w-\[266px\]) {
        min-width: 266px
    }

     :is(.md\:max-w-28) {
        max-width: 7rem
    }

     :is(.md\:max-w-\[688px\]) {
        max-width: 688px
    }

     :is(.md\:max-w-\[unset\]) {
        max-width: unset
    }

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

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

     :is(.md\:flex-row) {
        flex-direction: row
    }

     :is(.md\:flex-col) {
        flex-direction: column
    }

     :is(.md\:justify-center) {
        justify-content: center
    }

     :is(.md\:gap-3) {
        gap: .75rem
    }

     :is(.md\:gap-4) {
        gap: 1rem
    }

     :is(.md\:gap-x-6) {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

     :is(.md\:bg-transparent) {
        background-color: transparent
    }

     :is(.md\:bg-white\/45) {
        background-color: #ffffff73
    }

     :is(.md\:px-0) {
        padding-left: 0;
        padding-right: 0
    }

     :is(.md\:px-10) {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

     :is(.md\:px-6) {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

     :is(.md\:px-9) {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

     :is(.md\:py-0) {
        padding-top: 0;
        padding-bottom: 0
    }

     :is(.md\:py-10) {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

     :is(.md\:py-16) {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

     :is(.md\:py-24) {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

     :is(.md\:py-25) {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }

     :is(.md\:py-6) {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

     :is(.md\:pb-18) {
        padding-bottom: 4.5rem
    }

     :is(.md\:pb-24) {
        padding-bottom: 6rem
    }

     :is(.md\:pb-25) {
        padding-bottom: 6.25rem
    }

     :is(.md\:pt-18) {
        padding-top: 4.5rem
    }

     :is(.md\:text-center) {
        text-align: center
    }

     :is(.md\:text-base) {
        font-size: 1rem;
        line-height: 1.2
    }

     :is(.md\:text-px12) {
        font-size: .75rem;
        line-height: 1.2
    }

     :is(.md\:text-px14) {
        font-size: .875rem;
        line-height: 1.2
    }

     :is(.md\:text-px18) {
        font-size: 1.125rem;
        line-height: 1.2
    }

     :is(.md\:text-px20) {
        font-size: 1.25rem;
        line-height: 1.2
    }

     :is(.md\:text-px32) {
        font-size: 2rem;
        line-height: 1.2
    }

     :is(.md\:text-px40) {
        font-size: 2.5rem;
        line-height: 1.2
    }

     :is(.md\:text-px96) {
        font-size: 6rem;
        line-height: 1.2
    }

     :is(.md\:\!leading-none) {
        line-height: 1!important
    }

     :is(.md\:leading-10) {
        line-height: 2.5rem
    }

     :is(.md\:leading-\[62px\]) {
        line-height: 62px
    }

     :is(.md\:opacity-0) {
        opacity: 0
    }

     :is(.md\:backdrop-blur) {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

     :is(.md\:vts-hidden) {
        display: none
    }
}

@media (min-width: 1024px) {
     :is(.lg\:-left-10) {
        left:-2.5rem
    }

     :is(.lg\:left-18) {
        left: 4.5rem
    }

     :is(.lg\:top-3) {
        top: .75rem
    }

     :is(.lg\:mx-0) {
        margin-left: 0;
        margin-right: 0
    }

     :is(.lg\:mb-0) {
        margin-bottom: 0
    }

     :is(.lg\:mb-6) {
        margin-bottom: 1.5rem
    }

     :is(.lg\:ml-2) {
        margin-left: .5rem
    }

     :is(.lg\:mt-16) {
        margin-top: 4rem
    }

     :is(.lg\:block) {
        display: block
    }

     :is(.lg\:flex) {
        display: flex
    }

     :is(.lg\:min-h-\[370px\]) {
        min-height: 370px
    }

     :is(.lg\:w-48) {
        width: 12rem
    }

     :is(.lg\:w-6\/12) {
        width: 50%
    }

     :is(.lg\:max-w-\[290px\]) {
        max-width: 290px
    }

     :is(.lg\:max-w-none) {
        max-width: none
    }

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

     :is(.lg\:flex-row) {
        flex-direction: row
    }

     :is(.lg\:flex-col) {
        flex-direction: column
    }

     :is(.lg\:gap-6) {
        gap: 1.5rem
    }

     :is(.lg\:p-6) {
        padding: 1.5rem
    }

     :is(.lg\:px-18) {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

     :is(.lg\:px-6) {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

     :is(.lg\:py-18) {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

     :is(.lg\:py-24) {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

     :is(.lg\:pb-24) {
        padding-bottom: 6rem
    }

     :is(.lg\:pt-22) {
        padding-top: 5.5rem
    }

     :is(.lg\:pt-8) {
        padding-top: 2rem
    }

     :is(.lg\:text-px12) {
        font-size: .75rem;
        line-height: 1.2
    }

     :is(.lg\:text-px14) {
        font-size: .875rem;
        line-height: 1.2
    }

     :is(.lg\:text-px20) {
        font-size: 1.25rem;
        line-height: 1.2
    }

     :is(.lg\:text-px40) {
        font-size: 2.5rem;
        line-height: 1.2
    }

     :is(.lg\:vts-hidden) {
        display: none
    }
}

@media (min-width: 1280px) {
     :is(.xl\:mx-0) {
        margin-left:0;
        margin-right: 0
    }

     :is(.xl\:mb-0) {
        margin-bottom: 0
    }

     :is(.xl\:mb-14) {
        margin-bottom: 3.5rem
    }

     :is(.xl\:mt-16) {
        margin-top: 4rem
    }

     :is(.xl\:flex) {
        display: flex
    }

     :is(.xl\:h-\[520px\]) {
        height: 520px
    }

     :is(.xl\:min-h-\[624px\]) {
        min-height: 624px
    }

     :is(.xl\:w-6\/12) {
        width: 50%
    }

     :is(.xl\:translate-y-24) {
        --tw-translate-y: 6rem;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

     :is(.xl\:grid-cols-4) {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

     :is(.xl\:gap-6) {
        gap: 1.5rem
    }

     :is(.xl\:px-18) {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

     :is(.xl\:pb-32) {
        padding-bottom: 8rem
    }

     :is(.xl\:text-px32) {
        font-size: 2rem;
        line-height: 1.2
    }

     :is(.group:hover .group-hover\:xl\:translate-y-0) {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 1440px) {
     :is(.\33xl\:pb-32) {
        padding-bottom:8rem
    }

     :is(.\33xl\:pt-32) {
        padding-top: 8rem
    }

     :is(.\33xl\:text-base) {
        font-size: 1rem;
        line-height: 1.2
    }
}

@media (min-width: 2560px) {
     :is(.\35xl\:min-h-\[748px\]) {
        min-height:748px
    }
}