/* ------------------------- Variables -------------------------------------------------- */

:root {
  /* CSS Animations */
  --animation-default-fast: 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  --animation-default: 0.6s cubic-bezier(0.625, 0.05, 0, 1);
  --animation-default-slow: 1.2s cubic-bezier(0.625, 0.05, 0, 1);
  --animation-ease: 0.4s ease;
  --color-border-dark: rgba(var(--color-rgb-dark), 0.25);
  --color-border-light: rgba(var(--color-rgb-light), 0.25);
  --section-padding: 8em;
  --container-padding: calc(var(--gap) * 2);
  --border-radius: 1em;
  --btn-height: 3.5em;
  --navbar-height: 3.85em;
  
  --color-rgb-white: 255, 255, 255;
  --color-rgb-black: 0, 0, 0;
  --color-rgb-dark: 18, 18, 21;
  --color-rgb-light: 224, 218, 215;
  --color-rgb-light-nav: 199, 196, 194;
  --color-rgb-primary: 255, 100, 38;
}

/* Tablet */
/* @media screen and (max-width: 991px) {
	:root {
		--gap: 1.75em;
		--gap-small: 1.25em;
		--navbar-height: 3.5em;
	}
} */

/* Mobile Landscape */
/* @media screen and (max-width: 767px) {
	:root {
    --section-padding: 6em;
		--gap: 1.25em;
		--container-padding: var(--gap);
	}
} */

/* Mobile Portrait */
@media screen and (max-width: 479px) {}

/* ------------------------- Copy/Paste Media Queries -------------------------------------------------- */

@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 479px) {}

@media screen and (min-width: 992px) {}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 480px) {}

@media (hover: hover) and (pointer: fine) {}
@media (hover: none) and (pointer: coarse) {}


/* ------------------------- Scaling System made by Dennis Snellenberg -------------------------------------------------- */

/* Desktop */
:root {
  --size-unit: 16; /* body font-size in design - no px */
  --size-container-ideal: 1620; /* screen-size in design - no px */
  --size-container-min: 992px;
  --size-container-max: 1920px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
/* @media screen and (max-width: 991px) {
	:root {
    --size-container-ideal: 834; 
    --size-container-min: 768px;
    --size-container-max: 991px;
	}
} */

/* Mobile Landscape */
/* @media screen and (max-width: 767px) {
	:root {
    --size-container-ideal: 390; 
    --size-container-min: 480px;
    --size-container-max: 767px;
	}
} */

/* Mobile Portrait */
@media screen and (max-width: 479px) {
	:root {
    --size-container-ideal: 390; 
    --size-container-min: 320px;
    --size-container-max: 479px;
	}
}

/* ------------------------- Viewportheight -------------------------------------------------- */

:root {
  --vh-in-px: 8px; /* Default fallback */
  --vh: var(--vh-in-px);
  --dvh: var(--vh); /* Same as original VH */
  --svh: var(--vh);
  --lvh: var(--vh);
}

/* Only on non-touch devices */
@media (hover: hover) and (pointer: fine) {
  :root {
    --vh: 1vh;
  }

  /* If the device supports svh and lvh */
  @supports (height: 1svh) {
    :root {
      --vh: 1vh; /* Viewport height */
      --dvh: 1dvh; /* Dynamic viewport height */
      --svh: 1svh; /* Small viewport height */
      --lvh: 1lvh; /* Large viewport height */
    }
  }
}

/* Only on touch devices */
@media (hover: none) and (pointer: coarse) {
  /* Set vh to dvh initially */
  :root {
    --vh: var(--vh-in-px);
  }
  
  /* If the device supports lvh */
  @supports (height: 1lvh) {
    :root {
      --dvh: 1dvh; /* Dynamic viewport height */
      --svh: 1svh; /* Small viewport height */
      --lvh: 1lvh; /* Large viewport height */
    }
  }
}

/* ------------------------- Lenis -------------------------------------------------- */

html.lenis {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto; height: 100vh;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

/* ------------------------- Hide Scrollbar -------------------------------------------------- */

body ::-webkit-scrollbar, body::-webkit-scrollbar{display: none;} /* Chrome, Safari, Opera */
body {-ms-overflow-style: none;} /* IE & Edge */
html {scrollbar-width: none;} /* Firefox */

/* ------------------------- Body -------------------------------------------------- */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
li, ul, figure { padding: 0; margin: 0; list-style: none;}

html {
  scroll-behavior: initial;
}

body {
  -webkit-font-smoothing: antialiased;
}

html, body {
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
}



/* Selection */
::selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--color-primary);
  color: var(--color-dark);
  text-shadow: none;
}

/* General */
canvas, img, video, picture, figure {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  display: block;
}

img {
  width: 100%;
}

svg {
  max-width: none;
  height: auto;
  box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video, picture, figure {
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6, p, a, li, ul, ol, span, strong, em, figcaption  {padding: 0; margin: 0;}

/* ------------------------- Font Sizes -------------------------------------------------- */

h1, .h1,
h2, .h2{
  font-size: 5em;
  line-height: 1.1;
}

.h2-small {
  font-size: 3em;
  line-height: 1.2;
}

h3, .h3 {
  font-size: 2em;
  line-height: 1.3;
}

h4, .h4 {
  font-size: 1.5em;
  line-height: 1.3;
}

h5, .h5, h6, .h6 {
  font-size: 1em;
  line-height: 1.3;
}

@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {
  
  h1, .h1 {
    font-size: 3.5em;
  }
  
  h2, .h2, .h2-small {
    font-size: 2.25em;
  }
  
  h3, .h3 {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 479px) {}

p a {
  color: inherit;
}

p.is--small {
  font-size: 0.825em;
}

p.is--tiny {
  font-size: 0.625em;
  opacity: 0.75;
}

strong {
  font-weight: 500;
}

/* ------------------------- Rich Text -------------------------------------------------- */

.rich h1 strong,
.rich h2 strong,
.rich h3 strong,
.rich h4 strong,
.rich h5 strong,
.rich h6 strong {
  font-weight: inherit;
}

.rich h1,
.rich h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
}

.rich h3 {
  margin-bottom: 0.5em;
}

.rich h4 {
  margin-bottom: 0.75em;
}

.rich h5,
.rich h6,
.rich p,
.rich ul,
.rich ol {
  margin-bottom: 1em;
}

.rich > *:last-child {
  margin-bottom: 0;
}

.rich ul {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}

.rich li {
  padding-left: 1.25em;
  position: relative;
}

.rich li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: var(--color-dark);
}


/* ------------------------- Loading -------------------------------------------------- */

:is(.wf-design-mode, .w-editor) .loading-screen,
:is(.wf-design-mode, .w-editor) .transition-screen,
:is(.wf-design-mode, .w-editor) .home-loading{
  display: none;
}

/* ------------------------- Transition -------------------------------------------------- */

.transition-screen,
.loading-screen {
  background: var(--color-secondary) linear-gradient(90deg, var(--color-secondary-left) 0%, var(--color-secondary-right) 100%);
}

body .transition-screen[data-color="secondary"] {
  background: var(--color-secondary) linear-gradient(90deg, var(--color-secondary-left) 0%, var(--color-secondary-right) 100%) !important;
}

body:has(main[data-barba-theme="dark"]) .loading-screen,
body:has(main[data-barba-theme="dark"]) .transition-screen{
  background: var(--color-dark);
}

body .transition-screen[data-color="dark"] {
  background: var(--color-dark) !important;
}

.transition-screen[data-color="light"],
body:has(main[data-barba-theme="light"]) .loading-screen,
body:has(main[data-barba-theme="light"]) .transition-screen{
  background: var(--color-light);
}

body .transition-screen[data-color="light"] {
  background: var(--color-light) !important;
}

.transition-screen[data-color="primary"],
body:has(main[data-barba-theme="primary"]) .loading-screen,
body:has(main[data-barba-theme="primary"]) .transition-screen{
  background: var(--color-primary);
}

body .transition-screen[data-color="primary"] {
  background: var(--color-primary) !important;
}


/* ------------------------- Section -------------------------------------------------- */

[data-theme-section="dark"] {
  color: var(--color-white);
}

[data-theme-section="light"] {
  color: var(--color-dark);
}

[data-barba-theme="dark"] .main-wrap {
  background-color: var(--color-dark);
}

/* ------------------------- Split Text -------------------------------------------------- */

.single-word {
  overflow: hidden;
  position: relative;
  margin: -0.05em -0.05em -0.25em -0.05em;
  padding: 0.05em;
  display: inline-block;
}

.single-word .single-word-inner {
  position: relative;
  display: inline-block;
}

/* ------------------------- Button -------------------------------------------------- */

.btn {
  transition: background-color var(--animation-default), color var(--animation-default), border-color var(--animation-default);
}

[data-hover] .btn-text {
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

[data-hover]:hover .btn-text {
  transform: translateY(-125%) rotate(0.001deg);
}

[data-hover] .btn .btn-arrow,
.btn[data-hover] .btn-arrow{
  transition: transform var(--animation-default), margin var(--animation-default);
  transform: translateX(100%) scale(0) rotate(-45deg);
  margin-right: -1.75em;
}

[data-hover]:hover .btn .btn-arrow,
.btn[data-hover]:hover .btn-arrow{
  transform: translateX(0%) scale(1) rotate(0.001deg);
  margin-right: 0;
}


/* Ticket Icon */

.btn-ticket__svg {
  color: var(--color-light);
}

.btn[data-icon="ticket"] .btn-arrow__svg {display: none;}
.btn[data-icon="ticket"] .btn-ticket__svg {display: block;}

/* Outline Dark */

.btn[data-type="outline-dark"] {
  background-color: transparent;
  border-color: var(--color-dark);
  color: var(--color-dark);
}

[data-hover]:hover .btn[data-type="outline-dark"],
.btn[data-type="outline-dark"]:hover {
  background-color: var(--color-primary); 
  border-color: var(--color-primary);
  color: var(--color-dark);
}

/* Outline Light */

.btn[data-type="outline-light"] {
  background-color: transparent;
  border-color: var(--color-white);
  color: var(--color-white);
  backdrop-filter: blur(1em);
}

[data-hover]:hover .btn[data-type="outline-light"],
.btn[data-type="outline-light"]:hover {
  background-color: var(--color-primary); 
  border-color: var(--color-primary);
  color: var(--color-dark);
}

/* ------------------------- Navigation -------------------------------------------------- */

.footer__nav-ul .link[href="#"],
.nav-link[href="#"] {
  pointer-events: none;
}

li:has([href="#"]) {
  cursor: not-allowed;
}

.link__text,
.nav-link__text {
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

.link:hover .link__text,
.nav-link:hover .nav-link__text {
  transform: translateY(-125%) rotate(0.001deg);
}

.footer__nav-ul .link[href="#"] .link__text,
.nav-link[href="#"] .nav-link__text {
  opacity: 0.5;
}

.badge-soon {
  display: none;
}

.link[href="#"] .badge-soon,
.nav-link[href="#"] .badge-soon {
  display: block; 
  transition: transform var(--animation-default);
  transform: translateY(-75%) rotate(0.001deg);
}

.link[href="#"]:hover .badge-soon,
.nav-link[href="#"]:hover .badge-soon {
  transform: translateY(-100%) rotate(0.001deg);
}

.nav-logo {
  transition: color var(--animation-ease);
  width:12em;
  height: auto;
}
.current-page{
  color: #085DFF;
  font-weight: bold;
}
/* @media screen and (max-width: 991px) {
  [data-navigation-status="active"] .nav-logo { 
    transition-delay: 0.8s;
  }
} */

.desktop-nav__ul,
.btn-hamburger,
.nav-link {
  transition: all var(--animation-ease);
}
  
[data-theme-nav="light"] .nav-logo {
  color: var(--color-dark);
}

/* @media screen and (max-width: 991px) {
  [data-theme-nav][data-navigation-status="active"] .nav-logo{
    color: var(--color-dark);
  }
} */

[data-theme-nav="light"] .nav-link,
[data-theme-nav] .mobile-nav .nav-link,
[data-theme-nav] .btn-hamburger{
  color: var(--color-dark);
}

[data-theme-nav="dark"] .nav-link,
[data-theme-nav="dark"] .btn-hamburger{
  color: var(--color-white);
}

[data-theme-nav] .nav-link.is--filled {
  background-color: var(--color-white);
  color: var(--color-dark);
}

[data-theme-nav="light"] .nav-link.is--filled {
  background-color: var(--color-dark);
  color: var(--color-white);
}

[data-theme-nav] .desktop-nav__ul,
[data-theme-nav] .btn-hamburger{
  background-color: rgba(var(--color-rgb-dark), .5);
  border: 1px solid var(--color-border-light);
}

[data-theme-nav="light"] .desktop-nav__ul,
[data-theme-nav="light"] .btn-hamburger{
  background-color: rgba(var(--color-rgb-light), 0.8);
  border-color: var(--color-border-dark);
}

[data-theme-nav="light"][data-bg-nav="primary"] .desktop-nav__ul,
[data-theme-nav="light"][data-bg-nav="primary"] .btn-hamburger{
  background-color: rgba(var(--color-rgb-primary), 0.6);
  border-color: var(--color-border-dark);
}

[data-theme-nav="light"][data-bg-nav="solid"] .desktop-nav__ul,
[data-theme-nav="light"][data-bg-nav="solid"] .btn-hamburger{
  background-color: rgba(var(--color-rgb-light), 1);
  border-color: var(--color-border-dark);
}

[data-theme-nav="dark"][data-bg-nav="visual"] .desktop-nav__ul,
[data-theme-nav="dark"][data-bg-nav="visual"] .btn-hamburger{
  background-color: rgba(106, 49, 67, 0.1);
  border-color: rgba(var(--color-rgb-white), 0.66);
}

[data-theme-nav="light"][data-bg-nav="primary"] .desktop-nav__ul .badge-soon {
  color: var(--color-primary);
  background-color: var(--color-dark);
}

[data-barba-namespace="home"] .nav-logo > * {
  transition: transform var(--animation-default-slow);
}




/* ------------------------- Navigation - Mobile -------------------------------------------------- */

.mobile-nav .mobile-nav__inner {
  transition: all var(--animation-default-slow);
  transform: translateY(1%) rotate(0.001deg);
  border-radius: 5em;
}

[data-navigation-status="active"] .mobile-nav .mobile-nav__inner {
  transform: translateY(-100%) rotate(0.001deg);
  border-radius: 0em;
}

.mobile-nav .badge-soon {
  background-color: var(--color-dark);
  color: var(--color-light);
}

.mobile-nav__ul .nav-link {
  font-size: 1.25em;
}

.mobile-nav__ul .nav-link__text {
  font-weight: 500;
  font-size: 1.5em;
}

/* @media screen and (max-width: 767px) {
  
  .mobile-nav__ul .nav-link {
    font-size: 1.125em;
  }
  
  .mobile-nav__ul .nav-link__text {
    font-size: 1.25em;
  }
} */


/* ------------------------- Modal -------------------------------------------------- */


.modal-bg {
  transition: all var(--animation-default-fast);
  -webkit-backdrop-filter: blur(0.25em) opacity(0);
  backdrop-filter: blur(0.25em) opacity(0);
  background-color: rgba(var(--color-rgb-dark), 0);
  visibility: hidden;
}

[data-modal-status="active"] .modal-bg {
  transition: all var(--animation-default);
  -webkit-backdrop-filter: blur(0.25em) opacity(1);
  backdrop-filter: blur(0.25em) opacity(1);
  background-color: rgba(var(--color-rgb-dark), 0.75);
  visibility: visible;
}

.modal-card {
  transition: all var(--animation-default-fast);
  opacity: 0;
  visibility: hidden;
  transform: translateY(2em) rotate(0.001deg);
}

[data-modal-status="active"] .modal-card[data-modal-card-status="active"] {
  transition: all var(--animation-default);
  opacity: 1;
  visibility: visible;
  transform: translateY(0em) rotate(0.001deg);
}

.modal-container .btn-close {
  transition: all var(--animation-default-fast);
  opacity: 0;
  visibility: hidden;
}

.modal-container[data-modal-status="active"] .btn-close {
  transition: all var(--animation-default);
  opacity: 1;
  visibility: visible;
}


.btn-close .btn-close__line {
  transition: transform var(--animation-default);
  transform: rotate(-45deg);
}

.btn-close .btn-close__line.is--duplicate {
  transform: rotate(45deg);
}

.btn-close:hover .btn-close__line {
  transform: rotate(-135deg);
}

.btn-close:hover .btn-close__line.is--duplicate {
  transform: rotate(-45deg);
}

[data-modal-card-click]:not([data-modal-card-id=""]) {
  cursor: pointer;
}

/* ------------------------- Hamburger -------------------------------------------------- */


.btn-hamburger .btn-hamburger__line {
  transition: transform var(--animation-default);
  transform: translateY(-0.2em) rotate(0.001deg);
}

.btn-hamburger .btn-hamburger__line.is--duplicate {
  transform: translateY(0.2em) rotate(0.001deg);
}

[data-navigation-status="active"] .btn-hamburger .btn-hamburger__line {
  transform: translateY(0%) rotate(-45deg);
}

[data-navigation-status="active"] .btn-hamburger__line.is--duplicate {
  transform: translateY(0%) rotate(45deg);
}

[data-navigation-status="active"][data-theme-nav] .btn-hamburger {
  background-color: var(--color-dark);
  color: var(--color-white);
}


/* ------------------------- Attend Steps - Accordion -------------------------------------------------- */

.attend-step {
  transition: background-color var(--animation-default);
  overflow: hidden;
  background-color: var(--color-light);
}

.attend-step__bottom {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--animation-default);
  position: relative;
}

.attend-step__bottom-wrap {
  height: 100000%;
}

.step-arrow {
  transition: all var(--animation-default);
  background-color: var(--color-light);
  color: var(--color-dark);
  transform: rotate(0.001deg);
}

/* Active */

.attend-step[data-accordion-status="active"] { 
  background-color: var(--color-primary);
  transition: background-color var(--animation-default-fast);
}

.attend-step .card-arrow {
  transition: all var(--animation-default-fast);
}

.attend-step[data-accordion-status="active"] .card-arrow {
  background-color: var(--color-dark);
  color: var(--color-primary);
  transform: rotate(45deg);
}


:is(.wf-design-mode, .w-editor) .attend-step[data-accordion-status="not-active"] .attend-step__bottom,
.attend-step[data-accordion-status="active"] .attend-step__bottom {
   grid-template-rows: 1fr;
}


/* ------------------------- Audience Cards -------------------------------------------------- */
 
[data-hover]:hover .audience-card.is--hotelier .btn[data-type="outline-dark"] {
  background-color: var(--color-white);
}


@media screen and (min-width: 992px) {
  .home-audience__col-cards .audience-card {
    transition: transform var(--animation-default);
    transform: translateY(0em) rotate(0.001deg);
  }
  
  .home-audience__col-cards:hover .audience-card {
    transform: translateY(-2em) rotate(0.001deg);
  }
  
  [data-hover] .card-arrow {
    transition: transform var(--animation-default);
    transform: rotate(0.001deg);
  }
  
  [data-hover]:hover .card-arrow {
    transform: rotate(45deg);
  }
}

/* ------------------------- Flickity -------------------------------------------------- */

[data-flickity-cards-init] .flickity-viewport {
  overflow: unset;
}

@media screen and (min-width: 768px) {

  [data-flickity-cards-init="center"] .flickity-enabled .card-slider__slide {
    transition: transform var(--animation-default);
    transform: scale(0.75) rotate(0.001deg);
  }


  [data-flickity-cards-init="center"] .flickity-enabled .card-slider__slide.is-selected {
    transform: scale(1) rotate(0.001deg);
  }
}

/* ------------------------- Custom Cursor -------------------------------------------------- */

:root {
  --animation-cursor: 0.4s cubic-bezier(0.5, 0, .25, 1);
}

.custom-cursor {
   position: fixed;
   z-index: 100;
   pointer-events: none;
   transform: translate(-50%, -50%) rotate(0.001deg);
   display: none;
   display: flex;
   pointer-events: none;
}

/*  Cursor Bubble  */

.custom-cursor .cursor-bubble {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) scale(0) rotate(-0.001deg);
   display: flex;
   align-items: center;
   justify-content: center;
   width: 5.4em;
   transition: transform var(--animation-cursor) 0.1s;
   overflow: hidden;
   border-radius: 50%;
}

.custom-cursor[data-cursor-bubble="active"] .cursor-bubble {
   transform: translate(-50%, -70%) scale(1) rotate(-0.001deg);
   transition: transform var(--animation-cursor) 0s;
}

.custom-cursor .cursor-bubble .cursor-before {
   position: relative;
   width: 100%;
   padding-top: 100%;
}

.custom-cursor .cursor-bubble .cursor-background {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0.001deg);
  background-color: var(--color-white);
  border-radius: 50%;
  transition: transform var(--animation-cursor) 0.1s;
  border: 1px solid var(--color-white);
  -webkit-backdrop-filter: blur(2em);
  backdrop-filter: blur(2em);
}

.custom-cursor[data-cursor-background="primary"] .cursor-bubble .cursor-background {
  background-color: rgba(var(--color-rgb-primary), 0.25);
  border: 1px solid var(--color-primary);
}

body .floating-elements .custom-cursor[data-cursor-background="primary"] .cursor-bubble span {
  color: var(--color-white);
}

.custom-cursor[data-cursor-bubble="active"] .cursor-bubble .cursor-background {
   transform: translate(-50%, -50%) rotate(0.001deg);
   transition: transform var(--animation-cursor) 0s;
}

.custom-cursor .cursor-bubble .cursor-text,
.custom-cursor .cursor-bubble .cursor-text-drag {
   white-space: nowrap;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(0.001deg);
   color: var(--color-dark);
   font-size: 0.85em;
   font-weight: 500;
   padding: 0.5em;
   transition: all var(--animation-cursor) 0.2s;
   opacity: 0;
}

.custom-cursor[data-cursor-bubble="active"] .cursor-bubble .cursor-text,
.custom-cursor[data-cursor-bubble="active"] .cursor-bubble .cursor-text-drag {
   opacity: 1;
}


.custom-cursor[data-cursor-background="primary"] .cursor-bubble .cursor-text,
.custom-cursor[data-cursor-background="primary"] .cursor-bubble .cursor-text-drag {
   color: var(--color-black);
}

.custom-cursor .cursor-bubble .cursor-text-drag {
   transform: translate(-50%, 150%);
}

.custom-cursor[data-cursor-bubble="active"] .cursor-bubble .cursor-text {
   transform: translate(-50%, -50%) rotate(0.001deg);
   transition: all var(--animation-cursor) 0s;
}

.custom-cursor[data-cursor-bubble="active"] .cursor-bubble .cursor-text-drag {
   transform: translate(-50%, 150%) rotate(0.001deg);
   transition: all var(--animation-cursor) 0s;
}

.custom-cursor[data-cursor-status-move="active"][data-cursor-bubble="active"] .cursor-bubble .cursor-text,
.custom-cursor[data-cursor-status-drag="active"][data-cursor-bubble="active"] .cursor-bubble .cursor-text {
   transform: translate(-50%, -250%) rotate(0.001deg);
   transition: all var(--animation-cursor) 0s;
}

.custom-cursor[data-cursor-status-move="active"][data-cursor-bubble="active"] .cursor-bubble .cursor-text-drag,
.custom-cursor[data-cursor-status-drag="active"][data-cursor-bubble="active"] .cursor-bubble .cursor-text-drag {
   transform: translate(-50%, -50%) rotate(0.001deg);
   transition: all var(--animation-cursor) 0s;
}

/*  Cursor Drag Dots  */

.cursor-drag-dot {
   position: absolute;
   width: 0.3em;
   height: 0.3em;
   background: var(--color-white);
   border-radius: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -400%) scale(0) rotate(0.001deg);
   transition: transform var(--animation-cursor);
}

.custom-cursor[data-cursor-background="primary"] .cursor-drag-dot{
   background: var(--color-primary);
}

.custom-cursor[data-cursor-background="secondary"] .cursor-drag-dot{
   background: var(--color-secondary);
}

.cursor-drag-dot.right {
   transform: translate(-50%, -400%) scale(0) rotate(0.001deg);
}

.custom-cursor[data-cursor-status-move="active"][data-cursor-bubble="active"] .cursor-drag-dot.left,
.custom-cursor[data-cursor-status-drag="active"][data-cursor-bubble="active"] .cursor-drag-dot.left {
   transform: translate(-1250%, -400%) scale(1) rotate(0.001deg);
}

.custom-cursor[data-cursor-status-move="active"][data-cursor-bubble="active"] .cursor-drag-dot.right,
.custom-cursor[data-cursor-status-drag="active"][data-cursor-bubble="active"] .cursor-drag-dot.right {
   transform: translate(1150%, -400%) scale(1) rotate(0.001deg);
}

/* Remove on Tablet/Mobile */

@media screen {
   @media (min-width: 1024px) {
      @media (hover: hover) {
         body .custom-cursor[data-cursor-init="true"] {
            display: flex;
            opacity: 1;
            visibility: visible;
         }
      }
   }
}

/* ------------------------- Category Btn -------------------------------------------------- */

.category__btn {
  transition: all var(--animation-ease);
}

.category__btn[data-filter-status="active"] {
  background: var(--color-light);
  border-color: var(--color-light);
  color: var(--color-dark);
}

/* Active */

.faq-item[data-accordion-status="active"] { 
  background-color: var(--color-primary);
  transition: background-color var(--animation-default-fast);
}

.faq-item .card-arrow {
  transition: all var(--animation-default-fast);
}

.faq-item:hover .card-arrow {
  transform: rotate(45deg);
}

.faq-item[data-accordion-status="active"] .card-arrow {
  background-color: var(--color-dark);
  color: var(--color-primary);
  transform: rotate(45deg);
}

:is(.wf-design-mode, .w-editor) .faq-item[data-accordion-status="not-active"] .faq-item__bottom,
.faq-item[data-accordion-status="active"] .faq-item__bottom {
  grid-template-rows: 1fr;
}

.faq-catergory__btn {
  transition: all var(--animation-ease);
}

.faq-catergory__btn[data-filter-status="active"] {
  background: var(--color-dark);
  border-color: var(--color-dark);
  color: var(--color-white);
}



/* ------------------------- Corners -------------------------------------------------- */

[data-hover] .card-hover-corners__corner-inner {
  transition: all var(--animation-default-fast);
  transform: translate(0.5em, 0.5em) rotate(0.001deg);
  opacity: 0;
}

[data-hover]:hover .card-hover-corners__corner-inner {
  transform: translate(0em, 0em) rotate(0.001deg);
  opacity: 1;
}

/* ------------------------- Btn Download -------------------------------------------------- */

.btn-download .btn-download__text {
  transition: transform var(--animation-default);
  transform: translateY(0%) rotate(0.001deg);
}

.btn-download:hover .btn-download__text {
  transform: translateY(-125%) rotate(0.001deg);
}

/* ------------------------- Awards Prize -------------------------------------------------- */

@media screen and (min-width: 992px) {
  .awards-prize {
    transition: all var(--animation-default); 
    border-radius: 50%;
  }
  
  .awards-prize:hover {
    border-radius: var(--border-radius);
  }
  
  .awards-prize svg {
    transition: margin-top var(--animation-default); 
    margin-top: 0;
  }
  
  .awards-prize:hover svg {
    margin-top: -4em;
  }
  
  .awards-prize .awards-prize__h5-box {
    transition: all var(--animation-default); 
    opacity: 0;
    transform: translateY(5em) rotate(0.001deg);
  }
  
  .awards-prize:hover .awards-prize__h5-box {
    opacity: 1;
    transform: translateY(0em) rotate(0.001deg);
  }
}

/* ------------------------- Speakers Card -------------------------------------------------- */

.person-card__logo:has(img[src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg"], img[src="https://cdn.prod.website-files.com/674ae51d3dbbc3a5e65fb4cf/6790dd2f5a91f2e5a2cd0494_mews-light.svg"]){
  display: none;
}

/* ------------------------- Tag -------------------------------------------------- */

.tag:has(.tag__p:empty) {
  display: none;
}

/* ------------------------- Partner Grid -------------------------------------------------- */

.partners-items__list-wrapper.is--highlight:not(:has([data-filter-status="active"])) {
  display: none;
}

.partners-items__list-wrapper.is--highlight:not(:has([data-filter-status="active"])) {
  display: none;
}

/* ------------------------- Partner Card -------------------------------------------------- */

.partners-items__list-wrapper:not(.is--highlight) .partner-card__p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  line-height: 1.5;
  min-height: 1.5em;
}

.partner-card[data-hover] {
  transition: transform var(--animation-default-fast), background-color var(--animation-default-fast);
  transform: scale(1) rotate(0.001deg);
}

.partner-card[data-hover]:hover {
  transform: scale(0.975) rotate(0.001deg);
  background-color: #212125;
}

/* ------------------------- Partner Card -------------------------------------------------- */

:is(.wf-design-mode, .w-editor) .visual-video video {
  display: none;
}

/* ------------------------- Agenda -------------------------------------------------- */

.agenda-content .agenda-content__code-embed div iframe {
  min-height: 100vh !important;
}



/* ------------------------- Big Arrow -------------------------------------------------- */


.big-arrow {
  transition: all var(--animation-default);
  color: var(--color-light);
  border-color: var(--color-border-light);
  background-color: transparent;
}

.big-arrow:hover {
  color: var(--color-dark);
  border-color: transparent;
  background-color: var(--color-primary);
}

.big-arrow .big-arrow__svg {
  transition: transform var(--animation-default);
  transform: translateX(0%)rotate(0.001deg);
}

.big-arrow:hover .big-arrow__svg {
  transform: translateX(200%)rotate(0.001deg);
}

.big-arrow .big-arrow__svg.is--duplicate {
  transform: translateX(-200%)rotate(0.001deg);
}

.big-arrow:hover .big-arrow__svg.is--duplicate {
  transform: translateX(0%)rotate(0.001deg);
}