/*
! tailwindcss v3.3.0 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

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

::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-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:  ;
}
.container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}
@media (min-width: 480px){

    .container{
        max-width: 480px;
    }
}
@media (min-width: 782px){

    .container{
        max-width: 782px;
        padding-right: 2rem;
        padding-left: 2rem;
    }
}
@media (min-width: 1024px){

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

    .container{
        max-width: 1280px;
        padding-right: 6rem;
        padding-left: 6rem;
    }
}
@media (min-width: 1600px){

    .container{
        max-width: 1600px;
        padding-right: 8vw;
        padding-left: 8vw;
    }
}
@media (min-width: 1840px){

    .container{
        max-width: 1840px;
    }
}
.px-frame{
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 1024px){

    .px-frame{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (min-width: 1280px){

    .px-frame{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.mx-frame{
    margin-left: 1rem;
    margin-right: 1rem;
}
@media (min-width: 1024px){

    .mx-frame{
        margin-left: 2rem;
        margin-right: 2rem;
    }
}
@media (min-width: 1280px){

    .mx-frame{
        margin-left: 3rem;
        margin-right: 3rem;
    }
}
.boxing{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}
/* base margin left/right */
.boxing:not(.alignfull){
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 1024px){

    .boxing:not(.alignfull){
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (min-width: 1280px){

    .boxing:not(.alignfull){
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.boxing:not(.alignfull) {
      width: calc(100% - 1rem);
    }
@media (min-width: 782px) {
    .boxing:not(.alignfull) {
        width: calc(100% - 2rem)
    }
      }
@media (min-width: 1280px) {
    .boxing:not(.alignfull) {
        width: calc(100% - 3rem)
    }
      }
@media (min-width: 1600px) {
    .boxing:not(.alignfull) {
        width: calc(100% - 3rem)
    }
      }
@media (min-width: 1840px) {
    .boxing:not(.alignfull) {
        width: calc(100% - 3rem)
    }
      }
.boxing.alignfull{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
}
/* restricted width */
.boxing:not(.alignfull):not(.alignwide){
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1280px) {
    .boxing:not(.alignfull):not(.alignwide) {
        max-width: calc(1280px - 3rem)
    }
      }
@media (min-width: 1600px) {
    .boxing:not(.alignfull):not(.alignwide) {
        max-width: calc(1280px - 6rem)
    }
      }
@media (min-width: 1840px) {
    .boxing:not(.alignfull):not(.alignwide) {
        max-width: calc(1280px - 8rem)
    }
      }
@media (min-width: 1280px) {
    .boxing.alignwide {
        max-width: calc(1600px + 3rem)
    }
      }
@media (min-width: 1600px) {
    .boxing.alignwide {
        max-width: calc(1600px + 6rem)
    }
      }
@media (min-width: 1840px) {
    .boxing.alignwide {
        max-width: calc(1600px + 8rem)
    }
      }
/* .box-big {
    @apply p-md rounded-2xl;
  }
  .box-medium {
    @apply p-md rounded-xl;
  }
  .box-small {
    @apply p-sm rounded-lg;
  }
  */
.box-styles{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    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);
}
.nk-teaser{
    font-size: clamp(1.25rem, 0.58vw + 1.1rem, 1.69rem);
    font-weight: 600;
}
.hinweis{
    display: inline-block;
    padding-left: 1rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    font-weight: 400;
}
.mal{
    margin-left: 1rem;
    margin-right: 1rem;
}
@media (min-width: 1280px){

    .mal{
        margin-right: 0px;
      margin-left: calc(
        50vw - (1280px / 2)
      );
    }
}
@media (min-width: 1600px) {

  .mal {
      margin-left: calc(
        50vw - (1600px / 2)
      )
  }
    }
.mar{
    margin-left: 1rem;
    margin-right: 1rem;
}
@media (min-width: 1280px){

    .mar{
        margin-left: 0px;
      margin-right: calc(
        50vw - (1280px / 2) + (2rem)
      );
    }
}
@media (min-width: 1600px) {
  .mar {
      margin-right: calc(
        50vw - (1600px / 2) + (2rem)
      )
  }
    }
.pointer-events-none{
    pointer-events: none;
}
.pointer-events-auto{
    pointer-events: auto;
}
.visible{
    visibility: visible;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.\!relative{
    position: relative !important;
}
.relative{
    position: relative;
}
.sticky{
    position: sticky;
}
.inset-0{
    inset: 0px;
}
.\!left-1\/2{
    left: 50% !important;
}
.\!top-sm{
    top: 1rem !important;
}
.-bottom-\[20vh\]{
    bottom: -20vh;
}
.-left-sm{
    left: -1rem;
}
.bottom-0{
    bottom: 0px;
}
.bottom-\[0\.6rem\]{
    bottom: 0.6rem;
}
.bottom-md{
    bottom: 2rem;
}
.bottom-sm{
    bottom: 1rem;
}
.bottom-xl{
    bottom: 6rem;
}
.left-0{
    left: 0px;
}
.left-1\/2{
    left: 50%;
}
.left-\[0\.6rem\]{
    left: 0.6rem;
}
.left-\[0vw\]{
    left: 0vw;
}
.left-\[unset\]{
    left: unset;
}
.left-sm{
    left: 1rem;
}
.right-0{
    right: 0px;
}
.right-\[0\.6rem\]{
    right: 0.6rem;
}
.right-md{
    right: 2rem;
}
.right-sm{
    right: 1rem;
}
.right-xs{
    right: 0.5rem;
}
.top-0{
    top: 0px;
}
.top-1\/2{
    top: 50%;
}
.top-\[0\.6rem\]{
    top: 0.6rem;
}
.top-\[1\.5rem\]{
    top: 1.5rem;
}
.top-\[1rem\]{
    top: 1rem;
}
.top-\[2rem\]{
    top: 2rem;
}
.top-\[75vh\]{
    top: 75vh;
}
.top-\[80px\]{
    top: 80px;
}
.top-\[84px\]{
    top: 84px;
}
.top-\[unset\]{
    top: unset;
}
.top-lg{
    top: 3rem;
}
.top-md{
    top: 2rem;
}
.top-sm{
    top: 1rem;
}
.top-xs{
    top: 0.5rem;
}
.-z-10{
    z-index: -10;
}
.z-0{
    z-index: 0;
}
.z-10{
    z-index: 10;
}
.z-20{
    z-index: 20;
}
.z-30{
    z-index: 30;
}
.z-40{
    z-index: 40;
}
.z-50{
    z-index: 50;
}
.z-\[48\]{
    z-index: 48;
}
.z-\[51\]{
    z-index: 51;
}
.z-\[998\]{
    z-index: 998;
}
.z-\[9999\]{
    z-index: 9999;
}
.z-\[999\]{
    z-index: 999;
}
.order-1{
    order: 1;
}
.order-2{
    order: 2;
}
.col-span-3{
    grid-column: span 3 / span 3;
}
.col-start-1{
    grid-column-start: 1;
}
.col-start-2{
    grid-column-start: 2;
}
.col-start-3{
    grid-column-start: 3;
}
.col-start-5{
    grid-column-start: 5;
}
.col-start-6{
    grid-column-start: 6;
}
.row-start-1{
    grid-row-start: 1;
}
.row-start-2{
    grid-row-start: 2;
}
.row-start-3{
    grid-row-start: 3;
}
.row-start-4{
    grid-row-start: 4;
}
.float-right{
    float: right;
}
.float-left{
    float: left;
}
.\!m-0{
    margin: 0px !important;
}
.m-0{
    margin: 0px;
}
.m-xs{
    margin: 0.5rem;
}
.\!mx-0{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.\!mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}
.\!my-0{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.mx-0{
    margin-left: 0px;
    margin-right: 0px;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.mx-sm{
    margin-left: 1rem;
    margin-right: 1rem;
}
.my-xs{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.\!ml-auto{
    margin-left: auto !important;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 0.25rem;
}
.mb-12{
    margin-bottom: 3rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-md{
    margin-bottom: 2rem;
}
.mb-sm{
    margin-bottom: 1rem;
}
.mb-xs{
    margin-bottom: 0.5rem;
}
.ml-0{
    margin-left: 0px;
}
.ml-4{
    margin-left: 1rem;
}
.ml-auto{
    margin-left: auto;
}
.ml-md{
    margin-left: 2rem;
}
.ml-sm{
    margin-left: 1rem;
}
.mr-4{
    margin-right: 1rem;
}
.mr-md{
    margin-right: 2rem;
}
.mr-xs{
    margin-right: 0.5rem;
}
.mt-0{
    margin-top: 0px;
}
.mt-\[0\.75rem\]{
    margin-top: 0.75rem;
}
.mt-adminbar-sm{
    margin-top: 46px;
}
.mt-md{
    margin-top: 2rem;
}
.mt-sm{
    margin-top: 1rem;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.inline-flex{
    display: inline-flex;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.list-item{
    display: list-item;
}
.hidden{
    display: none;
}
.aspect-square{
    aspect-ratio: 1 / 1;
}
.\!h-\[100vh\]{
    height: 100vh !important;
}
.\!h-auto{
    height: auto !important;
}
.h-0{
    height: 0px;
}
.h-2\/3{
    height: 66.666667%;
}
.h-3\/4{
    height: 75%;
}
.h-\[0\.125rem\]{
    height: 0.125rem;
}
.h-\[1\.25em\]{
    height: 1.25em;
}
.h-\[1\.5em\]{
    height: 1.5em;
}
.h-\[1\.5rem\]{
    height: 1.5rem;
}
.h-\[15rem\]{
    height: 15rem;
}
.h-\[1em\]{
    height: 1em;
}
.h-\[1px\]{
    height: 1px;
}
.h-\[2\.5em\]{
    height: 2.5em;
}
.h-\[2\.5rem\]{
    height: 2.5rem;
}
.h-\[20vh\]{
    height: 20vh;
}
.h-\[25vh\]{
    height: 25vh;
}
.h-\[3\.5rem\]{
    height: 3.5rem;
}
.h-\[4rem\]{
    height: 4rem;
}
.h-\[60vh\]{
    height: 60vh;
}
.h-\[85vh\]{
    height: 85vh;
}
.h-auto{
    height: auto;
}
.h-full{
    height: 100%;
}
.h-lg{
    height: 3rem;
}
.h-md{
    height: 2rem;
}
.h-screen{
    height: 100vh;
}
.h-sm{
    height: 1rem;
}
.h-xl{
    height: 6rem;
}
.h-xs{
    height: 0.5rem;
}
.\!max-h-0{
    max-height: 0px !important;
}
.\!max-h-\[300px\]{
    max-height: 300px !important;
}
.\!max-h-full{
    max-height: 100% !important;
}
.max-h-0{
    max-height: 0px;
}
.max-h-\[2\.5em\]{
    max-height: 2.5em;
}
.max-h-\[20rem\]{
    max-height: 20rem;
}
.max-h-\[3em\]{
    max-height: 3em;
}
.max-h-\[50vh\]{
    max-height: 50vh;
}
.max-h-\[8rem\]{
    max-height: 8rem;
}
.max-h-\[var\(--mobile-height-initial\)\]{
    max-height: var(--mobile-height-initial);
}
.max-h-\[var\(--mobile-height-sticky\)\]{
    max-height: var(--mobile-height-sticky);
}
.max-h-full{
    max-height: 100%;
}
.min-h-0{
    min-height: 0px;
}
.min-h-\[2\.25rem\]{
    min-height: 2.25rem;
}
.min-h-\[2\.5em\]{
    min-height: 2.5em;
}
.min-h-\[85vh\]{
    min-height: 85vh;
}
.min-h-screen{
    min-height: 100vh;
}
.\!w-full{
    width: 100% !important;
}
.w-0{
    width: 0px;
}
.w-1\/3{
    width: 33.333333%;
}
.w-2\/3{
    width: 66.666667%;
}
.w-3\/4{
    width: 75%;
}
.w-\[1\.25em\]{
    width: 1.25em;
}
.w-\[1\.5em\]{
    width: 1.5em;
}
.w-\[1\.5rem\]{
    width: 1.5rem;
}
.w-\[10rem\]{
    width: 10rem;
}
.w-\[13rem\]{
    width: 13rem;
}
.w-\[15rem\]{
    width: 15rem;
}
.w-\[1em\]{
    width: 1em;
}
.w-\[220px\]{
    width: 220px;
}
.w-\[8em\]{
    width: 8em;
}
.w-\[var\(--logosize\)\]{
    width: var(--logosize);
}
.w-auto{
    width: auto;
}
.w-full{
    width: 100%;
}
.w-lg{
    width: 3rem;
}
.w-md{
    width: 2rem;
}
.w-screen{
    width: 100vw;
}
.w-sm{
    width: 1rem;
}
.w-xl{
    width: 6rem;
}
.min-w-\[2\.25rem\]{
    min-width: 2.25rem;
}
.\!max-w-full{
    max-width: 100% !important;
}
.\!max-w-screen-sm{
    max-width: 782px !important;
}
.max-w-\[500px\]{
    max-width: 500px;
}
.max-w-\[50rem\]{
    max-width: 50rem;
}
.max-w-full{
    max-width: 100%;
}
.max-w-screen-lg{
    max-width: 1280px;
}
.max-w-screen-xl{
    max-width: 1600px;
}
.shrink-0{
    flex-shrink: 0;
}
.grow{
    flex-grow: 1;
}
.grow-0{
    flex-grow: 0;
}
.basis-full{
    flex-basis: 100%;
}
.origin-center{
    transform-origin: center;
}
.\!-translate-x-1\/2{
    --tw-translate-x: -50% !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;
}
.-translate-x-1\/2{
    --tw-translate-x: -50%;
    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-1\/4{
    --tw-translate-x: -25%;
    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-\[10px\]{
    --tw-translate-x: -10px;
    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-0{
    --tw-translate-y: -0px;
    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%;
    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-\[20\%\]{
    --tw-translate-y: -20%;
    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-full{
    --tw-translate-y: -100%;
    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-md{
    --tw-translate-y: -2rem;
    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-0{
    --tw-translate-x: 0px;
    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-1\/3{
    --tw-translate-x: 33.333333%;
    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-\[6\%\]{
    --tw-translate-x: 6%;
    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-adminbar-sm{
    --tw-translate-y: 46px;
    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-full{
    --tw-translate-y: 100%;
    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));
}
.rotate-180{
    --tw-rotate: 180deg;
    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));
}
.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
    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));
}
.cursor-pointer{
    cursor: pointer;
}
.resize{
    resize: both;
}
.snap-x{
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.scroll-m-lg{
    scroll-margin: 3rem;
}
.list-outside{
    list-style-position: outside;
}
.list-disc{
    list-style-type: disc;
}
.list-none{
    list-style-type: none;
}
.grid-flow-col{
    grid-auto-flow: column;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\!flex-row{
    flex-direction: row !important;
}
.\!flex-col{
    flex-direction: column !important;
}
.flex-col{
    flex-direction: column;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.items-center{
    align-items: center;
}
.items-stretch{
    align-items: stretch;
}
.justify-start{
    justify-content: flex-start;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-0{
    gap: 0px;
}
.gap-\[0\.25em\]{
    gap: 0.25em;
}
.gap-\[0\.25rem\]{
    gap: 0.25rem;
}
.gap-lg{
    gap: 3rem;
}
.gap-md{
    gap: 2rem;
}
.gap-sm{
    gap: 1rem;
}
.gap-xs{
    gap: 0.5rem;
}
.overflow-auto{
    overflow: auto;
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-visible{
    overflow: visible;
}
.overflow-y-auto{
    overflow-y: auto;
}
.overflow-x-visible{
    overflow-x: visible;
}
.overflow-ellipsis{
    text-overflow: ellipsis;
}
.hyphens-none{
    -webkit-hyphens: none;
            hyphens: none;
}
.\!whitespace-nowrap{
    white-space: nowrap !important;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-lg{
    border-radius: 20px;
}
.rounded-md{
    border-radius: 10px;
}
.rounded-none{
    border-radius: 0px;
}
.rounded-sm{
    border-radius: 0.125rem;
}
.\!rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
}
.\!rounded-l-none{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.\!rounded-r-none{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.\!rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
}
.rounded-b-lg{
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.rounded-b-md{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rounded-b-none{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.rounded-t-lg{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.rounded-t-md{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.\!border-0{
    border-width: 0px !important;
}
.border{
    border-width: 1px;
}
.border-0{
    border-width: 0px;
}
.border-2{
    border-width: 2px;
}
.border-4{
    border-width: 4px;
}
.\!border-l-0{
    border-left-width: 0px !important;
}
.border-solid{
    border-style: solid;
}
.border-dashed{
    border-style: dashed;
}
.border-custom-dark{
    --tw-border-opacity: 1;
    border-color: rgb(125 64 0 / var(--tw-border-opacity));
}
.border-custom-primary{
    --tw-border-opacity: 1;
    border-color: rgb(229 144 0 / var(--tw-border-opacity));
}
.border-custom-secondary{
    --tw-border-opacity: 1;
    border-color: rgb(169 170 16 / var(--tw-border-opacity));
}
.border-transparent{
    border-color: transparent;
}
.\!bg-transparent{
    background-color: transparent !important;
}
.bg-custom-dark{
    --tw-bg-opacity: 1;
    background-color: rgb(125 64 0 / var(--tw-bg-opacity));
}
.bg-custom-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(229 144 0 / var(--tw-bg-opacity));
}
.bg-custom-secondary{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
.bg-custom-shade-100{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-custom-shade-90{
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 230 / var(--tw-bg-opacity));
}
.bg-custom-shade-95{
    --tw-bg-opacity: 1;
    background-color: rgb(243 242 241 / var(--tw-bg-opacity));
}
.bg-green-300{
    --tw-bg-opacity: 1;
    background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}
.bg-lime-600{
    --tw-bg-opacity: 1;
    background-color: rgb(101 163 13 / var(--tw-bg-opacity));
}
.bg-red-900{
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}
.bg-transparent{
    background-color: transparent;
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-400{
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.\!bg-opacity-100{
    --tw-bg-opacity: 1 !important;
}
.bg-opacity-100{
    --tw-bg-opacity: 1;
}
.bg-opacity-30{
    --tw-bg-opacity: 0.3;
}
.bg-opacity-50{
    --tw-bg-opacity: 0.5;
}
.bg-none{
    background-image: none;
}
.bg-contain{
    background-size: contain;
}
.bg-cover{
    background-size: cover;
}
.bg-center{
    background-position: center;
}
.bg-no-repeat{
    background-repeat: no-repeat;
}
.fill-custom-primary{
    fill: #e59000;
}
.fill-custom-secondary{
    fill: #a9aa10;
}
.fill-white{
    fill: #fff;
}
.object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
}
.object-center{
    -o-object-position: center;
       object-position: center;
}
.\!p-0{
    padding: 0px !important;
}
.p-0{
    padding: 0px;
}
.p-\[var\(--logo-spacing\)\]{
    padding: var(--logo-spacing);
}
.p-md{
    padding: 2rem;
}
.p-sm{
    padding: 1rem;
}
.p-xs{
    padding: 0.5rem;
}
.\!py-0{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.px-0{
    padding-left: 0px;
    padding-right: 0px;
}
.px-\[1\.5rem\]{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-lg{
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-md{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-sm{
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-\[0\.75rem\]{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-sm{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-xs{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.pb-0{
    padding-bottom: 0px;
}
.pb-lg{
    padding-bottom: 3rem;
}
.pb-md{
    padding-bottom: 2rem;
}
.pb-sm{
    padding-bottom: 1rem;
}
.pb-xs{
    padding-bottom: 0.5rem;
}
.pl-0{
    padding-left: 0px;
}
.pl-\[0\.33rem\]{
    padding-left: 0.33rem;
}
.pl-sm{
    padding-left: 1rem;
}
.pl-xs{
    padding-left: 0.5rem;
}
.pr-0{
    padding-right: 0px;
}
.pr-sm{
    padding-right: 1rem;
}
.pr-xs{
    padding-right: 0.5rem;
}
.pt-0{
    padding-top: 0px;
}
.pt-\[2\.5rem\]{
    padding-top: 2.5rem;
}
.pt-md{
    padding-top: 2rem;
}
.pt-sm{
    padding-top: 1rem;
}
.text-center{
    text-align: center;
}
.text-2xl{
    font-size: clamp(2.44rem, 4.34vw + 1.36rem, 5.7rem);
}
.text-\[0\.875em\]{
    font-size: 0.875em;
}
.text-\[1\.5em\]{
    font-size: 1.5em;
}
.text-base{
    font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
}
.text-lg{
    font-size: clamp(1.56rem, 1.29vw + 1.24rem, 2.53rem);
}
.text-md{
    font-size: clamp(1.25rem, 0.58vw + 1.1rem, 1.69rem);
}
.text-sm{
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
}
.text-xl{
    font-size: clamp(1.95rem, 2.46vw + 1.34rem, 3.8rem);
}
.font-bold{
    font-weight: 700;
}
.font-extrabold{
    font-weight: 800;
}
.font-light{
    font-weight: 300;
}
.font-medium{
    font-weight: 500;
}
.font-normal{
    font-weight: 400;
}
.font-semibold{
    font-weight: 600;
}
.leading-\[1\]{
    line-height: 1;
}
.leading-\[4rem\]{
    line-height: 4rem;
}
.leading-none{
    line-height: 1;
}
.leading-tight{
    line-height: 1.25;
}
.\!text-custom-shade-100{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.\!text-white{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-custom-dark{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.text-custom-primary{
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.text-custom-secondary{
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.text-custom-shade-100{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-custom-shade-90{
    --tw-text-opacity: 1;
    color: rgb(234 234 230 / var(--tw-text-opacity));
}
.text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
    text-decoration-line: underline;
}
.\!opacity-100{
    opacity: 1 !important;
}
.opacity-0{
    opacity: 0;
}
.opacity-100{
    opacity: 1;
}
.opacity-60{
    opacity: 0.6;
}
.opacity-70{
    opacity: 0.7;
}
.opacity-75{
    opacity: 0.75;
}
.outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.\!drop-shadow-none{
    --tw-drop-shadow: drop-shadow(0 0 #0000) !important;
    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) !important;
}
.drop-shadow{
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    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);
}
.drop-shadow-2xl{
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    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);
}
.drop-shadow-intense{
    --tw-drop-shadow: drop-shadow(drop-shadow(0 20px 20px #1F293720));
    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);
}
.drop-shadow-lg{
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}
.drop-shadow-none{
    --tw-drop-shadow: drop-shadow(0 0 #0000);
    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);
}
.drop-shadow-sm{
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    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);
}
.drop-shadow-smooth{
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
}
.drop-shadow-xl{
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
}
.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);
}
.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(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.\!delay-500{
    transition-delay: 500ms !important;
}
.delay-0{
    transition-delay: 0s;
}
.delay-700{
    transition-delay: 700ms;
}
.delay-\[1050ms\]{
    transition-delay: 1050ms;
}
.delay-\[1100ms\]{
    transition-delay: 1100ms;
}
.delay-\[300ms\]{
    transition-delay: 300ms;
}
.delay-\[450ms\]{
    transition-delay: 450ms;
}
.delay-\[600ms\]{
    transition-delay: 600ms;
}
.delay-\[750ms\]{
    transition-delay: 750ms;
}
.delay-\[900ms\]{
    transition-delay: 900ms;
}
.duration-0{
    transition-duration: 0s;
}
.duration-300{
    transition-duration: 300ms;
}
.duration-500{
    transition-duration: 500ms;
}
.duration-700{
    transition-duration: 700ms;
}
.duration-\[1\.3s\]{
    transition-duration: 1.3s;
}
.duration-\[2s\]{
    transition-duration: 2s;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.w-wide{
    max-width: 1600px;
}
.w-content{
    width: 1280px;
}
.\!max-w-wide{
    max-width: 1600px !important;
}
.max-w-wide{
    max-width: 1600px;
}
.max-w-content{
    max-width: 1280px;
}
.alignfull{
    margin-left: 2rem;
    margin-right: 2rem;
    max-width: 100%;
    width: 100vw;
}
.alignwide{
    max-width: 1600px !important;
}
.alignnone{
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    max-width: 100%;
}
.aligncenter{
    margin: 0.5rem auto;
    display: block;
}
@media (min-width: 1024px){

    .alignleft:not(.wp-block-button){
        margin-right: 0.5rem;
        float: left;
    }

    .alignright:not(.wp-block-button){
        margin-left: 0.5rem;
        float: right;
    }

    .wp-block-button.alignleft a{
        float: left;
        margin-right: 1rem;
    }

    .wp-block-button.alignright a{
        float: right;
        margin-left: 1rem;
    }
}
.wp-caption{
    display: inline-block;
}
.wp-caption img{
    margin-bottom: 0.5rem;
    line-height: 1;
}
.wp-caption-text{
    font-size: c;
    color: #4b5563;
}
.wp-block-button__link{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 10px;
}
.wp-block-button__link .nk-icon-rendered{
    height: 1.25em;
    width: 1.25em;
}
.td-component-backend{
    margin-top: 2rem;
    border-radius: 10px;
    border-width: 4px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(125 64 0 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 0.75;
}
main.col > ul,
.entry-content p ul,
article .wp-block-group ul,
.contentarea ul{
    margin-left: 2rem !important;
    max-width: 50rem;
    list-style-type: disc;
}
main.col > ul li, .entry-content p ul li, article .wp-block-group ul li, .contentarea ul li{
    margin-bottom: 1rem;
}
main.col > ul li::marker, .entry-content p ul li::marker, article .wp-block-group ul li::marker, .contentarea ul li::marker{
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
body{
    overflow-x: hidden;
}
/* set all main components centered */
/* .entry-content {

    @apply flex flex-col gap-lg items-center;

    > .wp-block-group,
    > .wp-block-columns,
    > .wp-block-image {
        @apply boxing;
    }


    ,
    > .wp-block-image {
        img {
            @apply mx-auto;
        }
    }

} */
/* base box padding */
.has-global-padding{
    padding: 1rem;
}
@media (min-width: 1024px){

    .has-global-padding{
        padding: 2rem;
    }
}
@media (min-width: 1280px){

    .has-global-padding{
        padding: 3rem;
    }
}
/* adjust gap for flexes and grids */
:where(body .is-layout-flex),
:where(body .is-layout-grid){
    gap: 1rem;
}
@media (min-width: 1024px){

    :where(body .is-layout-flex),
:where(body .is-layout-grid){
        gap: 2rem;
    }
}
@media (min-width: 1280px){

    :where(body .is-layout-flex),
:where(body .is-layout-grid){
        gap: 3rem;
    }
}
/* if it's vertical, it's smaller */
:where(body .is-layout-flex.is-vertical){
    gap: 1rem;
}
@media (min-width: 1024px){

    :where(body .is-layout-flex.is-vertical){
        gap: 2rem;
    }
}
@media (min-width: 1280px){

    :where(body .is-layout-flex.is-vertical){
        gap: 2rem;
    }
}
/* no gap for main template parts */
:where(.wp-site-blocks) > * {
  -webkit-margin-before: 0px;
          margin-block-start: 0px;
  margin-left: auto;
  margin-right: auto;
}
/* gap for main content loop*/
.entry-content > *,
.wp-site-blocks > main > *{
    margin-top: 2rem;
}
@media (min-width: 1024px){

    .entry-content > *,
.wp-site-blocks > main > *{
        margin-top: 3rem;
    }
}
@media (min-width: 1280px){

    .entry-content > *,
.wp-site-blocks > main > *{
        margin-top: 8rem;
    }
}
@media (min-width: 1600px){

    .entry-content > *,
.wp-site-blocks > main > *{
        margin-top: 20vh;
    }
}
.entry-content > *:nth-child(1),
  .entry-content > *:nth-child(2),
  .wp-site-blocks > main > *:nth-child(1),
  .wp-site-blocks > main > *:nth-child(2){
    margin-top: 0px;
}
/* no extra margin on alignfull */
#mainwrap .alignfull{
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
}
/* boxes with bg */
:where(.wp-block-group.has-background){
    padding: 1rem;
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
}
@media (min-width: 1024px){

    :where(.wp-block-group.has-background){
        padding: 2rem;
    }
}
@media (min-width: 1280px){

    :where(.wp-block-group.has-background){
        padding: 3rem;
    }
}
.entry-content > *:not(.alignleft):not(.alignright):not(.alignfull), .nk-fadeimage .wp-block-cover__inner-container > *:not(.alignleft):not(.alignright):not(.alignfull){
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
.entry-content > .wp-block-group,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-image,
  .nk-fadeimage .wp-block-cover__inner-container > .wp-block-group,
  .nk-fadeimage .wp-block-cover__inner-container > .wp-block-columns,
  .nk-fadeimage .wp-block-cover__inner-container > .wp-block-image {
    width: calc(100% - (1rem * 2));

  }
@media (min-width: 1024px) {
.entry-content > .wp-block-group,
  .entry-content > .wp-block-columns,
  .entry-content > .wp-block-image,
  .nk-fadeimage .wp-block-cover__inner-container > .wp-block-group,
  .nk-fadeimage .wp-block-cover__inner-container > .wp-block-columns,
  .nk-fadeimage .wp-block-cover__inner-container > .wp-block-image {
        width: calc(100% - (2rem * 2))

  } 
    }
.entry-content > .wp-block-group:not(.alignfull):not(.alignwide), .entry-content > .wp-block-columns:not(.alignfull):not(.alignwide), .entry-content > .wp-block-image:not(.alignfull):not(.alignwide), .nk-fadeimage .wp-block-cover__inner-container > .wp-block-group:not(.alignfull):not(.alignwide), .nk-fadeimage .wp-block-cover__inner-container > .wp-block-columns:not(.alignfull):not(.alignwide), .nk-fadeimage .wp-block-cover__inner-container > .wp-block-image:not(.alignfull):not(.alignwide){
    max-width: 1280px;
}
.alignfull,
.has-global-padding > .alignfull{
    margin-left: 1rem;
    margin-right: 1rem;
    width: 100%;
    padding: 0px;
  max-width: calc(100% - (1rem * 2)) !important;
}
@media (min-width: 1024px) {
.alignfull,
.has-global-padding > .alignfull{
        margin-left: 2rem;
        margin-right: 2rem;
    max-width: calc(100% - (2rem * 2)) !important;
    }
  }
/* prevent spacing on main content container */
.wp-site-blocks > .wp-block-query{
    margin-top: 0px;
}
body .is-layout-flow > .alignleft{
    align-self: flex-start;
}
.nk-box-primary{
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 3rem;
    padding-bottom: 3rem;
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
}
.nk-box-secondary{
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 242 241 / var(--tw-bg-opacity));
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.nk-box-tertiary{
    border-radius: 20px;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.wp-site-blocks > main{
    position: relative;
    z-index: 10;
}
.entry-content h1, .block-editor-block-list__layout h1, .wp-site-blocks h1, .editor-styles-wrapper h1{
    -webkit-hyphens: none;
            hyphens: none;
    font-size: clamp(2.44rem, 4.34vw + 1.36rem, 5.7rem);
    font-weight: 700;
    line-height: 1;
}
.entry-content h2, .block-editor-block-list__layout h2, .wp-site-blocks h2, .editor-styles-wrapper h2{
    -webkit-hyphens: none;
            hyphens: none;
    font-size: clamp(1.95rem, 2.46vw + 1.34rem, 3.8rem);
    font-weight: 700;
}
.entry-content h3, .block-editor-block-list__layout h3, .wp-site-blocks h3, .editor-styles-wrapper h3{
    -webkit-hyphens: none;
            hyphens: none;
    font-size: clamp(1.56rem, 1.29vw + 1.24rem, 2.53rem);
    font-weight: 700;
}
.entry-content h4, .block-editor-block-list__layout h4, .wp-site-blocks h4, .editor-styles-wrapper h4{
    -webkit-hyphens: none;
            hyphens: none;
    font-size: clamp(1.25rem, 0.58vw + 1.1rem, 1.69rem);
    font-weight: 700;
}
.entry-content h5,
  .entry-content h6,
  .block-editor-block-list__layout h5,
  .block-editor-block-list__layout h6,
  .wp-site-blocks h5,
  .wp-site-blocks h6,
  .editor-styles-wrapper h5,
  .editor-styles-wrapper h6{
    font-weight: 700;
}
.entry-content .nk-teaser, .block-editor-block-list__layout .nk-teaser, .wp-site-blocks .nk-teaser, .editor-styles-wrapper .nk-teaser{
    font-size: clamp(1.25rem, 0.58vw + 1.1rem, 1.69rem);
}
.entry-content .nk-slogan, .entry-content .slogan, .block-editor-block-list__layout .nk-slogan, .block-editor-block-list__layout .slogan, .wp-site-blocks .nk-slogan, .wp-site-blocks .slogan, .editor-styles-wrapper .nk-slogan, .editor-styles-wrapper .slogan{
    pointer-events: none;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    font-weight: 600;
}
.entry-content p:not(.has-link-color) a, .entry-content ul:not(.has-link-color) a, .entry-content ol:not(.has-link-color) a, .block-editor-block-list__layout p:not(.has-link-color) a, .block-editor-block-list__layout ul:not(.has-link-color) a, .block-editor-block-list__layout ol:not(.has-link-color) a, .wp-site-blocks p:not(.has-link-color) a, .wp-site-blocks ul:not(.has-link-color) a, .wp-site-blocks ol:not(.has-link-color) a, .editor-styles-wrapper p:not(.has-link-color) a, .editor-styles-wrapper ul:not(.has-link-color) a, .editor-styles-wrapper ol:not(.has-link-color) a{
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.entry-content p:not(.has-link-color) a:hover, .entry-content ul:not(.has-link-color) a:hover, .entry-content ol:not(.has-link-color) a:hover, .block-editor-block-list__layout p:not(.has-link-color) a:hover, .block-editor-block-list__layout ul:not(.has-link-color) a:hover, .block-editor-block-list__layout ol:not(.has-link-color) a:hover, .wp-site-blocks p:not(.has-link-color) a:hover, .wp-site-blocks ul:not(.has-link-color) a:hover, .wp-site-blocks ol:not(.has-link-color) a:hover, .editor-styles-wrapper p:not(.has-link-color) a:hover, .editor-styles-wrapper ul:not(.has-link-color) a:hover, .editor-styles-wrapper ol:not(.has-link-color) a:hover{
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.entry-content p ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout p ul:not(.block-editor-block-variation-picker__variations) li, .wp-site-blocks p ul:not(.block-editor-block-variation-picker__variations) li, .editor-styles-wrapper p ul:not(.block-editor-block-variation-picker__variations) li{
    list-style-position: inside;
    list-style-type: disc;
}
/* if very first element add padding to respect logo top left */
@media not all and (min-width: 1024px){

    :where(.entry-content > .nk-circle:first-child) .wp-block-cover__inner-container{
        padding-top: var(--mobile-height-initial-actual);
    }
}
.nk-circle,
.nk-circle-block{
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    max-width: 100% !important;
    border-width: 0px !important;
}
.nk-circle.alignfull, .nk-circle-block.alignfull{
    max-width: 100% !important;
    border-radius: 0px;
}
.nk-circle .wp-block-cover__image-background,
  .nk-circle .wp-block-cover__background,
  .nk-circle .wp-block-cover__video-background,
  .nk-circle-block .wp-block-cover__image-background,
  .nk-circle-block .wp-block-cover__background,
  .nk-circle-block .wp-block-cover__video-background{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* to ensure min height */
.nk-circle .nk-original, .nk-circle-block .nk-original{
    opacity: 0;
}
@media not all and (min-width: 1024px){

    .nk-circle .nk-original, .nk-circle-block .nk-original{
        display: none;
    }
}
.nk-circle .nk-background,
  .nk-circle .nk-foreground,
  .nk-circle .nk-cutout,
  .nk-circle-block .nk-background,
  .nk-circle-block .nk-foreground,
  .nk-circle-block .nk-cutout{
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
}
@media (min-width: 1280px){

    .nk-circle .nk-background,
  .nk-circle .nk-foreground,
  .nk-circle .nk-cutout,
  .nk-circle-block .nk-background,
  .nk-circle-block .nk-foreground,
  .nk-circle-block .nk-cutout{
        border-radius: 20px;
    }
}
.nk-circle .nk-background div[role="img"], .nk-circle .nk-foreground div[role="img"], .nk-circle .nk-cutout div[role="img"], .nk-circle-block .nk-background div[role="img"], .nk-circle-block .nk-foreground div[role="img"], .nk-circle-block .nk-cutout div[role="img"]{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
}
.nk-circle.is-light:not(.has-text-color),
  .nk-circle:not(.has-text-color),
  .nk-circle-block.is-light:not(.has-text-color),
  .nk-circle-block:not(.has-text-color){
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.nk-circle.is-light:not(.has-text-color) .nk-background, .nk-circle:not(.has-text-color) .nk-background, .nk-circle-block.is-light:not(.has-text-color) .nk-background, .nk-circle-block:not(.has-text-color) .nk-background{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nk-circle .nk-background, .nk-circle-block .nk-background{
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 1;
}
@media not all and (min-width: 782px){

    .nk-circle .nk-background, .nk-circle-block .nk-background{
        display: none;
    }
}
.nk-circle .nk-background, .nk-circle-block .nk-background {
    -webkit-clip-path: circle(
      var(--spotlight, 20vw) at var(--x, -100%) var(--y, -100%)
    );
            clip-path: circle(
      var(--spotlight, 20vw) at var(--x, -100%) var(--y, -100%)
    );
    transition: -webkit-clip-path 50ms;
    transition: clip-path 50ms;
    transition: clip-path 50ms, -webkit-clip-path 50ms;
  }
.nk-circle .nk-background .nk-teaser, .nk-circle-block .nk-background .nk-teaser{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.nk-circle .nk-background .btn, .nk-circle-block .nk-background .btn {
      background: white;
      color: var(--color-secondary);
    }
.nk-circle .wp-block-cover__inner-container, .nk-circle-block .wp-block-cover__inner-container{
    width: 100%;
}
.nk-circle:not(.container-hover) .nk-background, .nk-circle-block:not(.container-hover) .nk-background {
      -webkit-clip-path: circle(
      0px at var(--x, -100%) var(--y, -100%)
    );
              clip-path: circle(
      0px at var(--x, -100%) var(--y, -100%)
    );
      transition-duration: 300ms}
.nk-circle:hover .nk-background,
  .nk-circle.no-interactions .nk-background,
  .nk-circle-block:hover .nk-background,
  .nk-circle-block.no-interactions .nk-background{
    opacity: 1;
}
.nk-circle.no-interactions .nk-background, .nk-circle-block.no-interactions .nk-background{
    display: none;
}
.nk-circle.is-hover .nk-background, .nk-circle-block.is-hover .nk-background {
    /* clip-path: circle(20vw at var(--x, 50%) var(--y, 50%)); */
    transition: -webkit-clip-path 100ms ease-in-out;
    transition: clip-path 100ms ease-in-out;
    transition: clip-path 100ms ease-in-out, -webkit-clip-path 100ms ease-in-out;
    /* transition-timing-function: cubic-bezier(1, -0.01, 0.01, 0.99);
     */
  }
/*
  &.is-open .nk-background {
    
    transition: clip-path 1.3s;
    transition-timing-function: cubic-bezier(1, -0.01, 0.01, 0.99);
  } */
.nk-circle.is-open .nk-background > *:not(img):not([role='img']):not(.has-background-dim), .nk-circle.is-open .nk-cutout > *:not(img):not([role='img']):not(.has-background-dim), .nk-circle-block.is-open .nk-background > *:not(img):not([role='img']):not(.has-background-dim), .nk-circle-block.is-open .nk-cutout > *:not(img):not([role='img']):not(.has-background-dim) {
      opacity: 0;
      transition: 0.6s;
      transition-delay: 0.6s;
      transition-timing-function: cubic-bezier(1, -0.01, 0.01, 0.99);
    }
.nk-circle.has-been-activated .nk-cutout,
  .nk-circle.has-been-activated .nk-background,
  .nk-circle-block.has-been-activated .nk-cutout,
  .nk-circle-block.has-been-activated .nk-background{
    transition-delay: 500ms !important;
    transition-duration: 0s !important;
}
.nk-circle.has-been-activated .nk-cutout > div > *:not(span), .nk-circle.has-been-activated .nk-background > div > *:not(span), .nk-circle-block.has-been-activated .nk-cutout > div > *:not(span), .nk-circle-block.has-been-activated .nk-background > div > *:not(span){
    opacity: 0;
}
.nk-circle .nk-foreground, .nk-circle-block .nk-foreground{
    z-index: 0;
}
.nk-circle .nk-foreground .wp-block-cover__image-background,
    .nk-circle .nk-foreground .wp-block-cover__background,
    .nk-circle .nk-foreground .wp-block-cover__video-background,
    .nk-circle-block .nk-foreground .wp-block-cover__image-background,
    .nk-circle-block .nk-foreground .wp-block-cover__background,
    .nk-circle-block .nk-foreground .wp-block-cover__video-background{
    display: none;
}
.nk-circle .nk-cutout, .nk-circle-block .nk-cutout{
    z-index: 10;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    -webkit-clip-path: circle(var(--size, 40vw) at var(--left, 90vw) var(--top, 50%));
            clip-path: circle(var(--size, 40vw) at var(--left, 90vw) var(--top, 50%));
    transition: -webkit-clip-path 100ms;
    transition: clip-path 100ms;
    transition: clip-path 100ms, -webkit-clip-path 100ms;
}
.nk-circle .wp-block-button, .nk-circle-block .wp-block-button{
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.nk-circle .wp-block-button:hover, .nk-circle-block .wp-block-button:hover{
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    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);
}
@media (min-width: 1024px){

    .nk-circle .contentarea, .nk-circle-block .contentarea{
        padding-top: 0px !important;
    }
}
.nk-circle:has(video) .nk-background, .nk-circle-block:has(video) .nk-background{
    overflow: hidden;
}
@media not all and (min-width: 782px){

    .nk-circle:has(video) .nk-background, .nk-circle-block:has(video) .nk-background{
        position: relative;
        display: block;
        aspect-ratio: 16 / 9;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
.nk-circle:has(video) .nk-background, .nk-circle-block:has(video) .nk-background {
      -webkit-clip-path: unset;
              clip-path: unset;
    }
@media not all and (min-width: 782px){

    .nk-circle:has(video) .nk-background .wp-block-cover__inner-container, .nk-circle-block:has(video) .nk-background .wp-block-cover__inner-container{
        display: none;
    }
}
/* fallback default */
@media (min-width: 782px) {
.nk-circle:has(video) .nk-background, .nk-circle-block:has(video) .nk-background {
        -webkit-clip-path: circle(
          var(--spotlight, 20vw) at var(--x, 50%) var(--y, 50%)
        );
                clip-path: circle(
          var(--spotlight, 20vw) at var(--x, 50%) var(--y, 50%)
        )
    }
      }
@media not all and (min-width: 782px){

    .nk-circle:has(video) .nk-cutout, .nk-circle-block:has(video) .nk-cutout{
        display: none;
    }

    .nk-circle:has(video) .nk-foreground, .nk-circle-block:has(video) .nk-foreground{
        position: relative;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
}
/* admin circle redner */
.editor-styles-wrapper .wp-block-acf-kreis .nk-circle-block .wp-block-cover__image-background,
  .editor-styles-wrapper .wp-block-acf-kreis .nk-circle-block .wp-block-cover__background {
    overflow: hidden;
  }
.editor-styles-wrapper .wp-block-acf-kreis .nk-circle-block .contentarea {
    z-index: 10;
    position: absolute;
  }
/* body.cursor-extended * {
    @apply md:!cursor-none;
}
.cursor {
  pointer-events: none;
  @apply max-md:hidden;
}
.cursor__ball {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  transform-origin: center;
}

.cursor__ball--big circle {
  @apply fill-custom-primary;
}
.cursor__ball--small circle{
    @apply fill-custom-primary stroke-white;
}



body.hover-cursor .cursor__ball--small circle {
    @apply fill-custom-secondary ;
} */
.is-interactive{
    cursor: pointer;
}
.cursor{
    display: none;
}
.nk-fadeout {
  -webkit-clip-path: circle(0% at 50% 90px);
          clip-path: circle(0% at 50% 90px);
  transition: 1.5s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999;
  height: 100%;
  width: 100%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
body.not-loaded .nk-fadeout{
  -webkit-clip-path: circle(150% at 50% 90px);
          clip-path: circle(150% at 50% 90px);
}
.nk-fadeimage{
    position: relative;
    margin-left: 0px !important;
    margin-right: 0px !important;
    box-sizing: border-box;
    min-height: 100vh;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible;
}
.nk-fadeimage >img,
  .nk-fadeimage > span{
    height: 100vh !important;
    -webkit-mask-image: linear-gradient(
    to bottom,
    black 75%,
    transparent 100%
  );
            mask-image: linear-gradient(
    to bottom,
    black 75%,
    transparent 100%
  );
}
.nk-fadeimage:not(.main) >img, .nk-fadeimage:not(.main) > span{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
@media (min-width: 1280px){

    .nk-fadeimage:not(.main) >img, .nk-fadeimage:not(.main) > span{
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }
}
/* &::before {
    content: "";
    @apply absolute top-[75vh] left-0 w-full h-[25vh] z-10;
    background: linear-gradient(to bottom, transparent, theme('colors.custom-shade-90'));
  } */
.nk-fadeimage
  >.wp-block-cover__inner-container{
    z-index: 20;
    padding-left: 0px;
    padding-right: 0px;
}
.nk-fadeimage .nk-teaser{
    max-width: 48rem;
}
.nk-fadeimage.colored{
    margin-top: 8rem;
    margin-bottom: 8rem;
    min-height: 0px;
}
.nk-fadeimage.colored >img, .nk-fadeimage.colored > span{
    height: 100% !important;
}
.nk-fadeimage.colored::before{
    top: 0px;
    height: 100%;
      background: linear-gradient(to bottom, transparent, transparent, #eaeae6);
}
.nk-footer{
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 3rem;
}
/* width: calc(100% - (theme('spacing.sm') * 2)); */
/* @screen lg {
    width: calc(100% - (theme('spacing.md') * 2));
  } */
.nk-footer::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 15rem;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(243 242 241 / var(--tw-bg-opacity));
    /* 
    @screen md {
      background: linear-gradient(
        to bottom,
        theme('colors.custom-shade-90'),
        theme('colors.custom-shade-90') 80% ,
        theme('colors.custom-shade-100') 80% 
      );
    } */
  }
.nk-footer .nk-badge{
    right: 2rem;
    bottom: 6rem;
    display: flex;
    height: 6rem;
    width: 6rem;
    --tw-rotate: 12deg;
    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));
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(229 144 0 / var(--tw-bg-opacity));
    text-align: center;
    font-weight: 700;
}
@media (min-width: 782px){

    .nk-footer .nk-badge{
        position: absolute;
    }
}
.nk-footer .nk-badge a{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.nk-footer .footer-newsletter-outer{
    display: flex;
    justify-content: center;
    padding: 0px;
}
@media (min-width: 1024px){

    .nk-footer .footer-newsletter-outer{
        --tw-translate-y: 6rem;
        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));
    }
}
.nk-footer .footer-newsletter-outer .footer-newsletter-inner{
    width: 100%;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 480px){

    .nk-footer .footer-newsletter-outer .footer-newsletter-inner{
        padding: 2rem;
    }
}
@media (min-width: 1024px){

    .nk-footer .footer-newsletter-outer .footer-newsletter-inner{
        width: 66.666667%;
    }
}
@media (min-width: 1280px){

    .nk-footer .footer-newsletter-outer .footer-newsletter-inner{
        width: 50%;
    }
}
.nk-footer .footer-newsletter-outer input{
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 230 / var(--tw-bg-opacity));
}
.nk-footer .footer-newsletter-outer input[type='submit']{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
@media (min-width: 782px) {
.nk-footer .footer-newsletter-outer form{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        grid-template-rows: min-content;
    }
        .nk-footer .footer-newsletter-outer form h4{
        grid-column: span 3 / span 3;
        grid-column-start: 1;
        grid-row-start: 1;
    }
          /* @apply h-lg; */
          .nk-footer .footer-newsletter-outer form .name span, .nk-footer .footer-newsletter-outer form .email span, .nk-footer .footer-newsletter-outer form .submit span{
        margin: 0px;
    }
        .nk-footer .footer-newsletter-outer form .name{
        grid-column-start: 1;
        grid-row-start: 2;
        align-self: center;
    }
        .nk-footer .footer-newsletter-outer form .email{
        grid-column-start: 2;
        grid-row-start: 2;
    }
        .nk-footer .footer-newsletter-outer form .submit{
        grid-column-start: 3;
        grid-row-start: 2;
    }

        .nk-footer .footer-newsletter-outer form .hinweis{
        grid-column: span 3 / span 3;
        grid-column-start: 1;
        grid-row-start: 3;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
        .nk-footer .footer-newsletter-outer form .wpcf7-response-output{
        grid-column: span 3 / span 3;
        grid-column-start: 1;
        grid-row-start: 4;
        margin: 0px;
        padding: 1rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
      }
.nk-footer .footer-newsletter-outer form .submit p{
    position: relative;
    display: flex;
}
.nk-footer .footer-newsletter-outer form .submit p .wpcf7-spinner{
    position: absolute;
    right: 1rem;
    top: 50%;
    --tw-translate-y: -50%;
    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));
}
.nk-footer .footer-newsletter-outer .hinweis{
    padding-left: 0px;
}
@media not all and (min-width: 782px){

    .nk-footer .footer-newsletter-outer .hinweis{
        padding-top: 1rem;
    }
}
.nk-footer .footer-newsletter-outer .hinweis a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nk-footer .nk-footer-columns{
    justify-content: space-between;
    gap: 3rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2rem;
    padding-bottom: 0px;
}
@media not all and (min-width: 1024px){

    .nk-footer .nk-footer-columns{
        flex-wrap: wrap !important;
    }
}
@media (min-width: 480px){

    .nk-footer .nk-footer-columns{
        gap: 2rem;
    }
}
@media (min-width: 1024px){

    .nk-footer .nk-footer-columns{
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 8rem;
    }
}
@media (min-width: 1280px){

    .nk-footer .nk-footer-columns{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.nk-footer .nk-footer-columns > .wp-block-column{
    flex-grow: 0;
    flex-basis: 100%;
}
@media (min-width: 480px) {
.nk-footer .nk-footer-columns > .wp-block-column {
        flex-basis: calc(50% - (1rem))
    }
      }
@media (min-width: 1024px) {
.nk-footer .nk-footer-columns > .wp-block-column {
        flex-basis: calc(25% - (1rem))
    }
      }
.nk-footer .nk-footer-columns ul{
    gap: 1rem;
}
.nk-footer .nk-footer-columns ul a{
    font-weight: 600;
}
.nk-footer .nk-footer-columns ul a:hover{
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
@media (min-width: 1280px){

    .nk-footer .nk-footer-columns .info-col{
        --tw-translate-y: -6rem;
        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));
    }
}
.nk-footer .nk-footer-columns .info-col .custom-logo-link{
    --tw-translate-x: -10px;
    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));
    padding-bottom: 2rem;
}
.nk-footer .designby{
    margin-top: 0px;
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
}
.nk-footer .designby a{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.25em;
    padding: 1rem;
    text-align: center;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    font-weight: 300;
    opacity: 0.6;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.nk-footer .designby a:hover{
    opacity: 1;
}
.nk-footer .designby svg{
    margin-bottom: 0px;
    display: inline;
    height: auto;
    width: 3rem;
}
.nk-footer .designby svg .st0{
    fill: currentColor;
}
input,
textarea,
select,
.wpcf7-list-item label{
    border-radius: 20px;
    border-width: 2px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 230 / var(--tw-bg-opacity));
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
input:hover,
textarea:hover,
select:hover,
.wpcf7-list-item label:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
input:focus,
textarea:focus,
select:focus,
.wpcf7-list-item label:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid, .wpcf7-list-item label.wpcf7-not-valid{
    --tw-border-opacity: 1;
    border-color: rgb(127 29 29 / var(--tw-border-opacity));
}
input[type='submit'], textarea[type='submit'], select[type='submit'], .wpcf7-list-item label[type='submit']{
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
input[type='submit']:hover, textarea[type='submit']:hover, select[type='submit']:hover, .wpcf7-list-item label[type='submit']:hover{
    --tw-drop-shadow: drop-shadow(drop-shadow(0 20px 20px #1F293720));
    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);
}
label{
    padding-left: 1rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.wpcf7 .wpcf7-form-control-wrap{
    margin-top: 0.75rem;
    margin-bottom: 2rem;
    display: block;
}
.wpcf7 .wpcf7-not-valid-tip{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    --tw-text-opacity: 1;
    color: rgb(127 29 29 / var(--tw-text-opacity));
}
.wpcf7 form .wpcf7-response-output{
    border-radius: 20px;
    border-width: 0px;
    padding: 2rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
}
.wpcf7 form.sent .wpcf7-response-output{
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(101 163 13 / var(--tw-bg-opacity));
}
.wpcf7 form.invalid .wpcf7-response-output{
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}
.wpcf7 .wpcf7-list-item-label{
    padding-left: 0.33rem;
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.wpcf7 .wpcf7-list-item{
    margin-left: 0px;
    margin-right: 2rem;
    margin-bottom: 0.5rem;
}
.wpcf7 .wpcf7-list-item label{
    display: inline-block;
}
.nk-hamburger{
    position: relative;
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nk-hamburger span{
    position: absolute;
    left: 50%;
    height: 0.125rem;
    width: 2rem;
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    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));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(125 64 0 / var(--tw-bg-opacity));
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nk-hamburger span:first-child{
    top: 1rem;
}
.nk-hamburger span:nth-child(2){
    top: 1.5rem;
}
.nk-hamburger span:last-child{
    top: 2rem;
}
.nk-hamburger.is-close span:first-child{
    top: 1.5rem;
    --tw-rotate: -45deg;
    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));
}
.nk-hamburger.is-close span:nth-child(2){
    width: 0px;
    transform-origin: center;
    opacity: 1;
}
.nk-hamburger.is-close span:last-child{
    top: 1.5rem;
    --tw-rotate: 45deg;
    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));
}
.nk-hamburger:not(.no-bg).is-close{
    --tw-bg-opacity: 1;
    background-color: rgb(229 144 0 / var(--tw-bg-opacity));
}
.nk-hamburger:not(.no-bg).is-close span{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:root {
  --mobile-height-initial: 220px;
  --mobile-height-initial-actual: calc(
    var(--mobile-height-initial) * 0.75 + 2rem
  ); /* real top pixel values respecting transforms and so on with safe space */
  --mobile-height-sticky: 60px;
  --mobile-height-main: auto;
  --mobile-height-meta: 3rem;
}
.nk-header {
  width: calc(100% - (1rem * 2));
  z-index: 998;
  overflow: visible;
  font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
}
@media (min-width: 1024px){

    .nk-header{
        font-size: 0.9rem;
    }
}
@media (min-width: 1280px){

    .nk-header{
        width: 100%;
    }
}
@media (min-width: 1600px){

    .nk-header{
        font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
    }
}
.nk-header nav{
    gap: 0.5rem;
}
.nk-header .is-layout-flex {
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
.nk-header .nk-header-main {
    /* --logo-width-full: clamp(200px, 12vw, 320px); */
    --logo-width-full: 240px;
    --logo-width-medium: 200px;
    /* --logo-height-full: 150px; */
    --spacing-top-full: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
@media (min-width: 1024px){

    .nk-header .nk-header-main{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (min-width: 1280px){

    .nk-header .nk-header-main{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.nk-header .nk-header-main{
    top: 0px;
    left: 50%;
    z-index: 50;
    margin: 0px;
    width: 100%;
    max-width: 1600px;
    --tw-translate-x: -50%;
    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));
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
@media not all and (min-width: 1024px){

    .nk-header .nk-header-main{
        position: relative;
    }
}
@media (min-width: 1024px){

    .nk-header .nk-header-main{
        position: fixed;
        top: var(--spacing-top-full);
    }
}
@media (min-width: 1600px){

    .nk-header .nk-header-main{
        padding-left: 0px;
        padding-right: 0px;
    }
}
.nk-header .nk-header-main .nk-header-inner{
    position: relative;
}
@media not all and (min-width: 1024px){

    .nk-header .nk-header-main .nk-header-inner{
        background-color: transparent !important;
    }
}
.nk-header .nk-header-main .logo {
      aspect-ratio: 1 / 1;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 10;
      --tw-translate-x: -25%;
      --tw-translate-y: -50%;
      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));
      transition-property: all;
      transition-duration: 500ms;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
@media (min-width: 1024px){

    .nk-header .nk-header-main .logo{
        --tw-translate-x: -0px;
        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));
    }
}
@media (min-width: 1280px){

    .nk-header .nk-header-main .logo{
        width: var(--logo-width-medium);
    }
}
@media (min-width: 1600px){

    .nk-header .nk-header-main .logo{
        width: var(--logo-width-full);
    }
}
.nk-header .nk-header-main .logo a{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: var(--logo-spacing);
}
.nk-header .nk-header-main .logo a:before {
          content: '';
          position: absolute;
          top: 0px;
          left: 0px;
          z-index: 0;
          height: 100%;
          width: 100%;
          border-bottom-right-radius: 10px;
          border-bottom-left-radius: 10px;
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity));
          transition-property: all;
          transition-duration: 500ms;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          box-shadow: 0 0 20px #1F29370D;
        }
.nk-header .nk-header-main .logo a img{
    z-index: 10;
    height: 75%;
    width: 75%;
    --tw-translate-x: 6%;
    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));
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom;
       object-position: bottom;
}
.nk-header .nk-header-main main{
    z-index: 20;
    gap: 0px;
    border-radius: 10px;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    transition-duration: 500ms;
}
@media (min-width: 1024px){

    .nk-header .nk-header-main main{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
}
@media (min-width: 1600px){

    .nk-header .nk-header-main main{
        gap: 2rem;
    }
}
.nk-header .nk-header-main main {
      padding-left: calc(var(--logo-width-full) + 1rem);
    }
.nk-header .nk-header-main main .wp-block-navigation{
    gap: 0px;
}
@media (min-width: 1280px){

    .nk-header .nk-header-main main .wp-block-navigation{
        gap: 1rem;
    }
}
.nk-header .nk-header-main main .wp-block-navigation .wp-block-navigation-item{
    padding: 1rem;
    font-weight: 600;
}
.nk-header .nk-header-main main .wp-block-navigation .current-menu-item a,
        .nk-header .nk-header-main main .wp-block-navigation a:hover{
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

    .nk-header .nk-header-main main .wp-block-navigation-submenu__toggle[aria-expanded='true'],
      .nk-header .nk-header-main main .wp-block-navigation-submenu__toggle[aria-expanded='true']
        + .wp-block-navigation__submenu-icon{
        --tw-text-opacity: 1;
        color: rgb(229 144 0 / var(--tw-text-opacity));
    }
}
.nk-header .nk-header-main main .wp-block-navigation__submenu-container {
        filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.12));
        --tw-translate-x: 33.333333%;
        --tw-translate-y: -20%;
        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-direction: row !important;
        border-radius: 10px;
        border-width: 0px !important;
        background-color: transparent;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        outline: 2px solid transparent;
        outline-offset: 2px;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 300ms;
      }
.nk-header .nk-header-main main .wp-block-navigation__submenu-container li.wp-block-navigation-item{
    border-radius: 10px;
    padding: 0px;
}
.nk-header .nk-header-main main .wp-block-navigation__submenu-container li.wp-block-navigation-item:first-of-type{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.nk-header .nk-header-main main .wp-block-navigation__submenu-container li.wp-block-navigation-item:last-of-type{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.nk-header .nk-header-main main .wp-block-navigation__submenu-container a{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 0.875em;
}
.nk-header .nk-header-main main .nk-nav-secondary a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.nk-header .nk-icon-rendered{
    font-size: 1.5em;
}
.nk-header.is-sticky .nk-header-main {
    --logo-width-full: 180px;
    --logo-width-medium: 140px;
    /* --logo-height-full: 90px; */
    /* --logo-spacing: 10px; */
    --spacing-top-full: 10px;
    position: fixed;
  }
.nk-header .wp-block-search{
    margin-left: auto !important;
    display: none;
    padding-right: 0px;
}
.nk-header .wp-block-search input{
    width: 8em;
    padding-right: 0px;
}
@media (min-width: 1024px){

    .nk-header .nk-hamburger{
        display: none;
    }
}
.nk-header .nk-hamburger span{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.wp-block-navigation-item__label{
    white-space: nowrap;
}
#nk-header-meta{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 40;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(229 144 0 / var(--tw-bg-opacity));
}
/* width: calc(100% - (theme('spacing.sm') * 2)); */
/* @screen xl {
    @apply w-full left-1/2 -translate-x-1/2;
    max-width: calc(theme('screens.xl') + (theme('spacing.sm') * 2));
  } */
#nk-header-meta > main{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 3rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    padding-left: calc(var(--logosize) + 3rem);
}
@media (min-width: 1600px) {
#nk-header-meta > main{
        margin-left: auto;
        margin-right: auto;
      max-width: calc(1600px + (1rem * 2));
    }
    }
#nk-header-meta a{
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
#nk-header-meta a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
#nk-header-meta nav a{
    font-weight: 600;
}
@media (min-width: 1024px){

    body.admin-bar .nk-header-main{
        margin-top: 32px;
    }
}
/* mobile open state */
@media (max-width: 1023px) {
  .nk-header{
        position: fixed;
        top: 0px;
        left: 0px;
        display: flex;
        height: 0px;
        max-height: var(--mobile-height-initial);
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
    transition: all 0.3s 0s ease-in-out, height 0s 0.5s, max-height 0s 0.5s;
    }

    .nk-header::before {
      content: '';
      position: fixed;
      inset: 0px;
      z-index: -10;
      display: block;
      height: 100%;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgb(169 170 16 / var(--tw-bg-opacity));
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 500ms;
      -webkit-clip-path: circle(0% at calc(100% - 2rem) 2rem);
              clip-path: circle(0% at calc(100% - 2rem) 2rem);
    }

    .nk-header.is-sticky{
        position: fixed;
        max-height: var(--mobile-height-sticky);
        --tw-translate-y: -100%;
        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));
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
        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);
    }
    .nk-header.scroll-up{
        --tw-translate-y: -0px;
        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));
        transition-delay: 0s;
    }
    body.admin-bar .nk-header.is-sticky {
      top: 46px;
    }
  #nk-header-meta{
        height: 0px;
    }
  #nk-header-main{
        position: relative;
        top: unset;
        left: unset;
        z-index: 0;
        order: 1;
        height: 0px;
        flex-grow: 1;
        --tw-translate-x: 0px;
        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));
    }

    #nk-header-main main{
        display: grid;
        height: 100%;
        max-height: var(--mobile-height-sticky);
        gap: 0px;
        overflow: hidden;
        padding: 0px;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        transition-delay: 500ms;
        transition-duration: 0s;
      /* clip-path: circle(100vw at 75% 0%); */
      grid-template-rows: var(--mobile-height-sticky) 4rem 1fr min-content;
      grid-template-columns: 1fr 1fr 1fr 1fr 4rem 3rem;
    }

      :where(.nk-header.is-sticky:not(.is-open)) #nk-header-main main {
        /* @apply bg-custom-secondary; */
      }

      #nk-header-main main .current-menu-item a,
      #nk-header-main main a:hover{
        font-weight: 300;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
    #nk-header-main .nk-header-inner{
        height: 100%;
    }
    #nk-header-main .wp-block-navigation__submenu-icon{
        display: none;
    }

    #nk-header-main .nk-nav-primary{
        pointer-events: none;
        grid-row-start: 3;
    }
      #nk-header-main .nk-nav-primary a,
      #nk-header-main .nk-nav-primary button{
        pointer-events: auto;
    }
      #nk-header-main .nk-nav-primary .wp-block-navigation__container{
        flex-direction: column;
        align-items: flex-start;
    }
        #nk-header-main .nk-nav-primary .wp-block-navigation__container .wp-block-navigation-item{
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-size: clamp(1.95rem, 2.46vw + 1.34rem, 3.8rem);
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        opacity: 0;
        transition-duration: 500ms;
    }
        #nk-header-main .nk-nav-primary .wp-block-navigation__container .wp-block-navigation-item:hover{
        font-weight: 700;
    }

        #nk-header-main .nk-nav-primary .wp-block-navigation__container .wp-block-navigation__submenu-container{
        visibility: visible;
        position: relative !important;
        margin: 0px !important;
        height: auto !important;
        max-height: 0px;
        width: 100%;
        --tw-translate-x: 0px;
        --tw-translate-y: 0px;
        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-direction: column !important;
        border-width: 0px;
        background-color: transparent !important;
        padding: 0px !important;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        opacity: 1;
        --tw-drop-shadow: drop-shadow(0 0 #0000);
        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);
    }

          /* @apply !flex-col; */
          #nk-header-main .nk-nav-primary .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation-item{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
        font-size: clamp(1.56rem, 1.29vw + 1.24rem, 2.53rem);
    }
        #nk-header-main .nk-nav-primary .wp-block-navigation__container .wp-block-navigation-submenu__toggle[aria-expanded='true']
          ~ .wp-block-navigation__submenu-container{
        max-height: 300px !important;
    }
    #nk-header-main .nk-nav-secondary{
        pointer-events: none;
        grid-row-start: 4;
    }

      #nk-header-main .nk-nav-secondary .wp-block-navigation__container{
        justify-content: space-between;
        padding-left: 1rem;
        padding-right: 1rem;
    }
        #nk-header-main .nk-nav-secondary .wp-block-navigation__container li{
        padding: 0px;
        opacity: 0;
        transition-duration: 500ms;
    }
        #nk-header-main .nk-nav-secondary .wp-block-navigation__container a,
        #nk-header-main .nk-nav-secondary .wp-block-navigation__container button{
        pointer-events: auto;
        gap: 0.5rem;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
        --tw-text-opacity: 1;
        color: rgb(229 144 0 / var(--tw-text-opacity));
    }

  /* logo sizing */
    .nk-header .nk-header-main .logo{
        width: var(--logosize);
        --tw-translate-y: -25%;
        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));
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
      .nk-header.is-sticky:not(.is-open) .nk-header-main .logo{
        --tw-translate-y: -100%;
        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));
    }
      .nk-header.is-sticky:not(.is-open) .nk-hamburger{
        top: 0px;
        --tw-translate-y: -100%;
        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));
    }
      .nk-header.is-sticky.scroll-up .nk-header-main .logo{
        --tw-translate-y: -25%;
        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));
    }
      .nk-header.is-sticky.scroll-up .nk-hamburger{
        top: 1rem;
        --tw-translate-y: -0px;
        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));
    }
      .nk-header.is-open .nk-header-main .logo{
        width: 220px;
    }
      .nk-header.is-open .nk-hamburger{
        top: 1rem;
        --tw-translate-y: -0px;
        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));
    }

  .wp-block-search{
        grid-column-start: 5;
        grid-row-start: 1;
        display: none;
    }
    .wp-block-search svg{
        min-height: 2.25rem;
        min-width: 2.25rem;
    }
  .nk-hamburger{
        position: absolute;
        right: 0px;
        top: 1rem;
        grid-column-start: 6;
        grid-row-start: 1;
        transition-duration: 200ms;
    }
  .nk-header.is-sticky .nk-hamburger{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    .nk-header.is-sticky .nk-hamburger span{
        --tw-bg-opacity: 1;
        background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    }

  .wp-block-navigation{
        grid-column: span 6 / span 6;
    }
    .wp-block-navigation .wp-block-navigation__container{
        align-items: flex-start;
    }

  #nk-header-meta{
        pointer-events: none;
        position: relative;
        left: unset;
        top: unset;
        z-index: 0;
        order: 2;
        margin-left: 1rem;
        flex-shrink: 0;
        overflow: hidden;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        background-color: transparent;
        padding-left: 1rem;
        padding-right: 1rem;
        opacity: 0;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-delay: 0s;
        transition-duration: 300ms;
    }
    #nk-header-meta main{
        display: flex;
        flex-direction: column;
        background-color: transparent;
        background-image: none;
        padding: 0px;
    }
    #nk-header-meta a,
    #nk-header-meta button{
        font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
    }
    #nk-header-meta .nk-news{
        display: none;
      /* @apply drop-shadow-lg bg-white rounded-b-md pt-md -translate-y-md z-0 relative;
      a,
      button {
        @apply p-md text-custom-secondary;
      } */
    }
    #nk-header-meta nav{
        position: relative;
        z-index: 10;
        width: 100%;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        --tw-text-opacity: 0.6;
    }
      #nk-header-meta nav ul{
        justify-content: center;
        white-space: nowrap;
    }
        #nk-header-meta nav ul a{
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    }

  /* OPEN STATE */
  .nk-header.is-open{
        height: 100%;
        max-height: 100%;
        overflow: auto;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        transition-delay: 0s;
        transition-duration: 0s;
    }

    .nk-header.is-open::before{
        opacity: 1;
        transition-duration: 700ms;
      -webkit-clip-path: circle(max(67vw, 67vh) at 50% 50%);
              clip-path: circle(max(67vw, 67vh) at 50% 50%);
    }

    .nk-header.is-open #nk-header-main main {
      max-height: calc(100% - 1rem);
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }

      .nk-header.is-open #nk-header-main main .wp-block-navigation-submenu__toggle[aria-expanded='true']
        ~ .wp-block-navigation__submenu-container
        .wp-block-navigation-item{
        opacity: 1;
        transition-duration: 300ms;
    }

        .nk-header.is-open #nk-header-main main .wp-block-navigation-submenu__toggle[aria-expanded='true']
        ~ .wp-block-navigation__submenu-container
        .wp-block-navigation-item:nth-child(1){
        transition-delay: 0s;
    }
        .nk-header.is-open #nk-header-main main .wp-block-navigation-submenu__toggle[aria-expanded='true']
        ~ .wp-block-navigation__submenu-container
        .wp-block-navigation-item:nth-child(2){
        transition-delay: 100ms;
    }
        .nk-header.is-open #nk-header-main main .wp-block-navigation-submenu__toggle[aria-expanded='true']
        ~ .wp-block-navigation__submenu-container
        .wp-block-navigation-item:nth-child(3){
        transition-delay: 200ms;
    }
    .nk-header.is-open #nk-header-meta{
        pointer-events: auto;
        display: block;
        height: 3rem;
        opacity: 1;
        transition-delay: 1050ms;
        transition-duration: 500ms;
    }
    .nk-header.is-open .nk-nav-primary{
        pointer-events: auto;
    }
        .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item{
        opacity: 1 !important;
    }

          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(1){
        transition-delay: 300ms;
    }
          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(2){
        transition-delay: 450ms;
    }
          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(3){
        transition-delay: 600ms;
    }
          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(4){
        transition-delay: 750ms;
    }
          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(5){
        transition-delay: 900ms;
    }
          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(6){
        transition-delay: 1050ms;
    }
          .nk-header.is-open .nk-nav-primary .wp-block-navigation__container > .wp-block-navigation-item:nth-child(7){
        transition-delay: 1100ms;
    }
    .nk-header.is-open .nk-nav-secondary{
        pointer-events: auto;
    }
        .nk-header.is-open .nk-nav-secondary .wp-block-navigation__container > .wp-block-navigation-item{
        opacity: 1 !important;
        transition-delay: 900ms;
    }
}
.nk-sticky-element{
    position: relative;
}
.nk-sticky-element.is-sticky{
    position: fixed;
    z-index: 999;
    top: var(--top, 100px);
    left: var(--left, 100px);
}
body.admin-bar .nk-sticky-element.is-sticky{
    --tw-translate-y: 32px;
    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));
}
.nk-icon-rendered{
    height: 1em;
    width: 1em;
    flex-shrink: 0;
    flex-grow: 0;
}
/* @apply mx-auto; */
.wp-block-image img{
    border-radius: 0.125rem;
}
@media (min-width: 1024px){

    .wp-block-image img{
        border-radius: 10px;
    }
}
.nk-infobox {
  /* @apply grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-sm grid-flow-col list-none py-md; */
  position: relative;
  aspect-ratio: 1 / 1;
  list-style-type: none;
  border-radius: 10px;
  border-width: 0px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(243 242 241 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
  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);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nk-infobox:hover{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}
:where(.nk-high) .nk-infobox {
    aspect-ratio: 2 / 3;
  }
:where(.nk-wide) .nk-infobox {
    aspect-ratio: 3 / 2;
  }
:where(.nk-video) .nk-infobox {
    aspect-ratio: 16 / 9;
  }
.nk-infobox.has-global-padding{
    margin-top: 0px;
    margin-bottom: 0px;
}
.nk-infobox a{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.nk-infobox a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.nk-infobox > *{
    position: absolute;
}
.nk-infobox .wp-block-post-excerpt{
    opacity: 0;
}
.nk-infobox figure,
  .nk-infobox figure a,
  .nk-infobox figure img{
    top: 0px;
    left: 0px;
    z-index: 0;
    margin: 0px;
    height: 100%;
    width: 100%;
}
.nk-infobox figure a{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 242 241 / var(--tw-bg-opacity));
}
.nk-infobox figure a::before {
      content: '';
      background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.25),
        rgba(0, 0, 0, 0.2)
      );
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 10;
      height: 100%;
      width: 100%;
    }
.nk-infobox figure a img{
    position: absolute;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
.nk-infobox:hover figure img{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
    transition-property: all;
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nk-infobox h3,.nk-infobox h4,.nk-infobox h5{
    top: 3rem;
    left: 1rem;
    z-index: 10;
    width: calc(100% - 1rem * 2);
}
.nk-infobox .button, .nk-infobox .wp-block-buttons{
    pointer-events: none;
    bottom: 1rem;
    right: 1rem;
    z-index: 10;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nk-infobox .button{
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.nk-infobox:hover .button,
  .nk-infobox:hover .wp-block-buttons{
    opacity: 1;
}
.nk-introscreen{
    position: relative;
    display: flex;
    min-height: 85vh;
    align-items: center;
    overflow: visible;
}
@media (min-width: 1024px){

    .nk-introscreen{
        padding-top: 0px;
    }
}
.nk-introscreen figure{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    width: 100%;
    max-width: 100% !important;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(125 64 0 / var(--tw-bg-opacity));
}
.nk-introscreen figure img{
    height: 60vh;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    opacity: 0.8;
}
.nk-introscreen > #introscreen{
    position: relative;
    z-index: 48;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px;
    width: 100%;
    padding-top: calc(60vh + 3rem);
}
.nk-introscreen h1, .nk-introscreen h1 a, .nk-introscreen .value{
    -webkit-hyphens: none;
            hyphens: none;
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

    .nk-introscreen h1{
        width: 66.666667%;
    }
}
.nk-introscreen .nk-teaser{
    width: 66.666667%;
}
@media (min-width: 1024px){

    .nk-introscreen .nk-teaser{
        width: 50%;
    }
}
.nk-introscreen::before {
    content: "";
    position: absolute;
    bottom: -20vh;
    left: 0px;
    z-index: 10;
    height: 20vh;
    width: 100%;
    background: linear-gradient(to bottom, transparent, #eaeae6);
  }
/* move element underneath introscreen up */
.wp-block-template-part:has(.nk-introscreen) + *,
.wp-site-blocks > .nk-introscreen + *{
    position: relative;
    z-index: 30;
}
ol li{
    position: relative;
    margin-left: 2rem;
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 2rem;
    padding-left: 1rem;
}
ol li::marker{
    position: absolute;
    top: 0px;
    left: 0px;
    display: list-item;
    border-radius: 9999px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(229 144 0 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-size: clamp(1.25rem, 0.58vw + 1.1rem, 1.69rem);
    font-weight: 700;
    line-height: 4rem;
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.accordion-toggle{
    position: relative;
    cursor: pointer;
}
.accordion-toggle svg{
    position: absolute;
    right: 0px;
    top: 50%;
    height: 1rem;
    width: 1rem;
    --tw-translate-y: -50%;
    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));
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.accordion-toggle:hover svg{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
}
.accordion-item .accordion-content {
  }
.accordion-item:not(.accordion-is-active) .accordion-content{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    max-height: 0px !important;
    overflow: hidden;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    opacity: 0;
      transition: max-height 0.3s 0.3s ease-in, padding 0.3s 0.3s, margin 0.3s 0.3s, opacity 0.3s 0s;
}
.accordion-item.accordion-is-active .accordion-content{
    max-height: 50vh;
    opacity: 1;
      transition: max-height 0.3s ease-in, padding 0.3s, margin 0.3s, opacity 0.3s 0.3s;
}
.accordion-item.accordion-is-active .accordion-toggle svg{
    --tw-scale-y: -1;
    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));
}
.accordion-group h4{
    margin-bottom: 1rem;
}
.accordion-group .accordion-item{
    margin-bottom: 1rem;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 2rem;
}
.accordion-group .accordion-item h4{
    margin-bottom: 0px;
}
.accordion-group .accordion-item .accordion-content{
    padding-top: 1rem;
}
.accordion-group .accordion-item .accordion-content p:last-of-type{
    margin-bottom: 0px;
}
.td-anchor-navigation{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-anchor-navigation ul{
    display: flex;
    width: 100%;
    gap: 0.5rem;
}
@media not all and (min-width: 1024px){

    .td-anchor-navigation ul{
        flex-wrap: wrap;
    }
}
.td-anchor-navigation .td-anchor-item{
    height: 3.5rem;
    flex-shrink: 0;

    /* &:first-of-type a {
      @apply bg-custom-shade-100 text-custom-secondary;
      &::before {
        @apply bg-custom-shade-100;
      }
    } */
}
.td-anchor-navigation .td-anchor-item a{
    -webkit-hyphens: none;
            hyphens: none;
    white-space: nowrap;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.td-anchor-navigation .td-anchor-item a:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1 !important;
    color: rgb(169 170 16 / var(--tw-text-opacity)) !important;
}
.td-anchor-navigation .td-anchor-item a::before{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
.td-anchor-navigation .nk-icon-rendered{
    display: none;
}
.td-anchor-navigation.is-sticky{
    position: fixed;
    z-index: 51;
    margin-top: 0px;
    display: flex;
    min-height: 2.5em;
    --tw-translate-x: -50%;
    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));
    align-items: flex-start;
    overflow: hidden;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
@media (min-width: 1024px){

    .td-anchor-navigation.is-sticky{
        z-index: 49;
        --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
        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);
    }
}
.td-anchor-navigation.is-sticky {
    

    left: 50%;
    top: calc(1rem + 4px);
  }
@media (min-width: 1024px) {
.td-anchor-navigation.is-sticky {
        right: unset;
        /* @apply left-[0vw] mal top-[84px] translate-x-0; */
        left: 50%;
        top: 80px;
        --tw-translate-x: -50%;
        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))
  }
      }
/* @media (min-width: 2400px) {
        transform: translateX(-960px) !;
        left:50%;
        
      } */
/* overwrite js for mobile */
/* @media (max-width: theme('screens.md')) {
        @apply !left-1/2 !-translate-x-1/2 !top-sm !translate-y-0;
    } */
.td-anchor-navigation.is-sticky ul{
    height: 100%;
    max-height: 3em;
    flex-direction: column;
    gap: 0px;
    overflow: hidden;
    border-radius: 10px;
}
@media (min-width: 1024px){

    .td-anchor-navigation.is-sticky ul{
        max-height: 2.5em;
    }
}
.td-anchor-navigation.is-sticky ul .td-anchor-item{
    display: flex;
    max-height: 0px;
    width: 100%;
    align-items: center;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
.td-anchor-navigation.is-sticky ul .td-anchor-item a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0px;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    --tw-text-opacity: 1;
    color: rgb(234 234 230 / var(--tw-text-opacity));
    opacity: 0.7;
    --tw-drop-shadow: drop-shadow(0 0 #0000) !important;
    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) !important;
}
.td-anchor-navigation.is-sticky ul .td-anchor-item a:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    opacity: 1;
}
@media not all and (min-width: 480px){

    .td-anchor-navigation.is-sticky ul .td-anchor-item a{
        max-width: 130px;
        padding-left: 0.75em;
    }
}
@media (min-width: 480px){

    .td-anchor-navigation.is-sticky ul .td-anchor-item a{
        padding-right: 1rem;
    }
}
@media (min-width: 1024px){

    .td-anchor-navigation.is-sticky ul .td-anchor-item a{
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
    }
}
.td-anchor-navigation.is-sticky ul .td-anchor-item a::before{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
/* Undo the above styles for every subsequent article > p **/
.td-anchor-navigation.is-sticky ul > li.is-active,
      .td-anchor-navigation.is-sticky ul:hover > li.is-active ~ li.is-active{
    max-height: 2.5em;
}
.td-anchor-navigation.is-sticky ul > li.is-active a, .td-anchor-navigation.is-sticky ul:hover > li.is-active ~ li.is-active a{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
    opacity: 1;
}
.td-anchor-navigation.is-sticky ul > li.is-active a:hover, .td-anchor-navigation.is-sticky ul:hover > li.is-active ~ li.is-active a:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-anchor-navigation.is-sticky ul > li.is-active ~ li.is-active{
    max-height: 0px;
}
.td-anchor-navigation.is-sticky ul > li.is-active ~ li.is-active a{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-anchor-navigation.is-sticky .nk-icon-rendered{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    display: block;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
        height: calc(0.3rem * 2 + 1em);
        width: calc(0.3rem * 2 + 1em);
}
.td-anchor-navigation.is-sticky:hover ul{
    max-height: 100%;
}
.td-anchor-navigation.is-sticky:hover .td-anchor-item{
    height: 2.5em;
    max-height: 2.5em;
    transition-duration: 500ms;
}
.td-anchor-navigation.is-sticky:hover .nk-icon-rendered{
    --tw-rotate: 180deg;
    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));
}
body.admin-bar .td-anchor-navigation.is-sticky{
    margin-top: 46px;
}
@media (min-width: 1024px){

    body.admin-bar .td-anchor-navigation.is-sticky{
        margin-top: 32px;
    }

    body.scroll-up .td-anchor-navigation.is-sticky{
        top: 180px;
    }
}
.td-dropdown-filter{
    position: relative;
    height: 3rem;
    width: auto;
    overflow: hidden;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;

  /* --itemHeight: theme('spacing.lg'); */
  --itemHeight: 3.5rem;
}
.td-dropdown-filter:hover[data-items='1'] {
      height: calc(var(--itemHeight) * 2);
    }
.td-dropdown-filter:hover[data-items='2'] {
      height: calc(var(--itemHeight) * 3);
    }
.td-dropdown-filter:hover[data-items='3'] {
      height: calc(var(--itemHeight) * 4);
    }
.td-dropdown-filter:hover[data-items='4'] {
      height: calc(var(--itemHeight) * 5);
    }
.td-dropdown-filter:hover[data-items='5'] {
      height: calc(var(--itemHeight) * 6);
    }
.td-dropdown-filter:hover[data-items='6'] {
      height: calc(var(--itemHeight) * 7);
    }
/* .main-label,
    ul {
        @apply absolute left-0 w-full ;
    } */
.td-dropdown-filter .main-label{
    top: 0px;
    z-index: 10;
    display: flex;
    height: 3rem;
    align-items: center;
    gap: 1rem;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding: 1rem;
    font-weight: 700;
}
.td-dropdown-filter .main-label svg{
    height: 1.5rem;
    width: 1.5rem;
}
@media (min-width: 1024px){

    .td-dropdown-filter .main-label svg{
        height: 2rem;
        width: 2rem;
    }
}
.td-dropdown-filter .main-label svg:last-of-type{
    margin-left: auto;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-dropdown-filter:hover .main-label svg:last-of-type{
    --tw-scale-y: -1;
    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));
}
.td-dropdown-filter ul{
    display: flex;
    flex-direction: column;
}
.td-dropdown-filter ul li{
    z-index: 0;
    margin: 0.5rem;
    margin-bottom: 0px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 0.5;
    padding: 0.5rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-dropdown-filter ul li:hover{
    --tw-bg-opacity: 1;
}
.td-dropdown-filter ul li > *{
    pointer-events: none;
}
.td-dropdown-filter ul li .check{
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.td-dropdown-filter ul li .check svg{
    height: 66.666667%;
    width: 66.666667%;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-dropdown-filter ul li > svg{
    margin-left: auto;
    height: 1.5rem;
    width: 1.5rem;
}
.td-dropdown-filter ul li:hover .check svg{
    opacity: 0.5;
}
.td-dropdown-filter ul li.is-active{
    --tw-bg-opacity: 1;
}
.td-dropdown-filter ul li.is-active .check svg{
    opacity: 1;
}
.td-map {
  --mobile-navbar: 4rem;
  position: relative;
  z-index: 0;
  margin-left: 0px;
  margin-right: 0px;
  height: 50%;
  max-width: 100% !important;
  overflow: hidden;
}
.td-map .td-map-container{
    z-index: 0;
    height: 85vh;
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px){

    .td-map .td-map-container{
        height: 100%;
    }
}
/* 85vh is random */
.td-map .td-map-container.active{
    height: 100vh;
}
.td-map.global_map .td-map-container{
    height: 100vh;
    overflow: hidden;
    border-radius: 0px;
}
@media (min-width: 1280px){

    .td-map.global_map .td-map-container{
        border-radius: 0px;
    }
}
.td-map:not(.global_map){
    border-radius: 20px;
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
}
@media (min-width: 1280px){

    .td-map:not(.global_map){
        border-radius: 40px;
    }
}
.td-map:not(.global_map) .animal-search{
    position: absolute;
    top: 2rem;
    left: 2rem;
}
.td-map .td-externals{
    position: absolute;
    left: -1rem;
    z-index: 10;
    display: flex;
}
@media not all and (min-width: 1024px){

    .td-map .td-externals{
        top: 50%;
        --tw-translate-y: -50%;
        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-direction: column;
    }
}
@media (min-width: 1024px){

    .td-map .td-externals{
        bottom: -1rem;
        left: 50%;
        --tw-translate-x: -50%;
        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));
    }
}
.td-map .td-externals a{
    position: relative;
    z-index: 10;
    display: block;
    height: 3rem;
    width: 3rem;
    overflow: hidden;
    border-radius: 9999px;
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
}
@media (min-width: 1024px){

    .td-map .td-externals a{
        height: 6rem;
        width: 6rem;
    }
}
.td-map .td-externals a span,
      .td-map .td-externals a img{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-map .td-externals a span{
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(229 144 0 / var(--tw-bg-opacity));
    text-align: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 0;
}
.td-map .td-externals a:hover span{
    opacity: 1;
}
.td-map .td-externals li:last-of-type{
    z-index: 0;
}
@media not all and (min-width: 1024px){

    .td-map .td-externals li:last-of-type{
        --tw-translate-y: -1rem;
        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));
    }
}
@media (min-width: 1024px){

    .td-map .td-externals li:last-of-type{
        --tw-translate-x: -1rem;
        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));
    }
}
.td-map .filter-container{
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 1024px){

    .td-map .filter-container{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (min-width: 1280px){

    .td-map .filter-container{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.td-map .filter-container{
    position: fixed;
    top: 1rem;
    z-index: 9999;
    display: inline-flex;
    max-width: 1600px;
    align-items: center;
    gap: 1rem;
}
@media not all and (min-width: 1024px){

    .td-map .filter-container{
        right: 3rem;
        flex-direction: column;
    }
}
@media (min-width: 1024px){

    .td-map .filter-container{
        position: absolute;
        left: 50%;
        top: 130px;
        width: 100%;
        --tw-translate-x: -50%;
        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));
        align-items: flex-start;
        padding-left: 260px !important;
    }
}
@media (min-width: 1600px){

    .td-map .filter-container{
        padding-left: 0px;
        padding-right: 0px;
    }
}
.td-map .filter-container .td-dropdown-filter{
    width: 13rem;
}
@media (min-width: 1024px){

    .td-map .filter-container .td-dropdown-filter{
        width: 16rem;
    }
}
.td-map .td-sidelist{
    position: absolute;
    bottom: 0px;
    z-index: 50;
    height: 4rem;
    width: 100%;
    max-width: 500px;
    overflow: visible;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgb(243 242 241 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    padding-right: 0px;
    --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
    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);
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px){

    .td-map .td-sidelist{
        bottom: unset;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 33.333333%;
        border-radius: 0px;
        --tw-bg-opacity: 0.9;
        padding-top: 100px;
        --tw-backdrop-blur: blur(16px);
        -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);
    }
}
@media (min-width: 1600px){

    .td-map .td-sidelist{
        width: 25%;
    }
}
/* clip-path: circle(300vh at 50% 0px); */
/* @screen md {
      clip-path: circle(300vh at 301vh 50%);
    } */
@media not all and (min-width: 1024px){

    .td-map .td-sidelist.active{
        height: 45vh;
    }
}
.td-map .td-sidelist::before {
      content: '';
      margin-left: auto;
      margin-right: auto;
      margin-top: 1rem;
      margin-bottom: 0.5rem;
      display: block;
      height: 0.5rem;
      width: 6rem;
      border-radius: 9999px;
      --tw-bg-opacity: 1;
      background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    }
@media (min-width: 1024px){

    .td-map .td-sidelist::before{
        display: none;
    }
}
.td-map .td-sidelist ul {
      height: calc(100% - 2rem);
      overflow-y: auto;
      overflow-x: visible;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
@media (min-width: 1024px){

    .td-map .td-sidelist ul{
        padding-left: 1rem;
        padding-top: 20px;
        padding-right: 1rem;
    }
}
.td-map .td-sidelist li{
    position: relative;
    margin-bottom: 0.5rem;
    display: flex;
    max-height: 20rem;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
    border-radius: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
.td-map .td-sidelist li:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 1024px){

    .td-map .td-sidelist li{
        gap: 0.666rem;
    }
}
.td-map .td-sidelist li .center-it{
    position: absolute;
    top: 1rem;
    right: 1rem;
    margin-left: 1rem;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
@media (min-width: 1024px){

    .td-map .td-sidelist li .center-it{
        display: inline-flex;
    }
}
.td-map .td-sidelist li .center-it svg{
    height: 1rem;
    width: 1rem;
}
.td-map .td-sidelist li:hover .center-it{
    opacity: 1;
}
.td-map .td-sidelist li.highlight:hover .center-it{
    opacity: 0 !important;
}
.td-map .td-sidelist li.highlight{
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}
.td-map .td-sidelist li p{
    margin-right: 3rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
}
.td-map .td-sidelist li.is-hidden{
    max-height: 0px;
    padding: 0px;
}
.td-map .td-sidelist a{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.td-map .td-sidelist .sub{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.td-map .td-sidelist .sub svg{
    height: 1rem;
    width: 1rem;
}
@media (min-width: 1024px){

    .td-map .td-sidelist .sub svg{
        height: 1.5rem;
        width: 1.5rem;
    }
}
.td-map .td-sidelist .wp-block-button__link{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: clamp(0.9rem, -0.07vw + 0.89rem, 1rem);;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-map .td-sidelist .wp-block-button__link:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-map .leaflet-marker-pane .leaflet-marker-icon{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    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));
    opacity: 1;
}
.td-map .leaflet-marker-pane .leaflet-marker-icon.is-hidden{
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    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));
    opacity: 0;
}
.td-map .marker-active{
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    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));
    --tw-drop-shadow: drop-shadow(drop-shadow(0 20px 20px #1F293720));
    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);
    /*
    path:last-of-type {
     fill: attr(data-fillcolor color);
    } */
}
.td-map .marker-active path:first-of-type{
    fill: #fff;
    stroke: #e59000; /* stroke set in js */
}
@media not all and (min-width: 1024px){

    .td-map .leaflet-control-container .leaflet-bottom{
        padding-bottom: var(--mobile-navbar);
    }
}
.td-map .leaflet-control-attribution{
    background-color: transparent !important;
}
.td-map .leaflet-control-attribution a{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.td-map .leaflet-control-attribution svg{
    display: none;
}
.td-map .leaflet-control-zoom{
    border-width: 0px !important;
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}
.td-map .leaflet-control-zoom .leaflet-control-zoom-in{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-map .leaflet-control-zoom .leaflet-control-zoom-in:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.td-map .leaflet-control-zoom .leaflet-control-zoom-out{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-map .leaflet-control-zoom .leaflet-control-zoom-out:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.td-map .animal-search{
    display: inline-flex;
    height: 3rem;
    overflow: visible;
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    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);
}
@media not all and (min-width: 1024px){

    .td-map .animal-search{
        position: absolute;
        left: 1rem;
        bottom: 0px;
    }
}
.td-map .animal-search {

    /* &:hover {
      .magnifying-glass,
      .spinner {
        @apply w-md;
      }
      .wrapper {
        @apply w-[15rem];
      }
    }  */
  }
.td-map .animal-search .animal-form{
    z-index: 10;
    display: inline-flex;
    height: 3rem;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media not all and (min-width: 1024px){

    .td-map .animal-search .animal-form{
        flex-wrap: wrap;
    }
}
.td-map .animal-search .nk-icon-rendered{
    height: 2rem;
    width: 2rem;
}
.td-map .animal-search .label{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 700;
}
.td-map .animal-search .wrapper{
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 230 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.td-map .animal-search .wrapper span{
    font-weight: 400;
}
.td-map .animal-search input{
    height: 2.5rem;
    width: 10rem;
    background-color: transparent;
    padding: 0px;
}
.td-map .animal-search .spinner{
    display: none;
}
@keyframes spin{

    to{
        transform: rotate(360deg);
    }
}
.td-map .animal-search .spinner{
    animation: spin 1s linear infinite;
}
.td-map .animal-search .magnifying-glass,
    .td-map .animal-search .spinner{
    height: 2rem;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.td-map .animal-search .magnifying-glass:hover,
    .td-map .animal-search .spinner:hover{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.td-map .animal-search .magnifying-glass{
    opacity: 0.5;
}
.td-map .animal-search .valid .magnifying-glass{
    opacity: 1;
}
.td-map .animal-search.loading .spinner{
    display: block;
}
.td-map .animal-search.loading .magnifying-glass{
    display: none;
}
.td-map .animal-search .message{
    position: absolute;
    bottom: 2rem;
    left: 0px;
    z-index: -10;
    max-height: 0px;
    width: 100%;
    --tw-translate-y: 100%;
    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));
    overflow: hidden;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    text-align: center;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.td-map .animal-search.invalid .message,
    .td-map .animal-search.success .message{
    max-height: 8rem;
    padding-top: 2.5rem;
}
.td-map .animal-search.invalid .message{
    --tw-bg-opacity: 1;
    background-color: rgb(252 165 165 / var(--tw-bg-opacity));
}
.td-map .animal-search.success .message{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
body.admin-bar .td-map.global_map{
    --tw-translate-y: 46px;
    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));
}
@media (min-width: 1024px){

    body.admin-bar .td-map.global_map{
        --tw-translate-y: 32px;
        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));
    }
}
body.admin-bar .td-map.global_map {
  height: calc(100vh - 32px);
}
body.td-map.global_map{
    overflow-y: hidden;
}
.wp-block-search input,
  .wp-block-search button{
    margin: 0px;
}
@media (min-width: 1024px){

    .wp-block-search input,
  .wp-block-search button{
        border-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(169 170 16 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
}
.wp-block-search input{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-width: 0px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
@media not all and (min-width: 1024px){

    .wp-block-search input{
        display: none;
    }
}
.wp-block-search input::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
    -moz-transition-property: all;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.wp-block-search input::placeholder{
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.wp-block-search input:hover::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.wp-block-search input:hover::placeholder{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.wp-block-search input::focus{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.wp-block-search .wp-block-search__inside-wrapper{
    margin-top: 0px;
}
.wp-block-search button{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-left-width: 0px !important;
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.wp-block-search button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 1024px){

    .wp-block-search button{
        --tw-text-opacity: 1;
        color: rgb(169 170 16 / var(--tw-text-opacity));
    }
}
.nk-section {
  /* @apply  px-frame; */
  margin-left: auto;
  margin-right: auto;
  border-radius: 0.125rem;
}
@media (min-width: 1280px){

    .nk-section{
        border-radius: 10px;
    }
}
.td-slider{
    max-width: 100% !important;
}
@media not all and (min-width: 1024px){

    .td-slider{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media (min-width: 1024px){

    .td-slider{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}
.td-slider ul{
    display: flex;
    width: 100%;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    align-items: stretch;
    gap: 2rem;
}
@media not all and (min-width: 1024px){

    .td-slider ul{
        flex-direction: column;
    }
}
@media (min-width: 1024px){

    .td-slider ul{
        gap: 2rem;
        overflow: scroll;
    }
}
@media (min-width: 1600px){

    .td-slider ul{
        gap: 3rem;
    }
}
/* Hide scrollbar for Chrome, Safari and Opera */
.td-slider ul::-webkit-scrollbar {
        display: none;
      }
.td-slider ul{
      -ms-overflow-style: none;
      scrollbar-width: none;
}
/* IE and Edge */
/* Firefox */
.td-slider ul li{
    position: relative;
    width: auto;
    flex-shrink: 0;
    flex-grow: 0;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    scroll-margin: 3rem;
    padding: 0px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
@media not all and (min-width: 1024px){

    .td-slider ul li{
        --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
        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);
    }
}
@media (min-width: 1024px){

    .td-slider ul li{
        height: 66vh;
    }
}
.td-slider ul li img{
    height: 100%;
    width: auto;
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover;
}
@media (min-width: 1024px){

    .td-slider ul li img{
        max-width: 80vw;
        border-radius: 40px;
        --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
        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);
    }
}
.td-slider ul li:has(.caption) img{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
@media (min-width: 1024px){

    .td-slider ul li:has(.caption) img{
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
}
/* @screen xl {
          width: calc(theme('spacing.golden-small') - theme('spacing.lg'));
          grid-template-columns: theme('spacing.golden-big') theme(
              'spacing.golden-small'
            );
        } */
.td-slider ul li:first-of-type{
    margin-right: 0px;
}
@media (min-width: 1024px){

  .td-slider ul li:first-of-type{
        margin-left: 1rem;
        margin-right: 1rem;
    }

  @media (min-width: 1280px){

        .td-slider ul li:first-of-type{
            margin-right: 0px;
      margin-left: calc(
        50vw - (1280px / 2)
      );
        }
    }
    @media (min-width: 1600px) {

  .td-slider ul li:first-of-type {
      margin-left: calc(
        50vw - (1600px / 2)
      )
  }
    }
}
.td-slider ul li:last-of-type{
    margin-left: 0px;
}
@media (min-width: 1024px){
  .td-slider ul li:last-of-type{
        margin-left: 1rem;
        margin-right: 1rem;
    }
  @media (min-width: 1280px){

        .td-slider ul li:last-of-type{
            margin-left: 0px;
      margin-right: calc(
        50vw - (1280px / 2) + (2rem)
      );
        }
    }
    @media (min-width: 1600px) {
  .td-slider ul li:last-of-type {
      margin-right: calc(
        50vw - (1600px / 2) + (2rem)
      )
  }
    }
}
.td-slider ul li .wp-block-latest-posts__featured-image{
    grid-row-start: 4;
    margin-left: 0px;
}
@media (min-width: 1280px) {
.td-slider ul li .wp-block-latest-posts__featured-image{
        grid-column-start: 2;
        grid-row: span 4 / span 4;
        grid-row-start: 1;
    }
          }
/* @apply absolute top-0 right-0 w-1/3 h-full; */
.td-slider ul li .wp-block-latest-posts__featured-image img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.td-slider ul li .wp-block-latest-posts__post-title{
    margin-bottom: 0px;
    padding-right: 0.5rem;
    font-size: clamp(1.56rem, 1.29vw + 1.24rem, 2.53rem);
    font-weight: 700;
}
.td-slider ul li .wp-block-latest-posts__post-date{
    margin-bottom: 0px;
    padding-top: 1rem;
    padding-right: 0.5rem;
    font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.td-slider ul li .wp-block-latest-posts__post-excerpt{
    padding-bottom: 1rem;
    padding-right: 0.5rem;
}
.td-slider ul li .caption{
    max-width: 100%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(243 242 241 / var(--tw-bg-opacity));
    padding: 1rem;
}
@media (min-width: 1024px){

    .td-slider ul li .caption{
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        max-width: 50%;
        border-radius: 10px;
    }
}
.td-slider ul li.inactive{
    cursor: pointer;
    opacity: 0.6;
}
.td-slider ul li.inactive:hover{
    opacity: 1;
}
.td-slider ul.has-dates .wp-block-latest-posts__post-title{
    grid-column-start: 1;
    grid-row-start: 2;
}
.td-slider ul.has-dates .wp-block-latest-posts__post-date{
    grid-column-start: 1;
    grid-row-start: 1;
}
.td-slider ul.has-dates .wp-block-latest-posts__post-excerpt{
    grid-column-start: 1;
    grid-row-start: 3;
}
@media (min-width: 1280px){

    .td-slider ul.has-dates .wp-block-latest-posts__post-excerpt{
        grid-row: span 3 / span 3;
    }
}
.td-slider ul:not(.has-dates) .wp-block-latest-posts__post-title{
    grid-column-start: 1;
    grid-row-start: 1;
}
.td-slider ul:not(.has-dates) .wp-block-latest-posts__post-excerpt{
    grid-column-start: 1;
    grid-row-start: 2;
}
@media (min-width: 1280px){

    .td-slider ul:not(.has-dates) .wp-block-latest-posts__post-excerpt{
        grid-row: span 3 / span 3;
    }
}
.td-slider .dots{
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}
@media not all and (min-width: 1024px){

    .td-slider .dots{
        display: none;
    }
}
.td-slider .dots .dot{
    height: 1.5em;
    width: 1.5em;
    cursor: default;
    border-radius: 9999px;
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(169 170 16 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(drop-shadow(0 20px 20px #1F293720));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-slider .dots .dot.inactive{
    cursor: pointer;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
.td-slider .dots .dot.inactive:hover{
    --tw-border-opacity: 1;
    border-color: rgb(169 170 16 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 1;
}
.nk-overlay {
  /* .overlay-trigger {
    @apply h-full;
  } */
  max-width: 100% !important;
}
.nk-overlay .overlay-content{
    display: none;
}
.overlay-screen{
    position: fixed;
    inset: 0px;
    z-index: 999;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 1000ms;
  -webkit-clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
          clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
}
/* transition: background 0.5s ease-in-out, right 0s 0.5s; */
.overlay-screen .overlay-container{
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.overlay-screen .overlay-container .overlay-clicklayer{
    position: absolute;
    inset: 0px;
    z-index: 0;
    height: 100%;
    width: 100%;
}
.overlay-screen .overlay-content{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: 0px !important;
    box-sizing: border-box;
    max-width: 782px !important;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    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));
    overflow: auto;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 2rem;
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0s;
    transition-duration: 500ms;
}
@media (min-width: 1280px){

    .overlay-screen .overlay-content{
        border-radius: 20px;
    }
}
.overlay-screen .overlay-content {
    width: calc(100% - (1rem * 2));
    height: calc(100% - (1rem * 2));
  }
@media (min-width: 1280px) {
.overlay-screen .overlay-content {
      width: calc(100% - (3rem * 2));
      height: calc(100% - (3rem * 2))
  }
    }
.overlay-screen .overlay-content{
    -webkit-clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
            clip-path: circle(0% at var(--x, 50%) var(--y, 50%));
}
.overlay-screen .overlay-content > .wp-block-video{
    margin: 0px;
    height: 100%;
    width: 100%;
    max-width: 100% !important;
}
.overlay-screen .overlay-content video{
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(125 64 0 / var(--tw-bg-opacity));
    -o-object-fit: contain;
       object-fit: contain;
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
}
.overlay-screen .overlay-close{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 20;
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
}
@media (min-width: 1280px){

    .overlay-screen .overlay-close{
        top: 1rem;
        right: 1rem;
    }
}
.overlay-screen .overlay-close .nk-hamburger{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    transition-duration: 300ms;
}
.overlay-screen .overlay-close .nk-hamburger:hover{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
}
.overlay-screen .overlay-close .nk-hamburger span{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
.overlay-screen.is-active {
    /* @apply right-0; */
    transition-duration: 2s;
    -webkit-clip-path: circle(max(120vw, 120vh) at var(--x, 50%) var(--y, 50%));
            clip-path: circle(max(120vw, 120vh) at var(--x, 50%) var(--y, 50%));
  }
.overlay-screen.is-active .overlay-content{
    transition-delay: 700ms;
    transition-duration: 1.3s;
      -webkit-clip-path: circle(max(120vw, 120vh) at var(--x, 50%) var(--y, 50%));
              clip-path: circle(max(120vw, 120vh) at var(--x, 50%) var(--y, 50%));
}
.wp-block-video{
    overflow: hidden;
    border-radius: 10px;
}
.nk-video-preview{
    aspect-ratio: 16 / 9;
    align-items: flex-end;
    border-radius: 10px;
    padding-bottom: 3rem;
    --tw-drop-shadow: drop-shadow(drop-shadow(0 20px 20px #1F293720));
    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);
}
.nk-video-preview .nk-icon-rendered{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    height: 6rem;
    width: 6rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    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));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.nk-video-preview .nk-icon-rendered:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.nk-video-preview img{
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.nk-video-preview:hover img{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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));
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/* @import "../../assets/sprite/css/sprite.css"; */
.td-offers .td-offers_main{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}
@media (min-width: 1024px){

    .td-offers .td-offers_main{
        grid-auto-flow: column;
        gap: 2rem;
    }
}
@media (min-width: 1280px){

    .td-offers .td-offers_main{
        grid-auto-flow: row;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1600px){

    .td-offers .td-offers_main{
        gap: 3rem;
    }
}
.td-offers li{
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-drop-shadow: drop-shadow(drop-shadow(0 40px 40px #1F29370D));
    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);
}
@media (min-width: 1280px){

    .td-offers li{
        border-radius: 20px;
    }
}
.td-offers li {
        scroll-margin-block-start: 200px;
    }
.td-offers li .content,
        .td-offers li > img,
        .td-offers li::before{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}
.td-offers li::before {
            content: "";
            background: linear-gradient(to bottom, #00000088, #00000044);
            z-index: 2;
        }
.td-offers li img{
    z-index: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.td-offers li .content{
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.td-offers li .price{
    font-weight: 700;
}
.td-offers li .price span{
    margin-left: 0.5rem;
    font-weight: 400;
}
.td-offers li button{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 20;
    border-radius: 9999px;
    opacity: 0;
    --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
    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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.td-offers li:hover button{
    opacity: 1;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
	background: transparent;
}
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}
.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}
/* control positioning */
.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}
.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}
/* cursors */
.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
/* visual tweaks */
.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}
/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}
/* general toolbar styles */
.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}
.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}
/* layers control */
.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(../images/layers.png?416d91365b44e4b4f4777663e6f009f3);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../images/layers-2x.png?8f2c4d11474275fbc1614b9098334eae);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(../images/marker-icon.png?2b3e1faf89f94a4835397e7a43b4f77d);
	}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}
/* popup */
.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}
.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}
/* div icon */
.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}
/* Directions */
.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* Printing */
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
html, body {
    height: 100%;
    overflow: hidden;
    -webkit-hyphens: auto;
            hyphens: auto;
    font-family: var(--wp--preset--font-family--bitter), sans-serif;
}
h1,h2,h3,h4,h5,h6,a,span,p,li,div {
    font-family: var(--wp--preset--font-family--bitter), sans-serif;
}
#mainwrap{
    height: 100%;
    width: 100%;
    overflow: auto;
}
/* @apply bg-custom-secondary drop-shadow-md;  */
@media (min-width: 1024px){

    .simplebar-track.simplebar-vertical{
        width: 2rem;
    }
}
.simplebar-scrollbar::before{
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1 !important;
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}
@media (min-width: 1024px) {
.simplebar-scrollbar::before{
        left: 0.6rem;
        top: 0.6rem;
        bottom: 0.6rem;
        right: 0.6rem;
        opacity: 1 !important;
    }
    }
body.header-open .simplebar-track{
    display: none;
}
@media (min-width: 1024px){

  .md\:mal{
        margin-left: 1rem;
        margin-right: 1rem;
    }

  @media (min-width: 1280px){

        .md\:mal{
            margin-right: 0px;
      margin-left: calc(
        50vw - (1280px / 2)
      );
        }
    }
    @media (min-width: 1600px) {

  .md\:mal {
      margin-left: calc(
        50vw - (1600px / 2)
      )
  }
    }
  .md\:mar{
        margin-left: 1rem;
        margin-right: 1rem;
    }
  @media (min-width: 1280px){

        .md\:mar{
            margin-left: 0px;
      margin-right: calc(
        50vw - (1280px / 2) + (2rem)
      );
        }
    }
    @media (min-width: 1600px) {
  .md\:mar {
      margin-right: calc(
        50vw - (1600px / 2) + (2rem)
      )
  }
    }
}
.hover\:scale-110:hover{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    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\:border-white:hover{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.hover\:bg-custom-secondary:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(169 170 16 / var(--tw-bg-opacity));
}
.hover\:bg-custom-shade-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-100:hover{
    --tw-bg-opacity: 1;
}
.hover\:font-bold:hover{
    font-weight: 700;
}
.hover\:\!text-custom-secondary:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(169 170 16 / var(--tw-text-opacity)) !important;
}
.hover\:\!text-custom-shade-100:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.hover\:text-custom-dark:hover{
    --tw-text-opacity: 1;
    color: rgb(125 64 0 / var(--tw-text-opacity));
}
.hover\:text-custom-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(229 144 0 / var(--tw-text-opacity));
}
.hover\:text-custom-secondary:hover{
    --tw-text-opacity: 1;
    color: rgb(169 170 16 / var(--tw-text-opacity));
}
.hover\:text-custom-shade-100:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:opacity-100:hover{
    opacity: 1;
}
.hover\:drop-shadow-lg:hover{
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
    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);
}
.hover\:drop-shadow-md:hover{
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    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);
}
.focus\:bg-white:focus{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media not all and (min-width: 1024px){

    .max-md\:absolute{
        position: absolute;
    }

    .max-md\:relative{
        position: relative;
    }

    .max-md\:bottom-0{
        bottom: 0px;
    }

    .max-md\:left-sm{
        left: 1rem;
    }

    .max-md\:right-lg{
        right: 3rem;
    }

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

    .max-md\:hidden{
        display: none;
    }

    .max-md\:h-\[45vh\]{
        height: 45vh;
    }

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

    .max-md\:-translate-y-sm{
        --tw-translate-y: -1rem;
        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));
    }

    .max-md\:flex-col{
        flex-direction: column;
    }

    .max-md\:\!flex-wrap{
        flex-wrap: wrap !important;
    }

    .max-md\:flex-wrap{
        flex-wrap: wrap;
    }

    .max-md\:pb-\[var\(--mobile-navbar\)\]{
        padding-bottom: var(--mobile-navbar);
    }

    .max-md\:pt-\[var\(--mobile-height-initial-actual\)\]{
        padding-top: var(--mobile-height-initial-actual);
    }
}
@media not all and (min-width: 782px){

    .max-sm\:relative{
        position: relative;
    }

    .max-sm\:block{
        display: block;
    }

    .max-sm\:hidden{
        display: none;
    }

    .max-sm\:aspect-video{
        aspect-ratio: 16 / 9;
    }

    .max-sm\:rounded-t-md{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

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

    .max-sm\:pt-sm{
        padding-top: 1rem;
    }
}
@media not all and (min-width: 480px){

    .max-xs\:max-w-\[130px\]{
        max-width: 130px;
    }

    .max-xs\:pl-\[0\.75em\]{
        padding-left: 0.75em;
    }
}
@media (min-width: 480px){

    .xs\:p-md{
        padding: 2rem;
    }

    .xs\:pr-sm{
        padding-right: 1rem;
    }
}
@media (min-width: 782px){

    .sm\:absolute{
        position: absolute;
    }
}
@media (min-width: 1024px){

    .md\:fixed{
        position: fixed;
    }

    .md\:absolute{
        position: absolute;
    }

    .md\:-bottom-sm{
        bottom: -1rem;
    }

    .md\:bottom-\[unset\]{
        bottom: unset;
    }

    .md\:bottom-md{
        bottom: 2rem;
    }

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

    .md\:left-md{
        left: 2rem;
    }

    .md\:right-0{
        right: 0px;
    }

    .md\:top-0{
        top: 0px;
    }

    .md\:top-\[130px\]{
        top: 130px;
    }

    .md\:top-\[180px\]{
        top: 180px;
    }

    .md\:top-\[var\(--spacing-top-full\)\]{
        top: var(--spacing-top-full);
    }

    .md\:z-\[49\]{
        z-index: 49;
    }

    .md\:\!mx-0{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .md\:mx-md{
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .md\:mt-lg{
        margin-top: 3rem;
    }

    .md\:inline-flex{
        display: inline-flex;
    }

    .md\:hidden{
        display: none;
    }

    .md\:h-\[1\.5rem\]{
        height: 1.5rem;
    }

    .md\:h-\[66vh\]{
        height: 66vh;
    }

    .md\:h-full{
        height: 100%;
    }

    .md\:h-md{
        height: 2rem;
    }

    .md\:h-xl{
        height: 6rem;
    }

    .md\:max-h-\[2\.5em\]{
        max-height: 2.5em;
    }

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

    .md\:w-1\/3{
        width: 33.333333%;
    }

    .md\:w-2\/3{
        width: 66.666667%;
    }

    .md\:w-\[1\.5rem\]{
        width: 1.5rem;
    }

    .md\:w-\[16rem\]{
        width: 16rem;
    }

    .md\:w-full{
        width: 100%;
    }

    .md\:w-xl{
        width: 6rem;
    }

    .md\:max-w-\[50\%\]{
        max-width: 50%;
    }

    .md\:max-w-\[80vw\]{
        max-width: 80vw;
    }

    .md\:-translate-x-0{
        --tw-translate-x: -0px;
        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));
    }

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

    .md\:-translate-x-sm{
        --tw-translate-x: -1rem;
        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));
    }

    .md\:translate-y-xl{
        --tw-translate-y: 6rem;
        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));
    }

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

    .md\:items-start{
        align-items: flex-start;
    }

    .md\:gap-\[0\.666rem\]{
        gap: 0.666rem;
    }

    .md\:gap-md{
        gap: 2rem;
    }

    .md\:overflow-scroll{
        overflow: scroll;
    }

    .md\:rounded-md{
        border-radius: 10px;
    }

    .md\:rounded-none{
        border-radius: 0px;
    }

    .md\:rounded-xl{
        border-radius: 40px;
    }

    .md\:border-2{
        border-width: 2px;
    }

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

    .md\:bg-opacity-90{
        --tw-bg-opacity: 0.9;
    }

    .md\:p-md{
        padding: 2rem;
    }

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

    .md\:py-sm{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .md\:\!pl-\[260px\]{
        padding-left: 260px !important;
    }

    .md\:pl-sm{
        padding-left: 1rem;
    }

    .md\:pt-\[100px\]{
        padding-top: 100px;
    }

    .md\:pt-\[20px\]{
        padding-top: 20px;
    }

    .md\:pt-\[8rem\]{
        padding-top: 8rem;
    }

    .md\:text-3xl{
        font-size: clamp(3.05rem, 7.32vw + 1.22rem, 8.54rem);
    }

    .md\:text-\[0\.9rem\]{
        font-size: 0.9rem;
    }

    .md\:text-custom-secondary{
        --tw-text-opacity: 1;
        color: rgb(169 170 16 / var(--tw-text-opacity));
    }

    .md\:drop-shadow-xl{
        --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
        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);
    }

    .md\:backdrop-blur-lg{
        --tw-backdrop-blur: blur(16px);
        -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);
    }
}
@media (min-width: 1280px){

    .lg\:right-sm{
        right: 1rem;
    }

    .lg\:top-sm{
        top: 1rem;
    }

    .lg\:mt-2xl{
        margin-top: 8rem;
    }

    .lg\:w-\[var\(--logo-width-medium\)\]{
        width: var(--logo-width-medium);
    }

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

    .lg\:rounded-lg{
        border-radius: 20px;
    }

    .lg\:rounded-md{
        border-radius: 10px;
    }

    .lg\:rounded-none{
        border-radius: 0px;
    }

    .lg\:rounded-xl{
        border-radius: 40px;
    }

    .lg\:px-lg{
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .lg\:text-5xl{
        font-size: 3rem;
        line-height: 1;
    }
}
@media (min-width: 1600px){

    .xl\:mt-\[20vh\]{
        margin-top: 20vh;
    }

    .xl\:w-1\/4{
        width: 25%;
    }

    .xl\:w-\[var\(--logo-width-full\)\]{
        width: var(--logo-width-full);
    }

    .xl\:gap-lg{
        gap: 3rem;
    }

    .xl\:gap-md{
        gap: 2rem;
    }

    .xl\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }

    .xl\:text-base{
        font-size: clamp(1rem, 0.17vw + 0.96rem, 1.13rem);
    }
}