@charset "UTF-8";
:root {
  --fs-5xl: 36px;
  --fs-4xl: 32px;
	--fs-3xl: 28px;
  --fs-2xl: 24px;
  --fs-xl: 20px;
  --fs-lg: 18px;
  --fs-md: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  --color-blue-light: #00F6E3;
  --color-blue-name: #0FA7BB;
  --color-blue-title: #00A5A5;
  --color-blue-text: #009AAA;
  --color-blue-bg: #017D7D;
  --color-blue-dark: #2A5F64;
  --color-yellow: #E5D23C;
  --color-white: #FFF;
}
@media (max-width: 576px) {
  
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}

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

html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

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;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: var(--fs-md)
}

small {
  font-size: var(--fs-sm)
}

sub,
sup {
  font-size: var(--fs-xs);
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: var(--fs-md);
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

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

:-moz-focusring {
  outline: auto
}

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

progress {
  vertical-align: baseline
}

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

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

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

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

fieldset {
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

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

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

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

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

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

:disabled {
  cursor: default
}

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

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

[hidden] {
  display: none
}

*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-left: constant(safe-area-inset-left);
  padding-right: 30px;
  padding-left: 30px;
}

@media (min-width: 425px) {
  .container {
    max-width: 425px
  }
}

@media (min-width: 640px) {
  .container {
    max-width: 640px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px
  }
}

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

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

@media (min-width: 1536px) {
  .container {
    max-width: 1536px
  }
}

.pointer-events-none {
  pointer-events: none
}

.\!visible {
  visibility: visible !important
}

.visible {
  visibility: visible
}

.invisible {
  visibility: hidden
}

.collapse {
  visibility: collapse
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.left-0 {
  left: 0
}

.top-0 {
  top: 0
}

.z-\[1040\] {
  z-index: 1040
}

.z-\[1055\] {
  z-index: 1055
}

.z-\[1070\] {
  z-index: 1070
}

.z-\[1080\] {
  z-index: 1080
}

.z-\[999\] {
  z-index: 999
}

.m-0 {
  margin: 0
}

.mb-0 {
  margin-bottom: 0
}

.box-border {
  box-sizing: border-box
}

.\!block {
  display: block !important
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: flex
}

.table {
  display: table
}

.hidden {
  display: none
}

.h-0 {
  height: 0px
}

.h-auto {
  height: auto
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.w-0 {
  width: 0px
}

.w-2 {
  width: .5rem
}

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.w-screen {
  width: 100vw
}

.max-w-\[200px\] {
  max-width: 200px
}

.max-w-\[267px\] {
  max-width: 267px
}

.max-w-\[calc\(100\%-1rem\)\] {
  max-width: calc(100% - 1rem)
}

.max-w-full {
  max-width: 100%
}

.shrink-0 {
  flex-shrink: 0
}

.grow {
  flex-grow: 1
}

.grow-0 {
  flex-grow: 0
}

.basis-auto {
  flex-basis: auto
}

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

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

.translate-y-\[50px\] {
  --tw-translate-y: 50px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.transform-none {
  transform: none
}

.touch-none {
  touch-action: none
}

.touch-pan-y {
  --tw-pan-y: pan-y;
  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.resize {
  resize: both
}

.overflow-hidden {
  overflow: hidden
}

.overflow-visible {
  overflow: visible
}

.overflow-y-auto {
  overflow-y: auto
}

.overflow-x-hidden {
  overflow-x: hidden
}

.whitespace-normal {
  white-space: normal
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal
}

.break-words {
  overflow-wrap: break-word
}

.rounded {
  border-radius: .25rem
}

.rounded-\[50\%\] {
  border-radius: 50%
}

.rounded-lg {
  border-radius: .5rem
}

.rounded-e-\[0\.25rem\] {
  border-start-end-radius: .25rem;
  border-end-end-radius: .25rem
}

.rounded-s-\[0\.25rem\] {
  border-start-start-radius: .25rem;
  border-end-start-radius: .25rem
}

.rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem
}

.border {
  border-width: 1px
}

.border-b-2 {
  border-bottom-width: 2px
}

.border-e-0 {
  border-inline-end-width: 0px
}

.border-s-0 {
  border-inline-start-width: 0px
}

.border-s-\[0\.125rem\] {
  border-inline-start-width: .125rem
}

.border-solid {
  border-style: solid
}

.border-neutral-100 {
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity))
}

.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity))
}

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

.border-t-transparent {
  border-top-color: transparent
}

.bg-\[\#6d6d6d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(109 109 109 / var(--tw-bg-opacity))
}

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

.bg-transparent {
  background-color: transparent
}

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

.bg-clip-padding {
  background-clip: padding-box
}

.p-4 {
  padding: 1rem
}

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

.px-\[0\.4rem\] {
  padding-left: .4rem;
  padding-right: .4rem
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem
}

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

.py-\[0\.4rem\] {
  padding-top: .4rem;
  padding-bottom: .4rem
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.align-bottom {
  vertical-align: bottom
}

.text-sm {
  font-size: var(--fs-sm);
  line-height: 1.25rem
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.normal-case {
  text-transform: none
}

.not-italic {
  font-style: normal
}

.leading-6 {
  line-height: 1.5rem
}

.leading-\[1\.6\] {
  line-height: 1.6
}

.tracking-normal {
  letter-spacing: 0em
}

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

.no-underline {
  text-decoration-line: none
}

.underline-offset-auto {
  text-underline-offset: auto
}

.\!opacity-0 {
  opacity: 0 !important
}

.\!opacity-100 {
  opacity: 1 !important
}

.opacity-0 {
  opacity: 0
}

.opacity-100 {
  opacity: 1
}

.opacity-50 {
  opacity: .5
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.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)
}

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

.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[transform\,_opacity\] {
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

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

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

.duration-150 {
  transition-duration: .15s
}

.duration-200 {
  transition-duration: .2s
}

.duration-300 {
  transition-duration: .3s
}

.duration-\[350ms\] {
  transition-duration: .35s
}

.ease-\[cubic-bezier\(0\,0\,0\.15\,1\)\,_cubic-bezier\(0\,0\,0\.15\,1\)\] {
  transition-timing-function: cubic-bezier(0, 0, .15, 1), cubic-bezier(0, 0, .15, 1)
}

.ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\.0\)\] {
  transition-timing-function: cubic-bezier(.25, .1, .25, 1)
}

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

.ease-linear {
  transition-timing-function: linear
}
/* 
@font-face {
  font-family: LINESeedSans;
  src: local("※"), url(./assets/fonts/LINESeedSans_W_Th.woff) format("woff"), url(./assets/fonts/LINESeedSans_W_Th.woff2) format("woff2");
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: LINESeedSans;
  src: local("※"), url(./assets/fonts/LINESeedSans_W_Rg.woff) format("woff"), url(./assets/fonts/LINESeedSans_W_Rg.woff2) format("woff2");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: LINESeedSans;
  src: local("※"), url(./assets/fonts/LINESeedSans_W_Bd.woff) format("woff"), url(./assets/fonts/LINESeedSans_W_Bd.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: LINESeedSans;
  src: local("※"), url(./assets/fonts/LINESeedSans_W_He.woff) format("woff"), url(./assets/fonts/LINESeedSans_W_He.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: LINESeedSans;
  src: local("※"), url(./assets/fonts/LINESeedSans_W_XBd.woff) format("woff"), url(./assets/fonts/LINESeedSans_W_XBd.woff2) format("woff2");
  font-weight: 800;
  font-style: normal
} */

body {
  font-family: 'Noto Sans TC', 'Microsoft Jhenghei', Arial, Helvetica, sans-serif;
  font-optical-sizing: auto;
  font-size: var(--fs-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 1px
}

.section__title {
  margin-bottom: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.section__title .ch {
  display: block;
  color: var(--color-blue-title);
  text-align: center;
  font-size: var(--fs-3xl);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.section__title .en {
  display: block;
  color: #FFF;
  text-align: center;
  font-size: 72px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: capitalize;
  font-family: 'Phudu', 'Noto Sans TC', 'Microsoft Jhenghei', Arial, Helvetica, sans-serif;
}


@media (max-width: 768px) {
  .section__title {
    margin-bottom: 32px
  }

  .section__title .en {
    font-size: 64px
  }

  .section__title .ch {
  }

}
@media (max-width: 768px) {
  body {
    font-size: var(--fs-xl);
  }
}
.caption--intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 720px;
  margin: 0 auto
}

.caption--intro h4 {
  display: inline;
  width: unset;
  margin: 0 auto;
  text-align: left
}

.caption--intro h4 span {
  font-size: var(--fs-5xl);
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 3.2px;
  background: linear-gradient(90deg, #FF9E48 0%, #E5D23C 38%, #EEA52F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.caption--intro h4 br {
  display: none;
}
.caption--intro p {
  font-size: var(--fs-xl);
  font-style: normal;
  line-height: 1.65;
  letter-spacing: 2px;
  text-align: justify
}

@media (max-width: 1023px) {
  .caption--intro {
  }
}

@media (max-width: 768px) {
  .caption--intro h4 span {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 576px) {
  .caption--intro p {
    font-size: var(--fs-2xl);
    letter-spacing: 0;
  }
  .caption--intro p + p {
    margin-top: 0.5em;
  }
  .caption--intro h4 br {
    display: block;
  }
  .caption--intro h4 span {
    font-size: var(--fs-4xl);
    letter-spacing: 0;
  }
}
.list--speaker {
  gap: 60px;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
}

@media (max-width: 1200px) {
  .list--speaker {
    max-width: 720px;
    margin: 0 auto;
    gap: 32px;
  }
}
@media (max-width: 768px) {
  .list--speaker {
    justify-content: center;
  }
}
.card--empty {
  width: 10%;
}
.card--speaker {
  position: relative;
  max-width: 293px;
  width: 30%;
}
@media (max-width: 1200px) {
  .card--empty {
    display: none;
  }
  .card--speaker {
    max-width: 240px;
    width: 40%;
  }
}
@media (max-width: 576px) {
  .card--speaker {
    max-width: 240px;
    width: 75%;
  }
}
.card--speaker .pic {
  position: relative;
  width: 100%;
  margin: 0 auto 24px
}

.card--speaker .pic img {
  position: relative;
  z-index: 2
}

.card--speaker .caption {
  position: relative;
  display: flex;
  gap: 0px;
  flex-direction: column;
  align-items: center;
}

.card--speaker .caption .icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center
}

.card--speaker .caption .icon>.icon--infinity {
  width: 26px
}

.card--speaker .caption .title {
  color: var(--color-blue-name);
  font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
  font-size: var(--fs-4xl);
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
}
.card--speaker .caption .title.en {
  letter-spacing: 0;
  white-space: nowrap;
}
.card--speaker .caption .title-secondary {
  color: var(--color-blue-name);
  position: absolute;
  bottom: -1.5em;
  font-size: var(--fs-xl);
  font-style: normal;
}
.card--speaker .caption .text {
  color: var(--color-blue-dark);
  font-size: var(--fs-xl);
  line-height: 1.35;
  letter-spacing: .5px;
  text-align: center;
}
@media (max-width: 1200px) {
  .card--speaker .caption .title {
  }
  .card--speaker .caption .title-secondary {
  }
  
}
@media (max-width: 576px) {
  .card--speaker .pic {
    margin-bottom: 12px;
  }
  .card--speaker .caption .title-secondary {
    position: relative;
    bottom: auto;
  }
  .card--speaker .caption .title {
    font-size: var(--fs-5xl);
  }
  .card--speaker .caption .text {
    font-size: var(--fs-3xl);
    text-align: center;
  }
}

/* swiper */
.swiper--speaker .card--speaker {
  margin: 0 auto;
}

.swiper--speaker {
  position: relative
}

.swiper--speaker swiper-slide {
  display: flex;
  justify-content: center
}

.swiper--speaker .swiper-navigation .swiper-button-prev,
.swiper--speaker .swiper-navigation .swiper-button-next {
  position: absolute;
  z-index: 2;
  top: 42%;
  transform: translateY(-50%);
  width: 40px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper--speaker .swiper-navigation .icon {
  color: var(--color-blue-name);
  font-size: 32px;
}
.swiper--speaker .swiper-navigation .swiper-button-next {
  right: 0
}

.swiper--speaker .swiper-navigation .swiper-button-prev {
  left: 0
}

.swiper--speaker .swiper-pagination {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px
}

.swiper--speaker .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: var(--color-blue-name);
  transition: all .3s ease;
  opacity: 0.3;
}

.swiper--speaker .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  opacity: 1;
}

.list--agenda {
  max-width: 820px;
  margin: 0 auto;
  gap: 8px;
}

.list--agenda .item--agenda {
  display: grid;
  grid-template-columns: 120px 1fr 1fr;
  border-bottom: 1px solid var(--color-blue-light);
  align-items: center;
  padding: 8px 0;
}

.list--agenda .item--agenda .time {
  color: var(--color-blue-light);
  text-align: left;
  font-style: normal;
  font-size: var(--fs-md);
  line-height: 1.3;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
}
.list--agenda .item--agenda .title {
  color: var(--color-blue-light);
}
.list--agenda .item--agenda .title .white {
  color: #FFF;
}
.list--agenda .item--agenda .title .yellow {
  color: var(--color-yellow);
  font-size: var(--fs-2xl);
  margin: 6px 0;
  font-weight: bold;

}
.list--agenda .item--agenda .text {
  position: relative;
  max-width: 600px;
  color: #fff;
  font-size: var(--fs-lg);
  font-style: normal;
  line-height: 1.8;
  letter-spacing: .5px;
  font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
}
.list--agenda .item--agenda .text b {
  font-size: var(--fs-2xl);
}
.list--agenda .item--agenda .text i {
  font-style: normal;
  opacity: 0.75;
}
.list--agenda .item--agenda .text b:has(.text--translate) {
  display: inline-block;
  position: relative;
  /* padding-bottom: 1em; */
}
.list--agenda .item--agenda .text .text--translate {
  /*
  position: absolute;
  left: 0;
  top: 55%;
  min-width: 100%;
  text-align-last:justify;
  text-align: justify;
  */
  font-size: var(--fs-lg);
  font-weight: normal;
}
.list--agenda .item--agenda .text .text--title {
  display: inline-block;
  padding-left: 1em;
}
.event--contact {
  font-family: Arial, 'Noto Sans TC', Helvetica, sans-serif;
  margin: 24px 0;
  color: var(--color-blue-light);
  opacity: 0.8;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .list--agenda {
  }
  .list--agenda .item--agenda {
    grid-template-columns: 80px 1fr 1fr;
    gap: 16px;
  }
  .list--agenda .item--agenda .time {
  }

  .list--agenda .item--agenda .time i {
    
  }

  .list--agenda .item--agenda .text h4 {
  }

  .list--agenda .item--agenda .text p {
  }
}
@media (max-width: 576px)  {
  .list--agenda {
    font-size: var(--fs-2xl);
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  .list--agenda .item--agenda {
    grid-template-columns: 1fr;
    gap: 0px 16px;
    padding: 16px 0px 16px 16px;
  }
  .list--agenda .item--agenda:first-of-type {
    display: flex;
  }
  .list--agenda .item--agenda:first-of-type .title {
    color: #FFF;
    padding-left: 14px;
    font-size: var(--fs-3xl);
  }
  .list--agenda .item--agenda .title {
    font-weight: bold;
    color: #FFF;
    padding-left: 12px;
  }
  
  .list--agenda .item--agenda .time {
    font-size: var(--fs-2xl);
    padding-bottom: 6px;
    font-weight: bold;
    padding-left: 12px;
  }
  .list--agenda .item--agenda .text:has(.text--translate) {
  }
  .list--agenda .item--agenda .text .text--translate {
    font-size: var(--fs-2xl);
    display: block;
  }
  .list--agenda .item--agenda .text {
    border-top: 0.5px solid #FFFFFF33;
    padding-top: 6px;
    margin-top: 16px;
    font-size: var(--fs-lg);
    padding-left: 12px;
  }
  .list--agenda .item--agenda .text b {
    font-size: var(--fs-4xl);
    margin-right: 4px;
    letter-spacing: 0;
  }
  .list--agenda .item--agenda .title .yellow {
    font-size: var(--fs-4xl);
    margin: 0;
  }
  .list--agenda .item--agenda .title .yellow + p {
    margin-top: 4px;
  }
  .event--contact {
    font-size: var(--fs-2xl);
  }
}

.form--register {
  width: 100%;
  max-width: 460px;
  margin: -4vw auto 0;
  font-size: var(--fs-xl);
}

.form--register form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75em
}

@media (max-width: 1023px) {
  .form--register {
    grid-template-columns: 1fr
  }

  .form--register form {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .form--register {
    margin-top: 0;
  }
}
.caption--register p {
  color: #00ffdf;
  font-size: var(--fs-lg);
  line-height: 1.5;
  letter-spacing: .5px
}

form select {
  width: 100%;
  padding: 8px;
  border: none;
  border: 1px solid rgba(0, 0, 0, .4)
}

.buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center
}

.button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 60px;
  border-radius: 8px;
}

.button .label {
  font-family: 'Noto Sans TC', sans-serif;
  color: #fff
}

.select {
  position: relative;
  border: 1px solid rgba(52, 52, 52, .2);
  height: 50px
}

.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 32px 0 8px;
  border: none
}

.select:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  display: inline-block;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down" viewBox="0 0 16 16"><path d="M3.204 5h9.592L8 10.481zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659"/></svg>');
  background-repeat: no-repeat;
  background-size: 1rem 1rem
}

.form--select {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.form--select label {
  color: #13670b;
  font-style: normal;
  font-weight: bold;
  line-height: 28px;
  letter-spacing: .48px
}

.form--input,
.form--textarea {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}

.form--input input,
.form--textarea input {
  width: 100%;
  color: var(--color-blue-dark);
  border: 1px solid #8FB2B6;
  padding: 6px 0.75em;
  border-radius: 4px;
  outline-color: var(--color-blue-dark);
  font-size: var(--fs-xl);
}

.form--input textarea,
.form--textarea textarea {
  color: var(--color-blue-dark);
  min-height: 4rem;
  border: 1px solid #8FB2B6;
  padding: 6px 0.75em;
  border-radius: 4px;
  outline-color: var(--color-blue-dark);
}

.form--input label,
.form--textarea label {
  font-style: normal;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: .48px;
  padding-left: 0.75em;
}

.form--input.is-row,
.form--textarea.is-row {
  flex-direction: row;
  flex: 120px 1
}

.form--input.is-required,
.form--textarea.is-required {
  position: relative
}

.form--input.is-required:before,
.form--textarea.is-required:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "*";
  color: #E32D1D;
  font-weight: bold;
}

.form--date {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px
}

.form--date label {
  display: none
}

.form--number {
  display: grid;
  grid-template-columns: 32px 40px 32px;
  border: 1px solid #8FB2B6
}

.form--number .button--text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px
}

.form--number>*+* {
  border-left: 1px solid #8FB2B6
}

.form--number input {
  text-align: center
}

.form--checkbox {
  padding: 8px 0px;
}

.form--checkbox label {
  cursor: pointer;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  letter-spacing: .48px
}
.form--checkbox .icon {
  color: #8FB2B6;
}
.form--checkbox label span:first-child {
  display: flex;
  align-items: flex-start
}

.form--checkbox label a {
  text-decoration: underline;
  text-underline-offset: 4px
}

.form--checkbox label input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form--checkbox label input+.icon i.bi.bi-check-square {
  display: none
}

.form--checkbox label input+.icon i.bi.bi-square {
  display: inline-block
}

.form--checkbox label input:checked+.icon i.bi.bi-check-square {
  display: inline-block;
  color: var(--color-blue-dark);
}

.form--checkbox label input:checked+.icon i.bi.bi-square {
  display: none
}
.form--checkbox label input+.icon i.bi::before {
  background-color: #FFF;
  border-radius: 2px;
}

@media (max-width: 576px) {
  .form--register {
    font-size: var(--fs-3xl);
  }
  .form--register input {
    font-size: var(--fs-3xl);
  }
}

.stop--register {
  position: relative;
  z-index: 99;
  max-width: 800px;
  margin: 0 auto 32px;
  padding: 32px;
}
.stop--register--card {
  position: relative;
  width: fit-content;
  padding: 32px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, .5);
  backdrop-filter: blur(12px);
  border-radius: 12px;
  border: 1px solid var(--color-blue-title);
  font-size: var(--fs-3xl);
  font-weight: bold;
}

body {
  margin: 0;
  padding: 0
}

.container {
  position: relative;
  max-width: 100%
}

@media (min-width: 640px) {
  .container {
    max-width: 100%
  }
}

@media (min-width: 768px) {
  .container {
  }
}

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

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

@media (min-width: 1536px) {
  .container {
    max-width: 1160px
  }
}

section {
  padding: 60px 0
}

.section--cover {
  position: relative;
  padding: 0;
  min-height: 100svh;
}

.section--cover .container {
  position: relative;
  color: #fff;
  max-width: none;
}
@media (max-width: 567px) {
  .section--cover .container {
    padding: 0;
  }
}
.cover--deco {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100svh;
  pointer-events: none;
  background-image: url(../images/bg_slashes_left.svg), url(../images/bg_slashes_right.svg);
  background-repeat: no-repeat;
  background-position: left top, right top;
  background-size: contain;
}
.section--cover .caption--cover {
  position: relative;
  height: 40svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section--cover .caption--cover .buttons {
  width: 100%
}

.section--cover .caption--cover h1 {
  font-size: 0
}

.section--cover .cover--kv {
  position: absolute;
  inset: 10% 0 auto 0;
  margin: auto;
  max-width: 100%;
  min-height: 100svh;
  height: 46vw;
  z-index: 1;
}
.cover--kv .cover--bg {
  position: absolute;
  inset: auto 0 0 0;
  margin: auto;
  width: 90%;
  background-image: url(../images/bg_magic.png),
                    url(../images/bg_wave.png),
                    url(../images/bg_dot.png);
  background-repeat: no-repeat;
  background-size: 120% auto;
  background-position: center bottom;
  aspect-ratio: 1264 / 442;
  animation: shining2 4.8s ease 0s infinite;
}
.cover--kv .cover--dragon {
  position: absolute;
  aspect-ratio: 422 / 412;
  width: 25%;
  inset: auto 0 25% 5%;
  margin: auto;
}
.cover--kv .cover--dragon::before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-image: url(../images/top_dragon.png);
  background-size: contain;
  inset: 0;
  animation: dragonTouch 1.6s cubic-bezier(.58,.22,.45,1) 0s infinite;
  transform-origin: 50% 80%;
}
.cover--kv .cover--dragon .sport-item {
  position: absolute;
  aspect-ratio: 1 / 1;
  width: 40%;
  left: -12%;
  top: 9.5%;
}
.cover--kv .cover--dragon .sport-item {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/top_sport.svg);
  animation: shining 1.6s cubic-bezier(.58,.22,.45,1) 0s infinite;
  opacity: 1;
}
.cover--kv .cover--dragon .sport-item::after {
  content: '';
  position: absolute;
  top: -5%;
  right: -5%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/top_light.png);
  width: 50%;
  height: 50%;
  animation: lighting 1.6s cubic-bezier(.58,.22,.45,1) 0s infinite;
  opacity: 0.5;
}

.cover--kv .cover--dragon.active::before {
  animation: dragonTouchLong 3.6s ease-in-out 0s infinite;
}
.cover--kv .cover--dragon.active .sport-item {
  animation: shiningLong 3.6s ease-in-out 0s infinite;
}
.cover--kv .cover--dragon.active .sport-item::after {
  animation: lightingLong 3.6s ease-in-out 0s infinite;
}
@keyframes dragonTouch {
  /* 0% {
    transform: rotate(0) scale(1);
  }
  35% {
    transform: rotate(10deg) scale(0.9);
  } */
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(-1deg) scale(1.02, 1.03);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
@keyframes shining {
  /* 0% {
    opacity: 1;
    transform: scale(1);
  }
  35% {
    opacity: 0.25;
    transform: scale(0.9);
  } */
  0% {
    opacity: .5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    filter: brightness(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: .5;
    transform: scale(1);
  }
}
@keyframes lighting {
  /* 0% {
    opacity: 0;
  } */
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    filter: brightness(1.1);
    transform: scale(1.1) rotate(16deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}
@keyframes dragonTouchLong {
  
  0% {
    transform: rotate(0deg) scale(1);
  }
  20% {
    transform: rotate(-1deg) scale(1.02, 1.03);
  }
  40% {
    transform: rotate(0deg) scale(1);
  }
  60% {
    transform: rotate(8deg) scale(0.9);
  }
  100% {
    transform: rotate(0) scale(1);
  }
}
@keyframes shiningLong {
  0% {
    opacity: .5;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    filter: brightness(1.1);
    transform: scale(1.1);
  }
  40% {
    opacity: .5;
    transform: scale(1);
  }
  60% {
    opacity: 0.25;
    transform: scale(0.9);
  }
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
}
@keyframes lightingLong {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  20% {
    opacity: 1;
    filter: brightness(1.1);
    transform: scale(1.1) rotate(16deg);
  }
  40% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 1400px) {
  .section--cover .caption--cover {
  }
  .section--cover .cover--kv {
    top: 0%;
  }
  .cover--kv .cover--bg {
    width: 80%;
  }
  .cover--kv .cover--dragon {
    width: 20%;
    inset: auto 0 25% 5%;
  }
}
@media (max-width: 1200px) {
  .section--cover .cover--kv {
    top: 0%;
  }
}
@media (max-width: 768px) {
  .cover--deco {
    background-size: 50% auto;
  }
  .section--cover .caption--cover {
    height: auto;
  }
  .section--cover .cover--kv {
    top: 5%;
  }
  .cover--kv .cover--bg {
    width: 100%;
  }
  .cover--kv .cover--dragon {
    width: 40%;
    inset: auto 0 18% 5%;
  }
}
@media (max-width: 576px) {
  .section--cover .caption--cover {
    align-items: flex-start;
  }
  .section--cover .cover--kv {
    overflow: hidden;
    inset: 0 0 -15svh 0;
    height: 100svh;
  }
  .cover--kv .cover--bg {
    width: 220%;
    inset: 50% -60% auto -60%;
  }
  .cover--kv .cover--dragon {
    top: 36%;
    bottom: auto;
    width: 80%;
    left: 12%;
  }
}
.cover--bg .cover--sports {
  position: absolute;
  inset: 0;
  animation: shining2 4.8s ease 0s infinite;
}
.cover--sports .sport-item {
  position: absolute;
  aspect-ratio: 1 / 1;
  /* animation: shining1 4.8s ease 0s infinite; */
  transform-origin: 50% 120%;
}
.cover--sports .sport-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: contain;
  
}
.cover--sports .sport-item span {
  position: absolute;
  display: block;
  width: 0.5px;
  height: 100%;
  background-color: #fff;
  inset: 100% 0 auto 0;
  margin: auto;
  /* animation: lineScale 4.8s ease 0s infinite; */
  transform-origin: 50% 120%;
}
.cover--sports .sport-item span::before,
.cover--sports .sport-item span::after {
  content: '';
  position: absolute;
  width: 3.5px;
  height: 3.5px;
  border-radius: 100%;
  left: -1.5px;
  background-color: #fff;
}
.cover--sports .sport-item span::before {
  top: -1px;
}
.cover--sports .sport-item span::after {
  bottom: -1px;
}

.cover--sports .sport-item:nth-of-type(1) {
  left: 4.2%;
  bottom: 63%;
  width: 7.6%;
}
.cover--sports .sport-item:nth-of-type(2) {
  left: 13.6%;
  bottom: 48%;
  width: 9%;
}
.cover--sports .sport-item:nth-of-type(3) {
  left: 24.1%;
  bottom: 68.5%;
  width: 7.4%;
}
.cover--sports .sport-item:nth-of-type(4) {
  right: 23.6%;
  bottom: 72%;
  width: 7.3%;
}
.cover--sports .sport-item:nth-of-type(5) {
  right: 16.8%;
  bottom: 44.5%;
  width: 9%;
}
.cover--sports .sport-item:nth-of-type(6) {
  right: 5.1%;
  bottom: 61.6%;
  width: 7.6%;
}
.cover--sports .sport-item:nth-of-type(1)::before {
  background-image: url(../images/sport_01.svg);
}
.cover--sports .sport-item:nth-of-type(2)::before {
  background-image: url(../images/sport_02.svg);
}
.cover--sports .sport-item:nth-of-type(3)::before {
  background-image: url(../images/sport_03.svg);
}
.cover--sports .sport-item:nth-of-type(4)::before {
  background-image: url(../images/sport_04.svg);
}
.cover--sports .sport-item:nth-of-type(5)::before {
  background-image: url(../images/sport_05.svg);
}
.cover--sports .sport-item:nth-of-type(6)::before {
  background-image: url(../images/sport_06.svg);
}

.cover--sports .sport-item:nth-of-type(1) span {
  height: 103%;
}
.cover--sports .sport-item:nth-of-type(2) span {
  height: 82%;
}
.cover--sports .sport-item:nth-of-type(3) span {
  height: 80%;
}
.cover--sports .sport-item:nth-of-type(4) span {
  height: 92%;
}
.cover--sports .sport-item:nth-of-type(5) span {
  height: 88%;
}
.cover--sports .sport-item:nth-of-type(6) span {
  height: 101%;
}

/* .cover--sports .sport-item:nth-of-type(1)::before,
.cover--sports .sport-item:nth-of-type(1) span {
  animation-delay: 2.4s;
}
.cover--sports .sport-item:nth-of-type(2)::before,
.cover--sports .sport-item:nth-of-type(2) span {
  animation-delay: 4.8s;
}
.cover--sports .sport-item:nth-of-type(3)::before,
.cover--sports .sport-item:nth-of-type(3) span {
  animation-delay: 1.2s;
}
.cover--sports .sport-item:nth-of-type(4)::before,
.cover--sports .sport-item:nth-of-type(4) span {
  animation-delay: 1.2s;
}
.cover--sports .sport-item:nth-of-type(5)::before,
.cover--sports .sport-item:nth-of-type(5) span {
  animation-delay: 4.8s;
}
.cover--sports .sport-item:nth-of-type(6)::before,
.cover--sports .sport-item:nth-of-type(6) span {
  animation-delay: 2.4s;
} */
@media (max-width: 768px) {


}
@media (max-width: 576px) {
  .cover--bg .cover--sports {
    inset: 0 15%;
  }
    
  .cover--sports .sport-item:nth-of-type(1) {
    left: 4.2%;
    bottom: 63%;
    width: 10.6%;
  }
  .cover--sports .sport-item:nth-of-type(2) {
    left: 15.6%;
    bottom: 48%;
    width: 12%;
  }
  .cover--sports .sport-item:nth-of-type(3) {
    left: 24.1%;
    bottom: 68.5%;
    width: 10.4%;
  }
  .cover--sports .sport-item:nth-of-type(4) {
    right: 23.6%;
    bottom: 72%;
    width: 10.3%;
  }
  .cover--sports .sport-item:nth-of-type(5) {
    right: 16.8%;
    bottom: 44.5%;
    width: 12%;
  }
  .cover--sports .sport-item:nth-of-type(6) {
    right: 5.1%;
    bottom: 61.6%;
    width: 10.6%;
  }
}

/* cover animation */
@keyframes shining1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
    transform: scale(0.9) translateY(3px);
  }
  100% {
    opacity: 1;
  }
}
@keyframes lineScale {
  0% {
  }
  50% {
    transform: scaleY(0.9);
  }
  100% {
  }
}

@keyframes shining2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.section--intro {
  position: relative;
  padding-top: 160px;
  padding-bottom: 60px;
}

.section--intro .scroll--hint,
.section--intro .scroll--hint--animation {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -60%);
  z-index: 2;
}

@media (max-width: 768px) {
  .section--intro {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {

}
.section--speaker {
  position: relative;
  padding: 15vw 0 20vw;
  background-image: linear-gradient(to bottom, #FFFFFF, #DBFFF0);
}
.section--speaker .section__title {
  position: absolute;
  inset: 9vw 0 auto 0;
}
.section--speaker .section__title .en {
  position: absolute;
  width: fit-content;
  height: fit-content;
  inset: 1vw 0 0 0;
  margin: 0 auto;
  color: #FFF;
  transform: translateY(-100%);
}
.section--speaker .section__title .ch {
  position: absolute;
  width: fit-content;
  height: fit-content;
  inset: 2vw 0 0 0;
  margin: 0 auto;
  color: var(--color-blue-title);
  transform: translateY(100%);
}
@media (max-width: 1400px) {
  .section--speaker {
    padding: 20vw 0 25vw;
  }
}
@media (max-width: 576px) {
  .section--speaker {
    padding: 30vw 0 30vw;
  }
}
.section--divider-top,
.section--divider-bottom {
  position: absolute;
  width: 100%;
  aspect-ratio: 1440 / 234;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../images/divider_blue.svg);
}
.section--divider-top {
  top: -1px;
}
.section--divider-bottom {
  bottom: -1px;
  transform: rotate(180deg);
}

.section--agenda {
  position: relative;
  padding: 0 0 180px 0;
  /* background-image: url(), radial-gradient(86.11% 80.69% at 50% 50%, var(--color-blue-light), var(--color-blue-bg) 50%);
  background-repeat: repeat-x, no-repeat, no-repeat;
  background-position: bottom, top, top;
  background-size: 600px 335px, auto, auto */
}
.section--agenda .container {
  max-width: 820px;
}
.section--agenda .container+.container {
  padding-top: 120px
}

.section--agenda .section__title {
  position: relative;
  inset: -5.5vw 0 auto 0;
  margin-bottom: 0;
}
.section--agenda .section__title .en {
  position: relative;
  color: #FFF;
}
.section--agenda .section__title .ch {
  position: relative;
  color: #FFF;
}
.divider--dec {
  display: block;
  height: 63px;
  width: 100%;
  background-image: url(../images/divider_dec.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-top: 36px;
}

@media (max-width: 1400px) {
  .section--agenda {
    padding-bottom: 120px;
  }
}
@media (max-width: 768px) {
  .divider--dec {
    height: 50px;
    margin-top: 24px;
    margin-bottom: 32px;
  }
}
@media (max-width: 576px) {
  .section--agenda .section__title {
  }
  .section--agenda .section__title .en {
    transform: translateY(0)
  }
  .divider--dec {
    height: 40px;
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
.section--agenda .event--info {
  align-items: stretch;
  margin-top: -60px;
}
.section--agenda .event--info .info--dec {
  inset: -40px 0 0 0;
  background-image: url(../images/pieces_left.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 100% 0%;
}
.section--agenda .event--info h5 {
  margin-bottom: 0px;
}
.section--agenda .event--info h5 br {
  display: none;
}
.section--agenda .event--info .info--week {
  font-size: var(--fs-3xl);
}
.section--agenda .event--info .info--time {
  font-size: var(--fs-4xl);
  font-weight: bold;
  margin-left: -8px;
}
.section--agenda .event--info .info--secondary {
  font-size: var(--fs-xl);
  margin-left: -0.35em;
  vertical-align: text-bottom;
}
.section--agenda .event--info .flex {
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section--agenda .event--info .info--place {
  font-size: var(--fs-4xl);
  letter-spacing: 3px;
}
.section--agenda .event--info .info--addr {
  margin-top: auto;
  font-size: var(--fs-xl);
}
.section--agenda .event--info .info--divider {
  margin: 16px 0;
}
@media (max-width: 768px) {
  .section--agenda .event--info {
    margin-top: 0;
  }
  .section--agenda .event--info h5 {
    text-align: center;
  }
  .section--agenda .event--info h5 br {
    display: block;
  }
  .section--agenda .event--info h5 {
    line-height: 1.15;
  }
  .section--agenda .event--info .flex {
    flex-direction: column;
  }
  .section--agenda .event--info .info--time {
    font-size: var(--fs-3xl);
    margin-left: 0;
  }
  .section--agenda .event--info .info--dec {
    top: 0;
  }
}
@media (max-width: 576px) {
  .section--agenda .event--info h5 {
    text-align: left;
  }
  .section--agenda .event--info .info--place {
    font-size: var(--fs-2xl);
  }
  .section--agenda .event--info .info--addr {
    margin-top: auto;
  }
  .section--agenda .event--info .flex {
    align-items: flex-start;
  }
}
.section--register {
  position: relative;
  padding: 16vw 0 60px;
  color: var(--color-blue-text);
}
.section--register::before {
  content: '';
  position: absolute;
  background-image: linear-gradient(to top, #FFFFFF, #DBFFF0 90%);
  inset: 11vw 0 0 0;
}
.section--register .section--divider-top {
  background-image: url(../images/divider_light.svg);
  background-color: var(--color-blue-bg);
  top: -2px;
}
.section--register .section__title {
  position: absolute;
  inset: 4vw 0 auto 0;
}
.section--register .section__title .en {
  position: absolute;
  width: fit-content;
  height: fit-content;
  inset: 0 0 0 0;
  margin: 0 auto;
  color: #FFF;
  transform: translateY(-100%);
}
.section--register .section__title .ch {
  position: absolute;
  width: fit-content;
  height: fit-content;
  inset: 0 0 0 0;
  margin: 0 auto;
  color: var(--color-blue-title);
  transform: translateY(100%);
}
@media (max-width: 1400px) {
  .section--register {
    padding-top: 20vw;
  }
}
@media (max-width: 576px) {
  .section--register {
    padding-top: 40vw;
  }
}

body {
  background-color: var(--color-white)
}
.bg-blue {
  background-color: var(--color-blue-bg);
}
.belt--bar {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #003f42;
  z-index: 9;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 200px 60px
}

@media (max-width: 767px) {
  .belt--bar {
    grid-template-columns: 1fr
  }

  .belt--bar>*:first-child {
    display: none
  }
}

.list--sponsors {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding-left: 16px
}

@media (max-width: 767px) {
  .list--sponsors {
    gap: 4px
  }

  .list--sponsors .label {
    display: none
  }

  .list--sponsors .logo--bnp {
    width: 112px
  }

  .list--sponsors .logo--gvm {
    width: 27px
  }

  .list--sponsors .logo--sfia {
    width: 96px
  }
}

.button--cta,
.button--submit {
  position: relative;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 16px 70px;
  border-radius: 4px;
  background-image: linear-gradient(#E5D23C, #EEA52F, #E5D23C);
  background-size: 100% 200%;
  background-position: center 0%;
  transition: all 0.2s ease;
  box-shadow: 0 0 5px rgba(0, 0, 0, .16);
}
.button--submit {
  width: auto;
  padding: 12px 70px;
  margin: 16px auto;
  box-shadow: 0 0 5px rgba(255, 255, 255, .16);
}
.button--cta .label,
.button--submit .label {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: var(--fs-xl);
  text-shadow: 0 0 4px rgba(0, 0, 0, .25);
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center
}

.button--cta .icon,
.button--submit .icon {
  position: relative;
  z-index: 2;
  width: 20px;
  height: 20px
}

.button--cta .icon>*,
.button--submit .icon>* {
  width: 100%;
  height: 100%
}

.button--cta:hover {
  background-position: center 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  transform: translateY(2px);
}

.button--submit:hover {
  background-position: center 100%;
  box-shadow: 0 0 3px rgba(255, 255, 255, .3);
  transform: translateY(2px);
}
@media (max-width: 576px) {
  .button--cta .label,
  .button--submit .label {
    font-size: var(--fs-3xl);
  }
}
.modal-content .button--close {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  cursor: pointer
}

.modal-content .button--close>.icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #00965e 13.76%, #009fb1 90.23%);
  display: flex;
  justify-content: center;
  align-items: center
}

.buttons--sns {
  display: flex;
  justify-content: center;
  gap: 8px
}

.button--sns {
  cursor: pointer
}

.button--sns .icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center
}

.reg_checkbox {
  padding: 8px
}

.forum--sponsors {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 6px;
  position: absolute;
  width: 38%;
  bottom: 40%;
  right: 1%;
}

@media (max-width: 1400px) {
  .forum--sponsors {
  }
}
@media (max-width: 768px) {
  .forum--sponsors {
    position: relative;
    inset: auto;
    width: 80%;
    gap: 16px;
    margin-left: 13px;
  }
}
.card--sponsors {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  flex-grow: 1;
}
.card--sponsors .label {
  font-size: var(--fs-xs);
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.card--sponsors .logos {
  height: 2vw;
  display: flex;
  gap: 2px
}
@media (max-width: 1400px) {
  .card--sponsors {
    gap: 4px;
  }
  .card--sponsors .label {
    opacity: 0.75;
  }
  .card--sponsors .label br {
    display: none;
  }
  .card--sponsors .logos {
    height: 2.5vw;
    margin-left: -3px;
  }
}
@media (max-width: 768px) {
  .card--sponsors .logos {
    height: 10vw;
  }
  .card--sponsors .label {
    font-size: var(--fs-lg);
  }
}
@media (max-width: 576px) {
  .card--sponsors {
    gap: 2px;
  }
  .card--sponsors .logos {
    height: 10vw;
  }
  .card--sponsors .label {
    font-size: var(--fs-md);
  }
}
.scroll--hint--animation {
  position: relative;
  width: 30px;
  height: 20vh;
  max-height: 140px;
}

.scroll--hint--animation:before {
  content: "";
  display: block;
  width: 30px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(../images/scroll_hint.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.scroll--hint--animation .dot-line {
  position: absolute;
  top: 20px;
  left: 50%;
  background: #fff;
  width: 1px;
  height: 90%;
}
@media (max-width: 576px) {
  .scroll--hint--animation {
    height: 15vh;
  }
}
.dot-line::before, .dot-line::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 100%;
}
.dot-line.vertical::before, .dot-line.vertical::after {
  left: -2px;
}
.dot-line.vertical::before {
  top: -2px;
}
.dot-line.vertical::after {
  bottom: -2px;
}
.drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 100vh;
  transform: translate(100%);
  transition: all .3s;
  align-items: flex-start;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #037f7f;
  background-image: url();
  background-size: 350px 225px;
  background-position: top right;
  background-repeat: no-repeat;
  padding-top: 120px;
  padding-bottom: 80px
}

.drawer>.icon {
  padding: 14px 20px 32px
}

.drawer .buttons--sns {
  margin-bottom: 40px
}

.drawer .deco--line:before {
  transform: scaleY(-1);
  background-size: 1440px 300px
}

.drawer.is-active {
  transform: translate(0)
}

.header {
  position: fixed;
  z-index: 999;
  inset: 0 0 auto 0;
}
.header .container {
  max-width: none;
}
.menu--bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.menu--toggle {
  position: relative;
  cursor: pointer;
  display: flex;
  z-index: 999;
  justify-content: center;
  align-items: center;
  font-family: 'Phudu', 'Noto Sans TC', 'Microsoft Jhenghei', Arial, Helvetica, sans-serif;
}
.menu--toggle::before {
  content: '';
  position: absolute;
  width: 30vw;
  max-width: none;
  aspect-ratio: 1 / 1;
  background-image: linear-gradient(-135deg, #009AAAFF 15%, #0091A000 70%);
}
.menu--toggle .icon {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .header .container {
    padding: 0;
  }
  .menu--toggle .icon {
    width: 65px;
    height: 60px;
  }
}
nav {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 0 24px
}

nav ul {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0
}

nav ul li {
  padding: 8px 20px;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}
nav ul li:last-of-type {
  border-bottom: 0;
}
nav ul .nav--item {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 16px;
  text-align: center
}

nav ul .nav--item .ch {
  font-size: var(--fs-2xl);
  letter-spacing: 4px;
  font-weight: bold;
}

nav ul .nav--item .en {
  color: var(--color-blue-light);
  font-size: var(--fs-xl);
  letter-spacing: .72px;
  font-weight: bold;
}
@media (max-width: 576px) {
  nav ul li {
    padding: 16px 24px;
  }
  nav ul .nav--item .ch {
    font-size: var(--fs-3xl);
  }
  
  nav ul .nav--item .en {
    font-size: var(--fs-2xl);
  }
}
.section--nav {
  height: 100vh;
  padding-top: 60px;
  display: flex;
  justify-content: center
}

.section--nav .container {
  width: 320px
}

.nav {
  position: relative;
  max-width: 320px;
  padding-left: 32px;
  margin-bottom: 24px
}

.nav .title {
  position: absolute;
  top: 8px;
  left: 0;
  font-family: "Noto Serif TC", serif;
  font-optical-sizing: auto;
  font-size: var(--fs-xl);
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 4px;
  color: #fff;
  writing-mode: vertical-rl
}

.nav ul {
  display: flex;
  flex-direction: column;
  margin: 0
}

.nav ul li {
  list-style: none
}

.nav ul li a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 20px;
  color: #fff
}

.nav ul li a .icon {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center
}

.nav ul li a .label {
  font-size: var(--fs-xl);
  font-weight: bold;
  letter-spacing: 2px;
  transition: all .3s
}

.nav ul li a .label:after {
  display: block;
  content: "";
  width: 0;
  height: 1px;
  background: #ffecd5;
  transition: all .3s
}

.nav ul li a:hover .label:after,
.nav ul li a.is-active .label:after {
  width: 100%
}

.float--buttons {
  position: fixed;
  right: 45px;
  bottom: 16px;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  transition: .3s all ease
}

.float--buttons>* {
  margin-bottom: 10px
}

.float--buttons.is-hidden {
  transform: translateY(120%)
}

.button--gotop {
  transition: all 0.2s ease;
}
.button--gotop.is-hidden {
  opacity: 0;
  transform: translateY(24px);
}

footer {
  margin: 0 auto;
  padding: 32px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .siteinfo {
  text-align: center;
  color: #fff;
  font-family: 'Noto Sans TC', Arial, Helvetica, sans-serif;
  font-size: var(--fs-md);
  letter-spacing: .48px
}
@media (max-width: 1400px) {
  footer {
    padding: 32px 0 32px 0;
  }
}
@media (max-width: 576px) {
  .float--buttons {
    right: 16px;
    bottom: 0;
  }
  footer .siteinfo  {
    font-size: var(--fs-xl);
    line-height: 1.8;
  }
  .float--buttons {

  }
  .float--buttons>* {
    margin-bottom: 16px;
  }
}
.fade-enter-active,
.fade-leave-active {
  position: relative;
  transition: opacity .5s ease
}

.fade-enter-from,
.fade-leave-to {
  position: absolute;
  opacity: 0
}

*[data-aos=stroke].aos-init span {
  background-size: 0 26px
}

*[data-aos=stroke].aos-animate span {
  background-size: 100% 26px
}


.scroll--hint--animation:before {
  animation: scrollAnimation 3s ease infinite
}
@keyframes scrollAnimation {
  0% {
    top: 0%;
    opacity: 0;
    transform: scaleY(0.2);
  }
  10% {
    opacity: 1;
    transform: scaleY(1);
  }
  60% {
    transform: scaleY(1.6);
  }
  80% {
    opacity: .8;
    transform: scaleY(1);
  }
  100% {
    top: 85%;
    opacity: 0;
    transform: scaleY(0.2);
  }
}

.logo--gvm,
.logo--dawoko,
.logo--taiwanlife {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: auto;
  height: 100%;
}
.logo--gvm {
  background-image: url(../images/logo--gvm.png);
  aspect-ratio: 150 / 122;
}
.logo--dawoko {
  background-image: url(../images/logo--dawoko.png);
  aspect-ratio: 309 / 122;
}
.logo--taiwanlife {
  background-image: url(../images/logo--taiwanlife.png);
  aspect-ratio: 330 / 122;
}

.event--info--mobile {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url();
  max-width: 100%;
  width: 333px;
  height: auto;
  aspect-ratio: 333/145
}

.event--info {
  position: relative;
  display: flex;
  max-width: 100%;
  height: auto;
  margin: 32px auto 24px;
  flex-direction: column;
  align-items: center;
  font-family: 'Phudu', 'Noto Sans TC', 'Microsoft Jhenghei', Arial, Helvetica, sans-serif;
}
.event--info .info--dec {
  position: absolute;
  inset: 0 -28% 0 -34%;
  background-image: url(../images/pieces_left.svg),
                    url(../images/pieces_right.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 100% 26%, 0% 18%;
}

.event--info h5 {
}
.event--info .info--date {
  font-family: 'Phudu', 'Noto Sans TC', Arial, Helvetica, sans-serif;
  font-size: 80px;
  font-weight: 600;
}
.event--info .info--date i {
  font-family: 'Phudu', 'Noto Sans TC', Arial, Helvetica, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  margin: 0 4px;
}
.event--info .info--week {
  font-size: var(--fs-2xl);
  font-weight: bold;
  margin-left: -6px;
}
.event--info .info--place {
  font-size: var(--fs-4xl);
  font-weight: bold;
}
.event--info .info--addr {
  margin-top: -4px;
}
@media (max-width: 768px) {
  .event--info .info--dec {
    inset: -15% 0 0 0;
    background-image: url(../images/pieces_left.svg);
    background-position: 100% 0%;
  }
  .event--info h5 {
    width: 100%;
    text-align: left;
  }
  .event--info .info--place {
    font-size: var(--fs-2xl);
  }
  .event--info .info--addr {
    font-size: var(--fs-sm);
  }
  
}
@media (max-width: 576px) {
}
.info--divider {
  position: relative;
  width: calc(100% - 4px);
  height: 0.5px;
  background-color: #FFFFFF;
  margin: 8px 0 8px;
  opacity: .8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info--divider::before,
.info--divider::after {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #FFF;
  position: relative;
  display: block;
}
.text--divider {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
}

.text--divider i {
  display: flex;
  width: 1.6em;
  flex-grow: 1;
  height: 0.5px;
  background-color: #fff;
  opacity: .8;
  display: flex;
  align-items: center;
}
.text--divider i:first-of-type {
  justify-content: flex-start;
}
.text--divider i:last-of-type {
  justify-content: flex-end;
}
.text--divider i:first-of-type::before,
.text--divider i:last-of-type::after {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #FFF;
  position: relative;
  display: block;
}

.icon--gotop {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../images/to_top.svg);
  max-width: 100%;
  width: 50px;
  height: auto;
  aspect-ratio: 1 / 1
}

.scroll--hint {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../images/scroll_hint.svg);
  max-width: 100%;
  width: 8px;
  height: auto;
  aspect-ratio: 8/48
}
.top-title {
  position: relative;
  width: 40%;
  max-width: 867px;
  height: auto;
}
.top-title h1 {
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left top, left bottom, right bottom;
  background-size: 16.5%, 60%, 40%;
  background-image: url(../images/top_title_0.svg),
                    url(../images/top_title_1.svg),
                    url(../images/top_title_2.svg);
  width: 100%;
  aspect-ratio: 867/184
}
@media (max-width: 1400px) {
  .top-title {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .top-title {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .top-title {
    width: 80%;
    margin-top: 20px;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 12px;
  }
  .top-title h1 {
    background-position: left 0%, left 34%, left 100%;
    background-size: 30%, 100%, 100%;
    aspect-ratio: 867/520;
  }
}
@media (max-width: 576px) {
  .top-title {
    width: 90%;
  }
  .icon--gotop {
    width: 45px;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

.hamburger:hover,
.hamburger.is-active:hover {
  opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
  background-color: #efefef;
}

.hamburger-box {
  width: 50px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
@media (max-width: 768px) {
  .hamburger-box {
    width: 35px;
    gap: 4px;
  }
}
.hamburger-inner {
  position: relative;
  display: block;
  margin-top: 32px;
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
  width: 45px;
  height: 4px;
  background-color: #efefef;
  border-radius: 4px;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease;
  box-shadow: 0 0 8px #009AAA66;
  
}

.hamburger-inner:before,
.hamburger-inner:after {
  content: "";
  display: block;
  position: absolute;
}

.hamburger-inner:before {
  top: -16px
}

.hamburger-inner:after {
  content: none;
  bottom: -16px
}
@media (max-width: 768px) {
  .hamburger-inner,
  .hamburger-inner:before,
  .hamburger-inner:after  {
    width: 35px;
    height: 3px;
  }
  .hamburger-inner:before {
    top: -12px
  }
  .hamburger-inner:after {
    bottom: -12px
  }
}
.hamburger-text {
  position: relative;
  font-size: var(--fs-lg);
  inset: auto 0 0 0;
  margin: auto;
  height: 1.5em;
  overflow: hidden;
  text-shadow: 0 0 8px #009AAA66;
}
.hamburger-text::before,
.hamburger-text::after {
  display: block;
  line-height: 1.5;
  transition: transform 0.2s ease;
}
.hamburger-text::before {
  content: 'MENU';
}
.hamburger-text::after {
  content: 'CLOSE';
}
@media (max-width: 768px) {
  .hamburger-text {
    font-size: var(--fs-sm);
  }
}
.hamburger--collapse.is-active .hamburger-text::before,
.hamburger--collapse.is-active .hamburger-text::after {
  transform: translateY(-1.5em);
}
.hamburger--3dx .hamburger-box {
  perspective: 56px
}

.hamburger--3dx .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner:before,
.hamburger--3dx .hamburger-inner:after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  perspective: 56px
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner:before,
.hamburger--3dx-r .hamburger-inner:after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  perspective: 56px
}

.hamburger--3dy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner:before,
.hamburger--3dy .hamburger-inner:after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  perspective: 56px
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner:before,
.hamburger--3dy-r .hamburger-inner:after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
  perspective: 56px
}

.hamburger--3dxy .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy .hamburger-inner:before,
.hamburger--3dxy .hamburger-inner:after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 56px
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r .hamburger-inner:before,
.hamburger--3dxy-r .hamburger-inner:after {
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -6px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-5.6px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-5.6px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(5.6px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(5.6px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  transform: translate3d(-5.6px, -7px, 0) rotate(-45deg) scaleX(.7);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  transform: translate3d(-5.6px, 7px, 0) rotate(45deg) scaleX(.7);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  transform: translate3d(5.6px, -7px, 0) rotate(45deg) scaleX(.7);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: translate3d(5.6px, 7px, 0) rotate(-45deg) scaleX(.7);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:before,
.hamburger--boring .hamburger-inner:after {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner:after {
  top: -12px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -12px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -6px, 0) rotate(45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
  top: 6px;
  transition: opacity .125s .275s ease
}

.hamburger--elastic .hamburger-inner:after {
  top: 12px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(135deg);
  transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
  transform: translate3d(0, -12px, 0) rotate(-270deg);
  transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: .275s;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 6px;
  transition: opacity .125s .275s ease
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 12px;
  transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(-135deg);
  transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -12px, 0) rotate(270deg);
  transition-delay: 75ms
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner:after {
  top: 6px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  left: -56px;
  top: -56px;
  transform: translate3d(56px, 56px, 0) rotate(45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  right: -56px;
  top: -56px;
  transform: translate3d(-56px, 56px, 0) rotate(-45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color .125s .175s ease-in
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, left .125s .175s ease-in
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 6px;
  right: 0;
  transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s .125s linear, right .125s .175s ease-in
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  left: -56px;
  top: 56px;
  transform: translate3d(56px, -56px, 0) rotate(-45deg);
  transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  right: -56px;
  top: 56px;
  transform: translate3d(-56px, -56px, 0) rotate(45deg);
  transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(.075, .82, .165, 1)
}

.hamburger--minus .hamburger-inner:before,
.hamburger--minus .hamburger-inner:after {
  transition: bottom .08s 0s ease-out, top .08s 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:before,
.hamburger--minus.is-active .hamburger-inner:after {
  opacity: 0;
  transition: bottom .08s ease-out, top .08s ease-out, opacity 0s .08s linear
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0
}

.hamburger--slider .hamburger-inner {
  top: 1px
}

.hamburger--slider .hamburger-inner:before {
  top: 6px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
  top: 12px
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
  transform: rotate(-45deg) translate3d(-4px, -4px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -12px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 1px
}

.hamburger--slider-r .hamburger-inner:before {
  top: 6px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner:after {
  top: 12px
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 6px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  transform: rotate(45deg) translate3d(4px, -4px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -12px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner:before {
  top: 6px;
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
  top: 12px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, 6px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transform: translate3d(0, 6px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner:after {
  top: -12px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transform: rotate(90deg);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}

.hamburger--stand .hamburger-inner:before {
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear
}

.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner:before,
.hamburger--vortex .hamburger-inner:after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner:before,
.hamburger--vortex.is-active .hamburger-inner:after {
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner:before,
.hamburger--vortex-r .hamburger-inner:after {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner:before,
.hamburger--vortex-r.is-active .hamburger-inner:after {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg)
}

.empty\:hidden:empty {
  display: none
}

.data-\[twe-carousel-fade\]\:z-0[data-twe-carousel-fade] {
  z-index: 0
}

.data-\[twe-carousel-fade\]\:z-\[1\][data-twe-carousel-fade] {
  z-index: 1
}

.data-\[popper-reference-hidden\]\:hidden[data-popper-reference-hidden] {
  display: none
}

.data-\[twe-carousel-fade\]\:opacity-0[data-twe-carousel-fade] {
  opacity: 0
}

.data-\[twe-carousel-fade\]\:opacity-100[data-twe-carousel-fade] {
  opacity: 1
}

.data-\[twe-carousel-fade\]\:duration-\[600ms\][data-twe-carousel-fade] {
  transition-duration: .6s
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-x-0,
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-e-0 {
  border-inline-end-width: 0px
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-s-0 {
  border-inline-start-width: 0px
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t {
  border-top-width: 1px
}

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-e-0 {
  border-inline-end-width: 0px
}

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-s-0 {
  border-inline-start-width: 0px
}

.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t {
  border-top-width: 1px
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-solid,
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-solid {
  border-style: solid
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:border-t-transparent,
.group[data-twe-input-state-active] .group-data-\[twe-input-state-active\]\:border-t-transparent {
  border-top-color: transparent
}

.group[data-twe-input-focused] .group-data-\[twe-input-focused\]\:shadow-white {
  --tw-shadow-color: #fff;
  --tw-shadow: var(--tw-shadow-colored)
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none
  }
}

@media (min-width: 768px) {
  .md\:block {
    display: block
  }

  .md\:grid {
    display: grid
  }

  .md\:flex {
    display: flex
  }

  .md\:hidden {
    display: none
  }
  
}

@media (prefers-color-scheme: dark) {
  .dark\:border-neutral-400 {
    --tw-border-opacity: 1;
    border-color: rgb(163 163 163 / var(--tw-border-opacity))
  }

  .dark\:border-white\/10 {
    border-color: #ffffff1a
  }

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

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}