@charset 'UTF-8';/*
! 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: 5vw;
  padding-left: 5vw;
}@media (min-width: 100%){.container{
    max-width: 100%;
    padding-right: 5vw;
    padding-left: 5vw;
  }
}.pointer-events-none{
  pointer-events: none;
}.pointer-events-auto{
  pointer-events: auto;
}.visible{
  visibility: visible;
}.invisible{
  visibility: hidden;
}.collapse{
  visibility: collapse;
}.static{
  position: static;
}.fixed{
  position: fixed;
}.absolute{
  position: absolute;
}.relative{
  position: relative;
}.sticky{
  position: sticky;
}.inset-0{
  inset: 0px;
}.inset-x-0{
  left: 0px;
  right: 0px;
}.-bottom-14{
  bottom: -3.5rem;
}.-left-8{
  left: -2rem;
}.-top-14{
  top: -3.5rem;
}.bottom-0{
  bottom: 0px;
}.bottom-20{
  bottom: 5rem;
}.bottom-40{
  bottom: 10rem;
}.bottom-6{
  bottom: 1.5rem;
}.left-0{
  left: 0px;
}.left-1\/2{
  left: 50%;
}.left-6{
  left: 1.5rem;
}.left-8{
  left: 2rem;
}.left-auto{
  left: auto;
}.right-0{
  right: 0px;
}.right-4{
  right: 1rem;
}.right-8{
  right: 2rem;
}.top-0{
  top: 0px;
}.top-1\/2{
  top: 50%;
}.top-2{
  top: 0.5rem;
}.top-8{
  top: 2rem;
}.top-auto{
  top: auto;
}.isolate{
  isolation: isolate;
}.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-\[100\]{
  z-index: 100;
}.z-\[51\]{
  z-index: 51;
}.z-\[60\]{
  z-index: 60;
}.z-\[9999\]{
  z-index: 9999;
}.order-1{
  order: 1;
}.order-2{
  order: 2;
}.col-span-1{
  grid-column: span 1 / span 1;
}.col-span-2{
  grid-column: span 2 / span 2;
}.col-span-3{
  grid-column: span 3 / span 3;
}.m-0{
  margin: 0px;
}.m-6{
  margin: 1.5rem;
}.m-8{
  margin: 2rem;
}.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}.-my-2{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}.mx-auto{
  margin-left: auto;
  margin-right: auto;
}.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}.\!mb-0{
  margin-bottom: 0px !important;
}.\!mb-6{
  margin-bottom: 1.5rem !important;
}.\!mt-0{
  margin-top: 0px !important;
}.-mb-14{
  margin-bottom: -3.5rem;
}.-mb-6{
  margin-bottom: -1.5rem;
}.-ml-12{
  margin-left: -3rem;
}.-ml-8{
  margin-left: -2rem;
}.-mr-\[5vw\]{
  margin-right: -5vw;
}.-mt-14{
  margin-top: -3.5rem;
}.mb-0{
  margin-bottom: 0px;
}.mb-1{
  margin-bottom: 0.25rem;
}.mb-12{
  margin-bottom: 3rem;
}.mb-16{
  margin-bottom: 4rem;
}.mb-2{
  margin-bottom: 0.5rem;
}.mb-3{
  margin-bottom: 0.75rem;
}.mb-4{
  margin-bottom: 1rem;
}.mb-6{
  margin-bottom: 1.5rem;
}.mb-8{
  margin-bottom: 2rem;
}.ml-auto{
  margin-left: auto;
}.mr-3{
  margin-right: 0.75rem;
}.mr-auto{
  margin-right: auto;
}.mt-0{
  margin-top: 0px;
}.mt-10{
  margin-top: 2.5rem;
}.mt-12{
  margin-top: 3rem;
}.mt-16{
  margin-top: 4rem;
}.mt-2{
  margin-top: 0.5rem;
}.mt-4{
  margin-top: 1rem;
}.mt-6{
  margin-top: 1.5rem;
}.mt-8{
  margin-top: 2rem;
}.mt-auto{
  margin-top: auto;
}.block{
  display: block;
}.inline-block{
  display: inline-block;
}.inline{
  display: inline;
}.flex{
  display: flex;
}.grid{
  display: grid;
}.hidden{
  display: none;
}.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}.aspect-video{
  aspect-ratio: 16 / 9;
}.h-0{
  height: 0px;
}.h-1{
  height: 0.25rem;
}.h-1\.5{
  height: 0.375rem;
}.h-10{
  height: 2.5rem;
}.h-12{
  height: 3rem;
}.h-14{
  height: 3.5rem;
}.h-16{
  height: 4rem;
}.h-2{
  height: 0.5rem;
}.h-20{
  height: 5rem;
}.h-28{
  height: 7rem;
}.h-4{
  height: 1rem;
}.h-5{
  height: 1.25rem;
}.h-6{
  height: 1.5rem;
}.h-64{
  height: 16rem;
}.h-8{
  height: 2rem;
}.h-\[400px\]{
  height: 400px;
}.h-\[500px\]{
  height: 500px;
}.h-\[550px\]{
  height: 550px;
}.h-auto{
  height: auto;
}.h-full{
  height: 100%;
}.h-screen{
  height: 100vh;
}.max-h-16{
  max-height: 4rem;
}.max-h-\[1080px\]{
  max-height: 1080px;
}.max-h-\[200px\]{
  max-height: 200px;
}.max-h-\[60vh\]{
  max-height: 60vh;
}.min-h-\[200px\]{
  min-height: 200px;
}.min-h-\[300px\]{
  min-height: 300px;
}.min-h-\[500px\]{
  min-height: 500px;
}.min-h-\[600px\]{
  min-height: 600px;
}.min-h-\[85vh\]{
  min-height: 85vh;
}.min-h-screen{
  min-height: 100vh;
}.w-0{
  width: 0px;
}.w-1\/2{
  width: 50%;
}.w-1\/5{
  width: 20%;
}.w-10{
  width: 2.5rem;
}.w-12{
  width: 3rem;
}.w-14{
  width: 3.5rem;
}.w-16{
  width: 4rem;
}.w-2\/5{
  width: 40%;
}.w-3\/5{
  width: 60%;
}.w-32{
  width: 8rem;
}.w-4{
  width: 1rem;
}.w-5{
  width: 1.25rem;
}.w-6{
  width: 1.5rem;
}.w-8{
  width: 2rem;
}.w-\[37px\]{
  width: 37px;
}.w-\[40px\]{
  width: 40px;
}.w-\[calc\(100\%\+4rem\)\]{
  width: calc(100% + 4rem);
}.w-auto{
  width: auto;
}.w-full{
  width: 100%;
}.w-screen{
  width: 100vw;
}.max-w-4xl{
  max-width: 56rem;
}.max-w-5xl{
  max-width: 64rem;
}.max-w-6xl{
  max-width: 72rem;
}.max-w-7xl{
  max-width: 80rem;
}.max-w-\[1440px\]{
  max-width: 1440px;
}.max-w-\[150px\]{
  max-width: 150px;
}.max-w-\[300px\]{
  max-width: 300px;
}.max-w-\[420px\]{
  max-width: 420px;
}.max-w-\[66\.666667\%\]{
  max-width: 66.666667%;
}.max-w-\[84ch\]{
  max-width: 84ch;
}.max-w-full{
  max-width: 100%;
}.max-w-sm{
  max-width: 24rem;
}.flex-shrink{
  flex-shrink: 1;
}.flex-shrink-0{
  flex-shrink: 0;
}.shrink-0{
  flex-shrink: 0;
}.flex-grow{
  flex-grow: 1;
}.flex-grow-0{
  flex-grow: 0;
}.-translate-x-6{
  --tw-translate-x: -1.5rem;
  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-full{
  --tw-translate-x: -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-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-1\/3{
  --tw-translate-y: -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-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-3{
  --tw-translate-x: 0.75rem;
  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-full{
  --tw-translate-x: 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-8{
  --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));
}.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));
}@keyframes bounce{0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}.animate-bounce{
  animation: bounce 1s infinite;
}@keyframes pulse{50%{
    opacity: .5;
  }
}.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}.cursor-grab{
  cursor: grab;
}.cursor-pointer{
  cursor: pointer;
}.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}.resize{
  resize: both;
}.list-decimal{
  list-style-type: decimal;
}.list-disc{
  list-style-type: disc;
}.list-none{
  list-style-type: none;
}.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.flex-row{
  flex-direction: row;
}.flex-row-reverse{
  flex-direction: row-reverse;
}.flex-col{
  flex-direction: column;
}.flex-wrap{
  flex-wrap: wrap;
}.content-center{
  align-content: center;
}.content-start{
  align-content: flex-start;
}.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-end{
  justify-content: flex-end;
}.justify-center{
  justify-content: center;
}.justify-between{
  justify-content: space-between;
}.justify-around{
  justify-content: space-around;
}.justify-items-center{
  justify-items: center;
}.gap-1{
  gap: 0.25rem;
}.gap-12{
  gap: 3rem;
}.gap-16{
  gap: 4rem;
}.gap-2{
  gap: 0.5rem;
}.gap-3{
  gap: 0.75rem;
}.gap-32{
  gap: 8rem;
}.gap-4{
  gap: 1rem;
}.gap-6{
  gap: 1.5rem;
}.gap-8{
  gap: 2rem;
}.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}.gap-y-12{
  row-gap: 3rem;
}.gap-y-16{
  row-gap: 4rem;
}.gap-y-24{
  row-gap: 6rem;
}.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}.divide-\[\#FBB13A\] > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(251 177 58 / var(--tw-divide-opacity));
}.divide-black\/10 > :not([hidden]) ~ :not([hidden]){
  border-color: rgb(0 0 0 / 0.1);
}.self-start{
  align-self: flex-start;
}.overflow-hidden{
  overflow: hidden;
}.overflow-visible{
  overflow: visible;
}.overflow-x-auto{
  overflow-x: auto;
}.overflow-y-auto{
  overflow-y: auto;
}.overflow-x-clip{
  overflow-x: clip;
}.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.whitespace-nowrap{
  white-space: nowrap;
}.\!rounded-none{
  border-radius: 0px !important;
}.rounded{
  border-radius: 0.25rem;
}.rounded-2xl{
  border-radius: 1rem;
}.rounded-3xl{
  border-radius: 1.5rem;
}.rounded-\[30px\]{
  border-radius: 30px;
}.rounded-full{
  border-radius: 9999px;
}.rounded-lg{
  border-radius: 0.5rem;
}.rounded-sm{
  border-radius: 0.125rem;
}.rounded-xl{
  border-radius: 0.75rem;
}.rounded-b-\[26px\]{
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
}.rounded-t-\[26px\]{
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}.rounded-t-\[50px\]{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}.rounded-bl-3xl{
  border-bottom-left-radius: 1.5rem;
}.rounded-br-3xl{
  border-bottom-right-radius: 1.5rem;
}.rounded-tl-3xl{
  border-top-left-radius: 1.5rem;
}.rounded-tr-3xl{
  border-top-right-radius: 1.5rem;
}.border{
  border-width: 1px;
}.border-0{
  border-width: 0px;
}.border-2{
  border-width: 2px;
}.border-4{
  border-width: 4px;
}.border-b{
  border-bottom-width: 1px;
}.border-b-2{
  border-bottom-width: 2px;
}.border-l{
  border-left-width: 1px;
}.border-r{
  border-right-width: 1px;
}.border-t{
  border-top-width: 1px;
}.border-t-4{
  border-top-width: 4px;
}.border-t-8{
  border-top-width: 8px;
}.border-\[\#00b6ff\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 182 255 / var(--tw-border-opacity));
}.border-\[\#FBB13A\]{
  --tw-border-opacity: 1;
  border-color: rgb(251 177 58 / var(--tw-border-opacity));
}.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}.border-black\/10{
  border-color: rgb(0 0 0 / 0.1);
}.border-transparent{
  border-color: transparent;
}.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}.border-opacity-10{
  --tw-border-opacity: 0.1;
}.\!bg-transparent{
  background-color: transparent !important;
}.bg-\[\#270A25\]{
  --tw-bg-opacity: 1;
  background-color: rgb(39 10 37 / var(--tw-bg-opacity));
}.bg-\[\#F1F4F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 244 240 / var(--tw-bg-opacity));
}.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / 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-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}.from-\[\#0072A1\]{
  --tw-gradient-from: #0072A1 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(0 114 161 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.from-black\/80{
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.from-slate-100{
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(241 245 249 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}.via-black\/20{
  --tw-gradient-via-position:  ;
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}.to-\[\#03B5D1\]{
  --tw-gradient-to: #03B5D1 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}.to-white{
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}.fill-current{
  fill: currentColor;
}.stroke-current{
  stroke: currentColor;
}.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;
}.object-left{
  -o-object-position: left;
     object-position: left;
}.object-right{
  -o-object-position: right;
     object-position: right;
}.p-0{
  padding: 0px;
}.p-2{
  padding: 0.5rem;
}.p-3{
  padding: 0.75rem;
}.p-4{
  padding: 1rem;
}.p-6{
  padding: 1.5rem;
}.p-8{
  padding: 2rem;
}.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}.px-0{
  padding-left: 0px;
  padding-right: 0px;
}.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}.\!pb-0{
  padding-bottom: 0px !important;
}.\!pt-0{
  padding-top: 0px !important;
}.pb-0{
  padding-bottom: 0px;
}.pb-1{
  padding-bottom: 0.25rem;
}.pb-12{
  padding-bottom: 3rem;
}.pb-16{
  padding-bottom: 4rem;
}.pb-2{
  padding-bottom: 0.5rem;
}.pb-20{
  padding-bottom: 5rem;
}.pb-24{
  padding-bottom: 6rem;
}.pb-4{
  padding-bottom: 1rem;
}.pb-40{
  padding-bottom: 10rem;
}.pb-6{
  padding-bottom: 1.5rem;
}.pb-8{
  padding-bottom: 2rem;
}.pb-\[56\.25\%\]{
  padding-bottom: 56.25%;
}.pl-0{
  padding-left: 0px;
}.pl-6{
  padding-left: 1.5rem;
}.pl-8{
  padding-left: 2rem;
}.pl-\[10vw\]{
  padding-left: 10vw;
}.pr-0{
  padding-right: 0px;
}.pr-12{
  padding-right: 3rem;
}.pr-6{
  padding-right: 1.5rem;
}.pt-12{
  padding-top: 3rem;
}.pt-16{
  padding-top: 4rem;
}.pt-2{
  padding-top: 0.5rem;
}.pt-20{
  padding-top: 5rem;
}.pt-24{
  padding-top: 6rem;
}.pt-4{
  padding-top: 1rem;
}.pt-6{
  padding-top: 1.5rem;
}.pt-72{
  padding-top: 18rem;
}.pt-8{
  padding-top: 2rem;
}.text-left{
  text-align: left;
}.text-center{
  text-align: center;
}.text-right{
  text-align: right;
}.font-body{
  font-family: Inter Tight;
}.font-heading{
  font-family: Inter Tight;
}.font-subtitle{
  font-family: Inter Tight;
}.text-2xl{
  font-size: calc(22px + (25 - 22) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.6;
}.text-3xl{
  font-size: calc(24px + (30 - 24) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.25;
}.text-4xl{
  font-size: calc(30px + (40 - 30) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.text-5xl{
  font-size: calc(28px + (50 - 28) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.text-6xl{
  font-size: calc(38px + (54 - 42) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.text-7xl{
  font-size: calc(46px + (74 - 46) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.text-\[12px\]{
  font-size: 12px;
}.text-\[14px\]{
  font-size: 14px;
}.text-\[15px\]{
  font-size: 15px;
}.text-\[16px\]{
  font-size: 16px;
}.text-\[24px\]{
  font-size: 24px;
}.text-base{
  font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
}.text-btn{
  font-size: calc(10px + (13 - 10) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.2;
}.text-display-1{
  font-size: calc(72px + (154 - 62) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.text-display-2{
  font-size: calc(64px + (100 - 44) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.text-lg{
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
}.text-sm{
  font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
}.text-xl{
  font-size: calc(20px + (23 - 20) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.2;
}.text-xs{
  font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.2;
}.text-xxs{
  font-size: calc(8px + (10 - 8) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.2;
}.\!font-light{
  font-weight: 300 !important;
}.font-black{
  font-weight: 900;
}.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;
}.uppercase{
  text-transform: uppercase;
}.capitalize{
  text-transform: capitalize;
}.italic{
  font-style: italic;
}.not-italic{
  font-style: normal;
}.\!leading-none{
  line-height: 1 !important;
}.leading-6{
  line-height: 1.5rem;
}.leading-\[\.9\]{
  line-height: .9;
}.leading-\[1\.1\]{
  line-height: 1.1;
}.leading-\[1\.5\]{
  line-height: 1.5;
}.leading-none{
  line-height: 1;
}.leading-normal{
  line-height: 1.5;
}.leading-relaxed{
  line-height: 1.625;
}.leading-snug{
  line-height: 1.375;
}.leading-tight{
  line-height: 1.25;
}.tracking-\[3px\]{
  letter-spacing: 3px;
}.tracking-\[5px\]{
  letter-spacing: 5px;
}.tracking-tight{
  letter-spacing: -0.025em;
}.tracking-wide{
  letter-spacing: 0.025em;
}.tracking-wider{
  letter-spacing: 0.05em;
}.tracking-widest{
  letter-spacing: 0.1em;
}.\!text-\[\#00b6ff\]{
  --tw-text-opacity: 1 !important;
  color: rgb(0 182 255 / var(--tw-text-opacity)) !important;
}.\!text-\[\#161418\]{
  --tw-text-opacity: 1 !important;
  color: rgb(22 20 24 / var(--tw-text-opacity)) !important;
}.text-\[\#0080B3\]{
  --tw-text-opacity: 1;
  color: rgb(0 128 179 / var(--tw-text-opacity));
}.text-\[\#00CCEB\]{
  --tw-text-opacity: 1;
  color: rgb(0 204 235 / var(--tw-text-opacity));
}.text-\[\#161418\]{
  --tw-text-opacity: 1;
  color: rgb(22 20 24 / var(--tw-text-opacity));
}.text-\[\#FFF9EB\]{
  --tw-text-opacity: 1;
  color: rgb(255 249 235 / var(--tw-text-opacity));
}.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}.text-transparent{
  color: transparent;
}.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}.underline{
  text-decoration-line: underline;
}.\!no-underline{
  text-decoration-line: none !important;
}.no-underline{
  text-decoration-line: none;
}.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}.opacity-0{
  opacity: 0;
}.opacity-10{
  opacity: 0.1;
}.opacity-100{
  opacity: 1;
}.opacity-20{
  opacity: 0.2;
}.opacity-25{
  opacity: 0.25;
}.opacity-30{
  opacity: 0.3;
}.opacity-40{
  opacity: 0.4;
}.opacity-5{
  opacity: 0.05;
}.opacity-50{
  opacity: 0.5;
}.opacity-60{
  opacity: 0.6;
}.opacity-70{
  opacity: 0.7;
}.opacity-75{
  opacity: 0.75;
}.opacity-80{
  opacity: 0.8;
}.opacity-90{
  opacity: 0.9;
}.opacity-95{
  opacity: 0.95;
}.mix-blend-multiply{
  mix-blend-mode: multiply;
}.mix-blend-screen{
  mix-blend-mode: screen;
}.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.outline{
  outline-style: solid;
}.blur{
  --tw-blur: blur(8px);
  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-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-md{
  --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);
}.grayscale{
  --tw-grayscale: grayscale(100%);
  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);
}.grayscale-0{
  --tw-grayscale: grayscale(0);
  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);
}.invert{
  --tw-invert: invert(100%);
  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);
}.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -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);
}.backdrop-filter{
  -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);
}.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;
}.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.duration-200{
  transition-duration: 200ms;
}.duration-300{
  transition-duration: 300ms;
}.duration-500{
  transition-duration: 500ms;
}.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}.will-change-transform{
  will-change: transform;
}.alignfull{
  margin: 2rem calc(50% - 50vw) !important;
  max-width: 100vw !important;
  width: 100vw;
}.alignwide{
  margin: 2rem 0;
  max-width: 100% !important;
}.alignnone{
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  max-width: 100%;
}.aligncenter{
  margin: 0.5rem auto;
  display: block;
}@media (min-width: 600px){.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: calc(12px + (14 - 12) * ((100vw - 375px) / (1440 - 375)));
  color: #4b5563;
}/* Slider */.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}.slick-list:focus
{
    outline: none;
}.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}.slick-track:after
{
    clear: both;
}.slick-loading .slick-track
{
    visibility: hidden;
}.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}[dir='rtl'] .slick-slide
{
    float: right;
}.slick-slide img
{
    display: block;
}.slick-slide.slick-loading img
{
    display: none;
}.slick-slide.dragging img
{
    pointer-events: none;
}.slick-initialized .slick-slide
{
    display: block;
}.slick-loading .slick-slide
{
    visibility: hidden;
}.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}.slick-arrow.slick-hidden {
    display: none;
}/* Slider */.slick-loading .slick-list
{
   
}/* Icons *//* Arrows */.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.slick-prev
{
    left: -25px;
}[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}.slick-prev:before
{
    content: '←';
}[dir='rtl'] .slick-prev:before
{
    content: '→';
}.slick-next
{
    right: -25px;
}[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}.slick-next:before
{
    content: '→';
}[dir='rtl'] .slick-next:before
{
    content: '←';
}/* Dots */.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}.alignfull{
  margin-top: 0px;
  margin-bottom: 0px;
	margin-top:0 !important;
	margin-bottom:0 !important;
}html {
    scroll-behavior: smooth;
}/* Fallback for when JavaScript is disabled */@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}/* Add to your theme's CSS file */.grayscale-white {
    filter: grayscale(100%) brightness(0) invert(1);
    opacity: 0.7;
}.grayscale-white:hover {
    filter: grayscale(0) brightness(1) invert(0);
    opacity: 1;
}/* For better hover experience on touch devices */@media (hover: hover) and (pointer: fine) {
    .grayscale-white:hover {
        filter: grayscale(0) brightness(1) invert(0);
        opacity: 1;
    }
}/* Fallback for non-hover devices - show color on active/tap */.grayscale-white:active,
.grayscale-white:focus {
    filter: grayscale(0) brightness(1) invert(0);
    opacity: 1;
}/* Logo blocks: normal grayscale (inverted, 70% opacity) — use when "Logo desaturation" = Normal grayscale */.grayscale-invert {
    filter: grayscale(100%) brightness(1) invert(1);
    opacity: 0.7;
}.grayscale-invert:hover {
    filter: grayscale(0) brightness(1) invert(0);
    opacity: 1;
}@media (hover: hover) and (pointer: fine) {
    .grayscale-invert:hover {
        filter: grayscale(0) brightness(1) invert(0);
        opacity: 1;
    }
}.grayscale-invert:active,
.grayscale-invert:focus {
    filter: grayscale(0) brightness(1) invert(0);
    opacity: 1;
}/* Offset for fixed header */:target::before {
    content: "";
    display: block;
    height: 100px;  
    margin: -100px 0 0;  
}.peek-a-boo .slick-list {
		padding: 0 10% 0 0 !important;
	}@media (max-width: 1440px) {.peek-a-boo .slick-list {
			padding: 0 40% 0 0 !important
	}
		}@media (max-width: 640px) {.peek-a-boo .slick-list {
			padding: 0 20% 0 0 !important
	}
		}.container.bleed-left {
		margin-left: 0px;
		padding-left: 0px;
		max-width: calc(100vw - (100vw - 1440px) / 2);
		margin-right: calc((100vw - 1440px) / 2);
	}@media (max-width: 1440px) {.container.bleed-left {
			max-width: 100vw;
			margin-right: 0
	}
		}.container.bleed-right {
		margin-right: 0px;
		padding-right: 0px;
		max-width: calc(100vw - (100vw - 1440px) / 2);
		margin-left: calc((100vw - 1440px) / 2);
	}@media (max-width: 1440px) {.container.bleed-right {
			max-width: 100vw;
			margin-left: 0
	}
		}.transition{
  position: absolute;
  inset: 0px;
  z-index: 10;
  height: auto;
  width: 100%;
}.transition.transition-bottom{
  top: auto;
}.transition.transition-top{
  bottom: auto;
}.padded-image img{
  margin: auto;
		height: calc(100% - 10rem);
		width: calc(100% - 10rem);
}.iframe-container {
  overflow: hidden;
  padding-top: 56.25%; /* 16:9*/
  position: relative;
}.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}.alignfull{
  margin-top: 0px;
  margin-bottom: 0px;
}.block-padding-bottom{
  padding-bottom: 3rem;
}@media (min-width: 1025px){.block-padding-bottom{
    padding-bottom: 5rem;
  }
}.block-padding-bottom-half{
  padding-bottom: 1rem;
}@media (min-width: 782px){.block-padding-bottom-half{
    padding-bottom: 1.5rem;
  }
}@media (min-width: 1025px){.block-padding-bottom-half{
    padding-bottom: 2.5rem;
  }
}.block-padding-bottom-extra{
  padding-bottom: 4rem;
}@media (min-width: 782px){.block-padding-bottom-extra{
    padding-bottom: 5rem;
  }
}@media (min-width: 1025px){.block-padding-bottom-extra{
    padding-bottom: 9rem;
  }
}.block-padding-bottom-extra2{
  padding-bottom: 4rem;
}@media (min-width: 782px){.block-padding-bottom-extra2{
    padding-bottom: 9rem;
  }
}@media (min-width: 1025px){.block-padding-bottom-extra2{
    padding-bottom: 16rem;
  }
}.block-padding-top{
  padding-top: 3rem;
}@media (min-width: 1025px){.block-padding-top{
    padding-top: 5rem;
  }
}.block-padding-top-half{
  padding-top: 1rem;
}@media (min-width: 1025px){.block-padding-top-half{
    padding-top: 2.5rem;
  }
}.block-padding-top-extra{
  padding-top: 4rem;
}@media (min-width: 1025px){.block-padding-top-extra{
    padding-top: 9rem;
  }
}.block-padding-top-extra2{
  padding-top: 4rem;
}@media (min-width: 1025px){.block-padding-top-extra2{
    padding-top: 16rem;
  }
}footer .block-padding-top-extra-2{
  padding-top: 2rem;
}@media (min-width: 1025px){footer .block-padding-top-extra-2{
    padding-top: 16rem;
  }
}.tab-button{
  border-bottom-width: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.tab-button:hover {
		 
	}.tab-button.active{
  border-bottom-width: 2px;
}.top-bar p{
  margin-bottom: 0px;
  padding-bottom: 0px;
}/**** Gradients ****/:root {
    --text-header-image: url(/wp-content/themes/inland-divers/resources/images/inland-text-bg.jpg);
    --text-gradient-overlay: linear-gradient(0deg, rgba(0, 128, 179, 0.95) 32.43%, rgba(0, 128, 179, 0.00) 135.42%);
}.gradient-text-inland, .text-gradient-text-inland {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -6.41%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}.gradient-text-inland-water, .text-gradient-text-inland-water {
    /* Multiple backgrounds: gradient on top, image below */
    background-image: 
        var(--text-gradient-overlay),
        var(--text-header-image);
    background-position: center;
    background-size: 100% 100%, 100% 473.871%;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}.wp-block-button__link.btn-sm {
    pointer-events: auto !important;
}.gradient-border{
  position: relative;
    border-color: transparent !important;
}.bg-testimonials {
    position: relative;
}.gradient-border-testimonials::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: linear-gradient(282deg, #0080B3 0%, #002A3C 49.64%, #0080B3 99.28%);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    padding: inherit;
    border: inherit;
    border-color: transparent;
    z-index: 1; 
}.bg-testimonials::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/wp-content/themes/inland-divers/resources/images/inland-watercolor-texture.jpg') no-repeat center center;
    background-size: cover;
    opacity: 0.4; 
    border-radius: inherit;
    z-index: -1; 
}/* Fix for Safari */@supports (-webkit-touch-callout: none) {
    .gradient-border::before {
        -webkit-mask-composite: clear, xor;
    }
}.responsive-iframe{
  position: relative;
  height: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
}.responsive-iframe iframe{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}/*  Button arrow animation */.wp-block-button__link:hover svg {
    transform: translateX(4px);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}.wp-block-button__link{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.blue-gradient-hr{
  height: 0.5rem;
  width: 100%;
  border-width: 0px;
  background: linear-gradient(to right, #0072A1, #03B5D1);
}.corner-border {
  position: relative;
   padding: 1.5rem;
}.corner-border::before,
.corner-border::after,
.corner-border > *::before,
.corner-border > *::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border-color: #03B5D1; /* Blue-800 */
  border-style: solid;
}/* Top-left */.corner-border::before {
  top: 0;
  left: 0;
  border-width: 3px 0 0 3px;
}/* Top-right */.corner-border::after {
  top: 0;
  right: 0;
  border-width: 3px 3px 0 0;
}/* Bottom-left */.corner-border > *::before {
  bottom: 0;
  left: 0;
  border-width: 0 0 3px 3px;
}/* Bottom-right */.corner-border > *::after {
  bottom: 0;
  right: 0;
  border-width: 0 3px 3px 0;
}/* --- Header & Logo Logic --- */header .primary-logo img, header .primary-logo svg, header .custom-logo{
  height: 1.5rem;
  width: auto;
}@media (min-width: 600px){header .primary-logo img, header .primary-logo svg, header .custom-logo{
    height: 2rem;
  }
}@media (min-width: 1025px){header .primary-logo img, header .primary-logo svg, header .custom-logo{
    height: 3rem;
  }
}header .primary-logo img img, header .primary-logo svg img, header .custom-logo img{
  width: 100%;
}.visible-started-scrolling{
  display: none;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}.visible-transparent{
  visibility: visible;
  display: block;
  opacity: 1;
}.started-scrolling .visible-started-scrolling{
  visibility: visible;
  display: block;
  opacity: 1;
}.started-scrolling .visible-transparent{
  display: none;
  opacity: 0;
}.started-scrolling header{
  z-index: 60;
}.started-scrolling header #primary-menu li a:hover { 
                    opacity: .8;
                }/* Toggle Button */#modern-mobile-toggle {
    position: relative;
    z-index: 100;
}.modern-menu-icon {
    width: 24px;
    height: 18px;
    position: relative;
}.modern-menu-icon .bar {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: white;
    border-radius: 2px;
    transition: all 0.3s ease;
}.modern-menu-icon .bar1 { top: 0; }.modern-menu-icon .bar2 { top: 8px; }.modern-menu-icon .bar3 { top: 16px; }/* Hamburger Open State */.menu-open .modern-menu-icon .bar1 {
    top: 8px;
    transform: rotate(135deg);
}.menu-open .modern-menu-icon .bar2 {
    opacity: 0;
    left: -60px;
}.menu-open .modern-menu-icon .bar3 {
    top: 8px;
    transform: rotate(-135deg);
}/* Containers */#modern-mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}#modern-mobile-menu.show {
    opacity: 1;
    visibility: visible;
}.fluid-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 42, 60, 0.75);
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms; 
}.fluid-menu-panel {
    position: absolute;
    top: 80px;
    right: 20px;
    width: calc(100% - 40px);
    max-width: 420px;
    background: #002a3c;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}/* Menu Layout */.menu-header {
    padding: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}.menu-header .menu-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}.menu-items-container {
    padding: 20px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}/* Navigation Links */.mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 8px; 
}/* Base state: Visible by default when parent shows */.mobile-menu .menu-item {
    opacity: 1;
    transform: none;
    transition: none; /* Removed entry transitions */
}.mobile-menu .menu-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    color: white;
    text-decoration: none;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    transition: background 0.2s ease; /* Keep a subtle hover transition */
}.mobile-menu .menu-item > a:hover {
    background: rgba(0, 182, 255, 0.2);
    color: #00B6FF;
}/* Submenu Styling */.mobile-menu .sub-menu {
    display: none;
    padding-left: 0;
    margin-top: 5px;
    list-style: none;
}.mobile-menu .sub-menu .menu-item > a {
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 16px;
}/* Indicator */.mobile-menu .menu-item-has-children > a .submenu-indicator {
    transition: transform 0.2s ease;
}.mobile-menu .menu-item.mobile-expanded > a .submenu-indicator {
    transform: rotate(180deg);
    color: #00B6FF;
}/* Scrollbar styling */.menu-items-container::-webkit-scrollbar {
    width: 6px;
}.menu-items-container::-webkit-scrollbar-thumb {
    background: rgba(0, 182, 255, 0.3);
    border-radius: 10px;
}@media (max-width: 640px) {
    .fluid-menu-panel {
        top: 70px;
        right: 10px;
        width: calc(100% - 20px);
    }
}.dive-icon {
    background: url('/wp-content/themes/inland-divers/resources/icons/inland-divers-diving-symbol.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 1.1em;
    aspect-ratio: 177/169; 
    vertical-align: -0.15em;
}h1,
h2,
h3{
  font-family: Inter Tight;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 1rem;
}@media (min-width: 782px){h1,
h2,
h3{
    margin-bottom: 2rem;
  }
}h1,
h2,
h3 {
	margin-top:0;
}h1 small, h2 small, h3 small{
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: calc(20px + (23 - 20) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.2;
}h1{
  font-size: calc(38px + (54 - 42) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1;
}h2{
  font-size: calc(28px + (50 - 28) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.15;
}.service-card-container figure h3h2 {
	font-size: calc(26px + (48 - 26) * ((100vw - 375px) / (1440 - 375)));
	position: absolute; /* Keep absolute positioning to overlay on image */
	top: 2rem; /* 32px - matches top-8 */
	left: 2rem; /* 32px - matches left-8 */
	z-index: 10;
}@media (min-width: 1365px) {
        .media-block h2h2 {
            font-size: 3.5rem;  
            line-height: 1;
        }
    }h3{
  font-size: calc(24px + (30 - 24) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.25;
}h4{
  font-size: calc(22px + (25 - 22) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.6;
  margin-bottom: 1rem;
}@media (min-width: 782px){h4{
    margin-bottom: 2rem;
  }
}h5{
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}@media (min-width: 782px){h5{
    margin-bottom: 2rem;
  }
}.content-intro p{
  font-size: calc(22px + (25 - 22) * ((100vw - 375px) / (1440 - 375)));
  font-weight: 400;
  line-height: 1.25;
}.content-intro strong{
  font-weight: 900;
}p, ul, ol{
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
  font-weight: 300;
  margin-bottom: 1rem;
}@media (min-width: 782px){p, ul, ol{
    margin-bottom: 2rem;
  }
}p a, ul a, ol a{
  font-weight: 600;
  text-decoration-line: underline;
}p a:hover, ul a:hover, ol a:hover{
  text-decoration-line: none;
}p strong, ul strong, ol strong{
  font-weight: 600;
}hr{
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 2px;
}.content ul, .content ol, .text-block ul, .text-block ol, .tab-content ul, .tab-content ol {
		list-style: initial;
		padding-left: 3rem;
	}.content ul li, .content ol li, .text-block ul li, .text-block ol li, .tab-content ul li, .tab-content ol li {

		}blockquote{
  position: relative;
  font-style: italic;
}blockquote:before {
		content: '❝';
		font-size: calc(50px + (150 - 50) * ((100vw - 375px) / (1440 - 375)));
		line-height: .5;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
		font-style: normal;
	}blockquote p{
  position: relative;
}footer h4 {
		color: rgba(255, 249, 235, 0.75);
		font-family: Inter Tight;
	}
    .block-header footer h4 {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.4);
    }footer h4 { 
		font-size: 20px;
		font-style: normal;
 		line-height: 27px;
		margin-bottom: 0 !important;
	}footer h5 {
		color: #00B6FF;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 5px;
		font-size: 15px;
		margin-bottom: 0.75rem;
	}footer p { 
		margin-bottom: 0 !important;
	}footer a { 
		text-decoration:none !important;
	}footer hr{
  margin: 0px;
		opacity: 0.2;
		border-color: #00B6FF;
}footer #menu-primary-1 a {
			font-weight:900 !important;
		}/* Legal Section */footer .legal{
  margin: 0px !important;
  padding: 0px !important;
  font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1440 - 375))) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
		color: rgba(255, 249, 235, 0.75);
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-family: Inter Tight;
}
    .block-header footer .legal {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.4);
    }footer .legal a,
		footer .legal p{
  margin: 0px !important;
  padding: 0px !important;
  font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1440 - 375))) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
			color: rgba(255, 249, 235, 0.75);
}footer .legal a{
  text-decoration-line: none;
}footer .legal a:hover{
  text-decoration-line: underline;
}footer .legal a {
			color: rgba(255, 249, 235, 0.75);
		}footer .legal a:hover {
				color: rgba(255, 249, 235, 1);
			}footer .legal p{
  margin-top: 1rem !important;
}footer .legal p:hover{
  text-decoration-line: none !important;
}@media (min-width: 782px){footer .legal p{
    margin-top: 0px !important;
  }
}footer .legal .menu{
  margin-top: 1rem;
  display: flex;
  gap: 2rem;
}footer .w-icon{
  position: absolute;
  right: 0px;
  top: 0px;
		opacity: 0.03;
		transform: translate(50%, 0%) scale(1.25);
		height: 120%;
		width: auto;
		pointer-events: none;
}/* Disclaimer text */footer .disclaimer {
		color: rgba(255, 249, 235, 0.5);
		font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1440 - 375)));
		line-height: 1.625;
	}footer .disclaimer a {
			color: rgba(255, 249, 235, 0.75);
			text-decoration-line: none;
		}footer .disclaimer a:hover{
  text-decoration-line: underline;
				color: rgba(255, 249, 235, 1);
}/*************************
All controls and other elements that are not dynamically generated or black/white are #929b98 / find and replace 929b98 to ensure you get the SVG's updated as well when updating the theme.

 
/*************************
Header block
************************ */.block-header .scrim {
        opacity: 1;
        background: radial-gradient(144.11% 71.58% at 66.67% 33.33%, rgba(0,42,60,0) 0%, rgba(0,42,60,0.35) 100%),
       
        linear-gradient(180deg, rgba(0,42,60,0) 75.05%, #002a3c);
    }/* Radial gradient overlay behind header content (dark teal to transparent) */.block-header .block-header__content-wrap {
        background: radial-gradient(circle at 33.33% 50%, rgba(0, 42, 60, 0.6) 0%, rgba(87, 199, 133, 0) 100%);
    }/* Darken header image/video when not on homepage */body:not(.on-homepage) .block-header .header-gallery img {
        filter: brightness(1);
    }body:not(.on-homepage) .block-header .header-video video {
        filter: brightness(0.9);
    }/* Header text styling - drop shadow for legibility (not .small-text: flat scroll hint) */.block-header .subtitle-header,
    .block-header .header-title,
    .block-header .font-body,
    .block-header .block-header__content h1,
    .block-header .block-header__content p {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 4px 12px rgba(0, 0, 0, 0.4);
    }/* No drop shadow on gradient headline spans - the gradient already reads well */.block-header .header-title .text-gradient-text-inland-water,
    .block-header .header-title .gradient-text-inland {
        text-shadow: none;
    }.block-header .small-text{
  margin-top: 2rem;
  margin-bottom: 0px;
}@media (min-width: 782px){.block-header .small-text{
    margin-top: 0px;
  }
}.block-header p{
  margin-left: auto;
  margin-right: auto;
  max-width: 84ch;
  font-size: calc(20px + (23 - 20) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.5;
}.block-header .header-gallery{
  position: absolute !important;
}.header-title {
	line-height:.8 !important;
}.header-video iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        /* Make iframe larger to ensure full coverage */
        width: 100vw;
        min-width: 100%;
        min-height: 100%;
        /* Scale up to maintain 16:9 and cover the container */
        width: 177.77vh; /* 16/9 * 100 */
        height: 56.25vw; /* 9/16 * 100 */
        transform: translate(-50%, -50%);
        pointer-events: none; /* Prevent interaction with video controls */
    }/*************************
Cover Block
************************ */.media-container {
    position: absolute;
    inset: 0;
    z-index: 1;
}.media-container img,
.media-container .video-container {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}/* Content container */.block-cover .container {
    position: relative;
    z-index: 3;
}/* Prevent white lines between sections */.block-cover {
    margin-bottom: -1px;
}/* .scrim {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 58.64%), linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
		mix-blend-mode: multiply;
		background-blend-mode: multiply, normal;
	} */.block-cover .left-centered{
  align-items: center;
  justify-items: center;
}.block-cover .left-bottom{
  align-items: flex-end;
  justify-items: end;
}.block-cover p{
  margin-top: 1rem;
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
}.block-cover .has-video{
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}@media screen and (max-width: 768px) {.block-cover .has-video {
		max-height: 81.65vh;
		min-height: 81.65vh
}
	}.block-cover .has-video .block-cover__video{
  z-index: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.video-container {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
}@media screen and (max-width: 768px) {.video-container {
		max-height: 81.65vh;
		min-height: 81.65vh
}
	}.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0; 
	left: 0;
	min-width: 100%;

	min-height: 100vh;
}@media (orientation: landscape) {
	.video-container iframe,
	.video-container object,
	.video-container embed {
		width: calc(100vmin / (9 / 16));
		height: calc(100vmax * (9 / 16));
	}
}@media (orientation: portrait) {
	.video-container iframe,
	.video-container object,
	.video-container embed {
		width: calc(100vmax / (9 / 16));
	}
}.video-container-mobile {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 100%;
}@media screen and (max-width: 768px) {.video-container-mobile {
		max-height: 81.65vh;
		min-height: 81.65vh
}
	}.video-container-mobile iframe,
.video-container-mobile object,
.video-container-mobile embed {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;

	min-height: 100vh;
}@media screen and (max-width: 768px) {.video-container-mobile iframe,
.video-container-mobile object,
.video-container-mobile embed {
		max-height: 81.65vh
}

		@media screen and (min-height: 670px) {.video-container-mobile iframe,
.video-container-mobile object,
.video-container-mobile embed {
			min-height: 81.65vh
}
		}
	}@media (orientation: landscape) {
	.video-container-mobile iframe,
	.video-container-mobile object,
	.video-container-mobile embed {
		width: calc(100vmax / (16 / 9));
		height: calc(100vmin * (16 / 9));
	}
}@media (orientation: portrait) {
	.video-container-mobile iframe,
	.video-container-mobile object,
	.video-container-mobile embed {
		width: calc(100vmin / (16 / 9));
	}
}/*************************
FAQ SECTION
************************ */.accordian-faqs dt a{
  position: relative;
  display: block;
  width: 100%;
  padding-right: 1.5rem;
}.accordian-faqs dt a:after {
		position: absolute;
		right: 0;
		top: 25px;
		width: 21px;
		height: 21px;
		transition: all 0.2s ease-in-out;
		content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 21.2' style='enable-background:new 0 0 21 21.2;' xml:space='preserve'><path d='M1.3,10.6h18.3' stroke='%23929b98' stroke-width='2' stroke-linecap='round'/><path d='M10.5,19.8V1.4' stroke='%23929b98' stroke-width='2' stroke-linecap='round'/></svg>");
		pointer-events: none;
	}.accordian-faqs dt.opened a:after {
		transform: rotate(45deg) translateY(-0%);
	}/*************************
Post Slider Block
**************************/.post-slider-block{
  position: relative;
  padding-bottom: 3rem;
}/*************************
Slider BLock
**************************/.slider-block .slide-content p{
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.slider-block .slide-slider{
  position: relative;
  padding-bottom: 4rem;
}/*************************
Text/Content Block
************************ */.text-block .text-2-col, .text-block .content-intro {
		-moz-column-count: 2;
		     column-count: 2;
	}@media (min-width: 782px){.text-block .text-2-col, .text-block .content-intro{
    gap: 3rem;
  }
}@media (min-width: 1025px){.text-block .text-2-col, .text-block .content-intro{
    gap: 5rem;
  }
}@media (max-width: 768px) {.text-block .text-2-col, .text-block .content-intro {
			-moz-column-count: 1;
			     column-count: 1
	}
		}.text-block .text-2-col ul,
		.text-block .text-2-col ol,
		.text-block .text-2-col p,
		.text-block .content-intro ul,
		.text-block .content-intro ol,
		.text-block .content-intro p {
			-moz-column-break-inside: avoid;
			     break-inside: avoid-column;
		}.blend-mix-blend-multiply{
  mix-blend-mode: multiply;
}.blend-mix-blend-screen{
  mix-blend-mode: screen;
}.blend-mix-blend-difference{
  mix-blend-mode: difference;
}/*************************
Gallery Block
************************ */.block-gallery.full-screen .scrim{
            
			background: linear-gradient(-90deg, rgba(0, 42, 60, 0.00) 50%, rgba(0, 42, 60, 0.50) 100%), linear-gradient(242deg, rgba(0, 42, 60, 0.70) 9.5%, rgba(0, 42, 60, 0.24) 34.22%, rgba(0, 42, 60, 0.00) 47.54%);
		}.block-gallery.full-screen .content p:first-child{
  font-family: Inter Tight;
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.025em;
}.block-gallery.full-screen hr {
			margin-top:0;
			padding-top:0;
		}/*************************
Card
************************ */.text-with-cards {
	position: relative;
    overflow: visible;
}.text-with-cards .card-button {
        transition: width 0.3s ease;
        /* Ensure minimum clickable area */
        min-width: 40px;
    }.text-with-cards .card-button:hover {
        width: auto;
        padding-right: 1rem;
        padding-left: 1.5rem;
    }/*************************
Steps
************************ */.step-strip p{
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}/*************************
Services Carousel 
************************** */.services-carousel .slick-slide {
    opacity: 0.5;
    transition: opacity 0.3s ease;
    height: auto;
    display: flex;
    align-items: stretch;
}.services-carousel .slick-slide.slick-active {
    opacity: 1;
}.services-carousel .slick-track {
    display: flex;
    align-items: stretch;
}.services-carousel .slick-slide > div {
    height: 100%;
    display: flex;
    align-items: stretch;
    flex: 1;
}/* Adjust card spacing for carousel */.carousel-slide {
    padding: 0 15px;
    display: flex;
    height: 100%;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}.service-card-container {
    height: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}.service-card-content p:first-child{
  font-weight: 600;
  line-height: 115%;
}.service-card-content p {
		font-size: 18px !important;
	}.service-card-content p:first-child {
		font-size: 20px !important;
	}.service-card-content p:last-child {
		margin-bottom: 0;
	}@media (min-width: 1024px) {
    .service-card-container {
        flex-direction: row;
        max-height: 550px;
    }
}/* Dark blue scrim overlay on service card images */.service-card-container figure {
	position: relative; /* Ensure positioning context for absolute children */
}.service-card-container figure::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 50, 80, 0.3); /* Dark blue with 30% opacity */
	z-index: 1;
	pointer-events: none;
}/* Service card title on image - make text-5xl slightly smaller */.service-card-container figure h3.text-5xl {
	font-size: calc(26px + (48 - 26) * ((100vw - 375px) / (1440 - 375))) !important;
	position: absolute !important; /* Keep absolute positioning to overlay on image */
	top: 2rem !important; /* 32px - matches top-8 */
	left: 2rem !important; /* 32px - matches left-8 */
	z-index: 10 !important;
}/* Remove bottom margin from last paragraph in service card content */.service-card-container .text-text-dark p:last-child {
    margin-bottom: 0 !important;
}/* Prevent View All Services button from wrapping */.services-list-block .wp-block-button__link {
    white-space: nowrap !important;
    display: inline-block !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}.services-list-block .wp-block-buttons {
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
}.services-list-block .wp-block-button {
    flex-shrink: 0 !important;
}/* Responsive adjustments */@media (max-width: 1024px) {
    .services-carousel-wrapper {
        padding-right: 0;
        margin-right: 0;
    }
    
    .services-carousel .slick-list {
        margin-right: 0;
    }
    
    .services-carousel .slick-slide {
        opacity: 1;
    }
}/*************************
Partnerships Block - GSAP Marquee Version
************************** */.partners-marquee-wrapper {
    padding: 2rem 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}.partners-marquee {
    display: flex;
    align-items: center;
    position: relative;
    will-change: transform;
}.partner-slide {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}/* Partner logos use the same white card markup and .association-logo-container rules as Associations *//* Responsive adjustments */@media (max-width: 768px) {
    .partner-slide {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}/* Reduced motion preference */@media (prefers-reduced-motion: reduce) {
    .partners-marquee {
        animation: none;
        justify-content: center;
        flex-wrap: wrap;
        width: 100% !important;
    }
    
    .partner-slide {
        flex: 0 0 auto;
        margin: 0 1rem;
    }
    
    .partners-marquee-wrapper {
        overflow: visible;
    }
}/*************************
Associations Block - GSAP Marquee Version
************************** */.associations-marquee-wrapper {
    padding: 2rem 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}.associations-marquee {
    display: flex;
    align-items: center;
    position: relative;
    will-change: transform;
}.association-slide {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}.association-logo-container {
    min-height: 120px;
    padding: 1rem;
}/* Make white background consistent and same size for all association cards */.association-logo-container .bg-white {
    margin: 0.5rem !important; /* Reduce from m-6 (24px) to 8px */
    width: calc(100% - 1rem) !important; /* Consistent width */
    height: calc(100% - 1rem) !important; /* Consistent height */
    min-height: calc(100% - 1rem) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}/* Remove blue brackets from association cards */.association-logo-container.corner-border::before,
.association-logo-container.corner-border::after,
.association-logo-container.corner-border > *::before,
.association-logo-container.corner-border > *::after {
    display: none !important;
}/* Ensure logos maintain proper size */.association-logo-container img {
    max-height: 120px;
    max-width: 200px;
    width: auto;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
}/* Responsive adjustments */@media (max-width: 768px) {
    .association-slide {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .association-logo-container img {
        max-height: 80px;
        max-width: 150px;
    }
}/* Reduced motion preference */@media (prefers-reduced-motion: reduce) {
    .associations-marquee {
        animation: none;
        justify-content: center;
        flex-wrap: wrap;
        width: 100% !important;
    }
    
    .association-slide {
        flex: 0 0 auto;
        margin: 0 1rem;
    }
    
    .associations-marquee-wrapper {
        overflow: visible;
    }
}/******************************
Testimonials 
*******************************/.testimonials-slider {
    display: flex;
    flex-direction: column;
    justify-content: center;
}.testimonial-slide {
    transition: opacity 0.5s ease, transform 0.5s ease;
}.image-container {
    transform-style: preserve-3d;
    perspective: 1000px;
}.image-container img {
    transform: translateZ(0);  
    backface-visibility: hidden;
}/* Responsive adjustments */@media (max-width: 1024px) {
    .testimonials-block .container {
        min-height: auto;
    }
    
    .image-container {
        height: 350px;
        min-height: 350px;
    }
}@media (max-width: 768px) {
    .testimonials-block .container {
        flex-direction: column;
    }
    
    .image-container {
        height: 300px;
        min-height: 300px;
        margin-top: 2rem;
    }
}/*******************************
Fancy Title Block
********************************/.gradient-stroke-text {
    position: relative;
     -webkit-text-stroke: 0;
    text-stroke: 0;
    
    /* Create outline with multiple shadows */
    text-shadow: 
        /* Horizontal and vertical offsets for outline */
        2px 0 0 #00CCEB,
        -2px 0 0 #00CCEB,
        0 2px 0 #00CCEB,
        0 -2px 0 #00CCEB,
        1px 1px 0 #00CCEB,
        -1px -1px 0 #00CCEB,
        1px -1px 0 #00CCEB,
        -1px 1px 0 #00CCEB,
        /* Add blur for smoother edges */
        0 0 2px #00CCEB;
}@media screen and (max-width:1440px){
    .gradient-stroke-text {
        text-shadow: 
            1.5px 0 0 #00CCEB,
            -1.5px 0 0 #00CCEB,
            0 1.5px 0 #00CCEB,
            0 -1.5px 0 #00CCEB,
            1px 1px 0 #00CCEB,
            -1px -1px 0 #00CCEB,
            1px -1px 0 #00CCEB,
            -1px 1px 0 #00CCEB,
            0 0 1.5px #00CCEB;
    }
}@media screen and (max-width:768px){
    .gradient-stroke-text {
        text-shadow: 
            1px 0 0 #00CCEB,
            -1px 0 0 #00CCEB,
            0 1px 0 #00CCEB,
            0 -1px 0 #00CCEB,
            0.5px 0.5px 0 #00CCEB,
            -0.5px -0.5px 0 #00CCEB,
            0.5px -0.5px 0 #00CCEB,
            -0.5px 0.5px 0 #00CCEB,
            0 0 1px #00CCEB;
    }
}/* White gradient text effect */.gradient-text-white {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) -6.41%, #FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}/* Hide logo on homepage until scrolling starts */.header-logo-container.homepage-logo {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}.header-logo-container.homepage-logo.logo-visible {
    opacity: 1;
}/* Performance optimization - apply to all title lines */[class*="fancy-title-line-"] { 
    will-change: transform, opacity;
    /* Tighter spacing between lines */
    margin-bottom: -0.5rem; /* Negative margin to pull lines closer */
}.fancy-buttons {
    opacity: 0;
}/* Container - creates blend context */.fancy-title-container {
    isolation: isolate;
}/* Text wrapper - contains video and text, creates isolated context */.fancy-title-text-wrapper {
    position: relative;
    display: block;
    /* Isolate blend modes within this wrapper */
    isolation: isolate;
    /* Ensure wrapper clips content aggressively */
    overflow: hidden;
}/* Text element - the mask */.fancy-title-text {
    position: relative;
    z-index: 0;
    display: block;
}/* Video - positioned to not reach top or bottom edges */.fancy-title-video {
    top: 4px; /* Start video 4px from top to prevent edge artifacts */
    left: 0;
    right: 0;
    bottom: 4px; /* Stop video 4px from bottom to prevent edge artifacts */
    width: 100%;
    height: calc(100% - 8px); /* Account for both top and bottom spacing */
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    /* Force hardware acceleration */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}/* Top mask overlay - covers any remaining video bleed */.fancy-title-top-mask {
    mix-blend-mode: screen;
    pointer-events: none;
}/* Bottom mask overlay - covers any remaining video bleed */.fancy-title-bottom-mask {
    mix-blend-mode: screen;
    pointer-events: none;
}/*************************
Form & Text / Contact Block
************************ */.block-form-text .scrim {
 			background: linear-gradient(270deg, rgba(0, 42, 60, 0) 44.62%, #002a3c 83.9%), linear-gradient(0deg, rgba(0, 42, 60, 0.00) 52.19%, rgba(0, 42, 60, 0.75) 83%, rgba(0, 42, 60, 0.90) 100%), radial-gradient(137.5% 82.88% at 97.01% 49.91%, rgba(0, 42, 60, 0.00) 41%, rgba(0, 42, 60, 0.95) 100%), linear-gradient(180deg, rgba(0, 42, 60, 0.00) 62.04%, rgba(0, 42, 60, 0.81) 87.24%, #002a3c 100%);
		}.block-form-text .iframe-container, .block-form-text .responsive-iframe {
		position: relative;
		overflow: hidden;
		width: 100%;
		padding-top: 46.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
		margin-bottom: 1rem;
	}/* Responsive iFrame */.block-form-text .iframe-container iframe, .block-form-text .responsive-iframe iframe{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		border: none;
	}.form-section{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.form-section .gform_heading{
  display: none;
}.form-section .gform_wrapper.gravity-theme .gfield_label{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  font-family: Inter Tight;
  font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}.form-section form label{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  font-family: Inter Tight;
  font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
}.form-section form .gform-field-label--type-sub {
			opacity:40%;
		}.form-section form .gfield_required{
  display: none;
}.form-section form input:not([type="submit"]), .form-section form textarea, .form-section form select {
            background-color: rgba(0, 42, 60, 0.8) !important;
            --tw-text-opacity: 1 !important;
            color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
            
            border : 1px solid #00CCEB !important; 
            outline: none !important;
            box-shadow: none !important;
            border-radius: 0.125rem;
        }.form-section form input[type="submit"]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
          padding-left: 2.5rem;
          padding-right: 2.5rem;
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;
          transition: all 0.2s;
          white-space: nowrap;
          border-radius: 5rem;
          font-family: 'Integral CF';
          font-size: 18px !important;
          font-style: normal;
          font-weight: 350;
          line-height: normal;
          text-transform: capitalize;
          text-decoration: none !important;
          background-color: #00CCEB;
          border-radius: 50px;
          transition: .3s;
}.form-section form input[type="submit"]:hover {
			color:white !important; 
		  }.form-section form input[type="radio"], .form-section form input[type="checkbox"]{
  margin-right: 1rem;
}.form-section form select {
            background-color: #1a1919; 
            color: white; 
            border: none;
             font-size: 16px; 
            appearance: none; 
            -webkit-appearance: none; 
            -moz-appearance: none; 
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path fill="%2300CCEB" d="M0 0l5 6 5-6z"/></svg>'); 
            background-repeat: no-repeat;
            background-position: right 10px center; 
            background-size: 12px; 
        }.form-section form select:focus {
            outline: none; 
            box-shadow: 0 0 3px #00CCEB; 

        }.form-section form select::-ms-expand {
            display: none; 
        }.form-section form select option {
             color: #1a1919;  
        }.form-section form select:focus {
            outline: none;  
            box-shadow: 0 0 3px #00CCEB;  
        }.form-section form select::-ms-expand {
         display: none;  
        }/*********** Media Block *************//* Add to your theme CSS */.media-block {
    /* Force GPU acceleration */
    transform: translateZ(0);
    backface-visibility: hidden;
}@media (min-width: 1365px) {
        .media-block h2.text-5xl {
            font-size: 3.5rem;  
            line-height: 1;
        }
        
        .media-block h4.text-4xl {
            font-size: 1.875rem; 
        }
    }.media-block .lg\:flex-row-reverse .content-pad{
  padding-right: 0px;
}@media (min-width: 1025px){.media-block .lg\:flex-row-reverse .content-pad{
    padding-right: 4rem;
  }
}.media-block .lg\:flex-row .content-pad{
  padding-left: 0px;
}@media (min-width: 1025px){.media-block .lg\:flex-row .content-pad{
    padding-left: 4rem;
  }
}.media-block figure {
    /* Prevent layout shifts */
    overflow: hidden;
    position: relative;
}.media-block figure figcaption {
    flex-shrink: 0;
}.media-block-caption em {
    font-size: 0.875em;
    font-weight: 600;
    color: #03B5D1;
    font-style: italic;
}.media-block figure img {
    /* Smooth scaling */
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}/* Subtle water ripple effect */@keyframes gentleRipple {
    0%, 100% { 
        transform: scale(1) translateY(0);
        opacity: 0.8;
    }
    50% { 
        transform: scale(1.02) translateY(-10px);
        opacity: 1;
    }
}.media-block.in-view figure img {
    animation: gentleRipple 8s ease-in-out infinite;
}/* Smooth scroll behavior */html {
    scroll-behavior: smooth;
}@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    
    .media-block figure img {
        animation: none !important;
        transform: none !important;
    }
}/* Custom Scrollbar Styling */.custom-scrollbar::-webkit-scrollbar {
    height: 8px;
}.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #00b6ff;
    border-radius: 10px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #0099d6;
}/* Firefox */.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #00b6ff rgba(0, 0, 0, 0.1);
}/*
	Class for custom iamge type "thin-bar

*/.is-style-thin-bar{
	 margin-bottom:0px!important;
	 margin-top:0px!important;
 }.is-style-thin-bar img{
		 height: 50vh;
		 -o-object-fit: cover;
		    object-fit: cover;
		
	 }/*************************
Universal Centered Controls - Slick 1.8 Compatible
************************** */.peek-a-boo .slick-list {
		padding: 0 10% 0 0 !important;
	}@media (max-width: 1440px) {.peek-a-boo .slick-list {
			padding: 0 40% 0 0 !important
	}
		}@media (max-width: 640px) {.peek-a-boo .slick-list {
			padding: 0 20% 0 0 !important
	}
		}/* Reset all slick default positioning */.slick-prev, 
.slick-next {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
}/* CRITICAL: Hide ALL default slick pseudo-elements and text */.slick-prev:before,
.slick-next:before,
.slick-dots li button:before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    font-size: 0 !important;
}/* Hide button text content */.slick-dots li button {
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
}/* Main controls wrapper - this is what your PHP outputs */.slick-controls-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
    position: relative;
    width: 100%;
}/* Dots container */.slick-dots-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: static !important;
    bottom: auto !important;
    order: 2;
}/* Dots styling - NUCLEAR OPTION */.slick-dots {
    display: flex !important;
    position: static !important;
    bottom: auto !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0.5rem !important;
}.slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 0.25rem !important;
    display: block !important;
}/* Force consistent button sizing */.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    max-width: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background-color: #6B7280 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}.slick-dots li button:hover {
    background-color: #9CA3AF !important;
}.slick-dots li.slick-active button {
    background-color: #ED2024 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}/* Custom arrow styling */.custom-slick-arrow {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    position: static !important;
    order: 1 !important;
}.custom-slick-arrow.slick-next {
    order: 3 !important;
}.custom-slick-arrow:hover {
    filter: brightness(0) invert(1) !important;
}.custom-slick-arrow:disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important; 
}.custom-slick-arrow img {
    width: 48px !important;
    height: 48px !important;
    display: block !important;
}/* Testimonials specific */.testimonials-slider .slick-dots {
    position: static !important;
}.testimonials-slider .slick-prev,
.testimonials-slider .slick-next {
    position: static !important;
}/* Partnerships & Associations specific */.partnerships-block .slick-controls-wrapper,
.associations-block .slick-controls-wrapper {
    margin-top: 2rem;
}/* Add these rules to your carousels.css file *//* Media block gallery specific styles */.media-block .slider {
    position: relative;
    min-height: 300px;
}.media-block .slider .slide {
    position: relative;
    height: 100%;
}.media-block .slider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}/* Ensure controls are positioned correctly in media block */.media-block .slick-controls-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 10;
    margin-top: 0 !important;
}/* Fix for rounded corners in layout-1 */.media-block.layout-1 .slider {
    border-radius: 0 1.5rem 1.5rem 0 !important;
}@media (max-width: 1024px) {
    .media-block .slider {
        border-radius: 1.5rem !important;
    }
    
    .media-block .slick-controls-wrapper {
        position: relative;
        bottom: auto;
        margin-top: 1rem !important;
    }
}/* Remove any old conflicting rules */.slick-controls-container,
.slick-arrows-container,
.slick-track-controls,
.flex-controls-carousel {
    display: none !important;
}/* OLD THEME COMPATIBILITY - Hide legacy controls */.post-slider-block .slick-dots,
.slider-block .slick-dots,
.gallery-carousel .slick-dots {
    position: static !important;
}/* Ensure controls are in document flow */.slick-slider {
    margin-bottom: 0 !important;
}.slick-list {
    margin-bottom: 0 !important;
}/*************************
Blog Specific Stylings
************************ */.meta-deets{
  font-weight: 700;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-transform: uppercase;
  font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
}.meta-deets span{
  margin-left: 0.5rem;
}.post-sidebar hr{
  width: 6rem;
  padding-bottom: 2rem;
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  margin-bottom: 0px;
		border-top:3px solid;
}.post-body .alignwide {
		margin-left:0;
		margin-right:0;
	}body.blog footer.site-footer {
		margin-top:0 !important;
		padding-bottom:0 !important;
	}body.blog footer.site-footer .block-padding-top-extra2{
  padding-top: 3rem !important;
}@media (min-width: 1025px){body.blog footer.site-footer .block-padding-top-extra2{
    padding-top: 5rem !important;
  }
}.first\:font-body:first-child{
  font-family: Inter Tight;
}.first\:text-lg:first-child{
  font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
  line-height: 1.45;
}.first\:font-bold:first-child{
  font-weight: 700;
}.first\:font-semibold:first-child{
  font-weight: 600;
}.first\:leading-\[115\%\]:first-child{
  line-height: 115%;
}.first\:leading-tight:first-child{
  line-height: 1.25;
}.last\:mr-0:last-child{
  margin-right: 0px;
}.last\:border-0:last-child{
  border-width: 0px;
}.odd\:text-white:nth-child(odd){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  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\:cursor-pointer:hover{
  cursor: pointer;
}.hover\:border-\[\#00b6ff\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 182 255 / var(--tw-border-opacity));
}.hover\:bg-\[\#0099d6\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 153 214 / var(--tw-bg-opacity));
}.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.hover\:bg-red-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.hover\:bg-white\/20:hover{
  background-color: rgb(255 255 255 / 0.2);
}.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.hover\:underline:hover{
  text-decoration-line: underline;
}.hover\:no-underline:hover{
  text-decoration-line: none;
}.hover\:opacity-100:hover{
  opacity: 1;
}.hover\:opacity-50:hover{
  opacity: 0.5;
}.hover\:opacity-60:hover{
  opacity: 0.6;
}.hover\:opacity-80:hover{
  opacity: 0.8;
}.hover\:opacity-90:hover{
  opacity: 0.9;
}.hover\:grayscale-0:hover{
  --tw-grayscale: grayscale(0);
  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\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}.focus\:ring-opacity-50:focus{
  --tw-ring-opacity: 0.5;
}.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  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));
}.active\:cursor-grabbing:active{
  cursor: grabbing;
}.group\/card:hover .group-hover\/card\:w-auto{
  width: auto;
}.group\/card:hover .group-hover\/card\: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));
}.group:hover .group-hover\: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));
}.group:hover .group-hover\:text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.group\/card:hover .group-hover\/card\:opacity-100{
  opacity: 1;
}.group:hover .group-hover\:opacity-100{
  opacity: 1;
}.group:hover .group-hover\:opacity-30{
  opacity: 0.3;
}.group:hover .group-hover\:opacity-50{
  opacity: 0.5;
}@media (min-width: 600px){.sm\:flex{
    display: flex;
  }.sm\:hidden{
    display: none;
  }.sm\:h-8{
    height: 2rem;
  }.sm\:w-1\/2{
    width: 50%;
  }.sm\:w-1\/3{
    width: 33.333333%;
  }.sm\:w-full{
    width: 100%;
  }.sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.sm\:flex-row{
    flex-direction: row;
  }.sm\:gap-2{
    gap: 0.5rem;
  }.sm\:gap-8{
    gap: 2rem;
  }.sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }.sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }.sm\:pb-12{
    padding-bottom: 3rem;
  }.sm\:pl-10{
    padding-left: 2.5rem;
  }.sm\:text-left{
    text-align: left;
  }
}@media (min-width: 782px){.md\:absolute{
    position: absolute;
  }.md\:inset-0{
    inset: 0px;
  }.md\:right-24{
    right: 6rem;
  }.md\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }.md\:ml-0{
    margin-left: 0px;
  }.md\:mt-0{
    margin-top: 0px;
  }.md\:flex{
    display: flex;
  }.md\:aspect-\[16\/9\]{
    aspect-ratio: 16/9;
  }.md\:h-full{
    height: 100%;
  }.md\:w-1\/2{
    width: 50%;
  }.md\:w-1\/3{
    width: 33.333333%;
  }.md\:w-1\/5{
    width: 20%;
  }.md\:w-2\/3{
    width: 66.666667%;
  }.md\:w-3\/5{
    width: 60%;
  }.md\:w-4\/5{
    width: 80%;
  }.md\:w-48{
    width: 12rem;
  }.md\:w-auto{
    width: auto;
  }.md\:max-w-\[420px\]{
    max-width: 420px;
  }.md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.md\:flex-row{
    flex-direction: row;
  }.md\:flex-wrap{
    flex-wrap: wrap;
  }.md\:items-end{
    align-items: flex-end;
  }.md\:items-center{
    align-items: center;
  }.md\:gap-12{
    gap: 3rem;
  }.md\:gap-4{
    gap: 1rem;
  }.md\:gap-6{
    gap: 1.5rem;
  }.md\:gap-8{
    gap: 2rem;
  }.md\:gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }.md\:gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }.md\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }.md\:gap-y-16{
    row-gap: 4rem;
  }.md\:gap-y-24{
    row-gap: 6rem;
  }.md\:rounded-3xl{
    border-radius: 1.5rem;
  }.md\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }.md\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }.md\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }.md\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }.md\:p-16{
    padding: 4rem;
  }.md\:p-8{
    padding: 2rem;
  }.md\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }.md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }.md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }.md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }.md\:pb-20{
    padding-bottom: 5rem;
  }.md\:pb-36{
    padding-bottom: 9rem;
  }.md\:pb-6{
    padding-bottom: 1.5rem;
  }.md\:pt-12{
    padding-top: 3rem;
  }.md\:text-right{
    text-align: right;
  }.md\:text-2xl{
    font-size: calc(22px + (25 - 22) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.6;
  }.md\:text-3xl{
    font-size: calc(24px + (30 - 24) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.25;
  }.md\:text-5xl{
    font-size: calc(28px + (50 - 28) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.15;
  }.md\:text-xl{
    font-size: calc(20px + (23 - 20) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.2;
  }.md\:alignnone{
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    max-width: 100%;
  }
}@media (min-width: 1025px){.lg\:absolute{
    position: absolute;
  }.lg\:inset-0{
    inset: 0px;
  }.lg\:-bottom-28{
    bottom: -7rem;
  }.lg\:-top-28{
    top: -7rem;
  }.lg\:left-8{
    left: 2rem;
  }.lg\:left-auto{
    left: auto;
  }.lg\:right-0{
    right: 0px;
  }.lg\:right-16{
    right: 4rem;
  }.lg\:top-8{
    top: 2rem;
  }.lg\:order-1{
    order: 1;
  }.lg\:order-2{
    order: 2;
  }.lg\:col-span-2{
    grid-column: span 2 / span 2;
  }.lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }.lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }.lg\:\!-mb-28{
    margin-bottom: -7rem !important;
  }.lg\:\!-mt-28{
    margin-top: -7rem !important;
  }.lg\:mb-12{
    margin-bottom: 3rem;
  }.lg\:mb-16{
    margin-bottom: 4rem;
  }.lg\:mt-0{
    margin-top: 0px;
  }.lg\:mt-12{
    margin-top: 3rem;
  }.lg\:block{
    display: block;
  }.lg\:inline{
    display: inline;
  }.lg\:flex{
    display: flex;
  }.lg\:aspect-\[21\/9\]{
    aspect-ratio: 21/9;
  }.lg\:h-10{
    height: 2.5rem;
  }.lg\:h-12{
    height: 3rem;
  }.lg\:h-40{
    height: 10rem;
  }.lg\:h-full{
    height: 100%;
  }.lg\:max-h-24{
    max-height: 6rem;
  }.lg\:max-h-full{
    max-height: 100%;
  }.lg\:min-h-0{
    min-height: 0px;
  }.lg\:min-h-\[800px\]{
    min-height: 800px;
  }.lg\:min-h-\[850px\]{
    min-height: 850px;
  }.lg\:w-1\/2{
    width: 50%;
  }.lg\:w-1\/3{
    width: 33.333333%;
  }.lg\:w-1\/5{
    width: 20%;
  }.lg\:w-2\/3{
    width: 66.666667%;
  }.lg\:w-2\/5{
    width: 40%;
  }.lg\:w-3\/5{
    width: 60%;
  }.lg\:w-4\/5{
    width: 80%;
  }.lg\:w-\[850px\]{
    width: 850px;
  }.lg\:w-auto{
    width: auto;
  }.lg\:w-full{
    width: 100%;
  }.lg\:max-w-\[300px\]{
    max-width: 300px;
  }.lg\:max-w-md{
    max-width: 28rem;
  }.lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }.lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.lg\:flex-row{
    flex-direction: row;
  }.lg\:flex-row-reverse{
    flex-direction: row-reverse;
  }.lg\:items-start{
    align-items: flex-start;
  }.lg\:items-center{
    align-items: center;
  }.lg\:justify-end{
    justify-content: flex-end;
  }.lg\:justify-between{
    justify-content: space-between;
  }.lg\:gap-16{
    gap: 4rem;
  }.lg\:gap-32{
    gap: 8rem;
  }.lg\:gap-48{
    gap: 12rem;
  }.lg\:gap-6{
    gap: 1.5rem;
  }.lg\:rounded-3xl{
    border-radius: 1.5rem;
  }.lg\:rounded-l-\[35px\]{
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
  }.lg\:rounded-r-\[35px\]{
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
  }.lg\:rounded-bl-\[0px\]{
    border-bottom-left-radius: 0px;
  }.lg\:rounded-tr-\[0px\]{
    border-top-right-radius: 0px;
  }.lg\:p-10{
    padding: 2.5rem;
  }.lg\:p-12{
    padding: 3rem;
  }.lg\:p-4{
    padding: 1rem;
  }.lg\:p-8{
    padding: 2rem;
  }.lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }.lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }.lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }.lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }.lg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }.lg\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }.lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }.lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }.lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }.lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }.lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }.lg\:pb-0{
    padding-bottom: 0px;
  }.lg\:pt-0{
    padding-top: 0px;
  }.lg\:pt-12{
    padding-top: 3rem;
  }.lg\:pt-16{
    padding-top: 4rem;
  }.lg\:pt-20{
    padding-top: 5rem;
  }.lg\:pt-48{
    padding-top: 12rem;
  }.lg\:text-right{
    text-align: right;
  }.lg\:text-2xl{
    font-size: calc(22px + (25 - 22) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.6;
  }.lg\:text-3xl{
    font-size: calc(24px + (30 - 24) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.25;
  }.lg\:text-4xl{
    font-size: calc(30px + (40 - 30) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.15;
  }.lg\:text-5xl{
    font-size: calc(28px + (50 - 28) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.15;
  }.lg\:text-7xl{
    font-size: calc(46px + (74 - 46) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.15;
  }.lg\:text-display-1{
    font-size: calc(72px + (154 - 62) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.15;
  }.lg\:text-display-2{
    font-size: calc(64px + (100 - 44) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.15;
  }.lg\:text-lg{
    font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.45;
  }.lg\:text-xl{
    font-size: calc(20px + (23 - 20) * ((100vw - 375px) / (1440 - 375)));
    line-height: 1.2;
  }.lg\:tracking-\[5px\]{
    letter-spacing: 5px;
  }
}@media (min-width: 100%){.xl\:right-16{
    right: 4rem;
  }.xl\:right-24{
    right: 6rem;
  }.xl\:h-\[700px\]{
    height: 700px;
  }.xl\:w-1\/3{
    width: 33.333333%;
  }.\32xl\:right-0{
    right: 0px;
  }
}