/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .\!start {
    inset-inline-start: var(--spacing) !important;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-30 {
    top: calc(var(--spacing) * 30);
  }
  .top-\[110px\] {
    top: 110px;
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .isolate {
    isolation: isolate;
  }
  .order-\[-1\] {
    order: -1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-9 {
    grid-column: span 9 / span 9;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .container {
    width: 100%;
    @media (width >= 490px) {
      max-width: 490px;
    }
    @media (width >= 640px) {
      max-width: 640px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 1025px) {
      max-width: 1025px;
    }
    @media (width >= 1140px) {
      max-width: 1140px;
    }
    @media (width >= 1300px) {
      max-width: 1300px;
    }
    @media (width >= 1536px) {
      max-width: 1536px;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
  }
  .my-15 {
    margin-block: calc(var(--spacing) * 15);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-\[5px\] {
    margin-right: 5px;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-auto {
    margin-left: auto;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-caption {
    display: table-caption;
  }
  .table-cell {
    display: table-cell;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-full {
    height: 100%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-full {
    width: 100%;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-\[\#e5e5e5\] {
    border-color: #e5e5e5;
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .bg-\[\#21293c\] {
    background-color: #21293c;
  }
  .bg-accent {
    background-color: #374151;
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }
  .bg-primary {
    background-color: #faf544;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-\[15px\] {
    padding-bottom: 15px;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[23px\] {
    font-size: 23px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-accent {
    color: #374151;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-teal-500 {
    color: var(--color-teal-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .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,) !important;
  }
  .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-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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .hover\:-translate-y-\[5px\] {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .xs\:col-span-6 {
    @media (width >= 490px) {
      grid-column: span 6 / span 6;
    }
  }
  .xs\:grid-cols-2 {
    @media (width >= 490px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xs\:grid-cols-3 {
    @media (width >= 490px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xs\:justify-between {
    @media (width >= 490px) {
      justify-content: space-between;
    }
  }
  .xs\:gap-2\.5 {
    @media (width >= 490px) {
      gap: calc(var(--spacing) * 2.5);
    }
  }
  .xs\:gap-4 {
    @media (width >= 490px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .xs\:gap-\[12px\] {
    @media (width >= 490px) {
      gap: 12px;
    }
  }
  .xs\:gap-\[15px\] {
    @media (width >= 490px) {
      gap: 15px;
    }
  }
  .xs\:gap-\[18px\] {
    @media (width >= 490px) {
      gap: 18px;
    }
  }
  .xs\:gap-\[20px\] {
    @media (width >= 490px) {
      gap: 20px;
    }
  }
  .xs\:gap-\[25px\] {
    @media (width >= 490px) {
      gap: 25px;
    }
  }
  .sm\:mb-10 {
    @media (width >= 640px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .sm\:mb-\[15px\] {
    @media (width >= 640px) {
      margin-bottom: 15px;
    }
  }
  .md\:sticky {
    @media (width >= 768px) {
      position: sticky;
    }
  }
  .md\:top-\[100px\] {
    @media (width >= 768px) {
      top: 100px;
    }
  }
  .md\:col-span-3 {
    @media (width >= 768px) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 768px) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 768px) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 768px) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 768px) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-8 {
    @media (width >= 768px) {
      grid-column: span 8 / span 8;
    }
  }
  .md\:col-span-9 {
    @media (width >= 768px) {
      grid-column: span 9 / span 9;
    }
  }
  .md\:mb-15 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:block {
    @media (width >= 768px) {
      display: block;
    }
  }
  .md\:grid {
    @media (width >= 768px) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 768px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 768px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 768px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .md\:gap-0\.5 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 0.5);
    }
  }
  .md\:gap-4 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-8 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-9 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 9);
    }
  }
  .md\:gap-\[12px\] {
    @media (width >= 768px) {
      gap: 12px;
    }
  }
  .md\:gap-\[18px\] {
    @media (width >= 768px) {
      gap: 18px;
    }
  }
  .md\:gap-\[20px\] {
    @media (width >= 768px) {
      gap: 20px;
    }
  }
  .md\:gap-\[22px\] {
    @media (width >= 768px) {
      gap: 22px;
    }
  }
  .md\:gap-\[30px\] {
    @media (width >= 768px) {
      gap: 30px;
    }
  }
  .md\:gap-\[35px\] {
    @media (width >= 768px) {
      gap: 35px;
    }
  }
  .md\:pb-0 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:text-left {
    @media (width >= 768px) {
      text-align: left;
    }
  }
  .lg\:order-2 {
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:w-\[350px\] {
    @media (width >= 64rem) {
      width: 350px;
    }
  }
  .lg\:max-w-\[350px\] {
    @media (width >= 64rem) {
      max-width: 350px;
    }
  }
  .lg\:min-w-\[350px\] {
    @media (width >= 64rem) {
      min-width: 350px;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-\[15px\] {
    @media (width >= 64rem) {
      gap: 15px;
    }
  }
  .lg\:gap-\[18px\] {
    @media (width >= 64rem) {
      gap: 18px;
    }
  }
  .lg\:gap-\[20px\] {
    @media (width >= 64rem) {
      gap: 20px;
    }
  }
  .lg\:gap-\[22px\] {
    @media (width >= 64rem) {
      gap: 22px;
    }
  }
  .lg\:gap-\[24px\] {
    @media (width >= 64rem) {
      gap: 24px;
    }
  }
  .lg\:gap-\[25px\] {
    @media (width >= 64rem) {
      gap: 25px;
    }
  }
  .lg\:gap-\[30px\] {
    @media (width >= 64rem) {
      gap: 30px;
    }
  }
  .lg\:gap-\[50px\] {
    @media (width >= 64rem) {
      gap: 50px;
    }
  }
}
@layer base {
  body {
    font-family: Outfit, sans-serif;
    color: #040404;
  }
}
@layer Container {
  .ese-container {
    margin-inline: auto;
    width: 100%;
    max-width: 1300px;
    padding-inline: 15px;
    @media (width >= 768px) {
      padding-inline: 20px;
    }
    &.ese-container-small {
      max-width: 960px;
    }
  }
}
@layer TopBar {
  .top-bar {
    position: relative;
    z-index: 2;
    background-color: #374151;
    padding-block: 5px;
    font-size: 0.85rem;
    color: var(--color-white);
    .top-bar-right {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      font-size: 13px;
      color: var(--color-white);
      i {
        margin-right: 7px;
        display: inline-block;
        vertical-align: text-bottom;
        font-size: 18px;
      }
      a {
        display: inline-flex;
        align-items: center;
        color: var(--color-white);
      }
      .translator {
        position: relative;
        .translator-btn {
          position: relative;
          display: inline-block;
          cursor: pointer;
          border-radius: 6px;
          background-color: var(--color-white);
          padding-top: 7px;
          padding-right: 23px;
          padding-bottom: 7px;
          padding-left: 10px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: #333;
          text-decoration-line: none;
          &::before {
            content: "";
            position: absolute;
            top: 14px;
            right: 8px;
            height: calc(var(--spacing) * 0);
            width: calc(var(--spacing) * 0);
            border-style: solid;
            border-right: 4px solid transparent;
            border-left: 5px solid transparent;
            border-top: 5px solid #333;
            border-bottom: 0;
          }
        }
        i {
          margin-right: 3px;
        }
        .translator-dropdown {
          position: absolute;
          top: 100%;
          right: calc(var(--spacing) * 0);
          z-index: 2;
          margin: calc(var(--spacing) * 0);
          display: none;
          width: 145px;
          list-style-type: none;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: #ddd;
          background-color: var(--color-white);
          padding: calc(var(--spacing) * 0);
          --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          li {
            display: flex;
            cursor: pointer;
            align-items: center;
            gap: 8px;
            padding-inline: 14px;
            padding-block: 8px;
            font-size: 14px;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: #111;
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 200ms;
            transition-duration: 200ms;
            &:not(:last-child) {
              border-bottom: 1px solid rgba(0, 0, 0, 0.1098039216);
            }
            img {
              height: 12px;
              width: 18px;
              object-fit: cover;
            }
            &:hover {
              background-color: #f5f5f5;
            }
          }
        }
        &.active {
          .translator-btn {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
          }
          .translator-dropdown {
            display: block;
          }
        }
      }
    }
  }
}
@layer MidHeader {
  .main-header {
    position: relative;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
    background-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &.header-sticky {
      transform: translateY(0);
      transition: 0.4s ease-in-out;
      position: sticky;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 11;
      width: 100%;
      background-color: var(--color-white);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .main-header__wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .main-header__left {
    position: relative;
    margin-inline: auto;
    width: 100%;
    text-align: center;
    > .ese-container {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
  }
  .logo {
    margin-block: auto;
    display: inline-block;
    height: 4.7rem;
    padding-block: 10px;
    @media (width >= 1300px) {
      height: 5.2rem;
    }
    img {
      height: 100%;
      width: auto;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .main-header__nav {
    z-index: 1;
    margin-left: auto;
    display: none;
    align-items: center;
    align-self: stretch;
    @media (width >= 1140px) {
      display: flex;
    }
    > ul {
      margin: calc(var(--spacing) * 0);
      display: flex;
      list-style-type: none;
      align-items: center;
      align-self: stretch;
      padding: calc(var(--spacing) * 0);
      > li {
        display: flex;
        align-items: center;
        align-self: stretch;
        padding-right: 22px;
        &:last-child {
          padding-right: calc(var(--spacing) * 0);
        }
        &.dropdown {
          position: relative;
        }
        > a {
          position: relative;
          display: flex;
          height: 100%;
          align-items: center;
          font-size: 13.2px;
          --tw-font-weight: var(--font-weight-extrabold);
          font-weight: var(--font-weight-extrabold);
          color: color-mix(in srgb, #000 70%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 70%, transparent);
          }
          text-transform: uppercase;
          @media (width >= 1300px) {
            font-size: 14.4px;
          }
          &::before {
            content: "";
            position: absolute;
            bottom: calc(var(--spacing) * 0);
            left: calc(var(--spacing) * 0);
            height: 2px;
            width: calc(var(--spacing) * 0);
            background-color: #374151;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            --tw-ease: var(--ease-in);
            transition-timing-function: var(--ease-in);
          }
        }
        > i {
          position: relative;
          left: 7px;
          font-size: 10px;
          color: var(--color-black);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
        }
        &:hover {
          > a {
            color: color-mix(in srgb, #000 80%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-black) 80%, transparent);
            }
            &::before {
              width: 100%;
            }
          }
          i {
            rotate: 180deg;
          }
        }
        > ul {
          position: absolute;
          top: 100%;
          left: calc(var(--spacing) * 0);
          max-height: calc(var(--spacing) * 0);
          width: 220px;
          overflow: hidden;
          border-bottom-right-radius: 8px;
          border-bottom-left-radius: 8px;
          background-color: var(--color-white);
          text-align: left;
          opacity: 0%;
          --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: linear;
          transition-timing-function: linear;
          > li {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-color: #0000000a;
            padding-inline: 15px;
            padding-block: 8px;
            > a {
              display: inline-block;
              font-size: 15px;
              --tw-font-weight: 500;
              font-weight: 500;
              color: color-mix(in srgb, #000 80%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-black) 80%, transparent);
              }
              &:hover {
                @media (hover: hover) {
                  color: var(--color-black);
                }
              }
            }
            &:hover {
              background-color: #374151;
              > a {
                color: var(--color-white);
                span {
                  color: color-mix(in srgb, #fff 80%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-white) 80%, transparent);
                  }
                }
              }
            }
          }
        }
        &.active {
          > ul {
            max-height: 500px;
            opacity: 100%;
          }
          > a::before {
            width: 100%;
          }
          i {
            rotate: 180deg;
          }
        }
        .sub-nav {
          visibility: hidden;
          position: absolute;
          top: 130%;
          left: calc(var(--spacing) * 0);
          z-index: 4;
          width: 100%;
          border-radius: 0 8px 8px 8px;
          --tw-gradient-position: to bottom in oklab;
          background-image: linear-gradient(var(--tw-gradient-stops));
          --tw-gradient-from: var(--color-white);
          --tw-gradient-to: var(--color-gray-50);
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
          opacity: 0%;
          --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
        }
        &.active .sub-nav {
          visibility: visible;
          top: 100%;
          opacity: 100%;
        }
      }
    }
  }
  .sub-description {
    margin-top: 3px;
    display: block;
    font-size: 13px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #52658a;
  }
  .sub-nav__primary-title {
    margin-bottom: 10px;
    display: block;
    text-align: left;
    font-family: Outfit, sans-serif;
    font-size: 17px;
    --tw-font-weight: 600;
    font-weight: 600;
    color: #374151;
  }
  .main-header__right-top {
    display: none;
    width: 100%;
    justify-content: flex-end;
    @media (width >= 1140px) {
      display: flex;
    }
    > ul {
      margin: calc(var(--spacing) * 0);
      display: flex;
      list-style-type: none;
      align-items: center;
      justify-content: flex-end;
      padding: calc(var(--spacing) * 0);
      > li {
        margin-left: 1.2rem;
        display: inline-flex;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        > a {
          border-radius: 5px;
          background-color: #faf544;
          padding-inline: 14px;
          padding-block: 11px;
          font-size: 13px;
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: var(--color-black);
          text-transform: uppercase;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          @media (width >= 1300px) {
            padding-inline: 19px;
          }
          @media (width >= 1300px) {
            padding-block: 10px;
          }
          @media (width >= 1300px) {
            font-size: 14px;
          }
          &:hover {
            background-color: #374151;
            color: var(--color-white);
          }
        }
      }
    }
  }
}
@layer SubNav_Primary {
  .main-header__nav > ul > li.active .sub-nav {
    visibility: visible;
    top: 100%;
    opacity: 100%;
  }
  .sub-nav {
    > .grid {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: calc(var(--spacing) * 0);
    }
  }
  .sub-nav__primary {
    grid-column: span 12 / span 12;
    padding: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
    > .grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 20px;
      @media (width >= 768px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
  }
  .mega-menu-column {
    > div {
      > ul {
        margin: calc(var(--spacing) * 0);
        display: flex;
        list-style-type: none;
        flex-direction: column;
        row-gap: calc(var(--spacing) * 2.5);
        padding: calc(var(--spacing) * 0);
        text-align: left;
        > li {
          position: relative;
          > ul {
            visibility: hidden;
            position: absolute;
            top: calc(var(--spacing) * 0);
            left: 105px;
            z-index: 1;
            margin: calc(var(--spacing) * 0);
            width: 200px;
            list-style-type: none;
            border-radius: var(--radius-md);
            background-color: #f1f1f1;
            padding: calc(var(--spacing) * 0);
            opacity: 0%;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
            > li {
              position: relative;
              > a {
                display: block;
                padding-inline: 15px;
                padding-block: 7px;
                font-size: 14px;
                --tw-leading: 1.4;
                line-height: 1.4;
                --tw-font-weight: 500;
                font-weight: 500;
                color: color-mix(in srgb, #000 70%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  color: color-mix(in oklab, var(--color-black) 70%, transparent);
                }
              }
              &:hover > a {
                color: color-mix(in srgb, #000 80%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  color: color-mix(in oklab, var(--color-black) 80%, transparent);
                }
              }
            }
          }
          &:hover > ul {
            visibility: visible;
            left: 100px;
            opacity: 100%;
          }
          > a {
            position: relative;
            display: inline-block;
            padding-right: calc(var(--spacing) * 5);
            font-size: 15px;
            --tw-leading: 1.4;
            line-height: 1.4;
            --tw-font-weight: 500;
            font-weight: 500;
            color: color-mix(in srgb, #000 70%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-black) 70%, transparent);
            }
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            &::after {
              content: "\f0da";
              font-family: var(--fa-style-family, "Font Awesome 6 Free");
              font-weight: 600;
              visibility: hidden;
              position: absolute;
              top: 4px;
              right: calc(var(--spacing) * 0);
              --tw-translate-x: -6px;
              translate: var(--tw-translate-x) var(--tw-translate-y);
              font-size: 12px;
              opacity: 0%;
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-duration: 300ms;
              transition-duration: 300ms;
              --tw-ease: var(--ease-in-out);
              transition-timing-function: var(--ease-in-out);
            }
            &:hover {
              color: var(--color-black);
            }
            .sub-description {
              margin-top: calc(var(--spacing) * 1);
              display: block;
              font-size: 13px;
              --tw-font-weight: var(--font-weight-medium);
              font-weight: var(--font-weight-medium);
              color: #52658a;
            }
          }
          &:hover > a::after {
            animation: bounceAlpha 0.7s ease-in-out;
            visibility: visible;
            opacity: 100%;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 100ms;
            transition-duration: 100ms;
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
          }
        }
      }
    }
    .text-link {
      position: relative;
      margin-top: 18px;
      display: block;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
      padding-top: 9px;
      text-align: left;
      font-family: Outfit, sans-serif;
      font-size: 14px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: -0.2px;
      letter-spacing: -0.2px;
      color: var(--color-gray-700);
      &::after {
        content: "\f054";
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: 900;
        visibility: visible;
        position: absolute;
        top: 12px;
        right: calc(var(--spacing) * 0);
        font-size: 12px;
        opacity: 100%;
      }
    }
  }
  .sub-nav__secondary {
    grid-column: span 12 / span 12;
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    background-color: var(--color-gray-700);
    padding: calc(var(--spacing) * 6);
    color: var(--color-white);
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
    @media (width >= 64rem) {
      border-top-right-radius: var(--radius-lg);
      border-bottom-right-radius: var(--radius-lg);
    }
    @media (width >= 64rem) {
      border-bottom-left-radius: 0;
    }
  }
  .sub-nav-trip-planner {
    figure {
      margin: calc(var(--spacing) * 0);
    }
    img {
      height: 180px;
      width: 100%;
      border-radius: var(--radius-lg);
      object-fit: cover;
    }
    p {
      margin-top: calc(var(--spacing) * 3);
      margin-bottom: calc(var(--spacing) * 4);
      font-family: Outfit, sans-serif;
      font-size: 17px;
      --tw-leading: 1.54;
      line-height: 1.54;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
}
@layer Button {
  .btn-default {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 4px;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: #faf544;
    padding-inline: 25px;
    padding-block: 18px;
    text-align: center;
    font-size: 14px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    text-transform: uppercase;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:hover {
      color: var(--color-white);
    }
    span {
      position: absolute;
      z-index: -1;
      display: inline-block;
      height: calc(var(--spacing) * 0);
      width: calc(var(--spacing) * 0);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      background-color: #374151;
      --tw-duration: 500ms;
      transition-duration: 500ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
    &:hover span {
      width: 225%;
      height: 562.5px;
    }
    &.btn-outline {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #374151;
      background-color: transparent;
      color: color-mix(in srgb, oklch(21% 0.034 264.665) 86%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-gray-900) 86%, transparent);
      }
      span {
        background-color: #374151;
      }
      &:hover {
        border-color: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
        background-color: #374151;
        color: var(--color-white);
      }
    }
    &.btn-outline-white {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      background-color: transparent;
      color: var(--color-white);
      span {
        background-color: #faf544;
      }
      &:hover {
        border-color: transparent;
        color: var(--color-black);
      }
    }
    &.btn-orange {
      background-color: #be9011;
      color: var(--color-white);
      span {
        background-color: #846409;
      }
    }
    &.btn-blue {
      background-color: var(--color-blue-500);
      color: var(--color-white);
      span {
        background-color: var(--color-blue-400);
      }
    }
    &.btn-green {
      background: #25d366;
      color: #fff;
      span {
        background: #1a151526;
      }
    }
    &.btn-outline-primary {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #faf544;
      background-color: transparent;
      color: #faf544;
      span {
        background-color: var(--color-black);
      }
      &:hover {
        border-color: transparent;
        color: var(--color-white);
      }
    }
  }
}
@keyframes bounceAlpha {
  0% {
    opacity: 0;
    transform: translateX(-6px);
  }
  50% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(2px);
  }
}
@layer Hamburger {
  .push-menu-trigger {
    width: 28px;
    cursor: pointer;
    @media (width >= 1140px) {
      display: none;
    }
    > span {
      margin-bottom: 8px;
      display: block;
      height: 1px;
      width: 100%;
      background-color: var(--color-black);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    &:hover > span:nth-child(2) {
      width: 30%;
    }
  }
}
@layer MobileSidebar {
  .backdrop {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 100;
    display: none;
    height: 100%;
    width: 100%;
    cursor: pointer;
    background-color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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,);
  }
  .sidenav-wrap {
    position: relative;
    .responsive--nav {
      position: fixed;
      top: calc(var(--spacing) * 0);
      left: -100%;
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      background-color: var(--color-white);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      z-index: 1000;
      min-height: 100vh;
      max-width: 300px;
      height: calc(100vh - 40px);
      box-shadow: 4px 0 24px rgba(0, 0, 0, 0.1);
      transition: all 0.4s ease;
      .mobile-menu-wrap {
        height: 100%;
        overflow: auto;
        > .mobile-menu {
          height: 100%;
          overflow: auto;
          ul {
            margin: calc(var(--spacing) * 0);
            height: 100%;
            list-style-type: none;
            padding: calc(var(--spacing) * 0);
          }
          > ul {
            overflow-x: hidden;
            overflow-y: auto;
            > li {
              position: relative;
              border-bottom-style: var(--tw-border-style);
              border-bottom-width: 1px;
              padding-block: calc(var(--spacing) * 2.5);
              border-color: rgba(0, 0, 0, 0.1098039216);
              &:last-child {
                border-bottom-style: var(--tw-border-style);
                border-bottom-width: 0px;
              }
              &:hover {
                background-color: #f1f1f1;
                > a {
                  color: color-mix(in srgb, #000 80%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-black) 80%, transparent);
                  }
                }
              }
              > a {
                display: inline-block;
                padding-left: calc(var(--spacing) * 3);
                text-align: left;
                font-size: 14px;
                --tw-font-weight: 700;
                font-weight: 700;
                color: #374151;
                text-transform: uppercase;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                --tw-duration: 300ms;
                transition-duration: 300ms;
                --tw-ease: var(--ease-in-out);
                transition-timing-function: var(--ease-in-out);
              }
              &.dropdown.dropdown-active > i {
                rotate: 180deg;
                opacity: 100%;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                --tw-duration: 300ms;
                transition-duration: 300ms;
                --tw-ease: var(--ease-in-out);
                transition-timing-function: var(--ease-in-out);
              }
              > .sub-nav {
                padding: calc(var(--spacing) * 0);
                .sub-nav__primary {
                  padding: calc(var(--spacing) * 0);
                  .mega-menu-column {
                    position: relative;
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 1px;
                    border-color: color-mix(in srgb, #000 10%, transparent);
                    @supports (color: color-mix(in lab, red, red)) {
                      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
                    }
                    &:last-child {
                      --tw-border-style: none;
                      border-style: none;
                    }
                    > i {
                      position: absolute;
                      top: 14px;
                      right: calc(var(--spacing) * 0);
                      height: 35px;
                      width: 35px;
                      cursor: pointer;
                      text-align: center;
                      font-size: 12px;
                      --tw-leading: 35px;
                      line-height: 35px;
                      opacity: 40%;
                      transition-property: all;
                      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                      transition-duration: var(--tw-duration, var(--default-transition-duration));
                      --tw-duration: 300ms;
                      transition-duration: 300ms;
                      --tw-ease: var(--ease-in-out);
                      transition-timing-function: var(--ease-in-out);
                      &:hover {
                        opacity: 100%;
                      }
                    }
                    > div {
                      display: none;
                      background-color: var(--color-white);
                      > ul {
                        gap: 8px;
                        padding-inline: calc(var(--spacing) * 4);
                        padding-block: calc(var(--spacing) * 2);
                        > li {
                          border-bottom-style: var(--tw-border-style);
                          border-bottom-width: 1px;
                          border-color: color-mix(in srgb, #000 10%, transparent);
                          @supports (color: color-mix(in lab, red, red)) {
                            border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
                          }
                          padding-bottom: calc(var(--spacing) * 2);
                          &:last-child {
                            --tw-border-style: none;
                            border-style: none;
                            padding-bottom: calc(var(--spacing) * 0);
                          }
                          > a {
                            --tw-font-weight: 500;
                            font-weight: 500;
                          }
                          > ul {
                            visibility: visible;
                            position: static;
                            width: 100%;
                            opacity: 100%;
                            > li {
                              > a {
                                padding-inline: 8px;
                                padding-block: 4;
                                --tw-font-weight: 500;
                                font-weight: 500;
                              }
                            }
                          }
                          > i.fa-chevron-down {
                            display: none !important;
                          }
                        }
                      }
                    }
                    .sub-nav__primary-title {
                      margin-bottom: calc(var(--spacing) * 0);
                      display: block;
                      padding-block: 10px;
                      padding-left: 13px;
                      font-size: 15px;
                      --tw-font-weight: 500;
                      font-weight: 500;
                    }
                    &.active {
                      > div {
                        display: block;
                      }
                    }
                    .more-links {
                      .text-link {
                        margin-inline: calc(var(--spacing) * 3);
                        margin-top: calc(var(--spacing) * 0);
                        margin-bottom: calc(var(--spacing) * 3);
                        border-radius: var(--radius-sm);
                        --tw-border-style: none;
                        border-style: none;
                        background-color: var(--color-black);
                        padding-block: calc(var(--spacing) * 2);
                        text-align: center;
                        color: #faf544;
                        &:after {
                          display: none;
                        }
                      }
                    }
                  }
                }
                .sub-nav__secondary {
                  display: none;
                }
              }
              > .sub-nav {
                background-color: #f1f1f19e;
              }
              > .sub-nav, > ul {
                margin-top: 10px;
                display: none;
                overflow-x: hidden;
                .grid {
                  display: block;
                }
              }
              &.active {
                background-color: #f1f1f1;
                padding-bottom: calc(var(--spacing) * 0);
                > a {
                  color: color-mix(in srgb, #000 80%, transparent);
                  @supports (color: color-mix(in lab, red, red)) {
                    color: color-mix(in oklab, var(--color-black) 80%, transparent);
                  }
                }
                > .sub-nav, > ul {
                  display: block;
                }
                > ul {
                  display: block;
                }
              }
              > i {
                position: absolute;
                top: 17px;
                right: calc(var(--spacing) * 0);
                height: 35px;
                width: 35px;
                cursor: pointer;
                text-align: center;
                font-size: 13px;
                --tw-leading: 35px;
                line-height: 35px;
                opacity: 40%;
                transition-property: all;
                transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                transition-duration: var(--tw-duration, var(--default-transition-duration));
                --tw-duration: 300ms;
                transition-duration: 300ms;
                --tw-ease: var(--ease-in-out);
                transition-timing-function: var(--ease-in-out);
                &:hover {
                  opacity: 100%;
                }
              }
              > ul {
                list-style-type: none;
                background-color: var(--color-white);
                > li > a {
                  margin-bottom: calc(var(--spacing) * 0);
                  display: block;
                  padding-block: 6px;
                  padding-left: 13px;
                  font-size: 15px;
                  --tw-font-weight: 500;
                  font-weight: 500;
                }
              }
            }
          }
        }
      }
      .responsive-footer {
        bottom: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        margin-top: auto;
        width: 100%;
        background-color: var(--color-white);
        padding: 15px;
        text-align: center;
        .btn-default {
          width: 100%;
        }
      }
    }
    &.show__side--menu {
      .responsive--nav {
        left: calc(var(--spacing) * 0);
      }
      .backdrop {
        display: block;
      }
    }
  }
}
@layer HomeBanner {
  .buttonWrap {
    margin-top: clamp(22px, 4vw, 30px);
  }
  .homepage_main_banner {
    position: relative;
    z-index: 0;
    height: 450px;
    width: 100%;
    overflow: hidden;
    @media (width >= 768px) {
      height: 600px;
    }
    @media (width >= 64rem) {
      height: calc(100vh - 195px);
    }
    .swiper, .video-wrap {
      height: 100%;
    }
    .swiper video, .video-wrap video {
      height: 100%;
      width: 100%;
    }
    .video-wrap {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      overflow: hidden;
    }
    iframe {
      position: absolute;
      border-style: var(--tw-border-style);
      border-width: 0px;
      width: 1920px;
      height: 1920px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .container {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      width: 100%;
      color: #fff200;
      &::after {
        content: "";
        position: absolute;
        inset: calc(var(--spacing) * 0);
        bottom: -3px;
        z-index: 1;
      }
    }
    .slider-wrapper, .hero__slider {
      height: 100%;
      width: 100%;
    }
    .hero__slider {
      position: relative;
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 0;
      }
      &::after {
        content: "";
        position: absolute;
        inset: calc(var(--spacing) * 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.73) 100%);
      }
    }
    .hero__wrap {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      z-index: 1;
      text-align: center;
      .hero__contentWrap {
        display: flex;
        height: 100%;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .ese-container {
          max-width: 900px;
        }
        .hero__head {
          display: block;
          font-size: 30px;
          --tw-leading: 1.1;
          line-height: 1.1;
          --tw-font-weight: var(--font-weight-extrabold);
          font-weight: var(--font-weight-extrabold);
          color: var(--color-white);
          @media (width >= 490px) {
            font-size: 34px;
          }
          @media (width >= 640px) {
            font-size: 44px;
          }
          @media (width >= 768px) {
            font-size: 50px;
          }
          @media (width >= 64rem) {
            font-size: 63px;
          }
        }
        span {
          margin-bottom: 10px;
          display: block;
          font-family: Merriweather, sans-serif;
          font-size: 18px;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-white);
          font-style: italic;
        }
        .buttonWrap {
          margin-top: 22px;
          @media (width >= 640px) {
            margin-top: 30px;
          }
        }
      }
    }
  }
}
@layer FilterBar {
  .filter-bar {
    left: calc(var(--spacing) * 0);
    z-index: 10;
    width: 100%;
    padding-block: 25px;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      position: absolute;
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    bottom: 150px;
    .ese-container {
      padding-inline: 20px;
      @media (width >= 640px) {
        padding-inline: 15px;
      }
    }
    form {
      position: relative;
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 15px;
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
      @media (width >= 640px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        display: flex;
      }
      @media (width >= 64rem) {
        align-items: stretch;
      }
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 5);
      }
      @media (width >= 64rem) {
        border-radius: var(--radius-lg);
      }
      @media (width >= 64rem) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
      @media (width >= 64rem) {
        border-color: color-mix(in srgb, #fff 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
        }
      }
      @media (width >= 64rem) {
        padding-left: 20px;
      }
      @media (width >= 64rem) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      @media (width >= 64rem) {
        --tw-backdrop-blur: blur(10px);
        -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,);
      }
      .block-adventure-finder__button-wrapper {
        position: relative;
        &::before {
          content: "";
          background-color: var(--color-white);
        }
        .block-adventure-finder__button {
          @media (width >= 64rem) {
            color: var(--color-white);
          }
        }
        img {
          @media (width >= 64rem) {
            --tw-brightness: brightness(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,);
          }
          @media (width >= 64rem) {
            --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,);
          }
        }
        input {
          color: var(--color-black);
          @media (width >= 64rem) {
            color: var(--color-white);
          }
          &::placeholder {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            color: var(--color-black);
            @media (width >= 64rem) {
              color: var(--color-white);
            }
          }
        }
      }
    }
  }
  .block-adventure-finder__button-wrapper {
    position: relative;
    flex: 1;
    img {
      position: absolute;
      top: 30px;
      right: 15px;
      width: 12px;
      rotate: calc(180deg * -1);
      opacity: 70%;
      @media (width >= 640px) {
        top: 37px;
      }
      @media (width >= 640px) {
        right: 13px;
      }
    }
    &.datepicker-input {
      img {
        top: 22px;
        right: 16px;
        width: 25px;
        rotate: 0deg;
        @media (width >= 640px) {
          top: 28px;
        }
      }
    }
    &::before {
      content: "";
      position: absolute;
      top: calc(1 / 2 * 100%);
      right: calc(var(--spacing) * 0);
      z-index: 1;
      display: none;
      height: 35px;
      width: 2px;
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      @media (width >= 64rem) {
        display: block;
      }
      background: rgba(0, 0, 0, 0.2392156863);
    }
    .block-adventure-finder__button {
      position: relative;
      width: 100%;
      cursor: pointer;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-200);
      padding-inline: 15px;
      padding-block: 10px;
      text-align: left;
      font-size: 14px;
      --tw-font-weight: var(--font-weight-extrabold);
      font-weight: var(--font-weight-extrabold);
      color: #232933;
      text-transform: uppercase;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
      @media (width >= 640px) {
        padding-inline: 18px;
      }
      @media (width >= 640px) {
        padding-block: 12px;
      }
      @media (width >= 64rem) {
        border-radius: 0;
      }
      @media (width >= 64rem) {
        --tw-border-style: none;
        border-style: none;
      }
      @media (width >= 64rem) {
        padding-block: 18px;
      }
      @media (width >= 64rem) {
        padding-right: 8px;
      }
      @media (width >= 64rem) {
        padding-left: calc(var(--spacing) * 0);
      }
      input {
        cursor: pointer;
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: transparent;
        font-family: Outfit, sans-serif;
        font-size: 14px;
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
        text-transform: uppercase;
        --tw-outline-style: none;
        outline-style: none;
        &::placeholder {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #232933;
        }
      }
      span {
        display: block;
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding-top: 3px;
        font-size: 15px;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        text-transform: capitalize;
        opacity: 60%;
      }
    }
    .filter-group {
      position: absolute;
      top: 100%;
      left: calc(var(--spacing) * 0);
      z-index: 1;
      margin: calc(var(--spacing) * 0);
      display: none;
      max-height: 280px;
      width: 100%;
      overflow: auto;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px;
      --tw-border-style: none;
      border-style: none;
      background-color: var(--color-white);
      padding: 10px;
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      label {
        margin-bottom: calc(var(--spacing) * 3);
        display: inline-flex;
        width: 100%;
        cursor: pointer;
        gap: calc(var(--spacing) * 2);
        font-size: 15px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        opacity: 80%;
      }
    }
    &.active {
      .filter-group {
        z-index: 2;
        display: block;
      }
      img {
        rotate: 0deg;
      }
    }
  }
  .block-adventure-finder__submit {
    grid-column: span 1 / span 1;
    margin-left: calc(var(--spacing) * 0);
    cursor: pointer;
    border-radius: 7px;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: #faf544;
    padding: 10px;
    font-size: 18px;
    color: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      @media (hover: hover) {
        background-color: #374151;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    @media (width >= 640px) {
      grid-column: span 2 / span 2;
    }
    @media (width >= 640px) {
      margin: 8px;
    }
    @media (width >= 768px) {
      margin: 13px;
    }
    @media (width >= 64rem) {
      height: 55px;
    }
    @media (width >= 64rem) {
      width: 55px;
    }
    @media (width >= 64rem) {
      padding: 0;
    }
    i {
      font-size: 0px;
      @media (width >= 64rem) {
        font-size: 18px;
      }
    }
    &:before {
      font-size: 16px;
      --tw-font-weight: 800;
      font-weight: 800;
      text-transform: uppercase;
      @media (width >= 64rem) {
        display: none;
      }
      content: "Submit";
    }
  }
}
@layer ReviewBar {
  .review-bar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #3741511a;
    padding-block: 8px;
    @media (width >= 64rem) {
      padding-block: 15px;
    }
    .review-bar-wrap {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      gap: 18px;
      .review-stats {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 5px;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        color: var(--color-black);
        @media (width >= 768px) {
          flex-direction: row;
        }
        @media (width >= 768px) {
          align-items: center;
        }
        @media (width >= 768px) {
          gap: calc(var(--spacing) * 0);
        }
        .rating {
          i {
            margin-right: 3px;
            font-size: 15px;
            color: #d19d11;
          }
        }
      }
      .partner-col {
        margin-left: auto;
        display: none;
        align-items: center;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        @media (width >= 64rem) {
          display: flex;
        }
        img {
          margin-inline: 8px;
          height: 35px;
          object-fit: contain;
          object-fit: cover;
          --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,);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
          &:last-child {
            margin-right: calc(var(--spacing) * 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,);
          }
        }
      }
    }
  }
}
@layer MainHeading {
  .main-title {
    position: relative;
    margin-bottom: clamp(25px, 6vw, 35px);
    .heading {
      position: relative;
      margin-bottom: calc(var(--spacing) * 0);
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #374151;
      font-size: clamp(25px, 5vw, 40px);
    }
    p {
      display: block;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: color-mix(in srgb, oklch(21% 0.034 264.665) 85%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-gray-900) 85%, transparent);
      }
      text-transform: none;
      font-size: clamp(16px, 2vw, 18px);
      line-height: clamp(24px, 1.8vw, 28px);
    }
    &.isWhite {
      .heading, .subtitle, p {
        color: var(--color-white) !important;
      }
    }
  }
}
.section-md, .uk-section {
  padding-block: clamp(30px, 5vw, 60px);
  padding-right: calc(var(--spacing) * 0);
  padding-left: calc(var(--spacing) * 0);
}
@layer About {
  .section-about {
    position: relative;
    z-index: 1;
    border-radius: var(--radius-lg);
    padding: 20px;
    @media (width >= 64rem) {
      padding: 30px;
    }
    .ese-container {
      .main-title {
        .heading {
          margin-bottom: clamp(18px, 1.2vw, 8px);
        }
        margin-bottom: calc(var(--spacing) * 0);
        p {
          --tw-leading: 1.68;
          line-height: 1.68;
          --tw-font-weight: 400;
          font-weight: 400;
          color: color-mix(in srgb, #000 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 80%, transparent);
          }
          color: color-mix(in srgb, oklch(21% 0.034 264.665) 85%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-gray-900) 85%, transparent);
          }
          font-size: clamp(15px, 1.1vw, 16.7px);
          margin: clamp(10px, 1.2vw, 8px) 0;
        }
        .btn-default {
          margin-top: clamp(12px, 4vw, 10px);
        }
      }
      .about-img {
        img {
          border-radius: var(--radius-md);
          --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
    .travel-purpose-images {
      position: relative;
      min-height: 420px;
      width: 100%;
      @media (width >= 768px) {
        min-height: 500px;
      }
      @media (width >= 64rem) {
        min-height: 560px;
      }
    }
    .main-image {
      position: relative;
      z-index: 2;
      margin-left: auto;
      width: 72%;
      overflow: hidden;
      border-radius: 24px;
      @media (width >= 768px) {
        width: 75%;
      }
      img {
        display: block;
        height: 320px;
        width: 100%;
        object-fit: cover;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        @media (width >= 768px) {
          height: 460px;
        }
        @media (width >= 64rem) {
          height: 520px;
        }
      }
    }
    .secondary-image {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 3;
      width: 58%;
      overflow: hidden;
      border-radius: 24px;
      --tw-shadow: 0 20px 50px var(--tw-shadow-color, rgba(0,0,0,0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      @media (width >= 768px) {
        width: 55%;
      }
      img {
        display: block;
        height: 180px;
        width: 100%;
        object-fit: cover;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        @media (width >= 768px) {
          height: 220px;
        }
        @media (width >= 64rem) {
          height: 260px;
        }
      }
    }
  }
}
@layer FancyReview {
  .fancy-review {
    scrollbar-width: none;
    margin-top: 25px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    overflow-x: auto;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-300);
    padding-top: 20px;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    @media (width >= 490px) {
      display: grid;
    }
    @media (width >= 490px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    li {
      flex: 0 0 215px;
      @media (width >= 490px) {
        margin: auto;
      }
      @media (width >= 768px) {
        margin: calc(var(--spacing) * 0);
      }
      a {
        display: flex;
        align-items: center;
        gap: 10px;
        @media (width >= 490px) {
          gap: 8px;
        }
        i {
          font-size: 12px;
          color: var(--color-yellow-400);
        }
        img {
          height: 35px;
          width: 35px;
          border-radius: calc(infinity * 1px);
          object-fit: cover;
          @media (width >= 490px) {
            height: 45px;
          }
          @media (width >= 490px) {
            width: 45px;
          }
        }
        div {
          .review-title {
            font-size: clamp(16px, 2.5vw, 18px);
            display: block;
            --tw-font-weight: 600;
            font-weight: 600;
            color: var(--color-gray-700);
          }
          .underline {
            font-size: 12px;
          }
        }
      }
    }
  }
}
@layer HomePackageSection {
  .section-package {
    position: relative;
    z-index: 1;
    background-color: #f5f6f0a6;
    background-image: linear-gradient(180deg,rgba(252,222,221,0.1) 0%,rgba(255,255,255,0.89) 21.96%);
    &::after {
      content: "";
      pointer-events: none;
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      opacity: 50%;
      z-index: 1;
      background-image: url("../img/milestone-bg.svg");
      background-repeat: no-repeat;
    }
  }
}
@layer PackageCard {
  .adventure-card {
    position: relative;
    z-index: 2;
    height: 100%;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    .adventure-card__inner {
      position: relative;
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      overflow: hidden;
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in);
      transition-timing-function: var(--ease-in);
    }
    .adventure-card__top {
      position: relative;
      cursor: pointer;
      .adventure-card__image {
        height: 300px;
        overflow: hidden;
        img {
          height: 100%;
          width: 100%;
          border-top-left-radius: var(--radius-lg);
          border-top-right-radius: var(--radius-lg);
          object-fit: cover;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
        }
      }
      &:hover img {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        --tw-blur: blur(9px);
        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,);
      }
    }
    .adventure-card__content {
      margin-bottom: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding-inline: 25px;
      padding-top: 15px;
      padding-bottom: 25px;
      p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 15px;
        --tw-leading: 1.5;
        line-height: 1.5;
        color: var(--color-gray-700);
        color: color-mix(in srgb, oklch(21% 0.034 264.665) 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-gray-900) 85%, transparent);
        }
      }
      .ratings {
        margin-bottom: 5px;
        i {
          margin-right: 3px;
          font-size: 15px;
          color: #d19d11;
        }
      }
      .adventure-card__title {
        margin-bottom: 10px;
        font-size: 19px;
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-font-weight: 500;
        font-weight: 500;
        --tw-tracking: -0.3px;
        letter-spacing: -0.3px;
        color: var(--color-black);
        a {
          display: block;
          height: 100%;
          color: inherit;
        }
      }
      .tripinfos {
        margin-top: 15px;
        display: flex;
        width: 100%;
        flex-direction: column;
        li {
          margin-top: 10px;
          display: flex;
          align-items: center;
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
          border-color: #d8d8d8;
          padding-top: 10px;
          font-size: 13px;
          color: color-mix(in srgb, #000 90%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 90%, transparent);
          }
          &:first-child {
            margin-top: calc(var(--spacing) * 0);
            --tw-border-style: none;
            border-style: none;
            padding-top: calc(var(--spacing) * 0);
          }
          > i {
            margin-right: 8px;
            font-size: 18px;
            color: var(--color-gray-400);
          }
          > div {
            display: flex;
            width: 100%;
            justify-content: space-between;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
          }
          em {
            position: relative;
            margin-left: auto;
            text-transform: uppercase;
            font-style: normal;
          }
          span {
            position: relative;
            margin-left: auto;
            text-transform: uppercase;
            i {
              margin-left: 2px;
              font-size: 16px;
              color: color-mix(in srgb, #000 60%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-black) 60%, transparent);
              }
            }
            &.easy {
              color: #577719;
            }
            &.moderate {
              color: #a99a1e;
            }
            &.challenging {
              color: #bb1e2e;
            }
            &:before {
              pointer-events: none;
              visibility: hidden;
              position: absolute;
              right: 23px;
              bottom: 40px;
              z-index: 9;
              width: 250px;
              border-radius: 5px;
              background-color: color-mix(in srgb, #000 76%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-black) 76%, transparent);
              }
              padding: 15px;
              font-size: 13px;
              --tw-leading: 1.4;
              line-height: 1.4;
              --tw-font-weight: 500;
              font-weight: 500;
              white-space: normal;
              color: var(--color-white);
              text-transform: capitalize;
              opacity: 0%;
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-duration: 300ms;
              transition-duration: 300ms;
              --tw-ease: var(--ease-in-out);
              transition-timing-function: var(--ease-in-out);
              --tw-content: attr(data-tooptip);
              content: var(--tw-content);
            }
            &:hover {
              &:before {
                pointer-events: auto;
                visibility: visible;
                opacity: 100%;
              }
            }
          }
        }
      }
    }
    .available-dates {
      position: absolute;
      bottom: 18px;
      left: 15px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      font-size: 13px;
      color: var(--color-white);
      span {
        border-radius: 0.25rem;
        background-color: var(--color-white);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 1);
        font-size: 11px;
        color: var(--color-black);
      }
    }
    .seat {
      position: absolute;
      right: 15px;
      bottom: 18px;
    }
    .pricesec {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom-right-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-gray-200);
      background-color: var(--color-gray-100);
      padding-inline: 20px;
      padding-block: 15px;
      .regular-price {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        font-size: 22px;
        --tw-leading: 1;
        line-height: 1;
        --tw-font-weight: 700;
        font-weight: 700;
        --tw-tracking: -1px;
        letter-spacing: -1px;
        color: #172a45;
        del {
          margin-left: 8px;
          font-size: 15px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-gray-400);
          text-decoration-line: line-through;
        }
      }
      .explore-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-size: 12px;
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
        color: var(--color-black);
        text-transform: uppercase;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        i {
          font-size: 14px;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
        }
      }
    }
    &:hover .explore-btn {
      gap: 10px;
      color: #bf1d2e;
    }
  }
}
.seat {
  border-radius: var(--radius-sm);
  padding-inline: 7px;
  padding-block: 4px;
  font-size: 12px;
  --tw-font-weight: 500;
  font-weight: 500;
  color: var(--color-white);
  &.status-guaranteed {
    background-color: #22c55e;
  }
  &.status-open {
    background-color: #3b82f6;
  }
  &.status-fast {
    background-color: #ea580c;
  }
  &.status-limited {
    background-color: #dc2626;
  }
}
@layer stats {
  .section-why-us {
    .ese-container {
      .main-title {
        margin-block: auto;
        p {
          --tw-leading: 1.56;
          line-height: 1.56;
          --tw-font-weight: 400;
          font-weight: 400;
          color: color-mix(in srgb, oklch(21% 0.034 264.665) 85%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-gray-900) 85%, transparent);
          }
          margin-top: clamp(20px, 4vw, 18px);
          font-size: clamp(16px, 2.2vw, 17px);
        }
        .btn-default {
          margin-top: clamp(20px, 4vw, 30px);
        }
      }
    }
    .why-us-banners {
      position: relative;
      height: 260px;
      border-radius: 15px;
      @media (width >= 490px) {
        height: 350px;
      }
      @media (width >= 640px) {
        height: 400px;
      }
      @media (width >= 768px) {
        height: 420px;
      }
      div {
        height: 100%;
        width: 100%;
        border-radius: 15px;
        @media (width >= 640px) {
          position: absolute;
        }
        @media (width >= 640px) {
          top: calc(var(--spacing) * 0);
        }
        @media (width >= 640px) {
          left: calc(var(--spacing) * 0);
        }
        @media (width >= 640px) {
          z-index: 0;
        }
        @media (width >= 640px) {
          overflow: hidden;
        }
        pointer-events: none;
        iframe {
          height: 100%;
          width: 100%;
          border-radius: 15px;
          @media (width >= 640px) {
            position: absolute;
          }
          @media (width >= 640px) {
            top: calc(1 / 2 * 100%);
          }
          @media (width >= 640px) {
            left: calc(1 / 2 * 100%);
          }
          @media (width >= 640px) {
            height: 100%;
          }
          @media (width >= 640px) {
            width: 101%;
          }
          @media (width >= 640px) {
            --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
          }
          @media (width >= 640px) {
            --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
          }
        }
      }
    }
  }
  .stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    padding: 20px;
    text-align: center;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    .icon {
      position: relative;
      display: inline-block;
      text-align: center;
      &:before {
        position: absolute;
        top: -4.2px;
        z-index: 1;
        height: 50px;
        width: 50px;
        border-radius: calc(infinity * 1px);
        background-color: #c7dcee;
        content: "";
      }
      img {
        position: relative;
        z-index: 3;
        margin-bottom: 8px;
        width: 55px;
      }
    }
    .h-title {
      margin-top: calc(var(--spacing) * 2);
      display: block;
      text-align: center;
      --tw-leading: 1.25;
      line-height: 1.25;
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
      font-size: clamp(14px, 4vw, 17px);
    }
  }
}
@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.animate-landing {
  animation: ticker-scroll 20s linear 0s infinite;
}
@layer Awwards {
  .awwards-section {
    position: relative;
    overflow: hidden;
    background-color: #374151;
    &::after {
      content: url("../img/trekkers.png");
      position: absolute;
      bottom: -10.07px;
      left: -40px;
      opacity: 0.07;
    }
  }
  .awwards-col {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 18px;
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding-inline: 20px;
    padding-block: 22px;
    text-align: center;
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    @media (width >= 490px) {
      gap: 20px;
    }
    @media (width >= 768px) {
      gap: 25px;
    }
    @media (width >= 768px) {
      padding-inline: 30px;
    }
    @media (width >= 768px) {
      padding-block: 25px;
    }
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      text-align: left;
    }
    img {
      margin: auto;
      height: auto;
      width: 170px;
      border-radius: 10px;
      background-color: var(--color-white);
      object-fit: cover;
      padding: 2px;
      @media (width >= 490px) {
        padding: 9px;
      }
      @media (width >= 64rem) {
        height: 100%;
      }
    }
    div {
      flex: 5;
      font-size: 15px;
      --tw-leading: 1.65;
      line-height: 1.65;
      --tw-font-weight: 300;
      font-weight: 300;
      color: color-mix(in srgb, #fff 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 75%, transparent);
      }
      .awward-title {
        --tw-font-weight: 500;
        font-weight: 500;
        color: var(--color-white);
        font-size: clamp(18px, 2vw, 20px);
      }
      span {
        margin-bottom: 8px;
        display: block;
        font-size: 15px;
        color: #faf544;
        @media (width >= 490px) {
          margin-bottom: 12px;
        }
      }
    }
  }
}
@layer SustainableSection {
  .section-sustainable {
    position: relative;
    background-color: #1c4147;
    &::before {
      content: "";
      position: absolute;
      inset: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      opacity: 0.6;
      background-image: url("../img/dust.png");
    }
    .main-title {
      .heading {
        color: #fffbba;
      }
    }
  }
  .image-collage {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    li {
      position: relative;
      display: flex;
      aspect-ratio: ratio;
      max-width: 325px;
      min-width: 220px;
      flex: 1 1 calc(15%);
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border-radius: 7px;
      background-color: var(--color-white);
      img {
        display: block;
        height: calc(var(--spacing) * 16);
        width: calc(var(--spacing) * 36);
        object-fit: contain;
        @media (width >= 640px) {
          height: calc(var(--spacing) * 20);
        }
        @media (width >= 640px) {
          width: calc(var(--spacing) * 40);
        }
        @media (width >= 768px) {
          height: calc(var(--spacing) * 24);
        }
        @media (width >= 768px) {
          width: calc(var(--spacing) * 44);
        }
        @media (width >= 64rem) {
          height: calc(var(--spacing) * 25);
        }
        @media (width >= 64rem) {
          width: calc(var(--spacing) * 45);
        }
      }
    }
  }
}
@layer DepartureCard {
  .section-departuresDates {
    .ese-container {
      > .flex {
        gap: 18px;
        @media (width >= 768px) {
          gap: 25px;
        }
        margin-bottom: clamp(20px, 4vw, 35px);
        .main-title {
          margin-bottom: calc(var(--spacing) * 0);
        }
      }
    }
  }
  .date-filter {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    @media (width >= 768px) {
      width: auto;
    }
    select {
      flex: 1;
    }
  }
  select {
    height: 43px;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    background-color: var(--color-gray-50);
    background-repeat: no-repeat;
    padding-right: 40px;
    padding-left: 15px;
    text-align: left;
    font-family: Outfit, sans-serif;
    font-size: 14px;
    --tw-font-weight: 500;
    font-weight: 500;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E");
    background-size: 16px;
    background-position: right 10px center;
  }
  .departure-info-block {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    border-radius: 10px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e2e8f0;
    background-color: #f8fafc;
    padding-inline: 10px;
    padding-block: 10px;
    @media (width >= 768px) {
      gap: 15px;
    }
    @media (width >= 768px) {
      padding-inline: 20px;
    }
  }
  .departure-info-block .info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
  }
  .departure-info-block .info-item .seat {
    padding: 5px 8px 5px 10px;
  }
  .trip-card {
    display: flex;
    height: 100%;
    width: 100%;
    cursor: pointer;
    flex-direction: column;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #cbd5e1;
    background-color: var(--color-white);
    padding: 20px 25px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      --tw-translate-y: calc(5px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-color: #cbd5e1;
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .seat {
      padding-block: 5px;
      padding-right: 8px;
      padding-bottom: 4px;
      padding-left: 10px;
    }
    .trip-title {
      margin-bottom: 10px;
      font-size: 19px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-font-weight: 500;
      font-weight: 500;
      --tw-tracking: -0.1px;
      letter-spacing: -0.1px;
      a {
        display: block;
        height: 100%;
        color: inherit;
      }
    }
    .duration {
      display: flex;
      align-items: center;
      gap: 10px;
      i {
        margin-top: 1px;
        font-size: 23px;
        opacity: 30%;
      }
      .trip-days {
        display: block;
        font-size: 14px;
        --tw-leading: 1.4;
        line-height: 1.4;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
      .trip-date {
        font-size: 13px;
        color: rgba(8,9,11,0.82);
      }
    }
    .status {
      margin: 13px 0 10px 0;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #172a45;
      .guaranteed {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-black);
      }
      .seats {
        font-size: 14px;
        color: #64748b;
      }
    }
    .price-box {
      display: inline-flex;
      align-items: center;
      padding-bottom: 15px;
      .price {
        font-size: 20px;
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold);
        color: #172a45;
      }
      .old-price {
        margin-top: auto;
        margin-left: 8px;
        font-size: 14px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: rgba(1,5,11,0.46);
        text-decoration-line: line-through;
      }
    }
    .btn-default {
      margin-top: auto;
      width: 100%;
      padding-inline: 25px;
      padding-block: 13px;
      font-size: 13px;
    }
  }
}
@layer TestimonialBlock {
  .rating-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-black);
    padding-inline: 0.9rem;
    padding-block: 0.25rem;
    font-size: 14px;
    --tw-font-weight: 600;
    font-weight: 600;
    color: var(--color-white);
    svg {
      height: 20px;
      width: 20px;
      flex: 20px;
      fill: #f5bf00;
    }
  }
  .rating-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    align-self: flex-start;
    font-size: 15px;
    --tw-leading: 1.25;
    line-height: 1.25;
    .rating-desc {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 15px;
      color: #111;
    }
  }
  .reviewSwiper {
    margin-top: clamp(20px, 5vw, 30px);
  }
  .testimonial-section {
    position: relative;
    background-color: #24586b;
    &::before {
      content: "";
      position: absolute;
      inset: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      opacity: 0.1;
      background-image: url("../img/pattern.png");
    }
    > .flex {
      gap: 18px;
      @media (width >= 768px) {
        gap: 25px;
      }
      margin-bottom: clamp(20px, 4vw, 35px);
      .main-title {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
    .rating-row {
      margin-top: 12px;
      .rating-desc {
        color: var(--color-white);
      }
    }
    .ml-auto {
      margin-left: calc(var(--spacing) * 0);
      gap: 15px;
      padding-top: 15px;
      @media (width >= 768px) {
        margin-left: auto;
      }
      .swiper-navigation {
        margin-top: 25px !important;
      }
    }
    .reviewSwiper {
      .swiper-wrapper {
        display: flex;
        .swiper-slide {
          display: flex !important;
          height: auto !important;
        }
      }
    }
    .review-card {
      &:nth-child(even) {
        margin-top: 25px;
      }
    }
    .main-title {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .video__top-slider {
      padding-top: clamp(25px, 5vw, 35px) !important;
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
      --tw-border-style: dashed;
      border-style: dashed;
      border-top-color: color-mix(in oklab, #fff 20%, transparent);
      margin-top: clamp(25px, 5vw, 35px);
      margin-bottom: clamp(40px, 4vw, 35px);
      .review-title {
        color: var(--color-white) !important;
        span {
          color: var(--color-white) !important;
        }
      }
    }
  }
}
@layer SwiperNavigation {
  .slide-paginations {
    .swiper-navigation {
      margin-top: clamp(20px, 4vw, -35px);
      position: relative;
      display: flex;
      justify-content: center;
      gap: 8px;
      .swiper-button-next, .swiper-button-prev {
        position: static !important;
        z-index: 1;
        height: 35px !important;
        width: 35px !important;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: rgba(17,17,17,0.302);
        background-color: var(--color-white);
        text-align: center;
        font-size: 13px;
        --tw-leading: 35px;
        line-height: 35px;
        color: color-mix(in srgb, #000 60%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-black) 60%, transparent) !important;
        }
        color: rgba(0,0,0,0.69);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
        &:hover {
          @media (hover: hover) {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x) var(--tw-scale-y);
          }
        }
        &:hover {
          @media (hover: hover) {
            border-color: #faf544;
          }
        }
        &:hover {
          @media (hover: hover) {
            background-color: #faf544;
          }
        }
        &:hover {
          @media (hover: hover) {
            color: var(--color-black) !important;
          }
        }
        &:before, &:after {
          font-size: 0px !important;
        }
      }
      .swiper-button-prev {
        left: -20px;
      }
      .swiper-button-next {
        right: -20px;
      }
    }
  }
}
@layer ReviewCard {
  .review-card {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #d9d9d9;
    background-color: var(--color-white);
    padding: 20px;
    color: #1a1a1a;
    .review-header {
      margin-bottom: 12px;
      display: flex;
      gap: 15px;
      .review-avatar {
        height: 50px;
        width: 50px;
        border-radius: calc(infinity * 1px);
        object-fit: cover;
      }
      div {
        position: relative;
        flex: 1;
        .review-stars {
          top: calc(var(--spacing) * 0);
          right: calc(var(--spacing) * 0);
          @media (width >= 490px) {
            position: absolute;
          }
        }
      }
    }
    .review-name {
      margin: calc(var(--spacing) * 0);
      font-size: 16px;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .review-contrib {
      font-size: 13px;
      --tw-leading: 1.03;
      line-height: 1.03;
      color: #666;
    }
    .review-stars {
      margin: 8px 0 10px;
      display: flex;
      gap: 6px;
      i {
        font-size: 14px;
        --tw-tracking: -3px;
        letter-spacing: -3px;
        color: #f5bf00;
      }
    }
    .review-text {
      margin-bottom: 15px;
      font-size: 15px;
      --tw-leading: 1.67;
      line-height: 1.67;
      color: color-mix(in srgb, #000 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }
    .review-link-wrap {
      margin-top: auto;
      .review-link {
        margin-bottom: 3px;
        display: inline-block;
        font-size: 13px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: #111;
        text-decoration-line: underline;
        &:hover {
          @media (hover: hover) {
            text-decoration-line: none;
          }
        }
      }
      .review-date {
        margin: calc(var(--spacing) * 0);
        font-size: 12px;
        color: #333;
      }
    }
  }
}
@layer VideoReviewSlider {
  .video-review {
    cursor: pointer;
    text-align: center;
    .video-reviewer {
      position: relative;
      display: block;
      height: 194px;
      overflow: hidden;
      border-radius: var(--radius-lg);
      font-size: 15px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: #0048d6;
      &:before {
        content: "";
        position: absolute;
        top: calc(1 / 2 * 100%);
        left: calc(1 / 2 * 100%);
        z-index: 9;
        height: 48px;
        width: 48px;
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
      }
      &:after {
        content: "";
        position: absolute;
        inset: calc(var(--spacing) * 0);
        border-radius: var(--radius-lg);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
      }
      img {
        height: 100%;
        width: 100%;
        border-radius: var(--radius-lg);
        object-fit: cover;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
      }
    }
    .review-title {
      position: relative;
      z-index: 1;
      margin-top: 10px;
      font-size: 17px;
      --tw-leading: 1.2;
      line-height: 1.2;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
      text-transform: capitalize;
      span {
        margin-top: 6px;
        display: block;
        font-family: Merriweather, sans-serif;
        font-size: 13px;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: color-mix(in srgb, #000 65%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-black) 65%, transparent);
        }
      }
    }
    p {
      font-size: 14px;
    }
    &:hover img {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .all-btn {
    margin-top: 25px;
    text-align: center;
  }
}
@layer Experts_Team {
  .experts-wrap {
    border-radius: 10px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000a;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: rgb(246,246,249);
    --tw-gradient-to: rgba(0,13,77,0);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: 20px 15px;
    @media (width >= 490px) {
      padding: 25px 22px;
    }
    .experts--text {
      margin-block: auto;
      &.main-title {
        .heading {
          font-size: clamp(25px, 5vw, 35px);
        }
        p {
          display: block;
          font-size: 16px;
          --tw-font-weight: 300;
          font-weight: 300;
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          text-transform: none;
          line-height: clamp(24px, 1.8vw, 23px);
          margin-top: clamp(10px, 1.2vw, 12px);
        }
        .btn-default {
          margin-top: clamp(15px, 1.4vw, 20px);
        }
      }
    }
    .expert-team-card {
      border-radius: 10px;
      .expert-team-card__item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        .expert-team-card__bottom {
          z-index: 3;
          width: 100%;
          padding-top: 5px;
          text-align: center;
          .expert-team-card__name {
            .title, .designation {
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-duration: 300ms;
              transition-duration: 300ms;
              --tw-ease: var(--ease-in-out);
              transition-timing-function: var(--ease-in-out);
            }
            .title {
              margin-bottom: 1px;
              overflow: hidden;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              font-size: clamp(14px, 4vw, 16px);
              --tw-leading: 1.4;
              line-height: 1.4;
              --tw-font-weight: var(--font-weight-semibold);
              font-weight: var(--font-weight-semibold);
            }
            .designation {
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 14px;
              --tw-leading: 1.2;
              line-height: 1.2;
              --tw-font-weight: 400;
              font-weight: 400;
              opacity: .75;
            }
          }
        }
        .expert-team-card__image {
          margin: auto;
          height: 120px;
          width: 120px;
          overflow: hidden;
          border-radius: calc(infinity * 1px);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: #cbd5e1;
          background-color: var(--color-white);
          @media (width >= 490px) {
            height: 150px;
          }
          @media (width >= 490px) {
            width: 150px;
          }
          @media (width >= 768px) {
            height: 190px;
          }
          @media (width >= 768px) {
            width: 190px;
          }
          img {
            height: 100%;
            width: 100%;
            border-radius: calc(infinity * 1px);
            background-color: var(--color-white);
            --tw-gradient-to: #fff;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
            object-fit: cover;
            padding: calc(var(--spacing) * 1.5);
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
          }
        }
        &:hover {
          .expert-team-card__image {
            overflow: hidden;
            border-radius: calc(infinity * 1px);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: #cbd5e1;
            background-color: var(--color-white);
            img {
              --tw-scale-x: 110%;
              --tw-scale-y: 110%;
              --tw-scale-z: 110%;
              scale: var(--tw-scale-x) var(--tw-scale-y);
              padding: calc(var(--spacing) * 2.5);
            }
          }
        }
      }
    }
  }
}
@layer Blogs {
  .latest__post {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .card-blog {
    position: relative;
    min-height: 300px;
    border-radius: 10px;
    @media (width >= 640px) {
      min-height: 380px;
    }
    @media (width >= 768px) {
      min-height: 440px;
    }
    > a {
      position: relative;
      display: block;
      height: 100%;
      overflow: hidden;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      &::before {
        content: "";
        position: absolute;
        inset: calc(var(--spacing) * 0);
        z-index: 4;
        border-radius: 10px;
        background-image: linear-gradient( to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), transparent, transparent, transparent );
      }
      img, iframe {
        height: 100%;
        width: 100%;
        border-radius: 10px;
        object-fit: cover;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: linear;
        transition-timing-function: linear;
      }
      &:hover img {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    .card-content {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 4;
      width: 100%;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      padding: 25px;
      padding-top: 20px;
      .title {
        display: block;
        padding-bottom: 10px;
        font-size: 19px;
        --tw-leading: 1.25;
        line-height: 1.25;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        @media (width >= 768px) {
          font-size: 22px;
        }
        @media (width >= 768px) {
          --tw-leading: 1.35;
          line-height: 1.35;
        }
        a {
          color: var(--color-white);
        }
        &:hover a {
          color: #ffe988;
        }
      }
      p {
        margin-block: 11px;
        font-size: 16px;
        --tw-leading: 25px;
        line-height: 25px;
        color: var(--color-white);
        opacity: 80%;
      }
      .post-detail {
        margin: calc(var(--spacing) * 0);
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding: calc(var(--spacing) * 0);
        font-size: 13px;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: #ccc;
        > div {
          display: flex;
          align-items: center;
          gap: 8px;
          font-size: 13px;
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          img {
            margin-right: 3px;
            height: 30px;
            width: 30px;
            border-radius: calc(infinity * 1px);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-white);
            background-color: var(--color-white);
            padding: 2px;
          }
          svg circle, svg rect, svg path {
            stroke: #fff;
          }
          a {
            font-size: 14px;
          }
        }
      }
    }
  }
}
@layer AssociateBlocks {
  .associated-block {
    margin: 0px 0 30px 0;
  }
  .associated-block__title {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-black);
    text-transform: uppercase;
    span {
      position: relative;
      z-index: 1;
      background-color: var(--color-white);
      padding-inline: 35px;
      color: #374151;
    }
    &:before {
      position: absolute;
      height: 2px;
      width: 100%;
      background-color: var(--color-gray-200);
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .associated-list {
    .associated-list__item {
      display: inline-flex;
      align-items: center;
      gap: 16px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: var(--color-gray-200);
      padding-block: 10px;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      @media (width >= 490px) {
        --tw-border-style: none;
        border-style: none;
      }
      @media (width >= 490px) {
        padding-block: 0;
      }
      @media (width >= 490px) {
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-white);
          }
        }
      }
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
        padding-bottom: calc(var(--spacing) * 0);
      }
      p {
        flex: 3;
        font-size: 16px;
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-font-weight: 500;
        font-weight: 500;
        color: #172a45;
        @media (width >= 490px) {
          font-size: 17px;
        }
      }
      img {
        height: 55px;
        width: 55px;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-300);
        object-fit: cover;
        padding: 7px;
        @media (width >= 768px) {
          height: 65px;
        }
        @media (width >= 768px) {
          width: 65px;
        }
      }
    }
  }
}
@layer footer {
  .site-footer {
    position: relative;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-gray-700);
    --tw-gradient-via: #282e37;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: var(--color-gray-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-top: 30px;
    &:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 150px;
      bottom: 0;
      left: 0;
      background-image: url(../img/footer-bg.svg);
      background-size: cover;
      background-repeat: no-repeat;
    }
  }
  .footer-content {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #fff4f43d;
    padding-top: 30px;
  }
  .expert-heading {
    font-size: clamp(15px, 4.5vw, 20px);
    margin-bottom: 20px;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    text-transform: capitalize;
  }
  .footer-heading {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
    --tw-font-weight: 500;
    font-weight: 500;
    color: var(--color-white);
  }
  .quick-links {
    color: var(--color-white);
    ul {
      li {
        a {
          position: relative;
          display: inline-block;
          padding-bottom: 3px;
          font-size: 15px;
          color: color-mix(in srgb, #fff 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent);
          }
          &:hover {
            @media (hover: hover) {
              color: #faf544;
            }
          }
          &:before {
            position: absolute;
            bottom: calc(var(--spacing) * 0);
            height: 1px;
            width: 0px;
            background-color: #faf544;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
            --tw-content: "";
            content: var(--tw-content);
          }
          &:hover {
            &:before {
              width: 100%;
            }
          }
        }
      }
    }
    p {
      font-size: 14px;
      color: var(--color-white);
    }
    h6 {
      margin-top: 5px;
      font-size: 13px;
      color: #faf544;
    }
    .payment-info {
      margin: 14px 0 12px 0;
      font-size: 16px;
      --tw-font-weight: 500;
      font-weight: 500;
      text-decoration-line: underline;
      img {
        margin-top: 10px;
        max-width: 270px;
      }
    }
  }
  .footer-sec {
    form {
      position: relative;
      margin-top: 13px;
      display: flex;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      flex-direction: column;
      gap: 8px;
      @media (width >= 490px) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      input {
        height: 44px;
        width: 100%;
        border-radius: 5px;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in srgb, #000 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
        }
        background-color: var(--color-white);
        padding: 20px;
        font-size: 14px;
        --tw-leading: 24px;
        line-height: 24px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: color-mix(in srgb, #000 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-black) 80%, transparent);
        }
        --tw-shadow: 0 5px 12px var(--tw-shadow-color, rgba(0,0,0,0.2588235294));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        --tw-outline-style: none;
        outline-style: none;
        @media (width >= 490px) {
          grid-column: span 12 / span 12;
        }
      }
      .btn-green {
        grid-column: span 2 / span 2;
        @media (width >= 490px) {
          grid-column: span 12 / span 12;
        }
      }
    }
  }
  .contact-address {
    position: relative;
    margin-top: 30px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: rgba(196,196,196,0.2);
    padding-top: 20px;
    color: var(--color-white);
    .icon-box {
      position: relative;
      display: flex;
      align-items: center;
      gap: 18px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: rgba(196,196,196,0.2);
      padding-inline: 20px;
      padding-block: 12px;
      padding-left: 0;
      color: var(--color-white);
      @media (width >= 490px) {
        display: block;
      }
      @media (width >= 490px) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
      @media (width >= 490px) {
        padding-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 768px) {
        display: flex;
      }
      @media (width >= 768px) {
        text-align: left;
      }
      @media (width >= 64rem) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
      .icon-box-content {
        text-align: left;
        @media (width >= 490px) {
          text-align: center;
        }
        @media (width >= 768px) {
          text-align: left;
        }
      }
      i, svg {
        height: 48px;
        width: 48px;
        padding-bottom: 5px;
        font-size: 14px;
        @media (width >= 490px) {
          margin: auto;
        }
        @media (width >= 490px) {
          text-align: center;
        }
        @media (width >= 768px) {
          margin: calc(var(--spacing) * 0);
        }
        @media (width >= 768px) {
          height: 48px;
        }
        @media (width >= 768px) {
          width: 68px;
        }
      }
      &:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 0px;
        padding-top: 0;
        @media (width >= 64rem) {
          padding-left: calc(var(--spacing) * 0) !important;
        }
      }
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0;
        padding-bottom: calc(var(--spacing) * 0);
      }
      span {
        margin-bottom: 0px;
        display: block;
        font-size: 15px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        opacity: 95%;
        @media (width >= 768px) {
          font-size: 16px;
        }
      }
      p, a {
        font-size: 16px;
        --tw-leading: 1.5;
        line-height: 1.5;
        color: var(--color-white);
        @media (width >= 490px) {
          font-size: 15px;
        }
      }
    }
  }
  .footer-end {
    margin-top: 20px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding-top: 12px;
    padding-bottom: 18px;
    .ese-container {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 10px;
      color: var(--color-white);
      @media (width >= 768px) {
        align-items: center;
      }
      .copyright-col {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        @media (width >= 490px) {
          justify-content: space-between;
        }
        @media (width >= 490px) {
          text-align: left;
        }
        @media (width >= 768px) {
          align-items: center;
        }
        @media (width >= 64rem) {
          gap: 20px;
        }
        p {
          text-align: center;
          font-size: 14px;
          --tw-leading: 1.6;
          line-height: 1.6;
          @media (width >= 490px) {
            text-align: left;
          }
          strong {
            display: block;
            font-size: 15px;
            text-transform: uppercase;
          }
        }
        .footer-logo {
          padding-right: calc(var(--spacing) * 0);
          text-align: center;
          img {
            width: 85px;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
            --tw-ease: var(--ease-in-out);
            transition-timing-function: var(--ease-in-out);
          }
        }
      }
      .social-icons {
        width: 100%;
        text-align: center;
        @media (width >= 64rem) {
          width: auto;
        }
        @media (width >= 64rem) {
          text-align: left;
        }
      }
    }
  }
}
@layer SocialIcons {
  .social-icons {
    a {
      margin-right: 8px;
      display: inline-flex !important;
      height: 35px;
      width: 35px;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: #faf544;
      text-align: center;
      font-size: 17px;
      color: var(--color-black);
      &:hover {
        @media (hover: hover) {
          background-color: #374151;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
}
.btn-green {
  background-color: #28b328;
  color: var(--color-white);
}
.section-tab-package {
  .main-title {
    margin-bottom: clamp(25px, 6vw, 20px);
  }
}
@layer PageBanner {
  .main-banner {
    position: relative;
    width: 100%;
    .banner-caption {
      position: relative;
      z-index: -1;
      margin: calc(var(--spacing) * 0);
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: calc(var(--spacing) * 0);
      text-align: left;
      height: calc(100vh - 250px);
      @media (width >= 64rem) {
        height: calc(100vh - 165px);
      }
      img {
        height: 100%;
        width: 100%;
        border-radius: 0;
        object-fit: cover;
      }
      .banner-centered {
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        z-index: 1;
        display: flex;
        height: 100%;
        width: 100%;
        max-width: 100%;
        align-items: flex-end;
        padding-bottom: 28px;
        @media (width >= 640px) {
          padding-bottom: 40px;
        }
        @media (width >= 64rem) {
          padding-bottom: 60px;
        }
        .ese-container {
          position: relative;
          padding-inline: 16px;
          @media (width >= 640px) {
            padding-inline: 24px;
          }
          @media (width >= 64rem) {
            padding-inline: calc(var(--spacing) * 0);
          }
        }
        &::before {
          content: "";
          position: absolute;
          inset: calc(var(--spacing) * 0);
          background-image: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        }
        h1 {
          font-family: Merriweather, sans-serif;
          color: var(--color-white);
          @media (width >= 640px) {
            --tw-tracking: -1px;
            letter-spacing: -1px;
          }
          font-size: clamp(35px, 5.5vw, 60px);
          line-height: 1.1;
        }
        p {
          margin-top: 6px;
          --tw-leading: 1.6;
          line-height: 1.6;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-white);
          font-size: clamp(16px, 2vw, 20px);
          text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          max-width: 62ch;
        }
      }
    }
    &.no-bg-banner {
      .banner-caption {
        height: 400px;
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--color-gray-700);
        --tw-gradient-via: var(--color-gray-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
        --tw-gradient-to: var(--color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        text-align: center;
        .banner-centered {
          &::before {
            background: none;
          }
          p {
            margin: auto;
            padding-top: 15px;
          }
        }
      }
    }
  }
}
@layer BreadCrumbs {
  .breadcrumbs-wrap {
    position: relative;
    z-index: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .adventure-single__breadcrumbs {
    margin-top: 10px;
    margin-bottom: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #e5e5e5;
    padding-bottom: 10px;
    .ese-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
    }
  }
  .breadcrumb-nav {
    ol {
      margin: calc(var(--spacing) * 0);
      display: flex;
      list-style-type: none;
      flex-wrap: wrap;
      align-items: center;
      padding: calc(var(--spacing) * 0);
      font-family: "Outfit",sans-serif;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.631372549);
    }
    ol li {
      a {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.81);
      }
      &:hover a {
        color: var(--color-black);
      }
      &.active a {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-black);
      }
      &:not(:first-child)::before {
        content: "";
        margin-inline: 9px;
        display: inline-block;
        height: 7px;
        width: 4px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNCA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAuMTM3MzI0IDYuODYyOTFDMC4zMTk3OTggNy4wNDU3IDAuNjEzOTkxIDcuMDQ1NyAwLjc5NjQ2NSA2Ljg2MjkxTDMuODkxMDcgMy43NjI5OUM0LjAzNjMxIDMuNjE3NTEgNC4wMzYzMSAzLjM4MjQ5IDMuODkxMDcgMy4yMzcwMUwwLjc5NjQ2NSAwLjEzNzA5QzAuNjEzOTkxIC0wLjA0NTY5NjYgMC4zMTk3OTkgLTAuMDQ1Njk2NiAwLjEzNzMyNCAwLjEzNzA5Qy0wLjA0NTE0OTMgMC4zMTk4NzcgLTAuMDQ1MTQ5MyAwLjYxNDU3NSAwLjEzNzMyNCAwLjc5NzM2MkwyLjgzMzQ3IDMuNTAxODdMMC4xMzM2MDEgNi4yMDYzN0MtMC4wNDUxNDkzIDYuMzg1NDIgLTAuMDQ1MTQ5OCA2LjY4Mzg1IDAuMTM3MzI0IDYuODYyOTFaIiBmaWxsPSIjOTA5MDkxIi8+Cjwvc3ZnPgo=");
      }
    }
  }
  .share {
    > div > div {
      display: inline-block !important;
    }
  }
}
@layer PageContent {
  .overview-contentarea {
    margin-block: 25px;
    @media (width >= 640px) {
      margin-block: 30px;
    }
    @media (width >= 64rem) {
      margin-block: 40px;
    }
    .overview-contant {
      .main-title {
        .heading {
          --tw-leading: 1.1;
          line-height: 1.1;
          font-size: clamp(24px, 4.5vw, 42px);
        }
      }
    }
  }
  .page-content__area {
    text-align: justify;
    --tw-font-weight: 300;
    font-weight: 300;
    color: #040404;
    font-size: clamp(15px, 1.1vw + 12px, 16.8px);
    line-height: 1.68;
    figcaption {
      margin-top: 10px;
    }
    ul, ol {
      margin-top: 18px !important;
    }
    ul {
      list-style: disc !important;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
      li {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
    ol {
      list-style: decimal !important;
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    p {
      text-align: justify;
      font-size: inherit;
      line-height: inherit;
      margin: 18px 0 0px 0;
      &:last-child {
        margin-bottom: 0;
      }
    }
    blockquote {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      strong {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
      p {
        margin-top: calc(var(--spacing) * 0);
        &:first-child {
          margin-top: calc(var(--spacing) * 0);
        }
      }
      * {
        color: var(--color-blue-800);
      }
      margin-top: 18px;
      margin-bottom: calc(var(--spacing) * 4);
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 1.5);
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-blue-200);
      background-color: #eff6ff;
      padding: calc(var(--spacing) * 4);
      color: var(--color-blue-800);
      @media (width >= 768px) {
        padding-inline: calc(var(--spacing) * 5);
      }
      @media (width >= 768px) {
        padding-block: calc(var(--spacing) * 5);
      }
    }
    strong {
      --tw-font-weight: 500;
      font-weight: 500;
    }
    a {
      color: var(--color-blue-700);
      text-decoration-line: underline;
      &:hover {
        color: var(--color-black);
      }
    }
    img {
      margin-top: 20px;
      width: 100%;
      border-radius: 0.25rem;
    }
    iframe {
      margin-bottom: 15px;
      width: 100%;
      border-radius: 15px;
      min-height: 260px;
      @media (width >= 640px) {
        min-height: 340px;
      }
      @media (width >= 768px) {
        min-height: 420px;
      }
      @media (width >= 64rem) {
        min-height: 530px;
      }
    }
    .table {
      margin-bottom: 15px;
      overflow-x: auto;
      width: 100%;
    }
    table {
      margin-top: 18px;
      width: 100%;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 35%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 35%, transparent);
      }
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      border-collapse: collapse;
      background: #f1f1f1;
      th {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
        padding-inline: 12px;
        padding-block: 8px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        @media (width >= 640px) {
          padding-inline: 14px;
        }
        @media (width >= 768px) {
          padding-inline: 16px;
        }
        font-size: clamp(13px, 0.6vw + 10px, 14px);
        color: rgba(0, 0, 0, 0.9294117647);
        line-height: 1.76;
      }
      tr {
        &:nth-child(2n) {
          background-color: var(--color-white);
        }
        &:hover {
          background: rgba(0, 0, 0, 0.031372549);
        }
        td {
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: color-mix(in srgb, #000 10%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
          }
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          padding-inline: 12px;
          padding-block: 8px;
          @media (width >= 640px) {
            padding-inline: 14px;
          }
          @media (width >= 768px) {
            padding-inline: 16px;
          }
          font-size: clamp(13px, 0.6vw + 10px, 14px);
          color: rgba(0, 0, 0, 0.9294117647);
          line-height: 1.76;
          strong {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            font-size: clamp(14px, 0.9vw + 10px, 16px);
          }
          ul {
            margin-bottom: calc(var(--spacing) * 0);
            padding-left: 15px;
            li {
              margin-bottom: calc(var(--spacing) * 0);
              line-height: 1.76;
              font-size: clamp(14px, 1vw + 10px, 16px) !important;
            }
          }
          ol {
            list-style: decimal !important;
          }
          p {
            margin: 0 !important;
            font-weight: 400;
            line-height: 1.76;
          }
        }
      }
    }
    ol, ul {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
      }
      margin: calc(var(--spacing) * 0);
      margin-bottom: 15px;
      padding-top: calc(var(--spacing) * 0);
      padding-left: calc(var(--spacing) * 6);
      @media (width >= 640px) {
        padding-left: 24px;
      }
    }
    ol li, ul li {
      p {
        line-height: inherit;
      }
    }
    h1, h2, h3, h4, h5, h6 {
      margin-top: 20px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: #040404;
      line-height: 1.25;
      letter-spacing: -0.3px;
    }
    h1 {
      font-size: clamp(26px, 4.2vw, 42px);
    }
    h2 {
      font-size: clamp(22px, 3.2vw, 32px);
    }
    h3 {
      font-size: clamp(19px, 2.6vw, 26px);
    }
    h4 {
      font-size: clamp(17px, 2.1vw, 22px);
    }
    h5 {
      font-size: clamp(16px, 1.7vw, 18px);
    }
    h6 {
      font-size: clamp(15px, 1.4vw, 16px);
    }
  }
  .short__intro-wrap {
    position: relative;
    overflow: hidden;
    height: 220px;
    @media (width >= 640px) {
      height: 260px;
    }
    @media (width >= 64rem) {
      height: 320px;
    }
    &::after {
      content: "";
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 2;
      width: 100%;
      height: 120px;
      @media (width >= 640px) {
        height: 150px;
      }
      @media (width >= 64rem) {
        height: 200px;
      }
      background: linear-gradient(to top, rgb(255, 255, 255), rgba(235, 235, 235, 0), rgba(0, 0, 0, 0));
    }
    .read-more, .read-less {
      position: absolute;
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 3;
      display: inline-block;
      font-size: 14px;
      @media (width >= 640px) {
        font-size: 15px;
      }
      @media (width >= 64rem) {
        font-size: 16px;
      }
      padding-bottom: 12px;
      @media (width >= 640px) {
        padding-bottom: 14px;
      }
      --tw-leading: 1;
      line-height: 1;
      text-transform: capitalize;
      i {
        position: relative;
        z-index: 1;
        cursor: pointer;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        font-style: normal;
        border-radius: 0.25rem;
        background-color: #faf544;
        color: var(--color-black);
        font-size: 14px;
        @media (width >= 640px) {
          font-size: 15px;
        }
        padding-inline: 12px;
        padding-block: 8px;
        @media (width >= 640px) {
          padding-inline: 15px;
        }
        @media (width >= 640px) {
          padding-block: 10px;
        }
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        &:hover {
          background-color: var(--color-black);
          color: var(--color-white);
        }
      }
    }
    &.read-full {
      height: auto;
      overflow: auto;
      &::after {
        height: auto;
        background: none;
      }
      .pos-static {
        position: static;
      }
    }
  }
}
@layer FilterTab {
  .filter-tab {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    @media (width >= 490px) {
      margin-bottom: 25px;
    }
    @media (width >= 640px) {
      justify-content: center;
    }
    @media (width >= 64rem) {
      margin-bottom: 30px;
    }
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
    strong {
      margin-right: 4px;
      display: inline-block;
      font-size: 14px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: 1px;
      letter-spacing: 1px;
      text-transform: uppercase;
    }
    .filter-btn {
      cursor: pointer;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-200);
      background-color: var(--color-white);
      padding-inline: 18px;
      padding-block: 9px;
      font-size: 13px;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      white-space: nowrap;
      color: var(--color-black);
      text-transform: uppercase;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      @media (width >= 640px) {
        padding-inline: 15px;
      }
      @media (width >= 640px) {
        padding-block: 8px;
      }
      @media (width >= 64rem) {
        padding-inline: 20px;
      }
      i {
        margin-left: 4px;
        padding-bottom: 3px;
        font-size: 13px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        text-transform: capitalize;
        font-style: normal;
      }
      &.active, &:hover {
        border-color: #faf544;
        background-color: #faf544;
        color: var(--color-black);
      }
    }
  }
  .filter-container {
    display: none;
    &.active {
      display: block;
    }
  }
}
@layer RegionQuickFacts {
  .facts-container {
    border-radius: 8px;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: #374151;
    background-color: var(--color-white);
    padding: 18px;
    padding-top: 15px;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 768px) {
      padding: 25px;
    }
    h3 {
      margin-bottom: 20px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #eee;
      padding-bottom: 14px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      font-size: clamp(18px, 2vw, 22px);
    }
    .fact-item {
      display: flex;
      gap: 10px;
      > span {
        display: flex !important;
        height: 40px;
        width: 40px;
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-gray-100);
        font-size: 16px;
        color: #cf9e29;
      }
      .fact-content {
        font-size: 14px;
        h5 {
          margin-bottom: 2px;
          font-size: 10px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: #999;
          text-transform: uppercase;
        }
        a {
          color: var(--color-blue-700);
          text-decoration-line: underline;
        }
      }
    }
  }
}
@layer RegionSearch {
  .filter-column {
    form {
      position: fixed;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      z-index: 12;
      margin: 20px;
      height: 100%;
      width: calc(100% - 40px);
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
      overflow: auto;
      border-radius: 15px;
      background-color: var(--color-white);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: linear;
      transition-timing-function: linear;
      @media (width >= 768px) {
        position: sticky;
      }
      @media (width >= 768px) {
        top: 100px;
      }
      @media (width >= 768px) {
        z-index: 0;
      }
      @media (width >= 768px) {
        margin: calc(var(--spacing) * 0);
      }
      @media (width >= 768px) {
        height: auto;
      }
      @media (width >= 768px) {
        width: auto;
      }
      @media (width >= 768px) {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
      @media (width >= 768px) {
        border-radius: 0px;
      }
      @media (width >= 768px) {
        background-image: none;
      }
      @media (width >= 768px) {
        padding: calc(var(--spacing) * 0);
      }
      .btn-close {
        position: absolute;
        top: 5px;
        right: 20px;
        cursor: pointer;
        font-size: 22px;
        @media (width >= 768px) {
          display: none;
        }
      }
    }
    &.active {
      form {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        @media (width >= 768px) {
          --tw-translate-y: calc(var(--spacing) * 0);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
      &:before {
        position: fixed;
        inset: calc(var(--spacing) * 0);
        z-index: 11;
        background-color: color-mix(in srgb, #000 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
        }
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        --tw-ease: linear;
        transition-timing-function: linear;
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .filter-header {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #e5e5e5;
    padding: calc(var(--spacing) * 5);
    padding-top: 25px;
    font-size: 17px;
    @media (width >= 768px) {
      margin-bottom: 25px;
    }
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 0);
    }
    @media (width >= 768px) {
      padding-bottom: 10px;
    }
    h3 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      font-size: clamp(16px, 7vw, 20px);
    }
    .sidebar-reset-btn {
      cursor: pointer;
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-image: none;
      font-size: 13px;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: #BB1B2C;
      text-decoration-line: underline;
    }
  }
  .filter-sidebar {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    @media (width >= 768px) {
      border-radius: 13px;
    }
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 5);
    }
    background: linear-gradient(0deg, rgba(229, 231, 237, 0) 0%, rgba(229, 231, 237, 0.8) 100%);
    .filter-group {
      position: relative;
      margin-bottom: 12px;
      border-radius: var(--radius-lg);
      background-color: var(--color-white);
      padding-bottom: calc(var(--spacing) * 3);
      --tw-shadow: 0 5px 12px var(--tw-shadow-color, rgba(0,0,0,0.051));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      &:last-child {
        @media (width >= 768px) {
          margin-bottom: calc(var(--spacing) * 0);
        }
      }
      #keyword {
        margin-inline: auto;
        margin-top: 15px;
        margin-bottom: calc(var(--spacing) * 2);
        display: block;
        height: 45px;
        width: calc(100% - 40px);
        border-radius: 0.25rem;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
        background-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
        padding-inline: 10px;
        padding-left: 42px;
        font-family: Outfit, sans-serif;
        font-size: 15px;
        --tw-leading: 1.3;
        line-height: 1.3;
        --tw-outline-style: none;
        outline-style: none;
        background-image: url(../img/search-sm.png);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        &:focus {
          background-color: var(--color-white);
        }
      }
      input.filter-title {
        border-radius: var(--radius-lg);
        padding-left: 51px;
        --tw-outline-style: none;
        outline-style: none;
        + img {
          position: absolute;
          top: 9px;
          left: 17px;
          width: 22px;
          opacity: 60%;
        }
      }
      .filter-title {
        position: relative;
        display: inline-flex;
        width: 100%;
        cursor: pointer;
        align-items: center;
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding-inline: calc(var(--spacing) * 4);
        padding-top: calc(var(--spacing) * 3);
        padding-bottom: calc(var(--spacing) * 0);
        font-size: 14px;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        color: #000000d4;
        &::placeholder {
          color: var(--color-black);
        }
        i {
          margin-right: calc(var(--spacing) * 3);
          font-size: 18px;
          color: #374151;
        }
        img {
          position: absolute;
          top: calc(var(--spacing) * 5);
          right: 15px;
          rotate: 180deg;
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
        }
      }
      .date-inputs {
        margin-top: calc(var(--spacing) * 3);
        display: none;
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg);
        border-top-style: var(--tw-border-style);
        border-top-width: 2px;
        border-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
        background-color: var(--color-white);
        padding: 15px;
        padding-top: 15px;
        padding-bottom: calc(var(--spacing) * 0);
        .month-grid {
          margin-top: 15px;
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: calc(var(--spacing) * 1);
          .month-btn {
            cursor: pointer;
            border-radius: 0.25rem;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: #ddd;
            background-color: var(--color-white);
            padding: 7px;
            text-align: center;
            font-size: 11px;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: color-mix(in srgb, #000 80%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              color: color-mix(in oklab, var(--color-black) 80%, transparent);
            }
            &:hover {
              background-color: color-mix(in srgb, #000 10%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
              }
            }
            &.active {
              border-color: var(--color-gray-700);
              background-color: var(--color-gray-700);
              color: var(--color-white);
            }
          }
        }
        .year-selector {
          margin-bottom: 5px;
          display: flex;
          gap: 5px;
          .year-btn {
            flex: 1;
            cursor: pointer;
            border-radius: 0.25rem;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: #ddd;
            background-color: #eee;
            padding: calc(var(--spacing) * 2);
            font-size: 12px;
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            &.active, &:hover {
              border-color: var(--color-gray-700);
              background-color: var(--color-gray-700);
              color: var(--color-white);
            }
          }
        }
        .date-field {
          label {
            display: block;
            font-size: 14px;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            opacity: 80%;
          }
          &:not(:last-child) {
            margin-bottom: 15px;
          }
          input {
            margin-top: 2px;
            height: calc(var(--spacing) * 10);
            width: 100%;
            border-radius: 0.25rem;
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: color-mix(in srgb, #000 11%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              border-color: color-mix(in oklab, var(--color-black) 11%, transparent);
            }
            background-color: color-mix(in srgb, #000 3%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-black) 3%, transparent);
            }
            padding-inline: 11px;
            font-size: 14px;
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
          }
        }
      }
      label {
        margin-bottom: calc(var(--spacing) * 2);
        display: inline-flex;
        width: 100%;
        cursor: pointer;
        gap: calc(var(--spacing) * 2);
        font-size: 14px;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        opacity: 80%;
        &:last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
        &.status-guaranteed {
          background-color: transparent;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-green-500);
        }
        &.status-open {
          background-color: transparent;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-blue-500);
        }
        &.status-fast {
          background-color: transparent;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-orange-600);
        }
        &.status-limited {
          background-color: transparent;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-red-600);
        }
      }
      &.active {
        border-radius: var(--radius-lg);
        .date-inputs {
          display: block;
        }
        span img {
          rotate: 0deg;
        }
      }
    }
  }
}
@layer RegionFilterResult {
  .result-header {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: clamp(20px, 4vw, 26px);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    span {
      padding-left: 3px;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      opacity: 80%;
    }
  }
}
.mobile-btn {
  width: 100%;
  cursor: pointer;
  padding-block: 12px;
  font-size: 14px;
  @media (width >= 768px) {
    display: none;
  }
  i {
    margin-right: calc(var(--spacing) * 2);
  }
}
@layer Pagination {
  .pagination {
    margin-top: 25px;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: calc(var(--spacing) * 0);
    li {
      &.active, &:hover {
        span, a {
          border-color: var(--color-black);
          background-color: #faf544;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-black);
        }
      }
      .page-link {
        display: inline-block;
        height: 35px;
        width: 35px;
        cursor: pointer;
        border-radius: 0.25rem;
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: #ccc;
        text-align: center;
        font-size: 13px;
        --tw-leading: 32px;
        line-height: 32px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: #111;
        text-decoration-line: none;
        &.fa {
          font-size: 14px;
        }
      }
    }
  }
}
@layer SectionFaq {
  .section-faq {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #f4f4f4;
  }
  .accordion-wrapper {
    border-radius: 13px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    background-color: rgba(250,245,68,0.26);
    padding: calc(var(--spacing) * 5);
    .accordion-title-wrap {
      position: relative;
      display: flex;
      cursor: pointer;
      align-items: center;
      svg {
        position: absolute;
        top: calc(var(--spacing) * 0);
        right: calc(var(--spacing) * 0);
        margin-top: 5px;
        height: calc(var(--spacing) * 5);
        width: calc(var(--spacing) * 5);
        rotate: 90deg;
        path {
          stroke: var(--color-black);
        }
      }
      &.active {
        svg {
          rotate: calc(90deg * -1);
          opacity: 100%;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
        }
      }
    }
    > div {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
      padding-block: 10px;
      @media (width >= 768px) {
        padding-block: 14px;
      }
      &:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
        padding-top: calc(var(--spacing) * 0);
      }
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
        padding-bottom: calc(var(--spacing) * 0);
      }
      .accordion-slide {
        margin-top: calc(var(--spacing) * 0);
        .page-content__area, .page-content__area p {
          margin-bottom: calc(var(--spacing) * 0);
          text-align: justify;
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          --tw-leading: 1.6;
          line-height: 1.6;
          color: color-mix(in srgb, #000 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--color-black) 80%, transparent);
          }
          &:hover {
            opacity: 100%;
          }
          &:not(:last-child) {
            margin-bottom: 15px;
          }
        }
      }
      .accordion-title {
        font-family: Outfit, sans-serif;
        font-size: 16px;
        --tw-leading: 1.6;
        line-height: 1.6;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: color-mix(in srgb, #000 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-black) 90%, transparent);
        }
        @media (width >= 768px) {
          font-size: 18px;
        }
      }
    }
  }
}
.pb-0 {
  padding-bottom: calc(var(--spacing) * 0) !important;
}
@layer ContactUs {
  .block-hero-contact__content-col {
    .section-heading {
      text-align: left;
      .heading {
        margin-bottom: 4px;
        font-size: 32px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: -0.2px;
        letter-spacing: -0.2px;
      }
      span {
        font-size: 16px;
        --tw-leading: 1.5;
        line-height: 1.5;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: rgba(0,0,0,0.68);
        opacity: 0.96;
      }
    }
    &.contact-form {
      form {
        margin-top: 25px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(var(--spacing) * 4);
        border-radius: var(--radius-md);
        background-color: #f1f1f1;
        padding: 25px;
        .form-group {
          &.col12 {
            grid-column: span 2 / span 2;
          }
        }
        label {
          margin-bottom: 8px;
          display: block;
          font-size: 12px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          text-transform: uppercase;
        }
        select {
          height: 40px;
          width: 100%;
          font-size: 14px;
        }
        input {
          height: 40px;
          width: 100%;
          border-radius: var(--radius-sm);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-gray-200);
          background-color: var(--color-white);
          padding-top: 8px;
          padding-right: 10px;
          padding-bottom: 8px;
          padding-left: 20px;
          font-family: Outfit, sans-serif;
          font-size: 14px;
          --tw-leading: 1.3;
          line-height: 1.3;
          --tw-outline-style: none;
          outline-style: none;
        }
        textarea {
          height: 140px;
          width: 100%;
          border-radius: 4px;
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: rgba(0,0,0,0.14);
          background-color: var(--color-white);
          padding: calc(var(--spacing) * 3);
          font-family: Outfit, sans-serif;
          font-size: 14px;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: rgba(0,0,0,0.8);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
        }
      }
    }
  }
  .map-frame {
    margin-top: 20px;
    height: 420px;
    border-radius: 8px;
    background-color: var(--color-white);
    padding: 18px;
    --tw-shadow: 0 5px 12px var(--tw-shadow-color, rgba(0,0,0,0.09));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    iframe {
      height: 100%;
      width: 100%;
    }
  }
  .contact-card {
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgba(0,0,0,0.12);
    background-color: var(--color-white);
    padding: 15px;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .contact-icon {
    margin-bottom: 8px;
    display: inline-flex;
    height: 45px;
    width: 45px;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #374151;
    svg {
      display: block;
      height: 22px;
      width: auto;
      color: var(--color-white);
    }
  }
  .contact-title {
    margin-bottom: 3px;
    font-family: Outfit, sans-serif;
    font-size: 17px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #374151;
  }
  .contact-desc {
    margin-bottom: 8px;
    font-size: 15px;
    --tw-leading: 1.3;
    line-height: 1.3;
    color: rgba(17,17,17,0.7);
  }
  .contact-link {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #111;
    text-decoration-line: none;
    opacity: 0.8;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
}
@layer TeamCard {
  .team-card {
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    background-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 25px var(--tw-shadow-color, rgba(0,0,0,0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    .team-media {
      position: relative;
      aspect-ratio: 4/4;
      overflow: hidden;
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 500ms;
        transition-duration: 500ms;
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out);
      }
    }
    &:hover .team-media img {
      scale: 1.05;
    }
    .team-body {
      padding: calc(var(--spacing) * 4);
      .team-name {
        font-size: 16px;
        --tw-leading: 1.35;
        line-height: 1.35;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: #111;
      }
      .team-role {
        margin-top: calc(var(--spacing) * 1);
        font-size: 13px;
        --tw-tracking: 0.6px;
        letter-spacing: 0.6px;
        color: color-mix(in srgb, #000 60%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-black) 60%, transparent);
        }
        text-transform: uppercase;
      }
    }
    &:nth-child(even) {
      margin-top: 20px;
    }
  }
}
@layer Modal {
  @layer components {
    .modal-wrap {
      position: fixed;
      inset: calc(var(--spacing) * 0);
      z-index: 102;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: calc(var(--spacing) * 4);
    }
    .team-modal__overlay {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      background-color: color-mix(in srgb, #000 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
      --tw-backdrop-blur: blur(var(--blur-md));
      -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,);
    }
    .team-modal__content {
      position: relative;
      z-index: 10;
      width: 100%;
      max-width: var(--container-2xl);
      overflow: hidden;
      border-radius: var(--radius-3xl);
      background-color: var(--color-white);
      --tw-shadow: 0 25px 80px var(--tw-shadow-color, rgba(0,0,0,0.35));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .team-modal__close {
      position: absolute;
      top: calc(var(--spacing) * 5);
      right: calc(var(--spacing) * 5);
      z-index: 20;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      color: var(--color-black);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          rotate: 90deg;
        }
      }
      &:hover {
        @media (hover: hover) {
          background-color: #374151;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    .team-modal__body {
      max-height: 90vh;
      overflow-y: auto;
    }
    .team-modal__inner {
      display: grid;
      @media (width >= 64rem) {
        grid-template-columns: 340px 1fr;
      }
    }
    .team-modal__image {
      height: 280px;
      overflow: hidden;
      background-color: var(--color-gray-100);
      @media (width >= 64rem) {
        height: auto;
      }
    }
    .team-modal__image img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .team-modal__info {
      padding: calc(var(--spacing) * 6);
      @media (width >= 768px) {
        padding: calc(var(--spacing) * 10);
      }
    }
    .team-modal__name {
      font-size: clamp(28px, 3vw, 42px);
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-gray-900);
    }
    .team-modal__role {
      margin-top: calc(var(--spacing) * 2);
      margin-bottom: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: 2px;
      letter-spacing: 2px;
      color: #374151;
      text-transform: uppercase;
    }
    .team-modal__description {
      margin-bottom: calc(var(--spacing) * 8);
      font-size: 16px;
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
      color: var(--color-gray-600);
    }
    .team-modal__block {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-gray-100);
      padding-top: calc(var(--spacing) * 5);
    }
    .team-modal__block:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .team-modal__block h4 {
      margin-bottom: calc(var(--spacing) * 2);
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #374151;
    }
    .team-modal__block p, .team-modal__block li {
      --tw-leading: calc(var(--spacing) * 7);
      line-height: calc(var(--spacing) * 7);
      color: var(--color-gray-600);
    }
    .team-modal__social {
      margin-top: calc(var(--spacing) * 8);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 3);
    }
    .team-modal__social a {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-gray-100);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-gray-700);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          background-color: #374151;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    .team-modal__nav {
      position: absolute;
      top: calc(1 / 2 * 100%);
      z-index: 20;
      display: flex;
      height: calc(var(--spacing) * 10);
      width: calc(var(--spacing) * 10);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      cursor: pointer;
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          background-color: #374151;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    .team-modal__nav.prev {
      left: calc(var(--spacing) * 4);
    }
    .team-modal__nav.next {
      right: calc(var(--spacing) * 4);
    }
    .team-modal__body iframe {
      height: 500px;
      width: 100%;
      border-radius: var(--radius-xl);
    }
    .team-modal__body > img, .team-modal__body p img, .team-modal__body figure img {
      margin-inline: auto;
      width: 100%;
      border-radius: var(--radius-xl);
      padding: calc(var(--spacing) * 4);
    }
  }
}
@layer Affliations {
  .section-affiliations, .section-afflilation-awwards {
    margin-top: 25px;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 7);
    @media (width >= 768px) {
      margin-top: 30px;
    }
    @media (width >= 768px) {
      display: flex;
    }
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      margin-top: 40px;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
    .main-title {
      margin-bottom: clamp(21px, 4vw, 28px);
      .heading {
        font-size: clamp(20px, 5.5vw, 30px);
      }
    }
    p {
      margin-top: 8px;
      font-size: 16px;
      --tw-leading: 1.7;
      line-height: 1.7;
      color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
  }
  .section-affiliations {
    margin-top: 25px;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 7);
    @media (width >= 768px) {
      margin-top: 30px;
    }
    @media (width >= 768px) {
      display: flex;
    }
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      margin-top: 40px;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
    section {
      &:nth-child(2n) {
        margin-top: 25px;
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: rgba(0,0,0,0.04);
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops));
        --tw-gradient-from: var(--color-gray-700);
        --tw-gradient-via: var(--color-gray-800);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops);
        --tw-gradient-to: var(--color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
        padding-block: clamp(24px, 6vw, 40px);
        @media (width >= 768px) {
          margin-top: calc(var(--spacing) * 0);
        }
        .main-title {
          .heading, p {
            color: var(--color-white);
          }
        }
      }
    }
  }
  .logo-grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 15px;
    overflow-x: auto;
    @media (width >= 768px) {
      display: grid;
    }
    @media (width >= 768px) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    @media (width >= 768px) {
      overflow: visible;
    }
    @media (width >= 64rem) {
      gap: 16px;
    }
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .logo-card {
    margin-top: 5px;
    display: flex;
    height: 100%;
    min-height: 210px;
    flex: 0 0 190px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e5e7eb;
    background-color: var(--color-white);
    padding-inline: 12px;
    padding-block: 18px;
    text-align: center;
    font-size: 15px;
    --tw-shadow: 0 2px 4px var(--tw-shadow-color, rgba(0,0,0,0.028));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        border-color: #172a45;
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(0,0,0,0.05));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    @media (width >= 490px) {
      min-height: 220px;
    }
    @media (width >= 490px) {
      flex: 0 0 200px;
    }
    @media (width >= 768px) {
      padding-inline: 15px;
    }
    @media (width >= 768px) {
      padding-block: 25px;
    }
    @media (width >= 64rem) {
      margin-top: 0;
    }
    @media (width >= 64rem) {
      flex: 1;
    }
    img {
      margin-bottom: 15px;
      height: 95px;
      width: 145px;
      max-width: 100%;
      object-fit: contain;
      --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,);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
    &:hover img {
      --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,);
    }
    .logo-text {
      font-size: 14px;
      --tw-leading: 1.25;
      line-height: 1.25;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #374151;
    }
  }
}
@layer AwwardsCard {
  .section-afflilation-awwards {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-gray-700);
    --tw-gradient-via: var(--color-gray-800);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: var(--color-gray-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    .main-title {
      .heading, p {
        color: var(--color-white);
      }
    }
  }
  .awwards-wrap {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
    h4 {
      margin-top: 10px;
      margin-bottom: 3px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 16px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #374151;
      i {
        margin-left: 1px;
        font-size: 14px;
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
      }
    }
    p {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-slate-500);
    }
  }
  .awwards-card {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e5e7eb;
    background-color: var(--color-white);
    padding: 15px;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 15px 30px -5px var(--tw-shadow-color, rgba(0,0,0,0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &::before {
      content: "+";
      position: absolute;
      top: calc(1 / 2 * 100%);
      left: calc(1 / 2 * 100%);
      display: flex;
      height: 50px;
      width: 50px;
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
      font-size: 30px;
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      color: #172a45;
      opacity: 0%;
      --tw-shadow: 0 4px 10px var(--tw-shadow-color, rgba(0,0,0,0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      z-index: 1;
    }
    img {
      border-radius: var(--radius-md);
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    &:hover::before {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      opacity: 100%;
    }
    &.gallery-card {
      padding: calc(var(--spacing) * 0);
      img {
        height: 180px;
        width: 100%;
        object-fit: cover;
        @media (width >= 768px) {
          height: 200px;
        }
        @media (width >= 64rem) {
          height: 250px;
        }
      }
    }
  }
}
@layer NotFound {
  .error-page {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-yellow-100);
    --tw-gradient-via: rgb(255,237,214);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    .grid {
      display: grid;
      align-items: center;
      gap: calc(var(--spacing) * 10);
      @media (width >= 768px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    .content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      @media (width >= 768px) {
        padding-right: 50px;
      }
    }
    .title {
      --tw-leading: 1.1;
      line-height: 1.1;
      --tw-font-weight: var(--font-weight-extrabold);
      font-weight: var(--font-weight-extrabold);
      --tw-tracking: -1px;
      letter-spacing: -1px;
      color: var(--color-black);
      font-size: clamp(28px, 5vw, 40px);
      span {
        color: var(--color-gray-700);
      }
    }
    .subtitle {
      margin-block: calc(var(--spacing) * 5);
      --tw-leading: 1.6;
      line-height: 1.6;
      color: color-mix(in srgb, #000 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 95%, transparent);
      }
      font-size: clamp(14px, 2.2vw, 17px);
    }
    .btn-group {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      gap: calc(var(--spacing) * 3);
    }
    .image {
      img {
        width: 100%;
        border-radius: var(--radius-2xl);
        object-fit: cover;
      }
    }
  }
}
@layer DefaultPage {
  .page-default {
    .ese-container {
      max-width: 980px;
      .breadcrumb-nav {
        margin-bottom: calc(var(--spacing) * 1);
      }
      .main-title {
        margin-bottom: clamp(18px, 5vw, 15px);
      }
    }
  }
}
@layer StickyButton {
  #simple-chat-button--container {
    position: fixed;
    right: 15px;
    bottom: 65px;
    z-index: 51;
    #simple-chat-button--button {
      position: relative;
      display: block;
      height: 60px;
      width: 60px;
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      border-radius: calc(infinity * 1px);
      text-decoration-line: none;
      --tw-shadow: 0 6px 8px 2px var(--tw-shadow-color, rgba(0,0,0,0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      &:hover {
        @media (hover: hover) {
          scale: 1.06;
        }
      }
      background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjU2IiB3aWR0aD0iMjU2IiB2aWV3Qm94PSItMjMgLTIxIDY4MiA2ODIuNjY3IiBmaWxsPSIjZmZmIiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxwYXRoIGQ9Ik01NDQuMzg3IDkzLjAwOEM0ODQuNTEyIDMzLjA2MyA0MDQuODgzLjAzNSAzMjAuMDUxIDAgMTQ1LjI0NiAwIDIuOTggMTQyLjI2MiAyLjkxIDMxNy4xMTNjLS4wMjMgNTUuODk1IDE0LjU3OCAxMTAuNDU3IDQyLjMzMiAxNTguNTUxTC4yNSA2NDBsMTY4LjEyMS00NC4xMDJjNDYuMzI0IDI1LjI3IDk4LjQ3NyAzOC41ODYgMTUxLjU1MSAzOC42MDJoLjEzM2MxNzQuNzg1IDAgMzE3LjA2Ni0xNDIuMjczIDMxNy4xMzMtMzE3LjEzMy4wMzUtODQuNzQyLTMyLjkyMi0xNjQuNDE4LTkyLjgwMS0yMjQuMzU5ek0zMjAuMDUxIDU4MC45NDFoLS4xMDljLTQ3LjI5Ny0uMDItOTMuNjg0LTEyLjczLTEzNC4xNi0zNi43NDJsLTkuNjIxLTUuNzE1LTk5Ljc2NiAyNi4xNzIgMjYuNjI5LTk3LjI3LTYuMjctOS45NzNjLTI2LjM4Ny00MS45NjktNDAuMzItOTAuNDc3LTQwLjI5Ny0xNDAuMjgxLjA1NS0xNDUuMzMyIDExOC4zMDUtMjYzLjU3IDI2My42OTktMjYzLjU3IDcwLjQwNi4wMjMgMTM2LjU5IDI3LjQ3NyAxODYuMzU1IDc3LjMwMXM3Ny4xNTYgMTE2LjA1MSA3Ny4xMzMgMTg2LjQ4NGMtLjA2MiAxNDUuMzQ0LTExOC4zMDUgMjYzLjU5NC0yNjMuNTk0IDI2My41OTR6bTE0NC41ODYtMTk3LjQxOGMtNy45MjItMy45NjktNDYuODgzLTIzLjEzMy01NC4xNDgtMjUuNzgxLTcuMjU4LTIuNjQ1LTEyLjU0Ny0zLjk2MS0xNy44MjQgMy45NjktNS4yODUgNy45My0yMC40NjkgMjUuNzgxLTI1LjA5NCAzMS4wNjZzLTkuMjQyIDUuOTUzLTE3LjE2OCAxLjk4NC0zMy40NTctMTIuMzM2LTYzLjcyNy0zOS4zMzJjLTIzLjU1NS0yMS4wMTItMzkuNDU3LTQ2Ljk2MS00NC4wODItNTQuODkxLTQuNjE3LTcuOTM3LS4wMzktMTEuODEyIDMuNDc3LTE2LjE3MiA4LjU3OC0xMC42NTIgMTcuMTY4LTIxLjgyIDE5LjgwOS0yNy4xMDVzMS4zMi05LjkxOC0uNjY0LTEzLjg4M2MtMS45NzctMy45NjUtMTcuODI0LTQyLjk2OS0yNC40MjYtNTguODQtNi40MzctMTUuNDQ1LTEyLjk2NS0xMy4zNTktMTcuODMyLTEzLjYwMi00LjYxNy0uMjMtOS45MDItLjI3Ny0xNS4xODctLjI3N3MtMTMuODY3IDEuOTgtMjEuMTMzIDkuOTE4LTI3LjczIDI3LjEwMi0yNy43MyA2Ni4xMDUgMjguMzk1IDc2LjY4NCAzMi4zNTUgODEuOTczIDU1Ljg3OSA4NS4zMjggMTM1LjM2NyAxMTkuNjQ4YzE4LjkwNiA4LjE3MiAzMy42NjQgMTMuMDQzIDQ1LjE3NiAxNi42OTUgMTguOTg0IDYuMDMxIDM2LjI1NCA1LjE4IDQ5LjkxIDMuMTQxIDE1LjIyNy0yLjI3NyA0Ni44NzktMTkuMTcyIDUzLjQ4OC0zNy42OCA2LjYwMi0xOC41MTIgNi42MDItMzQuMzc1IDQuNjE3LTM3LjY4NC0xLjk3Ny0zLjMwNS03LjI2Mi01LjI4NS0xNS4xODQtOS4yNTR6bTAgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+") center / 44px 44px no-repeat #25d366;
    }
    #simple-chat-button--text {
      position: absolute;
      right: 70px;
      bottom: 15px;
      display: block;
      border-radius: var(--radius-md);
      background-color: var(--color-white);
      padding-inline: 10px;
      padding-top: 6px;
      padding-bottom: 7px;
      font-size: 14px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: -0.03em;
      letter-spacing: -0.03em;
      white-space: nowrap;
      color: var(--color-black);
      --tw-shadow: 0 6px 8px 2px var(--tw-shadow-color, rgba(0,0,0,0.15));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      -webkit-user-select: none;
      user-select: none;
    }
  }
}
.alert-error {
  margin-top: 0.5px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-sm);
  background-color: var(--color-red-600);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: 13px;
  color: var(--color-white);
}
@layer TravelBlog {
  .mainblogarea {
    .main-banner {
      .banner-caption {
        height: calc(-189px + 100vh);
        overflow: hidden;
        .banner-centered {
          align-items: center;
          justify-content: center;
          padding-bottom: calc(var(--spacing) * 0);
          &:before {
            content: "";
            position: absolute;
            inset: calc(var(--spacing) * 0);
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
          }
        }
        iframe {
          pointer-events: none;
          position: absolute;
          top: calc(1 / 2 * 100%);
          left: calc(1 / 2 * 100%);
          height: 1920px;
          width: 1920px;
          --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
          --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y);
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
        .ese-container {
          z-index: 2;
          max-width: 960px;
          text-align: center;
          .tags {
            margin-bottom: calc(var(--spacing) * 6);
            display: inline-block;
            border-radius: calc(infinity * 1px);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: color-mix(in srgb, #fff 40%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
            }
            background-color: color-mix(in srgb, #000 20%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
            }
            padding-inline: calc(var(--spacing) * 4);
            padding-block: 0.375rem;
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height));
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
            --tw-tracking: 0.1em;
            letter-spacing: 0.1em;
            color: var(--color-white);
            text-transform: uppercase;
            --tw-backdrop-blur: blur(6px);
            -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,);
          }
          p {
            margin-bottom: 15px;
            max-width: inherit;
            font-size: clamp(1rem, 1.1vw + 0.85rem, 1.3rem);
            --tw-leading: clamp(1.55rem, 1.2vw + 1.2rem, 1.75rem);
            line-height: clamp(1.55rem, 1.2vw + 1.2rem, 1.75rem);
            --tw-font-weight: var(--font-weight-light);
            font-weight: var(--font-weight-light);
            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
          }
          h1 {
            margin-bottom: 17px;
            font-family: Merriweather, sans-serif;
            font-size: clamp(2rem, 4.5vw + 1rem, 3.75rem);
            --tw-leading: 1.28;
            line-height: 1.28;
            --tw-tracking: 0px;
            letter-spacing: 0px;
            text-transform: none;
            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
          }
        }
      }
    }
    .scroll-indicator {
      position: absolute;
      bottom: calc(var(--spacing) * 3);
      left: calc(1 / 2 * 100%);
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      cursor: pointer;
      opacity: 80%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        opacity: 100%;
      }
      .scroll-inner {
        display: flex;
        animation: bounce-custom 1.5s infinite;
        flex-direction: column;
        align-items: center;
        .scroll-label {
          margin-bottom: calc(var(--spacing) * 2);
          display: block;
          text-align: center;
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          --tw-tracking: 0.15em;
          letter-spacing: 0.15em;
          color: var(--color-white);
          text-transform: uppercase;
          .scroll-icon {
            font-size: 1.3rem;
            color: var(--color-white);
          }
        }
        i {
          color: var(--color-white);
        }
      }
    }
  }
  .article-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #000 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
    padding-block: calc(var(--spacing) * 5);
  }
  .meta-flex {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    > div {
      display: flex;
      gap: 15px;
    }
    .author-wrapper {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 18px;
    }
  }
  .meta-info {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: color-mix(in srgb, #000 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
    i {
      margin-right: 5px;
      font-size: 14px;
    }
    .updated {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-emerald-700);
    }
  }
  .author-card {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    width: fit-content;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    text-align: left;
    text-decoration-line: none;
    .author-image {
      height: calc(var(--spacing) * 14);
      width: calc(var(--spacing) * 14);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: #090808;
      object-fit: cover;
      padding: calc(var(--spacing) * 1);
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      box-shadow: 4px 11px 15px rgba(0, 0, 0, 0.29);
    }
    .author-info {
      display: flex;
      flex-direction: column;
      justify-content: center;
      .author-name {
        margin-bottom: calc(var(--spacing) * 1);
        font-size: 15px;
        --tw-leading: 1.2;
        line-height: 1.2;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: #111;
        text-decoration-line: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
      }
      .author-title {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: color-mix(in srgb, #000 85%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-black) 85%, transparent);
        }
      }
    }
    &:hover {
      .author-image {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .tts-button {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: 0.625rem;
    font-family: Outfit, sans-serif;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
    text-transform: uppercase;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
      background-color: #faf544;
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .tts-icon {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .tts-loader {
      display: none;
      height: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-gray-500);
      border-top-color: transparent;
    }
  }
  .intro-context {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-100);
    .ese-container {
      .page-content__area {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: color-mix(in srgb, #000 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
        }
        padding-block: clamp(20px, 3vw, 30px);
        @media (width >= 768px) {
          border-right-style: var(--tw-border-style);
          border-right-width: 1px;
        }
        @media (width >= 768px) {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 0px;
        }
        @media (width >= 768px) {
          padding-right: clamp(16px, 3vw, 28px);
        }
      }
      .sidebar {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: clamp(12px, 2vw, 20px);
        padding-block: clamp(20px, 3vw, 30px);
      }
    }
  }
  .content {
    p {
      &:last-child {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
}
@layer TableOfContent {
  .toc-wrapper {
    display: block;
    border-radius: 15px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
    background-color: var(--color-white);
    padding: 20px;
    .toc-title {
      margin-bottom: calc(var(--spacing) * 4);
      display: flex;
      align-items: center;
      gap: 10px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
      border-color: color-mix(in srgb, #000 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
      }
      padding-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      i {
        font-size: 16px;
        color: var(--color-gray-400);
      }
    }
    .toc-container {
      max-height: 400px;
      overflow-y: auto;
      > ul {
        margin: calc(var(--spacing) * 0);
        display: flex;
        list-style-type: none;
        flex-direction: column;
        gap: calc(var(--spacing) * 1);
        padding: calc(var(--spacing) * 0);
        counter-reset: item;
        > li {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-color: color-mix(in srgb, #000 20%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
          }
          padding: 10px;
          padding-left: 10px;
          counter-increment: item;
          &:first-child {
            padding-top: calc(var(--spacing) * 0);
          }
          &:last-child {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0px;
            padding-bottom: calc(var(--spacing) * 0);
          }
          > a {
            display: flex;
            cursor: pointer;
            gap: 13px;
            font-size: 15px;
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
            color: var(--color-black);
            &::before {
              content: counter(item) ".";
              font-size: 15px;
              --tw-font-weight: var(--font-weight-medium);
              font-weight: var(--font-weight-medium);
              color: color-mix(in srgb, #000 70%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                color: color-mix(in oklab, var(--color-black) 70%, transparent);
              }
            }
          }
          &:hover > a, &.active > a {
            color: var(--color-black);
          }
          &:hover > a::before, &.active > a::before {
            color: var(--color-black);
          }
          > ul {
            margin-block: calc(var(--spacing) * 2);
            display: flex;
            list-style-type: none;
            flex-direction: column;
            gap: 6px;
            padding-left: calc(var(--spacing) * 0);
            counter-reset: subitem;
            li {
              counter-increment: subitem;
              a {
                display: block;
                font-size: 14px;
                --tw-font-weight: var(--font-weight-normal);
                font-weight: var(--font-weight-normal);
                color: color-mix(in srgb, #000 90%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  color: color-mix(in oklab, var(--color-black) 90%, transparent);
                }
                &::before {
                  content: counter(item) "." counter(subitem) " ";
                  --tw-font-weight: var(--font-weight-medium);
                  font-weight: var(--font-weight-medium);
                  color: #777;
                }
              }
              &:hover a {
                color: var(--color-black);
              }
              &:hover a::before {
                color: var(--color-black);
              }
            }
          }
        }
      }
    }
  }
}
@layer SidebarCard {
  .sidebar-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    background-color: color-mix(in oklab, var(--color-black) 86%, transparent);
    padding: clamp(20px, 3vw, 22px);
    text-align: center;
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    .sidebar-card__title {
      margin-bottom: 13px;
      font-size: clamp(18px, 2.5vw, 22px);
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    .sidebar-card__desc {
      margin-bottom: 25px;
      padding-inline: 4px;
      font-size: clamp(14px, 1.2vw, 15px);
      --tw-leading: 1.55;
      line-height: 1.55;
      color: var(--color-gray-400);
    }
    .btn-default {
      width: 100%;
    }
  }
}
@layer CTABLOCKS {
  .image-stepper {
    .image-stepper-content {
      position: relative;
      text-align: left;
      .images {
        position: sticky;
        top: 110px;
        height: calc(100vh - 110px);
        overflow: hidden;
        .image {
          position: absolute;
          inset: calc(var(--spacing) * 0);
          z-index: 1;
          opacity: 0%;
          &.showing {
            z-index: 10;
            opacity: 100%;
          }
          img {
            aspect-ratio: 12/9;
            height: 100%;
            max-height: 100vh;
            width: 100%;
            object-fit: cover;
          }
        }
      }
      .texts {
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: calc(var(--spacing) * 0);
        width: 100%;
        max-width: 620px;
        .text {
          display: flex;
          height: 100vh;
          align-items: center;
          justify-content: center;
          span {
            max-width: 380px;
            border-radius: 10px;
            background-color: rgba(0,0,0,0.73);
            padding: 24px;
            font-size: 17px;
            --tw-leading: 1.6;
            line-height: 1.6;
            color: var(--color-white);
            --tw-shadow: 0 10px 30px var(--tw-shadow-color, rgba(0,0,0,0.5));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            --tw-backdrop-blur: blur(10px);
            -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,);
          }
        }
      }
    }
  }
  .page-content__area figcaption {
    margin-inline: auto;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    font-size: clamp(12px, 1vw, 13px);
    --tw-leading: 1.36;
    line-height: 1.36;
    opacity: 70%;
  }
  .caption {
    margin-inline: auto;
    margin-bottom: 15px;
    display: block;
    max-width: 500px;
    padding-top: 14px;
    text-align: center;
    font-size: clamp(12px, 1vw, 13px);
    --tw-leading: 1.36;
    line-height: 1.36;
    opacity: 70%;
  }
  .cta-wrapper-v1 {
    position: relative;
    border-radius: 15px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 8px;
    border-color: rgba(15,1,1,0.2705882353);
    border-left-color: #172a45;
    background-color: var(--color-white);
    padding: clamp(18px, 3vw, 30px);
    .cta-intro {
      margin-bottom: 22px;
      font-size: clamp(15px, 1.2vw, 17px);
      --tw-leading: 1.58;
      line-height: 1.58;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: color-mix(in srgb, #000 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 90%, transparent);
      }
    }
    .cta-grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 25px;
      @media (width >= 768px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .cta-card {
        border-radius: var(--radius-xl);
        background-color: var(--color-white);
        padding: clamp(20px, 3vw, 25px);
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in);
        &:hover {
          @media (hover: hover) {
            --tw-translate-y: calc(5px * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y);
          }
        }
        &:hover {
          @media (hover: hover) {
            border-color: #ddd;
          }
        }
        .cta-icon {
          i {
            margin-bottom: 18px;
            display: inline-block;
            font-size: clamp(30px, 3.2vw, 39px);
            color: #0a2a43;
            opacity: 70%;
          }
        }
        .cta-title {
          margin-bottom: calc(var(--spacing) * 2);
          font-size: clamp(18px, 1.8vw, 20px);
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: #0a2a43;
        }
        .cta-desc {
          margin: calc(var(--spacing) * 0);
          text-align: left;
          font-size: clamp(14px, 1.4vw, 16px);
          --tw-leading: 1.4;
          line-height: 1.4;
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          color: var(--color-black);
          opacity: 75%;
        }
      }
    }
  }
  .cta-title {
    margin: calc(var(--spacing) * 0);
    font-size: clamp(20px, 2.2vw, 25px);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-white);
  }
  .cta-desc {
    margin: calc(var(--spacing) * 0);
    margin-bottom: 22px;
    padding: calc(var(--spacing) * 0);
    font-size: clamp(14px, 1.4vw, 16px);
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
    color: var(--color-blue-100);
  }
  .cta-wrapper-v2, .cta-wrapper-v3 {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    background-color: color-mix(in srgb, #000 86%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 86%, transparent);
    }
    padding-right: clamp(16px, 2.5vw, 25px);
    text-align: left;
    color: var(--color-white);
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(5px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    a {
      text-decoration-line: none;
    }
    img {
      margin-bottom: calc(var(--spacing) * 0);
      height: 100%;
      border-radius: var(--radius-2xl);
      object-fit: cover;
    }
    &:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    }
    &::after {
      pointer-events: none;
      position: absolute;
      inset: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      content: "";
      z-index: 1;
      background-image: url("../img/milestone-bg.svg");
    }
    h3 {
      margin: calc(var(--spacing) * 0);
      margin-bottom: 12px;
      font-size: clamp(23px, 2vw, 26px);
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
    }
    p {
      margin: calc(var(--spacing) * 3);
      margin-top: calc(var(--spacing) * 0);
      margin-bottom: 25px;
      padding: calc(var(--spacing) * 0);
      font-size: clamp(16px, 1.4vw, 16px);
      --tw-leading: 1.55;
      line-height: 1.55;
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-blue-100);
      @media (width >= 768px) {
        margin: calc(var(--spacing) * 0);
      }
    }
    .btn-default {
      margin-top: calc(var(--spacing) * 5);
    }
    .column-6:first-child + .column-6 {
      display: grid;
      place-content: center;
      place-items: center;
      align-items: center;
      padding-block: calc(var(--spacing) * 6);
      text-align: center;
      @media (width >= 768px) {
        padding-block: calc(var(--spacing) * 0);
      }
      p {
        text-align: center;
      }
      .btn-default {
        &:hover {
          color: var(--color-white);
        }
      }
    }
  }
  .cta-wrapper-v2 {
    padding-right: calc(var(--spacing) * 0);
    padding-left: calc(var(--spacing) * 0);
    @media (width >= 768px) {
      padding-right: clamp(16px, 2.5vw, 25px);
    }
  }
  .cta-wrapper-v3 {
    padding-right: calc(var(--spacing) * 0);
    @media (width >= 768px) {
      padding-left: clamp(16px, 2.5vw, 25px);
    }
    .column-6:first-child {
      order: 1;
    }
  }
  .image-cta {
    position: relative;
    text-align: left;
    .image-cta-container {
      position: relative;
      height: clamp(320px, 55vw, 500px);
      .image-cta-img {
        position: absolute;
        inset: calc(var(--spacing) * 0);
        height: 100%;
        width: 100%;
        object-fit: cover;
        aspect-ratio: 16 / 9;
        object-position: top;
      }
      .image-cta-wrap {
        position: relative;
        z-index: 10;
        padding-block: clamp(40px, 6vw, 80px);
        padding-right: calc(var(--spacing) * 0);
        padding-left: clamp(16px, 5vw, 60px);
        color: var(--color-white);
        .image-cta__title {
          margin: calc(var(--spacing) * 0);
          margin-bottom: clamp(28px, 6vw, 60px);
          max-width: 340px;
          font-size: clamp(18px, 2.2vw, 25px);
          --tw-leading: 1.25;
          line-height: 1.25;
          --tw-font-weight: var(--font-weight-light);
          font-weight: var(--font-weight-light);
          color: var(--color-white);
          font-family: "Merriweather", sans-serif;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7098039216);
          span {
            font-size: clamp(34px, 5vw, 55px);
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            --tw-tracking: -1.8px;
            letter-spacing: -1.8px;
          }
        }
        p {
          margin: calc(var(--spacing) * 0);
          max-width: 350px;
          border-radius: 15px;
          background-color: color-mix(in srgb, #000 45%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
          }
          padding-inline: clamp(16px, 3vw, 25px);
          padding-block: clamp(12px, 2vw, 17px);
          font-size: clamp(15px, 1.2vw, 17px);
          --tw-leading: 1.56;
          line-height: 1.56;
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          color: var(--color-white);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
        }
      }
    }
  }
}
@layer AuthorDetail {
  .author-hero {
    background-image: linear-gradient(135deg,#030406,#2f3742,#374151);
    padding-block: clamp(30px, 5vw, 40px);
    .author-hero__grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      align-items: center;
      gap: clamp(16px, 3vw, 28px);
      @media (width >= 768px) {
        grid-template-columns: 180px 1fr;
      }
    }
    .author-hero__title {
      margin-bottom: calc(var(--spacing) * 2);
      font-family: Outfit, sans-serif;
      font-size: clamp(28px, 5vw, 40px);
      --tw-leading: 1.1;
      line-height: 1.1;
      color: var(--color-white);
      text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    }
    .author-hero__role {
      margin-bottom: calc(var(--spacing) * 4);
      font-size: clamp(14px, 1.6vw, 18px);
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
    }
    .author-hero__social {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      a {
        display: flex !important;
        height: calc(var(--spacing) * 8);
        width: calc(var(--spacing) * 8);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in srgb, #fff 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
        }
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
        font-size: 13px;
        --tw-leading: calc(var(--spacing) * 10);
        line-height: calc(var(--spacing) * 10);
        color: var(--color-white);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:hover {
          background-color: #faf544;
          color: var(--color-gray-900);
        }
      }
    }
  }
  .author-hero-card-image {
    height: 180px;
    width: 180px;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 1);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    img {
      height: 100%;
      width: 100%;
      border-radius: calc(infinity * 1px);
      object-fit: cover;
    }
  }
  .author-stats {
    margin-top: calc(var(--spacing) * 5);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    .author-stat {
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-gray-50);
      padding: calc(var(--spacing) * 3);
      text-align: center;
      font-size: clamp(11px, 1vw, 14px);
      color: color-mix(in srgb, #000 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
      .author-stat__num {
        display: block;
        --tw-leading: 1.1;
        line-height: 1.1;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-black);
        font-size: clamp(15px, 1.6vw, 22px);
      }
    }
  }
}
@layer AuthorHero {
  .author-hero {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-slate-950);
    > img {
      position: absolute;
      inset: calc(var(--spacing) * 0);
    }
    .author-overlay {
      pointer-events: none;
      position: absolute;
      inset: calc(var(--spacing) * 0);
      background-image: linear-gradient( to top, rgb(33, 41, 60), rgba(55, 65, 81, 0.58), transparent, transparent );
    }
    .ese-container {
      position: relative;
      z-index: 0;
    }
    .author-grid {
      display: grid;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      align-items: center;
      gap: calc(var(--spacing) * 12);
      @media (width >= 64rem) {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
    }
    .hero-content {
      @media (width >= 64rem) {
        grid-column: span 7 / span 7;
      }
    }
    .author-badge {
      margin-bottom: calc(var(--spacing) * 5);
      display: inline-flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #374151;
      color: var(--color-black);
    }
    .author-title {
      margin-bottom: calc(var(--spacing) * 5);
      font-family: Merriweather, sans-serif;
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: var(--color-white);
      @media (width >= 768px) {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      @media (width >= 80rem) {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height));
      }
    }
    .author-description {
      margin-bottom: calc(var(--spacing) * 7);
      max-width: var(--container-3xl);
      font-size: 18px;
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      color: color-mix(in srgb, #fff 95%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 95%, transparent);
      }
    }
    .author-specs {
      margin-bottom: calc(var(--spacing) * 5);
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 2);
      @media (width >= 768px) {
        margin-bottom: calc(var(--spacing) * 7);
      }
      .spec-card {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-slate-800);
        background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
        }
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 2);
        i {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          color: #faf544;
        }
        span {
          font-size: 12px;
          color: var(--color-slate-300);
        }
        strong {
          font-size: 14px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-white);
        }
      }
    }
    .profile-stats {
      position: absolute;
      right: calc(var(--spacing) * 4);
      bottom: calc(var(--spacing) * 4);
      left: calc(var(--spacing) * 4);
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 2);
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
      }
      padding: calc(var(--spacing) * 4);
      color: var(--color-white);
      --tw-backdrop-blur: blur(var(--blur-md));
      -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,);
      > div {
        color: #faf544;
      }
    }
    .hero-profile {
      @media (width >= 64rem) {
        grid-column: span 5 / span 5;
      }
      .profile-wrapper {
        position: relative;
        margin-inline: auto;
        max-width: var(--container-md);
        .profile-glow {
          position: absolute;
          inset: calc(var(--spacing) * -2);
          border-radius: var(--radius-3xl);
          opacity: 30%;
          --tw-blur: blur(var(--blur-2xl));
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 700ms;
          transition-duration: 700ms;
          background: linear-gradient(135deg, rgb(245 158 11), rgb(2 132 199));
        }
        .profile-card {
          position: relative;
          overflow: hidden;
          border-radius: var(--radius-3xl);
          --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          .profile-image {
            position: relative;
            overflow: hidden;
            border-radius: var(--radius-2xl);
            aspect-ratio: 4 / 5;
            img {
              height: 100%;
              width: 100%;
              object-fit: cover;
              object-position: top;
            }
          }
        }
      }
    }
    .stat-item {
      text-align: center;
      font-size: 11px;
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      text-transform: uppercase;
      .stat-value {
        margin-top: calc(var(--spacing) * 1);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-white);
      }
    }
  }
}
@layer MilestoneTimeline {
  .section-bio {
    .page-content__area {
      color: inherit;
    }
  }
  .milestone-timeline {
    .section-label {
      display: block;
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      --tw-tracking: var(--tracking-widest);
      letter-spacing: var(--tracking-widest);
      color: #faf544;
      text-transform: uppercase;
    }
    .timeline {
      position: relative;
      margin-top: calc(var(--spacing) * 4);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
      }
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
      border-color: var(--color-slate-200);
      padding-block: calc(var(--spacing) * 2);
    }
    .timeline-item {
      position: relative;
      padding-left: calc(var(--spacing) * 8);
      &:hover {
        .timeline-dot {
          background-color: #faf544;
        }
      }
    }
    .timeline-dot {
      position: absolute;
      top: calc(var(--spacing) * 1);
      left: calc(9px * -1);
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: #faf544;
      background-color: #faf544;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    .timeline-content {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .timeline-year {
      display: block;
      font-size: 11px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: var(--tracking-wider);
      letter-spacing: var(--tracking-wider);
      color: #faf544;
      text-transform: uppercase;
      opacity: 75%;
    }
    .timeline-title {
      font-size: 15px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-white);
    }
    .timeline-description {
      font-size: 13px;
      --tw-leading: var(--leading-relaxed);
      line-height: var(--leading-relaxed);
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
      color: var(--color-white);
      opacity: 50%;
    }
  }
}
@layer AuthorDetail {
  .author-blog-grid {
    display: grid;
    gap: clamp(12px, 2vw, 18px);
    @media (width >= 640px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .author-blog-card {
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .author-blog-card__img {
    display: block;
    overflow: hidden;
    img {
      height: clamp(160px, 18vw, 230px);
      width: 100%;
      object-fit: cover;
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    &:hover img {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .author-blog-card__body {
    padding: clamp(12px, 1.8vw, 16px);
  }
  .author-blog-card__meta {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: clamp(12px, 1.1vw, 13px);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    .dot {
      opacity: 50%;
    }
  }
  .author-blog-card__title {
    margin-bottom: 8px;
    font-size: 19px;
    --tw-leading: 1.3;
    line-height: 1.3;
    --tw-font-weight: 500;
    font-weight: 500;
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
    color: var(--color-black);
    a {
      display: block;
      height: 100%;
      color: inherit;
    }
  }
  .author-blog-card__desc {
    margin: calc(var(--spacing) * 0);
    font-size: clamp(13px, 1.2vw, 14px);
    --tw-leading: 1.6;
    line-height: 1.6;
    color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
}
.text-btn {
  margin-top: calc(var(--spacing) * 3);
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing) * 1);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  border-color: var(--color-gray-500);
  padding-bottom: calc(var(--spacing) * 4);
  font-size: 13px;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-black);
  text-transform: uppercase;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  &:hover {
    @media (hover: hover) {
      gap: calc(var(--spacing) * 3);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: #374151;
    }
  }
  svg {
    opacity: 70%;
  }
  &:hover {
    svg {
      opacity: 100%;
    }
  }
}
.single-itinerary {
  margin-top: 15px;
  .breadcrumbs-wrap {
    display: block;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #ccc;
    padding-bottom: 20px;
    @media (width >= 640px) {
      display: flex;
    }
    @media (width >= 640px) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    @media (width >= 640px) {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .breadcrumb-nav {
      margin-bottom: calc(var(--spacing) * 2);
      display: flex;
      justify-content: center;
      @media (width >= 640px) {
        margin-bottom: calc(var(--spacing) * 0);
      }
      @media (width >= 640px) {
        display: inline-block;
      }
    }
    .sharethis-inline-share-buttons {
      display: flex !important;
      width: 100%;
      justify-content: center;
      @media (width >= 640px) {
        display: inline-block !important;
      }
      @media (width >= 640px) {
        width: auto;
      }
    }
  }
}
.banner-grid {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 8px;
  .banner {
    position: relative;
    grid-column: span 6 / span 6;
    border-radius: 10px;
    @media (width >= 640px) {
      grid-column: span 4 / span 4;
    }
    a {
      display: block;
      height: 220px;
      width: 100%;
      cursor: pointer;
      overflow: hidden;
      border-radius: 10px;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        img {
          scale: 1.1;
        }
      }
    }
    img, iframe {
      height: 100%;
      width: 100%;
      border-radius: 10px;
      object-fit: cover;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
    &:first-child {
      grid-column: span 12 / span 12;
      grid-row: span 2 / span 2;
      @media (width >= 640px) {
        grid-column: span 8 / span 8;
      }
      a {
        height: 450px;
      }
    }
    .video-player {
      span {
        position: absolute;
        bottom: 15px;
        left: 15px;
        display: inline-flex;
        height: 48px;
        width: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        border-radius: calc(infinity * 1px);
        font-size: 18px;
        color: var(--color-white);
        background: rgba(18, 0, 0, 0.4);
      }
      &:hover {
        span {
          background-color: #374151ad;
        }
      }
    }
    .image-modal {
      span {
        position: absolute;
        right: 15px;
        bottom: 15px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: calc(var(--spacing) * 2);
        border-radius: 3px;
        background-color: #333;
        padding-inline: 8px;
        padding-block: 5px;
        font-size: 13px;
        color: var(--color-white);
        i {
          font-size: 15px;
        }
      }
      &:hover {
        span {
          background-color: #374151ad;
        }
      }
    }
  }
}
.banner:first-child:nth-last-child(2) + .banner {
  grid-row: span 2 / span 2;
}
.banner:only-child {
  grid-column: span 12 / span 12;
  grid-row: span 1 / span 1;
}
.review-ratings {
  margin-top: 15px;
  > div {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 14px;
    --tw-leading: 1.1;
    line-height: 1.1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    i {
      font-size: 16px;
      color: #d19d11;
    }
  }
}
@layer PackageHeader {
  .package-header {
    padding-top: 20px;
    @media (width >= 640px) {
      padding-top: 15px;
    }
    .variation-options {
      display: none;
      @media (width >= 640px) {
        display: grid;
      }
    }
  }
  .heading {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 28px;
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    @media (width >= 640px) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 768px) {
      font-size: 35px;
    }
    @media (width >= 64rem) {
      font-size: 40px;
    }
  }
  .sub-head {
    margin-bottom: calc(var(--spacing) * 3);
    --tw-leading: 1.65;
    line-height: 1.65;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-600);
    @media (width >= 768px) {
      font-size: 17px;
    }
  }
  .package-header-wrap {
    margin-bottom: 25px;
    @media (width >= 640px) {
      margin-bottom: 30px;
    }
    .review-ratings {
      margin-top: calc(var(--spacing) * 0);
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
      justify-content: center;
      gap: calc(var(--spacing) * 4);
      @media (width >= 640px) {
        align-items: center;
      }
      .rating-block {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        .stars {
          display: flex;
          align-items: center;
          gap: 3px;
          i {
            font-size: 15px;
            color: var(--color-yellow-400);
          }
        }
        .rating-meta {
          display: flex;
          align-items: center;
          gap: calc(var(--spacing) * 2);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-gray-800);
          .rating-divider {
            color: var(--color-gray-300);
          }
          .rating-count {
            color: var(--color-gray-600);
          }
        }
      }
    }
  }
}
@layer TripFacts {
  .trip-facts {
    margin-bottom: calc(var(--spacing) * 8);
    overflow: hidden;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #be9011;
    background-color: #be901112;
    padding-block: calc(var(--spacing) * 2);
    @media (width >= 640px) {
      padding: calc(var(--spacing) * 5);
    }
    @media (width >= 768px) {
      overflow: auto;
    }
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 6);
    }
    .trip-facts__list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--spacing) * 0);
      @media (width >= 640px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 640px) {
        gap: calc(var(--spacing) * 4);
      }
      @media (width >= 768px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      .trip-facts__item {
        position: relative;
        display: flex;
        gap: calc(var(--spacing) * 3);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: #ccc;
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 2);
        font-size: 13px;
        --tw-leading: 1.35;
        line-height: 1.35;
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
        color: var(--color-black);
        @media (width >= 640px) {
          border-style: var(--tw-border-style);
          border-width: 0px;
        }
        @media (width >= 640px) {
          padding: calc(var(--spacing) * 0);
        }
        @media (width >= 640px) {
          font-size: 14px;
        }
        span {
          position: relative;
          display: block;
          font-size: 14px;
          --tw-leading: 1.38;
          line-height: 1.38;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          @media (width >= 640px) {
            font-size: 15px;
          }
          @media (width >= 768px) {
            font-size: 16px;
          }
          &.easy, &.moderate, &.challenging {
            &:before {
              pointer-events: none;
              visibility: hidden;
              position: absolute;
              bottom: calc(var(--spacing) * 0);
              left: calc(var(--spacing) * 0);
              z-index: 9;
              width: 220px;
              border-radius: 5px;
              background-color: color-mix(in srgb, #000 80%, transparent);
              @supports (color: color-mix(in lab, red, red)) {
                background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
              }
              padding: 15px;
              font-size: 13px;
              --tw-leading: 1.56;
              line-height: 1.56;
              --tw-font-weight: 500;
              font-weight: 500;
              white-space: normal;
              color: var(--color-white);
              text-transform: capitalize;
              opacity: 0%;
              transition-property: all;
              transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
              transition-duration: var(--tw-duration, var(--default-transition-duration));
              --tw-duration: 300ms;
              transition-duration: 300ms;
              --tw-ease: var(--ease-in-out);
              transition-timing-function: var(--ease-in-out);
              --tw-content: attr(data-tooptip);
              content: var(--tw-content);
              @media (width >= 64rem) {
                bottom: -50px;
              }
              @media (width >= 64rem) {
                left: 100px;
              }
            }
          }
          &:hover {
            &:before {
              pointer-events: auto;
              visibility: visible;
              opacity: 100%;
            }
          }
        }
        .fact-icon {
          display: inline-flex !important;
          height: 44px;
          width: 44px;
          align-items: center;
          justify-content: center;
          border-radius: calc(infinity * 1px);
          background-color: var(--color-white);
          font-size: 18px;
          color: #374151;
        }
        div {
          i {
            margin-left: 2px;
            font-size: 13px;
            color: var(--color-gray-500);
            opacity: .9;
          }
        }
        .easy {
          color: #577719;
        }
        .moderate {
          color: #a99a1e;
        }
        .challenging {
          color: #bb1e2e;
        }
        &:before {
          pointer-events: none;
          visibility: hidden;
          position: absolute;
          bottom: 40px;
          left: 23px;
          z-index: 9;
          width: 250px;
          border-radius: 5px;
          background-color: color-mix(in srgb, #000 76%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-black) 76%, transparent);
          }
          padding: 15px;
          font-size: 13px;
          --tw-leading: 1.4;
          line-height: 1.4;
          --tw-font-weight: 500;
          font-weight: 500;
          white-space: normal;
          color: var(--color-white);
          text-transform: capitalize;
          transition-property: all;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 300ms;
          transition-duration: 300ms;
          --tw-ease: var(--ease-in-out);
          transition-timing-function: var(--ease-in-out);
          --tw-content: attr(data-tooptip);
          content: var(--tw-content);
        }
      }
    }
  }
}
@layer PackageAside {
  .package-pricing {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 2);
    @media (width >= 640px) {
      flex-direction: row;
    }
    @media (width >= 640px) {
      align-items: flex-end;
    }
    @media (width >= 640px) {
      justify-content: space-between;
    }
    .seat {
      position: absolute;
      top: -10px;
      left: calc(var(--spacing) * 4);
    }
    .price-main {
      display: flex;
      flex-direction: column;
      .price-label {
        margin-bottom: calc(var(--spacing) * 1);
        font-size: 11px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider);
        color: var(--color-gray-500);
        text-transform: uppercase;
      }
      .price-amount {
        display: flex;
        align-items: baseline;
        gap: calc(var(--spacing) * 1);
        .price-currency {
          margin-top: calc(var(--spacing) * 1);
          align-self: flex-start;
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-gray-500);
        }
        .price-value {
          font-size: var(--text-3xl);
          line-height: var(--tw-leading, var(--text-3xl--line-height));
          --tw-font-weight: var(--font-weight-extrabold);
          font-weight: var(--font-weight-extrabold);
          color: #374151;
          @media (width >= 768px) {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height));
          }
        }
        .price-unit {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          color: var(--color-gray-500);
        }
      }
    }
    .price-original {
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 2.5);
      @media (width >= 640px) {
        flex-direction: column;
      }
      @media (width >= 640px) {
        align-items: flex-end;
      }
      .price-strikethrough {
        font-size: 15px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-gray-400);
        text-decoration-line: line-through;
      }
      .price-save {
        border-radius: var(--radius-md);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-green-200);
        background-color: var(--color-green-50);
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 0.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-green-700);
      }
    }
  }
  .cta--btns {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .booking-info {
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--spacing) * 4);
    .info-card {
      margin-top: calc(var(--spacing) * 2.5);
      display: flex;
      align-items: flex-start;
      gap: calc(var(--spacing) * 2);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: #e5e5e5;
      padding-top: calc(var(--spacing) * 2.5);
      &:first-child {
        margin-top: calc(var(--spacing) * 0);
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding-top: calc(var(--spacing) * 0);
      }
      i {
        margin-top: calc(var(--spacing) * 1);
        flex-shrink: 0;
        font-size: 13px;
        --tw-leading: 1;
        line-height: 1;
        color: #28b328;
        &.large-icon {
          font-size: 28px;
        }
      }
      .info-card__content {
        flex: 1;
        font-size: 14px;
        --tw-leading: 1.38;
        line-height: 1.38;
        color: var(--color-gray-500);
      }
      .info-card__title {
        margin: calc(var(--spacing) * 0);
        margin-bottom: 2px;
        font-size: 15px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-black);
      }
    }
  }
  .sharethis-inline-share-buttons {
    > div {
      display: inline-block !important;
    }
  }
  .price-table-title {
    margin-top: calc(var(--spacing) * 5);
    margin-bottom: calc(var(--spacing) * 2.5);
    display: block;
    cursor: pointer;
    font-size: 12px;
    --tw-leading: 18px;
    line-height: 18px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #be9011;
    text-transform: uppercase;
  }
  .discount-table {
    table {
      width: 100%;
      border-radius: var(--radius-sm);
      background-color: #fef7e6;
      thead {
        th {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px;
          border-color: #f2b203;
          padding-inline: calc(var(--spacing) * 3);
          padding-block: calc(var(--spacing) * 2);
          text-align: left;
          font-size: 12px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: #000;
          text-transform: uppercase;
        }
      }
      tbody {
        tr {
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
          border-color: var(--color-gray-200);
          &:nth-child(even), &:hover {
            background-color: #ffffff87;
          }
          td {
            padding-inline: calc(var(--spacing) * 3);
            padding-block: calc(var(--spacing) * 2);
            font-size: 12px;
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: #111111bd;
            text-transform: uppercase;
          }
        }
      }
    }
  }
}
@layer tripBodycontainer {
  .infoCard {
    &:not(:first-child) {
      margin-top: calc(var(--spacing) * 3);
      border-top-style: var(--tw-border-style);
      border-top-width: 2px;
      border-color: var(--color-gray-300);
      padding-top: calc(var(--spacing) * 3);
      @media (width >= 640px) {
        margin-top: calc(var(--spacing) * 5);
      }
      @media (width >= 640px) {
        padding-top: calc(var(--spacing) * 5);
      }
      @media (width >= 768px) {
        margin-top: calc(var(--spacing) * 8);
      }
      @media (width >= 768px) {
        padding-top: calc(var(--spacing) * 8);
      }
    }
    .info-title {
      font-size: 22px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      --tw-tracking: -0.8px;
      letter-spacing: -0.8px;
      --tw-tracking: 0;
      letter-spacing: 0;
      color: #374151;
      @media (width >= 640px) {
        font-size: 28px;
      }
    }
  }
  .list-tick {
    ul {
      margin: calc(var(--spacing) * 0);
      display: grid;
      list-style-type: none;
      gap: 8px;
      padding: calc(var(--spacing) * 0);
      padding-left: calc(var(--spacing) * 3);
    }
    li {
      position: relative;
      padding-left: calc(var(--spacing) * 8);
      font-size: 15px;
      --tw-leading: calc(var(--spacing) * 6.5);
      line-height: calc(var(--spacing) * 6.5);
      --tw-font-weight: 300;
      font-weight: 300;
      color: #262626;
      @media (width >= 640px) {
        font-size: 15.2px;
      }
      @media (width >= 768px) {
        font-size: 16px;
      }
    }
    li::before {
      content: "✓";
      position: absolute;
      top: 5px;
      left: calc(var(--spacing) * 0);
      display: flex;
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 5);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      background-color: var(--color-teal-600);
      font-size: 12px;
      --tw-leading: 1;
      line-height: 1;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-white);
    }
    strong {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #0f172a;
    }
  }
  .contentarea {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
    font-size: 17.2px;
    --tw-leading: 1.72;
    line-height: 1.72;
    --tw-font-weight: 400;
    font-weight: 400;
    color: #262626;
    strong {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
    a {
      color: var(--color-blue-600);
      text-decoration-line: underline;
    }
  }
}
@layer packageVariation {
  .variation-options {
    margin-top: 22px;
    gap: calc(var(--spacing) * 3);
    @media (width >= 640px) {
      display: grid;
    }
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
  .variation-card {
    position: relative;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .variation-card:hover {
    border-color: #374151;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transform: translateY(-4px);
  }
  .variation-card.active {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #374151;
    background-color: #374151;
    .vc-label, .vc-price, .vc-badge {
      color: var(--color-white);
    }
    .vc-check {
      background-color: var(--color-white);
      color: #374151;
    }
  }
  .vc-check {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    display: none;
    height: 18px;
    width: 18px;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #374151;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .variation-card.active .vc-check {
    display: flex;
  }
  .vc-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-gray-500);
    text-transform: uppercase;
  }
  .vc-price {
    margin-top: auto;
    margin-bottom: calc(var(--spacing) * 0.5);
    font-size: 28px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-600);
  }
  .vc-badge {
    position: absolute;
    top: -10px;
    right: calc(var(--spacing) * 2.5);
    margin-bottom: calc(var(--spacing) * 0.5);
    display: inline-block;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-red-50);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--color-red-700);
    text-transform: uppercase;
  }
  .vc-review-stats {
    margin-top: auto;
    margin-bottom: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-200);
    padding-top: calc(var(--spacing) * 1.5);
    i {
      font-size: 14px;
      color: #f59e0b;
    }
  }
  .vc-stars {
    font-size: 11px;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-amber-400);
  }
  .vc-rating {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-gray-500);
  }
}
@layer WebStories {
  .stories__row {
    gap: calc(var(--spacing) * 4);
    @media (width >= 640px) {
      display: grid;
    }
    @media (width >= 640px) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    @media (width >= 640px) {
      gap: 16px;
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: 20px;
    }
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    .card-blog {
      position: relative;
      min-height: 350px;
      flex: 0 0 280px;
      @media (width >= 640px) {
        min-height: 400px;
      }
      @media (width >= 640px) {
        flex: 100%;
      }
      @media (width >= 768px) {
        min-height: 450px;
      }
      .seat {
        position: absolute;
        top: 15px;
        left: 15px;
      }
      .card-content {
        .title {
          text-align: left;
          font-size: 20px;
          --tw-leading: 1.14;
          line-height: 1.14;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
      }
    }
  }
}
@layer ShortItinerary {
  .short-itenerary__item {
    display: flex;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200);
    padding-block: calc(var(--spacing) * 3);
    .short-itenerary__item-day {
      width: 65px;
      flex-shrink: 0;
      font-size: 15px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: #374151;
    }
    .short-itenerary__item-title {
      flex: 1;
      --tw-leading: 1.45;
      line-height: 1.45;
      color: var(--color-gray-700);
    }
    .short-itenerary__item-title p {
      margin-bottom: calc(var(--spacing) * 1);
    }
    &:last-child {
      border-bottom: 0;
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
}
@layer DetailedItinerary {
  .itinerary-items-body {
    position: relative;
    margin-top: 22px;
    &:before {
      content: "";
      position: absolute;
      top: 14px;
      border-left: 2px dashed #d9d9d9;
      height: 100%;
      z-index: 1;
      left: 12px;
    }
    .itinerary-items {
      position: relative;
      margin-left: 45px;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #0706060f;
      padding-block: 16px;
      > div {
        position: relative;
        display: flex;
        cursor: pointer;
        align-items: center;
        gap: calc(var(--spacing) * 4);
      }
      &:first-child {
        padding-top: 0;
      }
      &:last-child {
        border-bottom: 0;
        padding-bottom: calc(var(--spacing) * 0);
      }
      &.active {
        i {
          transform: rotate(180deg);
        }
        .bullet {
          background-color: #374151;
        }
        .itinerary-title {
          color: var(--color-black);
        }
      }
      &:hover {
        .bullet {
          background-color: #374151;
        }
        .itinerary-title {
          color: var(--color-black);
        }
      }
      .bullet {
        position: absolute;
        top: calc(var(--spacing) * 0);
        left: -45px;
        z-index: 10;
        display: flex;
        height: calc(var(--spacing) * 7);
        width: calc(var(--spacing) * 7);
        align-items: center;
        justify-content: center;
        border-radius: calc(infinity * 1px);
        background-color: var(--color-black);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
        color: var(--color-white);
      }
      .itinerary-title {
        padding-right: calc(var(--spacing) * 3);
        font-size: 17px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-gray-700);
        @media (width >= 640px) {
          font-size: 18px;
        }
      }
      i {
        position: absolute;
        top: 5px;
        right: calc(var(--spacing) * 0);
        font-size: 14px;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 30ms;
        transition-duration: 30ms;
      }
      .itinerary-items-content {
        margin-top: 12px;
        display: none;
        cursor: inherit;
        .itinerary__specs {
          margin-block: calc(var(--spacing) * 5);
          margin-top: calc(var(--spacing) * 6);
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: calc(var(--spacing) * 2);
          border-radius: var(--radius-md);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-blue-200);
          background-color: var(--color-blue-50);
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 2);
          text-align: left;
          font-size: 13px;
          color: var(--color-black);
          @media (width >= 640px) {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }
          @media (width >= 768px) {
            grid-template-columns: repeat(4, minmax(0, 1fr));
          }
          .itinerary__specs-item {
            width: 100%;
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
            --tw-font-weight: 300;
            font-weight: 300;
            strong {
              display: block;
              font-size: 14px;
              --tw-font-weight: var(--font-weight-medium);
              font-weight: var(--font-weight-medium);
            }
            svg {
              margin-bottom: 7px;
              height: 25px;
              path {
                fill: #374151;
              }
            }
          }
        }
      }
      .gallery-wrap {
        margin-top: calc(var(--spacing) * 6);
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: calc(var(--spacing) * 3);
        @media (width >= 640px) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        @media (width >= 768px) {
          gap: calc(var(--spacing) * 4);
        }
        @media (width >= 64rem) {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .image-modal {
          position: relative;
          display: block;
          aspect-ratio: 4/3;
          cursor: pointer;
          overflow: hidden;
          border-radius: var(--radius-lg);
          img {
            margin-top: calc(var(--spacing) * 0);
            height: 100%;
            width: 100%;
            object-fit: cover;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            --tw-duration: 300ms;
            transition-duration: 300ms;
          }
        }
      }
    }
  }
}
@layer WhatsIcluded {
  .included-price {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .list-tick-wrapper {
    margin-top: calc(var(--spacing) * 2);
    .list-tick {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      border-color: #0f0d0d12;
      padding-block: calc(var(--spacing) * 4);
      strong {
        margin-bottom: calc(var(--spacing) * 1);
        display: inline-flex;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        font-size: 20px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        img {
          object-fit: cover;
        }
      }
      &:last-child {
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding-bottom: calc(var(--spacing) * 0);
      }
      &:first-child {
        padding-top: 0;
      }
    }
    &.equipment-lists {
      margin-top: calc(var(--spacing) * 5);
      .list-tick {
        li {
          padding-left: calc(var(--spacing) * 4);
          &:before {
            content: "";
            width: 8px;
            height: 8px;
            top: 10px;
            left: 0;
          }
        }
      }
    }
  }
}
@layer WhatsExclude {
  .exclude-price {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #a81f00;
    background-color: #a81f0012;
    padding: calc(var(--spacing) * 7);
    .info-title {
      color: var(--color-red-700);
    }
    .list-tick {
      margin-top: calc(var(--spacing) * 3);
      &.excluded {
        li {
          color: var(--color-red-700);
          &:before {
            background-color: #a81f0012;
            --tw-content: '🚫';
            content: var(--tw-content);
          }
        }
      }
    }
  }
}
@layer TripMap {
  .mapIframe {
    border-radius: var(--radius-md);
    background-color: var(--color-gray-50);
    padding: calc(var(--spacing) * 3);
  }
}
@layer Faq {
  .faq-wrapper .itinerary-items-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    &:before {
      content: "";
      border: none;
    }
    .itinerary-items {
      margin-left: 0;
      border-radius: var(--radius-sm);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-200);
      background-color: var(--color-gray-100);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
      .itinerary-title {
        font-size: 18px;
        --tw-font-weight: 600;
        font-weight: 600;
      }
      .page-content__area {
        --tw-font-weight: 500;
        font-weight: 500;
        p {
          --tw-font-weight: 400;
          font-weight: 400;
        }
      }
    }
  }
}
@layer GuideSelector {
  .guideList {
    .swiper-slide {
      margin-bottom: 20px;
      border-radius: var(--radius-md);
      background-color: var(--color-gray-100);
    }
  }
}
@layer PackageReview {
  .packagereview {
    .swiper {
      padding-block: 10px;
    }
    .review-card {
      margin-bottom: 10px;
      @media (width >= 640px) {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
}
@layer PackageNavMenu {
  .tripdetails__header {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 3;
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-gray-50);
    .trip-sub-nav {
      display: flex;
      align-items: center;
      white-space: nowrap;
      flex-wrap: nowrap;
      -ms-overflow-style: none;
      scrollbar-width: none;
      overflow-x: auto;
      scroll-snap-type: inline mandatory;
      li {
        list-style-type: none;
        &.active-tab, &:hover {
          .trip-subnav {
            background-color: #374151;
            color: var(--color-white);
          }
        }
      }
      .trip-subnav {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        padding-inline: calc(var(--spacing) * 3);
        padding-block: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-gray-700);
        text-transform: uppercase;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 300ms;
        transition-duration: 300ms;
        i {
          font-size: 15px;
        }
        &:hover {
          color: #374151;
        }
        &.active-tab {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 2px;
          border-color: #374151;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: #374151;
        }
      }
    }
  }
  body {
    &.packagenavbar-sticky {
      .main-header {
        &.header-sticky {
          transform: translateY(-1000%);
          transition: 0.4s ease-in-out;
        }
      }
    }
  }
}
.representative_box {
  position: relative;
  height: 100%;
  cursor: pointer;
  border-radius: 0.25rem;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  .representative_round {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    .representative-info {
      padding: calc(var(--spacing) * 7);
      padding-top: calc(var(--spacing) * 5);
      padding-right: calc(var(--spacing) * 4);
      color: var(--color-white);
      .slug {
        margin-bottom: calc(var(--spacing) * 1);
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        font-size: 11px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        text-transform: uppercase;
        img {
          border-radius: var(--radius-sm);
          object-fit: cover;
        }
      }
      .representative-name {
        font-size: 1.38rem;
        --tw-font-weight: 500;
        font-weight: 500;
        color: var(--color-white);
      }
      p {
        font-size: 13px;
        color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
      }
    }
    .representative-contact {
      margin-top: calc(var(--spacing) * 1);
      display: flex;
      align-items: center;
      gap: calc(var(--spacing) * 2);
      color: color-mix(in srgb, #fff 90%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 90%, transparent);
      }
      i {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        color: var(--color-green-500);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
      a {
        font-size: 15px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        text-underline-offset: 2px;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
    .decor {
      position: relative;
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 500ms;
      transition-duration: 500ms;
      background-position: 100% 0;
      background-repeat: no-repeat;
      background-size: 100%;
      margin-top: -5rem;
      background-image: url("../img/representative-decor.png");
    }
    .representative-image {
      margin-top: auto;
      margin-left: auto;
      img {
        position: relative;
        top: 10px;
        right: -10px;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: 200ms;
        transition-duration: 200ms;
      }
    }
  }
  &:hover, &.active {
    background-color: var(--color-white);
    .representative-info {
      color: var(--color-black);
      .representative-name, p {
        color: var(--color-black);
      }
    }
    .representative-contact {
      i {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
        color: var(--color-green-600);
      }
      a {
        color: var(--color-green-600);
      }
    }
    img {
      transform: scale(1.1);
    }
    .decor {
      background-size: 90%;
      background-position: right 3rem;
    }
  }
}
.mobile-package-header {
  position: sticky;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  z-index: 50;
  background-color: var(--color-white);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 640px) {
    display: none;
  }
  transition: all 0.3s ease;
  .btn-close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #a81f00;
    font-size: 20px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 50;
    color: #fff;
  }
  .variant-bg {
    position: fixed;
    inset: 0;
    background: #fff;
    transform: scaleY(0);
    transform-origin: bottom;
    z-index: 10;
    will-change: transform;
    pointer-events: none;
  }
  .variation-options {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100vh - 10px);
    background: #fff;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 3);
    z-index: 40;
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
  }
  .variation-card {
    will-change: transform, opacity;
  }
  > .flex {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
    z-index: 20;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    .package-pricing {
      margin-bottom: calc(var(--spacing) * 0);
      padding-top: calc(var(--spacing) * 0);
      .pricing-main {
        .pricing-label {
          margin-bottom: calc(var(--spacing) * 0);
          font-size: 10px !important;
        }
      }
      .price-value {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
      .price-unit {
        font-size: 11px;
      }
    }
    .mbl--btns {
      display: flex;
      align-items: center;
      gap: 6px;
      > .btn {
        padding: 7px 13px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 500;
        &.btn--green {
          background: #277845;
          color: #fff;
        }
        &.btn--blue {
          background: #0b6ba5;
          color: #fff;
        }
        &.btn--outline {
          border: 1px solid #374151;
          &:hover {
            background-color: #374151;
            color: #fff;
          }
        }
      }
    }
  }
  &.active {
    .variant-bg {
      pointer-events: auto;
    }
    .variation-options {
      pointer-events: auto;
    }
  }
}
@layer BookingSteps {
  .nav_border {
    margin-block: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-gray-50);
    padding-block: calc(var(--spacing) * 3);
  }
  .bs-stepper-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      flex-direction: row;
    }
    .step {
      display: flex;
      align-items: center;
      .step-trigger {
        display: flex;
        cursor: pointer;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        text-align: left;
        .bs-stepper-circle {
          display: flex;
          height: calc(var(--spacing) * 8);
          width: calc(var(--spacing) * 8);
          align-items: center;
          justify-content: center;
          border-radius: calc(infinity * 1px);
          background-color: var(--color-gray-300);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-white);
        }
        .bs-stepper-label {
          font-size: 16px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
          color: var(--color-gray-600);
        }
      }
      &.active {
        .bs-stepper-circle {
          background-color: #faf544;
          color: var(--color-black);
        }
        .bs-stepper-label {
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #374151;
        }
      }
    }
  }
  .step-trigger[disabled] {
    cursor: not-allowed;
    opacity: 50%;
  }
  .line {
    margin-inline: calc(var(--spacing) * 2);
    height: 2px;
    flex: 1;
    background-color: var(--color-gray-300);
  }
}
@layer Booking_Detail {
  .trip_summary {
    position: sticky;
    top: 130px;
    border-radius: var(--radius-xl);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    .trip-title {
      margin-bottom: calc(var(--spacing) * 6);
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      --tw-tracking: var(--tracking-wide);
      letter-spacing: var(--tracking-wide);
      text-transform: uppercase;
    }
    .trip-header {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: calc(var(--spacing) * 4);
      .trip-image {
        grid-column: span 5 / span 5;
        img {
          height: 100%;
          width: 100%;
          border-radius: var(--radius-lg);
          object-fit: cover;
        }
      }
      .trip-info {
        grid-column: span 7 / span 7;
        .trip-name {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          --tw-font-weight: var(--font-weight-bold);
          font-weight: var(--font-weight-bold);
          color: #374151;
        }
        .trip-location {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-gray-500);
        }
        .themes_btn {
          display: inline-block;
          border-radius: 0.25rem;
          background-color: var(--color-gray-100);
          padding-inline: calc(var(--spacing) * 2);
          padding-block: calc(var(--spacing) * 1);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
        }
      }
    }
    .trip-list {
      margin-top: calc(var(--spacing) * 4);
      :where(& > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      }
      :where(& > :not(:last-child)) {
        border-color: var(--color-gray-100);
      }
      .trip-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-block: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        .trip-right {
          text-align: right;
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
        }
        .text_price {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height));
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
        }
      }
    }
  }
}
@layer BookingForm {
  .bs-stepper-contents {
    h5 {
      margin-bottom: calc(var(--spacing) * 5);
      font-size: 25px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #0F1923;
      color: var(--color-black);
    }
    .content {
      margin-bottom: calc(var(--spacing) * 6);
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-200);
      background-color: #00000005;
      padding: calc(var(--spacing) * 6);
      p {
        margin-bottom: calc(var(--spacing) * 4);
        &:last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
        a {
          text-decoration: underline;
          color: #0b6ba5;
        }
      }
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  .preferences-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 6);
  }
  .preference-title-wrap {
    textarea {
      margin-block: calc(var(--spacing) * 3);
      height: 140px;
      width: 100%;
      border-radius: 4px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: rgba(0,0,0,0.14);
      background-color: var(--color-white);
      padding: calc(var(--spacing) * 3);
      font-family: Outfit, sans-serif;
      font-size: 14px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: rgba(0,0,0,0.8);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  .form-group {
    position: relative;
    label {
      position: relative;
      display: inline-flex;
      width: 100%;
      cursor: pointer;
      align-items: center;
      border-style: var(--tw-border-style);
      border-width: 0px;
      padding-bottom: calc(var(--spacing) * 3);
      font-size: 12.4px;
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
      color: #374151;
      text-transform: uppercase;
      span {
        margin-left: calc(var(--spacing) * 1);
        display: inline-block;
        color: var(--color-red-500);
      }
    }
    select {
      width: 100%;
      border-radius: 0.25rem;
      background-color: var(--color-white);
      &:focus {
        border-color: #37415136;
        background-color: #fff;
      }
    }
    input {
      margin-inline: auto;
      display: block;
      height: 45px;
      width: 100%;
      border-radius: 0.25rem;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-white);
      padding-inline: 15px;
      font-family: Outfit, sans-serif;
      font-size: 13px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-outline-style: none;
      outline-style: none;
      &:focus {
        border-color: #111;
        background-color: var(--color-white);
      }
    }
    textarea {
      margin-inline: auto;
      display: block;
      height: 45px;
      height: 220px;
      width: 100%;
      border-radius: 0.25rem;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: var(--color-gray-50);
      background-color: var(--color-white);
      padding-inline: 15px;
      padding-top: calc(var(--spacing) * 4);
      font-family: Outfit, sans-serif;
      font-size: 13px;
      font-size: 15px;
      --tw-leading: 1.3;
      line-height: 1.3;
      --tw-outline-style: none;
      outline-style: none;
    }
    input.datepicker-input {
      padding-left: 43px;
    }
    img {
      position: absolute;
      top: 45px;
      left: 11px;
      height: 25px;
      width: 25px;
      opacity: .6;
    }
    .add-extra {
      display: block;
      width: 100%;
      cursor: pointer;
      flex-direction: column;
      gap: calc(var(--spacing) * 4);
      border-radius: 8px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      background-color: #fff;
      padding-inline: 30px;
      padding-block: 45px;
      text-align: center;
      font-size: 18px;
      --tw-leading: 28px;
      line-height: 28px;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: #333;
      i {
        margin-inline: auto;
        display: block !important;
        height: calc(var(--spacing) * 10);
        width: calc(var(--spacing) * 10);
        border-radius: calc(infinity * 1px);
        background-color: #374151;
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        font-size: 18px;
        --tw-leading: calc(var(--spacing) * 10) !important;
        line-height: calc(var(--spacing) * 10) !important;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-white);
      }
    }
    .invalid {
      margin-top: calc(var(--spacing) * 2);
      display: inline-block;
      border-radius: var(--radius-sm);
      font-size: 14px;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-red-500);
    }
  }
}
@layer Extension {
  .descide-consent {
    margin-top: calc(var(--spacing) * 4);
    display: inline-flex;
    gap: calc(var(--spacing) * 3);
    font-size: 14px;
  }
  .preference-title-wrap {
    .preference-title {
      font-size: 22px;
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--color-gray-700);
    }
    p {
      font-size: 16px;
      opacity: .8;
    }
  }
  .extension-list {
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    gap: 14px;
    @media (width >= 490px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 768px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: 18px;
    }
    .trip-card {
      border-style: var(--tw-border-style);
      border-width: 0px;
      background-color: var(--color-white);
      padding: 0;
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      > a {
        display: block;
        height: 180px;
        width: 100%;
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
        img {
          height: 180px;
          width: 100%;
          border-top-left-radius: var(--radius-lg);
          border-top-right-radius: var(--radius-lg);
        }
      }
      .trip-title {
        font-size: 16px;
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
      .trip-card-wrap {
        display: flex;
        height: 100%;
        flex-direction: column;
        padding: 10px 18px 20px 18px;
        .flex {
          margin-top: auto;
        }
        .price-box {
          .price {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
          }
        }
      }
    }
  }
  .insurance-group {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
    .insurance-option {
      display: flex;
      cursor: pointer;
      align-items: center;
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-200);
      background-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 5);
      padding-block: calc(var(--spacing) * 3);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      input {
        margin-right: calc(var(--spacing) * 2);
        display: none;
        height: calc(var(--spacing) * 0);
        width: calc(var(--spacing) * 0);
      }
      &:has(input:checked) {
        border-color: #374151;
        background-color: #374151;
        color: var(--color-white);
        label {
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-white);
        }
      }
      label {
        flex: 1;
        cursor: pointer;
        font-size: 16px;
        color: var(--color-gray-700);
        -webkit-user-select: none;
        user-select: none;
      }
    }
  }
}
@layer Flatpicker {
  .flatpickr-calendar {
    background-color: #374151 !important;
    padding-block: 10px !important;
    &::before, &:after {
      display: none !important;
    }
    .flatpickr-months {
      padding-block: 5px;
      padding-top: calc(var(--spacing) * 0);
      border-bottom: 1px solid #ffffff0f;
      .flatpickr-prev-month, .flatpickr-next-month {
        color: #fff !important;
        fill: #fff !important;
        position: static !important;
        border-radius: 100%;
      }
      .flatpickr-month {
        font-family: Merriweather, sans-serif !important;
        color: var(--color-white) !important;
        .flatpickr-current-month {
          padding-top: calc(var(--spacing) * 0);
          font-size: 16px !important;
          --tw-font-weight: var(--font-weight-medium) !important;
          font-weight: var(--font-weight-medium) !important;
          .cur-month {
            --tw-font-weight: var(--font-weight-medium) !important;
            font-weight: var(--font-weight-medium) !important;
          }
          .numInputWrapper {
            input {
              --tw-font-weight: var(--font-weight-medium) !important;
              font-weight: var(--font-weight-medium) !important;
            }
            span {
              border-color: #fff;
              &.arrowUp {
                &:after {
                  border-bottom-color: rgba(255, 255, 255, 0.9) !important;
                }
              }
              &.arrowDown {
                &:after {
                  border-top-color: rgba(255, 255, 255, 0.9) !important;
                }
              }
            }
          }
        }
      }
    }
    .flatpickr-innerContainer {
      .flatpickr-rContainer {
        .flatpickr-weekdays {
          height: 40px !important;
          border-bottom-color: #ffffff0a !important;
          .flatpickr-weekdaycontainer {
            .flatpickr-weekday {
              font-family: Merriweather, sans-serif !important;
              font-size: 14px;
              --tw-font-weight: var(--font-weight-medium) !important;
              font-weight: var(--font-weight-medium) !important;
              color: var(--color-white) !important;
            }
          }
        }
        .flatpickr-days {
          .dayContainer {
            .flatpickr-day {
              border-radius: 8px !important;
              font-size: 14px;
              --tw-font-weight: var(--font-weight-medium) !important;
              font-weight: var(--font-weight-medium) !important;
              color: var(--color-white) !important;
              &.prevMonthDay {
                --tw-font-weight: var(--font-weight-semibold) !important;
                font-weight: var(--font-weight-semibold) !important;
                color: var(--color-white) !important;
              }
              &.today, &.selected, &.focus {
                border-color: #faf544 !important;
                background-color: #faf544 !important;
                color: var(--color-black) !important;
              }
              &:hover {
                border-color: #120f0ff2 !important;
                background-color: #120f0ff2 !important;
                color: var(--color-white) !important;
              }
              &.hidden {
                visibility: visible !important;
                opacity: 0.3;
              }
            }
          }
          .dayContainer + .dayContainer {
            -webkit-box-shadow: -3px 0 0 #ffffff1a !important;
            box-shadow: -3px 0 0 #ffffff1a !important;
          }
        }
      }
    }
  }
}
@layer TravelGuide {
  .travel-guides-grid {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-md);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 768px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .guide-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    .guide-avatar {
      margin-bottom: calc(var(--spacing) * 2);
      display: flex;
      justify-content: center;
      img {
        height: calc(var(--spacing) * 24);
        width: calc(var(--spacing) * 24);
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 4px;
        border-color: var(--color-gray-200);
        object-fit: cover;
      }
    }
    .guide-info {
      text-align: center;
      .guide-name {
        margin-bottom: calc(var(--spacing) * 0);
        font-size: 17px;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-gray-900);
      }
      .guide-role {
        margin-bottom: calc(var(--spacing) * 2);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: #374151;
        opacity: 75%;
        font-size: 0.78rem;
      }
      .guide-bio {
        margin-bottom: calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed);
        color: var(--color-gray-600);
      }
      .guide-contact {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 2);
        .contact-link {
          display: inline-block;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 2);
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height));
          color: var(--color-gray-700);
          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          --tw-duration: 200ms;
          transition-duration: 200ms;
          &:hover {
            @media (hover: hover) {
              color: #374151;
            }
          }
          i {
            color: #374151;
          }
          &:hover {
            --tw-font-weight: var(--font-weight-semibold);
            font-weight: var(--font-weight-semibold);
            color: #374151;
          }
        }
      }
    }
  }
  .general-contact-info {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200);
    background-color: var(--color-gray-50);
    padding: calc(var(--spacing) * 6);
    .contact-heading {
      margin-bottom: calc(var(--spacing) * 4);
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-gray-900);
    }
    .contact-details {
      display: flex;
      flex-direction: column;
      gap: calc(var(--spacing) * 3);
      p {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 1);
        font-size: 14px;
        color: var(--color-gray-700);
        i {
          height: calc(var(--spacing) * 5);
          width: calc(var(--spacing) * 5);
          flex-shrink: 0;
          font-size: 15px;
          color: #374151;
        }
        strong {
          font-size: 15px;
          --tw-font-weight: var(--font-weight-semibold);
          font-weight: var(--font-weight-semibold);
        }
      }
    }
  }
  .experts-cta {
    width: 100%;
  }
}
.section-photogallery, .section-skills, .section-certifications {
  .swiper-pagination {
    position: static !important;
    margin-top: calc(var(--spacing) * 4);
    .swiper-pagination-bullet {
      &.swiper-pagination-bullet-active {
        background-color: #374151;
      }
    }
  }
  .awwards-card {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(0px * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 15px 30px -5px var(--tw-shadow-color, rgba(0,0,0,0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &.gallery-card {
      padding: calc(var(--spacing) * 0);
      img {
        height: 180px;
        width: 100%;
        object-fit: cover;
        @media (width >= 768px) {
          height: 200px;
        }
        @media (width >= 64rem) {
          height: 250px;
        }
      }
    }
  }
}
.section-photogallery {
  margin-block: clamp(30px, 5vw, 35px);
  padding-block: clamp(30px, 5vw, 45px);
  margin-top: calc(var(--spacing) * 0);
}
.section-guide-packages {
  padding-block: clamp(30px, 5vw, 45px);
  margin-block: clamp(30px, 5vw, 35px);
}
.section-achivements {
  background-image: linear-gradient( to top, rgba(173, 176, 185, 0.2), rgba(255, 255, 255, 0.18), transparent, transparent );
}
.peak-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-slate-300);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 5);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: calc(5px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:hover {
    @media (hover: hover) {
      border-color: #374151;
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 15px 30px -5px var(--tw-shadow-color, rgba(0,0,0,0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .peak-card__content {
    display: flex;
    flex-direction: column;
  }
  .peak-card__header {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .peak-card__badge {
    border-radius: 0.25rem;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #374151;
  }
  .peak-card__location {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-700);
  }
  .peak-card__title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, #000 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-black) 75%, transparent);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .peak-card__height {
    margin-top: calc(var(--spacing) * 1);
    font-family: Merriweather, sans-serif;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #374151;
    strong {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .peak-card__description {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: 300;
    font-weight: 300;
    color: var(--color-slate-500);
  }
  .peak-card__footer {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 2);
  }
  .peak-card__label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #374151;
    text-transform: uppercase;
  }
  .peak-card__count {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #faf544;
    background-color: #faf544;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-black);
  }
}
@layer PackageVideoSlider {
  .videoreview {
    margin-top: 25px;
    text-align: left;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes bounce-custom {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-tracking: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --tw-divide-y-reverse: 0;
    }
  }
}