#breadcrumbs {
  /* background: linear-gradient(90deg, #03795c 0%, #004c42 100%); */
  height: 56px;
}
/* 
#heading {
  background: linear-gradient(90deg, #03795c 0%, #004c42 100%);
} */

#heading .sc-inner {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

#related-campaign{
  display: none !important;
}

#title-promotion {
  color: #00a94f !important;
  margin-bottom: 16px !important;
  margin-top: 16px !important;
}

.sc-breadcrumb ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  column-gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.icw .social-dropdown-menu.active {
  z-index: 9999 !important;
}

.detail-date > p {
  display: none !important;
}

.campaign-code {
  display: none !important;
}

.detail-date {
  display: flex !important;
  justify-content: flex-end !important;
  margin-bottom: 0 !important;
}

div#section1 {
  padding: 0 !important;
}

/* ปลด max-width เฉพาะกล่องเนื้อหาหน้า (Section 1) ให้พื้นหลังเต็มจอ
   ไม่แตะ .container ของกล่องอื่น เช่น #banner.sc-banner (ดูโปรโมชันเพิ่มเติม / สมัครบัตร / LINE) ที่ CMS ตั้ง 1196px ไว้ */
.icw #section1.container {
  max-width: none !important;
}

.icw .sc-breadcrumb .sc-inner {
  padding-top: 32px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin: 0 auto !important;
}
.icw .sc-heading,
.icw .sc-breadcrumb {
  max-width: 1140px !important;
  margin: 0 auto !important;
}

.tl-root {
  --tl-green: #00a94f !important;
  --tl-euca: #008661 !important;
  --tl-aqua: #66caae !important;
  --tl-dark: #004c42 !important;
  --tl-teal: #0e6960 !important;
  --tl-brown: #9f6249 !important;
  --tl-slate2: #5e6d83 !important;
  --tl-gold: #e8ce96 !important;
  --tl-peach: #f7d3b6 !important;
  --tl-navy: #255fa1 !important;
  --tl-sky: #c1ebef !important;
  --tl-num2: #d1f7e9 !important;
  --tl-circle: #cceedc !important;
  --tl-wm: #deede5 !important;
  --tl-mint: #f2fff8 !important;
  --tl-accent: #b5f7d8 !important;
  --tl-ice: #effbfa !important;
  --tl-light: #e6fbef !important;
  --tl-light2: #f3fcf7 !important;
  --tl-grey: #f4f4f4 !important;
  --tl-txt: #333333 !important;
  --tl-sub: #666666 !important;
  --tl-line: #d9dcdf !important;
  --tl-red: #d32f2f !important;
  --tl-flap: #313131 !important;
  --tl-flap2: #1a1a1a !important;
  --tl-pill: linear-gradient(93deg, #27e89e 2.5%, #17523c 97.5%) !important;

  --tl-fs-sm: clamp(13px, 2vw, 14px) !important;
  --tl-fs-body: 16px !important;
  --tl-fs-h4: clamp(16px, 2.5vw, 18px) !important;
  --tl-fs-h3: clamp(18px, 2.8vw, 22px) !important;
  --tl-fs-h2: clamp(22px, 2.5vw, 24px) !important;
  --tl-fs-num: clamp(200px, 70vw, 360px) !important;
  --tl-fs-title: clamp(24px, 2.5vw, 28px) !important;
  --tl-fs-lead: clamp(16px, 2.5vw, 18px) !important;
  --tl-fs-intro: clamp(14px, 2vw, 16px) !important;
  --tl-fs-block: clamp(18px, 2.8vw, 22px) !important;
  --tl-fs-blockdesc: clamp(16px, 1.4vw, 18px) !important;
  --tl-fs-name: 18px !important;
  --tl-fs-tk-sm: 18px !important;
  --tl-fs-tk-lg: 24px !important;
  --tl-fs-faqh: clamp(24px, 2.5vw, 28px) !important;
  --tl-fs-faqq: clamp(16px, 2.5vw, 18px) !important;
  --tl-r-lg: 16px !important;
  --tl-r-md: 12px !important;

  --tl-lh: 1.5em !important;
  --tl-r: 8px !important;
  --tl-gutter: 16px !important;
  --tl-bar-h: 72px !important;
  --tl-on-scale: 1.5714 !important;
  --tl-top: 0px !important;
  --tl-glass-up: 0px !important;
  --tl-bubble-ms: 1800ms !important;
  --tl-sky-max: 1080px !important;
  --tl-sky-pull: calc(16px + min(100vw, var(--tl-sky-max)) * 0.0202) !important;
  --tl-notch: #ffffff !important;

  position: relative !important;
  color: var(--tl-txt) !important;
  line-height: var(--tl-lh) !important;
}
.tl-root *,
.tl-root *::before,
.tl-root *::after {
  box-sizing: border-box !important;
}
:where(.tl-root) img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}
:where(.tl-root) h2,
:where(.tl-root) h3,
:where(.tl-root) h4,
:where(.tl-root) p {
  margin: 0 !important;
}
:where(.tl-root) ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
:where(.tl-root) li {
  margin: 0 !important;
  list-style: none !important;
}
#content-campaign .tl-root ul {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#content-campaign .tl-root ul > li {
  list-style: none !important;
}
:where(.tl-root) a {
  color: inherit !important;
}

.tl-bar-spacer,
.tl-step,
.tl-curve,
.tl-sky,
.tl-faq-wrap {
  margin-left: calc(-1 * var(--tl-gutter)) !important;
  margin-right: calc(-1 * var(--tl-gutter)) !important;
}

.tl-bar-spacer {
  height: var(--tl-bar-h) !important;
  padding: 16px 0 0 0 !important;
  background: #f8fcfc !important;
}
.tl-bar {
  position: relative !important;
  height: 56px !important;
  padding: 0 24px !important;
  z-index: 20 !important;
  color: var(--tl-txt) !important;
}
@media (min-width: 1140px) {
  #navigation-header.tl-header-motion {
    transform: translate3d(0, 0, 0) !important;
    transition: transform 480ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  #navigation-header.tl-header-motion.tl-header-hidden {
    transform: translate3d(
      0,
      calc(-1 * var(--tl-header-height, 130px)),
      0
    ) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #navigation-header.tl-header-motion {
    transition: none !important;
  }
}
.tl-bar.is-fixed {
  position: fixed !important;
  top: var(--tl-top) !important;
  height: 56px !important;
  padding: 8px 24px !important;
  color: #ffffff !important;
}
.tl-bar::before {
  content: "" !important;
  position: absolute !important;
  top: calc(-1 * var(--tl-glass-up)) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: rgba(0, 0, 0, 0.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -2px 0 rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.12) !important;
  opacity: 0;
  visibility: hidden !important;
  transition:
    opacity 0.3s ease,
    visibility 0s linear 0.3s !important;
}
.tl-bar.is-fixed::before {
  opacity: 1;
  visibility: visible !important;
  transition:
    opacity 0.3s ease,
    visibility 0s linear 0s !important;
}
@supports not (backdrop-filter: blur(1px)) {
  .tl-bar.is-fixed::before {
    background: rgba(0, 0, 0, 0.55) !important;
  }
}
.tl-bar__inner {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
}
.tl-bar__track {
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 50% !important;
  height: 2px !important;
  transform: translateY(-50%);
  background: #8c9199 !important;
}
.tl-bar.is-fixed .tl-bar__track {
  background: rgba(24, 35, 51, 0.5) !important;
}
.tl-bar__fill {
  display: block !important;
  width: 0 !important;
  height: 2px !important;
  background: #00c45e !important;
  transition: width 0.15s linear !important;
}
.tl-bar.is-fixed .tl-bar__fill {
  background: #00c45e !important;
}
.tl-node {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.tl-node__dot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(24, 35, 51, 0.5) !important;
  box-shadow: 0 0 0 0 rgba(39, 232, 158, 0) !important;
  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.4s ease,
    box-shadow 0.4s ease !important;
}
.tl-node__dot svg {
  width: 50% !important;
  height: 50% !important;
}
.tl-node__dot svg path {
  fill: #ffffff !important;
}
.tl-bar:not(.is-fixed) {
  padding: 0 48px !important;
}
.tl-bar.is-fixed {
  --tl-on-scale: 1.4583 !important;
}
.tl-bar.is-fixed .tl-node__dot {
  width: 27.43px !important;
  height: 27.43px !important;
  background: rgba(24, 35, 51, 0.5) !important;
  box-shadow: none !important;
}
.tl-node.is-done .tl-node__dot {
  background: rgba(0, 107, 50, 0.9) !important;
}
.tl-bar.is-fixed .tl-node.is-done .tl-node__dot {
  background: rgba(24, 35, 51, 0.5) !important;
  box-shadow: 0 0 0 1.5px #00c45c !important;
}
.tl-node.is-on .tl-node__dot {
  transform: scale(var(--tl-on-scale));
  background: linear-gradient(180deg, #00a94f 0%, #008661 100%) !important;
  box-shadow: 0 6px 16px rgba(0, 169, 79, 0.35) !important;
}
.tl-bar:not(.is-fixed) .tl-node.is-on .tl-node__dot {
  background: rgba(0, 107, 50, 0.9) !important;
  box-shadow: 0 0 0 calc(2px / var(--tl-on-scale)) #00c45e !important;
}
.tl-bar.is-fixed .tl-node.is-on .tl-node__dot {
  background: rgba(0, 107, 50, 0.9) !important;
  box-shadow: 0 0 0 calc(1.5px / var(--tl-on-scale)) #00c45e !important;
}
.tl-node__dot {
  position: relative !important;
}
.tl-node__dot .tl-node__ring {
  position: absolute !important;
  top: -3px !important;
  left: -3px !important;
  width: calc(100% + 6px) !important;
  height: calc(100% + 6px) !important;
  overflow: visible !important;
  pointer-events: none !important;
  opacity: 0;
  transition: opacity 0.4s ease !important;
}
.tl-node.is-on .tl-node__ring {
  opacity: 1;
}
.tl-node__ring circle {
  fill: none !important;
  stroke-width: 2px !important;
}
.tl-js .tl-bar.is-fixed .tl-node.is-done .tl-node__dot {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16) !important;
}
.tl-node__ring .tl-node__track {
  display: none !important;
}
.tl-node__ring .tl-node__run {
  stroke: #00c45e !important;
  stroke-linecap: butt !important;
  stroke-dasharray: 100 !important;
  stroke-dashoffset: 100 !important;
  transform: rotate(180deg);
  transform-origin: 50% 50% !important;
}
.tl-js .tl-bar__fill {
  transition: none !important;
}
.tl-js .tl-bar:not(.is-fixed) .tl-node.is-on .tl-node__dot,
.tl-js .tl-bar.is-fixed .tl-node.is-on .tl-node__dot {
  box-shadow: none !important;
}
.tl-js .tl-bar .tl-node .tl-node__dot,
.tl-js .tl-bar:not(.is-fixed) .tl-node.is-on .tl-node__dot,
.tl-js .tl-bar.is-fixed .tl-node.is-on .tl-node__dot {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16) !important;
}
.tl-js .tl-bar:not(.is-fixed) .tl-node.is-on .tl-node__dot {
  background: rgba(0, 107, 50, 0.9) !important;
}
.tl-js .tl-bar.is-fixed .tl-node.is-on .tl-node__dot {
  background: rgba(0, 160, 75, 0.8) !important;
}
.tl-node__dot > svg:not(.tl-node__ring) {
  position: relative !important;
  z-index: 1 !important;
}
.tl-node__label {
  display: none !important;
}

.tl-bubble {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 4px 16px !important;
  border-radius: var(--tl-r) !important;
  background: #ffffff !important;
  color: var(--tl-green) !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-sm) !important;
  white-space: nowrap !important;
  box-shadow:
    0 4px 4px rgba(0, 0, 0, 0.11),
    0 1px 6px rgba(0, 0, 0, 0.06) !important;
  opacity: 0;
  pointer-events: none !important;
  transform: translate(-50%, -6px);
  transition:
    opacity 0.3s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    left 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.tl-bubble::before {
  content: "" !important;
  position: absolute !important;
  top: -4px !important;
  left: var(--tl-tip-x, 50%) !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 0 0 -4px !important;
  background: #ffffff !important;
  transform: rotate(45deg);
}
.tl-bubble.is-show {
  opacity: 1;
  transform: translate(-50%, 0);
}

.tl-banner-copy {
  display: none !important;
}
.tl-banner-copy.is-placed {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 22% !important; /* mobile 720x960: จุดยึดวงกลม = ท้องฟ้าข้างภูเขาฟูจิ (x 66% y 22%) ดู @media 767 ด้านล่าง */
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 16px !important;
  text-align: center !important;
  color: #ffffff !important;
  transform: translateY(-50%);
  pointer-events: none !important;
}
.tl-banner-copy p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5em !important;
}
.tl-banner-copy .tl-banner-copy__cta {
  margin-top: 0 !important;
  pointer-events: auto !important;
}
.tl-banner-copy .tl-banner-copy__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 328px !important;
  padding: 8px 24px !important;
  border-radius: 8px !important;
  background: #00a94f !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}
.tl-banner-copy .tl-banner-copy__icon {
  display: none !important;
}
@media (max-width: 767px) {
  /* mobile 720x960: วงกลมลูกศร 40px (พื้นที่กด 48px) อยู่ท้องฟ้าส้มข้างภูเขาฟูจิ (x 66% · y 22% ของรูป)
     tooltip glass ลอยเหนือวงกลม ชิดขวา (ห่างขอบรูป 12px) โชว์ค้างจนผู้ใช้เลื่อนหน้า (render.js) */
  .tl-banner-copy.is-placed {
    align-items: stretch !important; /* ให้ <p> กว้างเต็มรูป → % และ right ของวงกลม/tooltip อิงความกว้างรูป */
    height: 0 !important;
    padding: 0 !important;
    transform: none;
  }
  .tl-banner-copy.is-placed > p {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
  }
  .tl-banner-copy .tl-banner-copy__btn {
    position: static !important; /* ให้วงกลม/tooltip วางตามกรอบรูปทั้งใบ */
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .tl-banner-copy .tl-banner-copy__btn::before {
    display: none !important;
  }
  .tl-banner-copy .tl-banner-copy__label {
    position: absolute !important;
    right: max(12px, calc(34% - 120px)) !important; /* จอมือถือ: ชิดขวาห่างขอบรูป 12px (หลบหน้านางแบบ) · จอกว้าง (แท็บเล็ต): ขยับตามวงกลม ให้หัวลูกศรยังอยู่ใต้กล่อง */
    bottom: 33px !important; /* ครึ่งวงกลม 20 + ช่อง 8 + หัวลูกศร 5 */
    display: inline-block !important;
    box-sizing: border-box !important;
    width: max-content !important;
    max-width: calc(100vw - 56px) !important; /* ไม่ล้นจอ · ถ้าไม่พอ 1 บรรทัด ให้ตกได้แค่ตรง "ทริปนี้" */
    padding: 4px 10px !important;
    border-radius: 6px !important;
    /* glass เหมือน tl-bar: ฟิล์มดำ 30% + blur ให้เห็นรูปข้างหลัง */
    background: rgba(0, 0, 0, 0.3) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.28),
      0 4px 16px rgba(0, 0, 0, 0.18) !important;
    color: #ffffff !important;
    text-align: left !important;
    isolation: isolate !important;
    transition: opacity 0.5s ease !important;
  }
  .tl-banner-copy .tl-banner-copy__label::after {
    display: none !important;
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    bottom: -4px !important;
    right: calc(34vw - 22px) !important; /* หัวลูกศรชี้ลงตรงวงกลม (วงกลมอยู่ 66% ของรูป) */
    width: 10px !important;
    height: 10px !important;
    border-radius: 2px !important;
    background: rgba(0, 0, 0, 0.3) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    box-shadow: inset -1px -1px 0 0 rgba(255, 255, 255, 0.28) !important;
    transform: rotate(45deg);
  }
  @supports not (backdrop-filter: blur(1px)) {
    .tl-banner-copy .tl-banner-copy__label,
    .tl-banner-copy .tl-banner-copy__label::after {
      background: rgba(0, 0, 0, 0.6) !important;
    }
  }
  .tl-banner-copy .tl-banner-copy__label span {
    display: inline-block !important;
    white-space: nowrap !important; /* ตัดบรรทัดได้เฉพาะระหว่างสองก้อนนี้ */
  }
  @media (max-width: 319px) {
    /* จอแคบกว่า 320 (หายาก) กล่องแคบกว่าคำ "สำรวจสิทธิพิเศษ" → ยอมให้ตัดคำปกติ กันตัวหนังสือล้นกล่อง */
    .tl-banner-copy .tl-banner-copy__label span {
      display: inline !important;
      white-space: normal !important;
    }
  }
  .tl-banner-copy.is-placed > p::after {
    /* หัวลูกศร tooltip ชี้ลงตรงกลางวงกลมพอดี (วาดที่ <p> ซึ่งกว้างเท่ารูป จึงอิง 66% ได้ตรง) */
    content: "" !important;
    position: absolute !important;
    left: calc(66% - 5px) !important;
    top: -33px !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid rgba(0, 0, 0, 0.3) !important;
    pointer-events: none !important;
    transition: opacity 0.5s ease !important;
  }
  .tl-banner-copy.is-tip-hidden > p::after {
    opacity: 0;
  }
  .tl-banner-copy.is-tip-hidden .tl-banner-copy__label {
    opacity: 0;
    pointer-events: none !important;
  }
  .tl-banner-copy .tl-banner-copy__icon {
    position: absolute !important;
    left: calc(66% - 20px) !important;
    top: -20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #00a94f !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    animation: tl-banner-bounce 1.8s ease-in-out infinite;
  }
  .tl-banner-copy .tl-banner-copy__icon::after {
    /* ขยายพื้นที่กดเป็น 48x48 (ตามขั้นต่ำที่แนะนำสำหรับนิ้ว) โดยวงกลมยังดูขนาด 40 */
    content: "" !important;
    position: absolute !important;
    inset: -4px !important;
    border-radius: 50% !important;
  }
  .tl-banner-copy .tl-banner-copy__icon svg {
    width: 22px !important;
    height: 22px !important;
  }
}
@keyframes tl-banner-bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(3px);
  }
}
.tl-banner-copy > p {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.6s ease,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.tl-banner-copy.is-in > p {
  opacity: 1;
  transform: none;
}
@media (min-width: 768px) {
  .tl-banner-copy.is-placed {
    top: 75.5% !important;
    right: auto !important;
    left: 40.1% !important;
    padding: 0 !important;
    transform: translateX(-50%);
  }
  .tl-banner-copy .tl-banner-copy__cta {
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) {
  /* desktop 2880x1200: ที่ว่างใต้แถบไอคอน x 20–55% y 74–92% → ปุ่มต้องย่อตาม banner (iPad 768 = 13px, ≥1440 = 18px) */
  .tl-banner-copy .tl-banner-copy__btn {
    padding: clamp(5px, 0.7vw, 12px) clamp(14px, 2.6vw, 40px) !important;
    font-size: clamp(13px, 1.25vw, 18px) !important;
    line-height: 1.4 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tl-banner-copy > p {
    opacity: 1;
    transform: none;
    transition: none !important;
  }
}

.tl-hero {
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: radial-gradient(
    ellipse 70% 80% at 50% 45%,
    #0b2a2a 0%,
    #071c1a 55%,
    #051614 100%
  ) !important;
}
.tl-hero__glow {
  position: absolute !important;
  left: 50% !important;
  top: 40% !important;
  width: 60vw !important;
  height: 60vw !important;
  max-width: 720px !important;
  max-height: 720px !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    circle,
    rgba(0, 169, 79, 0.22) 0%,
    rgba(0, 169, 79, 0) 65%
  ) !important;
  pointer-events: none !important;
}
.tl-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 400px !important;
  padding: 48px 16px !important;
  text-align: center !important;
}
.tl-hero__eyebrow {
  color: var(--tl-green) !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-h4) !important;
}
.tl-hero__title {
  margin: 8px 0 !important;
  font-weight: 700 !important;
  font-size: clamp(28px, 7vw, 56px) !important;
  line-height: var(--tl-lh) !important;
}
.tl-hero__sub {
  max-width: 640px !important;
  font-size: var(--tl-fs-body) !important;
}
.tl-hero__cta {
  margin: 24px 0 0 0 !important;
}
.tl-js .tl-hero__eyebrow,
.tl-js .tl-hero__title,
.tl-js .tl-hero__sub,
.tl-js .tl-hero__cta {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.9s ease,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.tl-js .tl-hero__title {
  transform: translateY(40px) scale(0.96);
}
.tl-js .tl-hero__cta {
  transform: translateY(24px) scale(0.9);
}
.tl-js .tl-hero.is-animate .tl-hero__eyebrow,
.tl-js .tl-hero.is-animate .tl-hero__title,
.tl-js .tl-hero.is-animate .tl-hero__sub,
.tl-js .tl-hero.is-animate .tl-hero__cta {
  opacity: 1;
  transform: none;
}
.tl-js .tl-hero.is-animate .tl-hero__title {
  transition-delay: 0.15s !important;
}
.tl-js .tl-hero.is-animate .tl-hero__sub {
  transition-delay: 0.35s !important;
}
.tl-js .tl-hero.is-animate .tl-hero__cta {
  transition-delay: 0.55s !important;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.tl-step {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 0 48px 0 !important;
  scroll-margin-top: calc(var(--tl-top) + var(--tl-bar-h) + 8px) !important;
}
.tl-curve,
.tl-sky {
  scroll-margin-top: calc(var(--tl-top) + var(--tl-bar-h) + 8px) !important;
}
.tl-step--light {
  background: linear-gradient(180deg, #f8fcfc 0%, #ffffff 400px) !important;
}
.tl-step--skyblue {
  background: linear-gradient(
    180deg,
    var(--tl-light2) 0%,
    #fdf9f5 100%
  ) !important;
  --tl-notch: #ffffff !important;
}
.tl-step--brown {
  color: #ffffff !important;
  background: linear-gradient(
    180deg,
    var(--tl-brown) 0%,
    var(--tl-gold) 100%
  ) !important;
  --tl-notch: #d5b282 !important;
}

.tl-step__head {
  position: relative !important;
  overflow: hidden !important;
  padding: 24px 16px 0 16px !important;
  max-width: 1188px !important;
  margin: 0 auto !important;
}
.tl-step__num {
  position: absolute !important;
  left: 50% !important;
  top: -0.35em !important;
  transform: translateX(-40%);
  font-weight: 600 !important;
  font-size: var(--tl-fs-num) !important;
  line-height: var(--tl-lh) !important;
  color: transparent !important;
  background: linear-gradient(
    90deg,
    rgba(78, 184, 186, 0.2) 0%,
    #4eb8ba 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  opacity: 0.32 !important;
  pointer-events: none !important;
  user-select: none !important;
}
.tl-step--brown .tl-step__num {
  background-image: linear-gradient(
    90deg,
    rgba(128, 61, 32, 0.2) 0%,
    #803d20 100%
  ) !important;
  opacity: 0.3 !important;
}
.tl-step--skyblue .tl-step__num {
  background-image: linear-gradient(
    90deg,
    rgba(120, 198, 232, 0.2) 0%,
    #27e39b 100%
  ) !important;
  opacity: 0.2 !important;
}
.tl-step__copy {
  position: relative !important;
  margin: 24px 0 0 0 !important;
  text-align: center !important;
  perspective: 400px !important;
}
.tl-step__title {
  margin: 16px 0 0 0 !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-title) !important;
  color: var(--tl-txt) !important;
}
.tl-step__sub {
  margin: 8px 0 0 0 !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-lead) !important;
  color: var(--tl-green) !important;
}
.tl-step__text {
  margin: 16px 0 0 0 !important;
  font-size: var(--tl-fs-intro) !important;
  color: var(--tl-txt) !important;
}
.tl-step--brown .tl-step__title,
.tl-step--brown .tl-step__text {
  color: #ffffff !important;
}
.tl-step--brown .tl-step__sub {
  color: #ffffff !important;
}
.tl-step__body {
  padding: 24px 16px 0 16px !important;
  max-width: 1188px !important;
  margin: 0 auto !important;
}

.tl-kv {
  position: relative !important;
  width: 200px !important;
  height: 200px !important;
  margin: 0 auto !important;
}
.tl-kv__layer {
  position: absolute !important;
  will-change: transform !important;
}
.tl-kv__layer img {
  width: 100% !important;
}
.tl-pop {
  display: block !important;
}

.tl-kv--01 .tl-kv__layer:nth-child(1) {
  left: 17.31% !important;
  top: 8.79% !important;
  width: 39.56% !important;
  z-index: 1 !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(2) {
  left: 24.73% !important;
  top: 19.55% !important;
  width: 53.85% !important;
  z-index: 5 !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(3) {
  left: 53.94% !important;
  top: 45.56% !important;
  width: 35.03% !important;
  z-index: 6 !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(4) {
  left: 3.85% !important;
  top: 54.67% !important;
  width: 22.8% !important;
  z-index: 3 !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(5) {
  left: 26.68% !important;
  top: 28.04% !important;
  width: 24.34% !important;
  z-index: 2 !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(6) {
  left: 72.51% !important;
  top: 22.59% !important;
  width: 21.84% !important;
  z-index: 4 !important;
}

.tl-kv--02 .tl-kv__layer:nth-child(1) {
  left: 23.9% !important;
  top: 13.19% !important;
  width: 52.47% !important;
  z-index: 2 !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(2) {
  left: 5.49% !important;
  top: 22.53% !important;
  width: 34.07% !important;
  z-index: 3 !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(3) {
  left: 20.88% !important;
  top: 9.62% !important;
  width: 17.58% !important;
  z-index: 4 !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(4) {
  left: 47.94% !important;
  top: 49.73% !important;
  width: 43.13% !important;
  z-index: 5 !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(5) {
  left: 2.47% !important;
  top: 6.04% !important;
  width: 95.05% !important;
  z-index: 0 !important;
}
.tl-kv--03 .tl-kv__layer:nth-child(1) {
  left: 45.05% !important;
  top: 14.84% !important;
  width: 42.31% !important;
  z-index: 1 !important;
}
.tl-kv--03 .tl-kv__layer:nth-child(2) {
  left: 7.42% !important;
  top: 25.55% !important;
  width: 29.95% !important;
  z-index: 2 !important;
}
.tl-kv--03 .tl-kv__layer:nth-child(3) {
  left: 25.82% !important;
  top: 25% !important;
  width: 48.35% !important;
  z-index: 3 !important;
}
.tl-kv--03 .tl-kv__layer:nth-child(4) {
  left: 22.8% !important;
  top: 13.74% !important;
  width: 16.21% !important;
  z-index: 4 !important;
}
.tl-kv--03 .tl-kv__layer:nth-child(5) {
  left: 76.37% !important;
  top: 34.34% !important;
  width: 15.66% !important;
  z-index: 5 !important;
}
.tl-kv--03 .tl-kv__layer:nth-child(6) {
  left: 55.99% !important;
  top: 52.45% !important;
  width: 36.32% !important;
  z-index: 6 !important;
}

.tl-kv {
  z-index: 0 !important;
}

.tl-js .tl-kv__layer .tl-pop {
  opacity: 0;
  transition:
    opacity 0.35s ease,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.tl-js .tl-kv__layer .tl-pop {
  transform: translateY(32px);
}
.tl-js .tl-kv.is-in .tl-kv__layer .tl-pop {
  opacity: 1;
  transform: none;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(2) .tl-pop {
  transition-delay: 0.08s !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(3) .tl-pop {
  transition-delay: 0.16s !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(4) .tl-pop {
  transition-delay: 0.24s !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(5) .tl-pop {
  transition-delay: 0.32s !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(6) .tl-pop {
  transition-delay: 0.4s !important;
}

.tl-root.tl-js .tl-kv--01 .tl-kv__layer .tl-pop {
  transition:
    opacity 0.3s ease,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.tl-root.tl-js .tl-kv.tl-kv--01 .tl-kv__layer:nth-child(1) .tl-pop {
  opacity: 1;
  transform: none;
  transition: none !important;
  animation:
    tl-fly 2.4s linear 0.4s both,
    tl-cruise 4s ease-in-out 2.8s infinite alternate !important;
}
@keyframes tl-fly {
  0% {
    opacity: 0;
    transform: translate(-260px, 150px) rotate(-26.7deg) scale(0.55);
  }
  8% {
    opacity: 0.5;
    transform: translate(-215px, 82px) rotate(-19.5deg) scale(0.63);
  }
  17% {
    opacity: 1;
    transform: translate(-174px, 36px) rotate(-13.2deg) scale(0.7);
  }
  25% {
    opacity: 1;
    transform: translate(-138px, 7px) rotate(-7.9deg) scale(0.76);
  }
  33% {
    opacity: 1;
    transform: translate(-107px, -9px) rotate(-3.8deg) scale(0.82);
  }
  42% {
    opacity: 1;
    transform: translate(-79px, -16px) rotate(-1.1deg) scale(0.86);
  }
  50% {
    opacity: 1;
    transform: translate(-57px, -17px) rotate(0.3deg) scale(0.9);
  }
  58% {
    opacity: 1;
    transform: translate(-38px, -14px) rotate(0.8deg) scale(0.93);
  }
  67% {
    opacity: 1;
    transform: translate(-23px, -10px) rotate(0.8deg) scale(0.96);
  }
  75% {
    opacity: 1;
    transform: translate(-12px, -6px) rotate(0.5deg) scale(0.98);
  }
  83% {
    opacity: 1;
    transform: translate(-5px, -3px) rotate(0.2deg) scale(0.99);
  }
  92% {
    opacity: 1;
    transform: translate(-1px, -1px) rotate(0.1deg) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}
@keyframes tl-cruise {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  100% {
    transform: translate(8px, -10px) rotate(-3deg);
  }
}
.tl-root.tl-js .tl-kv--01 .tl-kv__layer:nth-child(3) .tl-pop {
  transform: scale(0.4);
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.tl-root.tl-js .tl-kv--01.is-in .tl-kv__layer:nth-child(2) .tl-pop {
  transition-delay: 0.05s !important;
}
.tl-root.tl-js .tl-kv--01.is-in .tl-kv__layer:nth-child(5) .tl-pop {
  transition-delay: 0.15s !important;
}
.tl-root.tl-js .tl-kv--01.is-in .tl-kv__layer:nth-child(4) .tl-pop {
  transition-delay: 0.25s !important;
}
.tl-root.tl-js .tl-kv--01.is-in .tl-kv__layer:nth-child(3) .tl-pop {
  transform: none;
  transition-delay: 0.45s !important;
  animation: tl-float 1.5s ease-in-out 1.3s infinite alternate !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(3) .tl-pop {
  position: relative !important;
  display: block !important;
}
.tl-kv--01 .tl-kv__layer:nth-child(3) .tl-pop::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) scale(0.5);
  border: 2px solid rgba(0, 169, 79, 0.7) !important;
  box-shadow: 0 0 24px rgba(0, 169, 79, 0.4) !important;
  opacity: 0;
  pointer-events: none !important;
}
.tl-root.tl-js .tl-kv--01.is-in .tl-kv__layer:nth-child(3) .tl-pop::after {
  animation: tl-shield 1.2s ease-out 0.8s 1 !important;
}
@keyframes tl-shield {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.9);
  }
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(1) .tl-pop {
  animation: tl-float 1.5s ease-in-out 0.9s infinite alternate !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(2) .tl-pop {
  animation: tl-float 1.5s ease-in-out 1s infinite alternate !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(3) .tl-pop {
  animation: tl-float 1.5s ease-in-out 1.1s infinite alternate !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(4) .tl-pop {
  animation: tl-float 1.5s ease-in-out 1.2s infinite alternate !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(5) .tl-pop {
  animation: tl-float 1.5s ease-in-out 1.3s infinite alternate !important;
}
.tl-js .tl-kv.is-in .tl-kv__layer:nth-child(6) .tl-pop {
  animation: tl-float 1.5s ease-in-out 1.4s infinite alternate !important;
}
@keyframes tl-float {
  0% {
    transform: translateY(0) rotate(0);
  }
  100% {
    transform: translateY(-6px) rotate(0.3deg);
  }
}
.tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop {
  position: relative !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop::before,
.tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop::after {
  content: "" !important;
  position: absolute !important;
  left: 13% !important;
  top: 18.8% !important;
  width: 74% !important;
  height: 72% !important;
  border-radius: 44% / 30% !important;
  pointer-events: none !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop::before {
  background:
    radial-gradient(
      ellipse 22% 9% at 18% 64%,
      rgba(255, 255, 255, 0.95),
      rgba(255, 255, 255, 0) 70%
    ),
    radial-gradient(
      ellipse 16% 7% at 30% 60%,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0) 70%
    ),
    radial-gradient(
      ellipse 20% 8% at 68% 40%,
      rgba(255, 255, 255, 0.85),
      rgba(255, 255, 255, 0) 70%
    ),
    radial-gradient(
      ellipse 14% 6% at 78% 37%,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0) 70%
    ),
    radial-gradient(
      ellipse 18% 7% at 48% 84%,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0) 70%
    ) !important;
  background-size: 200% 100% !important;
  background-repeat: repeat-x !important;
  opacity: 0;
  animation: tl-clouds 14s linear infinite !important;
}
.tl-root.tl-js .tl-kv--02.is-in .tl-kv__layer:nth-child(1) .tl-pop::before {
  opacity: 1;
  transition: opacity 1s ease 0.8s !important;
}
.tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop::after {
  background: linear-gradient(
    115deg,
    rgba(255, 255, 255, 0) 42%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 58%
  ) !important;
  background-size: 300% 100% !important;
  background-repeat: no-repeat !important;
  background-position: 150% 0 !important;
}
.tl-root.tl-js .tl-kv--02.is-in .tl-kv__layer:nth-child(1) .tl-pop::after {
  animation: tl-glint 5s ease-in-out 1.2s infinite !important;
}
@keyframes tl-clouds {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -200% 0;
  }
}
@keyframes tl-glint {
  0% {
    background-position: 150% 0;
  }
  30%,
  100% {
    background-position: -50% 0;
  }
}
.tl-root.tl-js .tl-kv--02.is-in .tl-kv__layer:nth-child(2) .tl-pop {
  transition: none !important;
  animation:
    tl-bounce-in 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both,
    tl-float 1.5s ease-in-out 1s infinite alternate !important;
}
@keyframes tl-bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.tl-root.tl-js .tl-kv--02.is-in .tl-kv__layer:nth-child(3) .tl-pop {
  transition: none !important;
  transform-origin: 50% 80% !important;
  animation:
    tl-coin-drop 1s linear 0.45s both,
    tl-coin-wobble 2.4s ease-in-out 1.5s infinite !important;
}
@keyframes tl-coin-drop {
  0% {
    opacity: 0;
    transform: translateY(-90px) rotate(-18deg);
    animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  }
  10% {
    opacity: 1;
  }
  45% {
    transform: translateY(0) rotate(4deg);
    animation-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  65% {
    transform: translateY(-22px) rotate(-3deg);
    animation-timing-function: cubic-bezier(0.55, 0, 1, 0.45);
  }
  82% {
    transform: translateY(0) rotate(1deg);
    animation-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
  }
  91% {
    transform: translateY(-6px) rotate(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}
@keyframes tl-coin-wobble {
  0%,
  100% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-5px) rotate(-4deg);
  }
}
.tl-root.tl-js .tl-kv--02.is-in .tl-kv__layer:nth-child(4) .tl-pop {
  transition: none !important;
  transform-origin: 20% 0 !important;
  animation:
    tl-bag-swing 1.6s ease-out 0.5s both,
    tl-bag-sway 3.4s ease-in-out 2.1s infinite !important;
}
@keyframes tl-bag-swing {
  0% {
    opacity: 0;
    transform: translateY(-70px) rotate(-16deg);
  }
  18% {
    opacity: 1;
    transform: translateY(0) rotate(12deg);
  }
  38% {
    transform: rotate(-8deg);
  }
  58% {
    transform: rotate(5deg);
  }
  76% {
    transform: rotate(-2deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0);
  }
}
@keyframes tl-bag-sway {
  0%,
  100% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(3deg);
  }
}

.tl-flap {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 2px 1px !important;
  overflow: hidden !important;
  --tl-flap-cw: 21px;
}
.tl-flap.is-words {
  gap: 4px var(--tl-flap-cw) !important;
}
.tl-flap__w {
  display: flex !important;
  gap: 2px 1px !important;
}
.tl-flap.is-words .tl-flap__c--sp {
  display: none !important;
}
.tl-root .tl-flap {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.tl-flap__c {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px !important;
  height: 24px !important;
  background: url("../asset/ui/flap-tile.svg?v=202609290754") 0 0 / 100% 100%
    no-repeat !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
}
.tl-flap__c[data-c] {
  color: transparent !important;
  background-size:
    auto 100%,
    100% 100% !important;
  background-position:
    center,
    0 0 !important;
  background-repeat: no-repeat !important;
}
.tl-flap__c[data-c="A"] {
  background-image:
    url("../asset/ui/flap/A.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="D"] {
  background-image:
    url("../asset/ui/flap/D.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="E"] {
  background-image:
    url("../asset/ui/flap/E.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="G"] {
  background-image:
    url("../asset/ui/flap/G.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="H"] {
  background-image:
    url("../asset/ui/flap/H.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="I"] {
  background-image:
    url("../asset/ui/flap/I.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="L"] {
  background-image:
    url("../asset/ui/flap/L.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="M"] {
  background-image:
    url("../asset/ui/flap/M.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="N"] {
  background-image:
    url("../asset/ui/flap/N.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="O"] {
  background-image:
    url("../asset/ui/flap/O.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="P"] {
  background-image:
    url("../asset/ui/flap/P.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="R"] {
  background-image:
    url("../asset/ui/flap/R.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="T"] {
  background-image:
    url("../asset/ui/flap/T.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="U"] {
  background-image:
    url("../asset/ui/flap/U.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c[data-c="dash"] {
  background-image:
    url("../asset/ui/flap/dash.svg?v=202609282316"),
    url("../asset/ui/flap-tile.svg?v=202609290754") !important;
}
.tl-flap__c::after {
  content: "" !important;
  position: absolute !important;
  left: 6% !important;
  right: 6% !important;
  top: 48.8% !important;
  height: 2.6% !important;
  background: #000000 !important;
}
.tl-flap__c--sp {
  width: 21px !important;
  background: none !important;
}
.tl-flap__c--sp::after {
  content: none !important;
}

.tl-card {
  padding: 24px 16px !important;
  border-radius: var(--tl-r-lg) !important;
  background: #ffffff !important;
  color: var(--tl-txt) !important;
  box-shadow: 0 4px 16px rgba(0, 76, 66, 0.06) !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
}
.tl-step--light .tl-card {
  border: 1px solid transparent !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(
        180deg,
        rgba(0, 169, 79, 0.3) 0%,
        rgba(255, 255, 255, 0.3) 100%
      )
      border-box !important;
}
.tl-step--skyblue .tl-card {
  background: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  backdrop-filter: blur(24px) !important;
}
.tl-step--brown .tl-card {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.tl-block {
  margin: 0 0 32px 0 !important;
}
.tl-block:last-child {
  margin-bottom: 0 !important;
}
.tl-block__title {
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: var(--tl-pill) !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-block) !important;
}
.tl-block__desc {
  margin: 16px 0 0 0 !important;
  text-align: center !important;
  font-size: var(--tl-fs-blockdesc) !important;
}
.tl-block__desc + *,
.tl-ticket + .tl-ticket {
  margin-top: 16px !important;
}
.tl-block__title + .tl-ticket,
.tl-block__title + .tl-partners,
.tl-block__title + .tl-tiles {
  margin-top: 16px !important;
}
.tl-block__title--sub {
  margin-top: 32px !important;
}
.tl-block__title--sub:has(+ .tl-partners.tl-off),
.tl-block__title--sub:has(+ .tl-block__desc + .tl-partners.tl-off),
.tl-block__title--sub + .tl-block__desc:has(+ .tl-partners.tl-off) {
  display: none !important;
}

.s-duringtrip {
  padding: 0 16px !important;
}

.tl-ticket {
  position: relative !important;
  overflow: hidden !important;
  padding: 16px !important;
  border-radius: var(--tl-r-lg) !important;
  background: var(--tl-teal) !important;
  color: #ffffff !important;
}
.tl-ticket + .tl-partners,
.tl-ticket + .tl-tiles {
  margin-top: 24px !important;
}
.tl-ticket--slate {
  background: var(--tl-slate2) !important;
}
.tl-ticket--navy {
  background: var(--tl-navy) !important;
}
.tl-ticket--mint {
  background: #ffffff !important;
  color: var(--tl-txt) !important;
}
.tl-ticket__media {
  position: relative !important;
  overflow: hidden !important;
  border-radius: var(--tl-r) !important;
  background: #ffffff !important;
}
.tl-ticket__media img {
  width: 100% !important;
  aspect-ratio: 728 / 438 !important;
  object-fit: cover !important;
}
.tl-ticket__hot {
  position: absolute !important;
  top: 12px !important;
  right: -36px !important;
  width: 140px !important;
  z-index: 2 !important;
  padding: 4px 0 !important;
  background: linear-gradient(90deg, #ff9447 0%, #e71618 100%) !important;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-sm) !important;
  transform: rotate(45deg);
}
.tl-ticket__body {
  position: relative !important;
  overflow: hidden !important;
  margin: 16px 0 0 0 !important;
  padding: 16px !important;
  border-radius: var(--tl-r) !important;
  background: rgba(39, 228, 155, 0.08) !important;
}
.tl-ticket--nomedia .tl-ticket__body {
  margin: 0 !important;
}
.tl-ticket--slate .tl-ticket__body,
.tl-ticket--navy .tl-ticket__body {
  background: rgba(0, 0, 0, 0.08) !important;
}
.tl-ticket--mint .tl-ticket__body {
  background: #e4fff0 !important;
}
.tl-ticket__body > :not(.tl-ticket__wm) {
  position: relative !important;
}
.tl-ticket__wm {
  position: absolute !important;
  right: 0 !important;
  bottom: -11px !important;
  width: 110px !important;
  height: 88px !important;
  opacity: 0.04 !important;
  pointer-events: none !important;
  background: url("../asset/ui/wm-card-baht.svg?v=202609281136") 0 0 / 100% 100%
    no-repeat !important;
}
.tl-ticket--mint .tl-ticket__wm--card {
  background-image: url("../asset/ui/wm-card-baht-green.svg?v=202609281136") !important;
}
.tl-ticket__wm--luggage {
  width: 102px !important;
  height: 124px !important;
  background-image: url("../asset/ui/wm-luggage-shield.svg?v=202609281136") !important;
}
.tl-ticket__wm--sparkle {
  right: -32px !important;
  bottom: -8px !important;
  width: 158px !important;
  height: 98px !important;
  opacity: 0.1 !important;
  background-image: url("../asset/ui/wm-sparkle.svg?v=202609281136") !important;
}
.tl-ticket__lead {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
}
.tl-ticket__icon {
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: #00c45c url("../asset/ui/ic-card-baht.svg?v=202609281136") 0 0 /
    100% 100% no-repeat !important;
}
.tl-ticket__icon--luggage {
  background-color: #00a94f !important;
  background-image: url("../asset/ui/ic-luggage-shield.svg?v=202609281136") !important;
}
.tl-ticket__icon--gift {
  background-image: url("../asset/ui/ic-shop-gift.svg?v=202609281136") !important;
}
.tl-ticket--mint .tl-ticket__icon {
  background-color: #00a94f !important;
}
.tl-ticket__icon svg {
  width: 24px !important;
  height: 24px !important;
}
.tl-ticket__title {
  display: block !important;
  font-weight: 600 !important;
  color: #17ef7c !important;
  font-size: var(--tl-fs-tk-sm) !important;
}
.tl-ticket__big {
  font-size: var(--tl-fs-tk-lg) !important;
}
@media (max-width: 767px) {
  .tl-ticket__icon--gift + .tl-ticket__title {
    font-size: 20px !important;
  }
  .tl-ticket__icon--gift + .tl-ticket__title .tl-ticket__big {
    font-size: inherit !important;
  }
  .tl-step__head {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
.tl-ticket--mint .tl-ticket__title {
  color: var(--tl-green) !important;
}
.tl-ticket__desc {
  margin: 8px 0 0 0 !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-body) !important;
}
.tl-ticket__cut {
  position: relative !important;
  height: 32px !important;
  margin: 0 -16px !important;
}
.tl-ticket__cut::before,
.tl-ticket__cut::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 24px !important;
  height: 24px !important;
  transform: translateY(-50%);
  border-radius: 50% !important;
  background: var(--tl-notch) !important;
}
.tl-ticket__cut::before {
  left: 0 !important;
  transform: translate(-50%, -50%);
}
.tl-ticket__cut::after {
  right: 0 !important;
  transform: translate(50%, -50%);
}
.tl-ticket__cut i {
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  top: 50% !important;
  border-top: 1px dashed rgba(255, 255, 255, 0.45) !important;
}
.tl-ticket--mint .tl-ticket__cut i {
  border-top-color: var(--tl-line) !important;
}
.tl-ticket__period {
  text-align: center !important;
  font-size: var(--tl-fs-sm) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.tl-ticket--mint .tl-ticket__period {
  color: var(--tl-sub) !important;
}
.tl-ticket__cta {
  margin: 16px 0 0 0 !important;
  text-align: center !important;
}
.tl-btn {
  display: inline-block !important;
  padding: 8px 24px !important;
  border-radius: var(--tl-r) !important;
  background: var(--tl-green) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-body) !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}
.tl-btn::before,
.tl-banner-copy .tl-banner-copy__btn::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: #0bc160 !important;
  opacity: 0;
  transition:
    left 0.3s ease-in-out,
    opacity 0.3s ease-in-out !important;
}
.tl-btn:hover::before,
.tl-btn:focus-visible::before,
.tl-banner-copy .tl-banner-copy__btn:hover::before,
.tl-banner-copy .tl-banner-copy__btn:focus-visible::before {
  left: 0 !important;
  opacity: 1;
}

.tl-partners {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.tl-partner {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  padding: 16px !important;
  border-radius: var(--tl-r) !important;
  background: var(--tl-light) !important;
}
.tl-partner__logo {
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 78.75px !important;
  height: 78.75px !important;
  border: 1.25px solid #ececec !important;
  border-radius: 9.375px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.tl-partner__logo img {
  max-width: 84% !important;
  max-height: 84% !important;
  width: auto !important;
  height: auto !important;
}
.tl-partner__logo img[src*="logo-china-airlines"] {
  width: 98% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-agoda"] {
  width: 190.3% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-tripcom"] {
  width: 79% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-klook"] {
  width: 101.6% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-gother"] {
  width: 68.3% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 50% !important;
}
.tl-partner__logo img[src*="logo-thai"] {
  width: 80.8% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-airasia"] {
  width: 68.5% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-bizcar"] {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-budget"] {
  width: 98.4% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-drive."] {
  width: 85.3% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-drivehub"] {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo img[src*="logo-eazycar"] {
  width: 66.4% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.tl-partner__logo:has(img[src*="logo-bizcar"]) {
  background: #61279f !important;
}
.tl-partner__logo:has(img[src*="logo-budget"]) {
  background: #00275e !important;
}
.tl-partner__logo:has(img[src*="logo-drive."]) {
  background: #02a0df !important;
}
.tl-partner__logo:has(img[src*="logo-drivehub"]) {
  background: #0077ff !important;
}
.tl-partner__body {
  flex: 1 1 160px !important;
  min-width: 0 !important;
}
.tl-partner__name {
  display: block !important;
  color: var(--tl-green) !important;
  font-size: var(--tl-fs-name) !important;
}
.tl-partner__offer {
  margin: 8px 0 0 0 !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-body) !important;
}
.tl-period {
  margin: 8px 0 0 0 !important;
  color: var(--tl-sub) !important;
  font-size: var(--tl-fs-sm) !important;
}
.tl-root .nw {
  white-space: nowrap !important;
}
.tl-partner__cta {
  flex: 1 0 100% !important;
  padding: 16px 0 0 0 !important;
  border-top: 1px solid var(--tl-line) !important;
  text-align: center !important;
}
.tl-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  color: var(--tl-green) !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-body) !important;
  text-decoration: underline !important;
}
.tl-link:hover {
  color: var(--tl-euca) !important;
}
.tl-link svg {
  width: 10px !important;
  height: 10px !important;
  margin: 0 0 0 4px !important;
  vertical-align: middle !important;
}

.tl-tiles {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.tl-tile {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 32px 16px !important;
  border-radius: var(--tl-r) !important;
  background: var(--tl-light) !important;
  text-align: center !important;
}
.tl-tile__illus {
  position: relative !important;
  flex: none !important;
  width: 110px !important;
  height: 110px !important;
  border-radius: 50% !important;
  background: var(--tl-circle) !important;
}
.tl-tile__ic {
  position: absolute !important;
}
.tl-tile__ic--booth {
  left: 22% !important;
  top: 14% !important;
  width: 62% !important;
}
.tl-tile__ic--fx {
  left: -2% !important;
  top: 26% !important;
  width: 34% !important;
}
.tl-tile__ic--cards {
  left: 18% !important;
  top: 22% !important;
  width: 42% !important;
}
.tl-tile__ic--star {
  left: 50% !important;
  top: 10% !important;
  width: 22% !important;
}
.tl-tile__ic--plane {
  left: 46% !important;
  top: 12% !important;
  width: 36% !important;
}
.tl-tile__ic--zero {
  left: 30% !important;
  top: 38% !important;
  width: 60% !important;
}
.tl-tile__title {
  display: block !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-name) !important;
}
.tl-tile__desc {
  margin: 8px 0 0 0 !important;
  color: var(--tl-txt) !important;
  font-size: var(--tl-fs-body) !important;
}
.tl-tile__cta {
  margin: 16px 0 0 0 !important;
}

.tl-curve {
  position: relative !important;
  height: 220px !important;
  overflow: hidden !important;
  background: var(--tl-sky) !important;
}
.tl-curve__peak {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}
.tl-curve__plane {
  position: absolute !important;
  left: calc(50% - 16px) !important;
  top: 32px !important;
  width: 32px !important;
  height: 32px !important;
  will-change: transform !important;
}
.tl-curve__plane::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 70% !important;
  z-index: -1 !important;
  width: 10px !important;
  height: var(--tl-trail, 0px) !important;
  border-radius: 999px !important;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.55) 45%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  filter: blur(3px) !important;
  transform: translateX(-50%);
  pointer-events: none !important;
}
.tl-curve__plane svg {
  width: 100% !important;
  height: 100% !important;
  animation: tl-bob 3s ease-in-out infinite !important;
}
.tl-curve__plane svg path {
  fill: #ffffff !important;
}
@keyframes tl-bob {
  0%,
  100% {
    transform: translateY(0) rotate(-2deg);
  }
  50% {
    transform: translateY(-4px) rotate(2deg);
  }
}

.tl-sky {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  margin-top: calc(-1 * var(--tl-sky-pull)) !important;
  background: linear-gradient(
    180deg,
    rgba(255, 234, 217, 0) 0,
    var(--tl-peach) var(--tl-sky-pull)
  ) !important;
}
.tl-step--skyblue .tl-card {
  position: relative !important;
  z-index: 2 !important;
}
.tl-sky__stage {
  position: relative !important;
  width: 100% !important;
  max-width: var(--tl-sky-max) !important;
  margin: 0 auto !important;
  aspect-ratio: 1440 / 556 !important;
}
.tl-sky__stage > *,
.tl-sky__lms {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.tl-sky__back img,
.tl-sky__text img,
.tl-sky__ground img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.tl-sky__ground::after {
  content: "" !important;
  position: absolute !important;
  left: -100vw !important;
  right: -100vw !important;
  top: 84.2% !important;
  bottom: -64px !important;
  z-index: -1 !important;
  background: var(--tl-brown) !important;
}
.tl-sky__back,
.tl-sky__text,
.tl-sky__ground,
.tl-sky__lm {
  will-change: transform !important;
}
.tl-sky__back,
.tl-sky__text,
.tl-sky__ground,
.tl-sky__lms {
  pointer-events: none !important;
}
.tl-sky__lm {
  position: absolute !important;
  pointer-events: auto !important;
}
.tl-sky__lm img {
  width: 100% !important;
}

.tl-js .tl-sky__lm .tl-pop {
  display: block !important;
  opacity: 0;
  transform: translateY(-140%);
  transform-origin: 50% 100% !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm .tl-pop {
  animation: tl-drop 0.55s cubic-bezier(0.55, 0, 1, 0.45) both !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(2) .tl-pop {
  animation-delay: 0.05s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(3) .tl-pop {
  animation-delay: 0.1s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(4) .tl-pop {
  animation-delay: 0.15s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(5) .tl-pop {
  animation-delay: 0.2s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(6) .tl-pop {
  animation-delay: 0.25s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(7) .tl-pop {
  animation-delay: 0.3s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(8) .tl-pop {
  animation-delay: 0.35s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(9) .tl-pop {
  animation-delay: 0.4s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(10) .tl-pop {
  animation-delay: 0.45s !important;
}
@keyframes tl-drop {
  0% {
    opacity: 0;
    transform: translateY(-140%);
  }
  8% {
    opacity: 1;
  }
  58% {
    transform: translateY(0) scale(1, 1);
    animation-timing-function: ease-out;
  }
  68% {
    transform: translateY(0) scale(1.1, 0.86);
    animation-timing-function: ease-in-out;
  }
  82% {
    transform: translateY(0) scale(0.97, 1.04);
    animation-timing-function: ease-out;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.tl-sky__dust {
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 8px !important;
  height: 8px !important;
  pointer-events: none !important;
}
.tl-sky__dust::before,
.tl-sky__dust::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.6) 100%
  ) !important;
  filter: blur(1px) !important;
  opacity: 0;
  box-shadow:
    14px 4px 0 -1px rgba(255, 255, 255, 0.9),
    28px 8px 0 -3px rgba(255, 255, 255, 0.85),
    8px -10px 0 -3px rgba(255, 255, 255, 0.8),
    40px 6px 0 -5px rgba(255, 255, 255, 0.7),
    22px -6px 0 -5px rgba(255, 255, 255, 0.7) !important;
}
.tl-sky__dust::after {
  transform: scaleX(-1);
}
.tl-js .tl-sky.is-in .tl-sky__lm .tl-sky__dust::before {
  animation: tl-dust-r 0.8s ease-out 0.32s both !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm .tl-sky__dust::after {
  animation: tl-dust-l 0.8s ease-out 0.32s both !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(2) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(2) .tl-sky__dust::after {
  animation-delay: 0.37s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(3) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(3) .tl-sky__dust::after {
  animation-delay: 0.42s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(4) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(4) .tl-sky__dust::after {
  animation-delay: 0.47s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(5) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(5) .tl-sky__dust::after {
  animation-delay: 0.52s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(6) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(6) .tl-sky__dust::after {
  animation-delay: 0.57s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(7) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(7) .tl-sky__dust::after {
  animation-delay: 0.62s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(8) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(8) .tl-sky__dust::after {
  animation-delay: 0.67s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(9) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(9) .tl-sky__dust::after {
  animation-delay: 0.72s !important;
}
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(10) .tl-sky__dust::before,
.tl-js .tl-sky.is-in .tl-sky__lm:nth-child(10) .tl-sky__dust::after {
  animation-delay: 0.77s !important;
}
@keyframes tl-dust-r {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.3);
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(48px, -18px) scale(1.9);
  }
}
@keyframes tl-dust-l {
  0% {
    opacity: 0;
    transform: scaleX(-1) translate(0, 0) scale(0.3);
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scaleX(-1) translate(48px, -18px) scale(1.9);
  }
}

.tl-faq-wrap {
  position: relative !important;
  overflow: hidden !important;
  -webkit-clip-path: inset(0) !important;
  clip-path: inset(0) !important;
  padding: 48px 16px !important;
  background: var(--tl-grey) !important;
}
.tl-faq-wrap::before {
  content: "FAQ" !important;
  position: fixed !important;
  left: -8px !important;
  bottom: -0.35em !important;
  font-weight: 700 !important;
  font-size: clamp(180px, 52vw, 280px) !important;
  line-height: var(--tl-lh) !important;
  color: var(--tl-wm) !important;
  pointer-events: none !important;
  user-select: none !important;
}
.tl-faq {
  position: relative !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.tl-faq__title {
  margin: 0 0 32px 0 !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-faqh) !important;
  color: var(--tl-txt) !important;
}
.tl-faq__item {
  position: relative !important;
  margin: 16px 0 0 0 !important;
  overflow: hidden !important;
  border-radius: var(--tl-r) !important;
  background: #ffffff !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !important;
}
.tl-faq__item::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 8px !important;
  background: var(--tl-green) !important;
  pointer-events: none !important;
  opacity: 0;
  transform: translateX(-4px);
  transition:
    opacity 0.3s ease-in-out,
    transform 0.3s ease-in-out !important;
}
.tl-faq__item.is-open::before,
.tl-root:not(.tl-js) .tl-faq__item[open]::before {
  opacity: 1;
  transform: none;
}
.tl-faq__q {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px !important;
  cursor: pointer !important;
  list-style: none !important;
  font-weight: 600 !important;
  font-size: var(--tl-fs-faqq) !important;
  color: var(--tl-txt) !important;
  transition: color 0.3s ease-in-out !important;
}
.tl-faq__q:hover,
.tl-faq__q:focus-visible,
.tl-faq__item.is-open .tl-faq__q,
.tl-root:not(.tl-js) .tl-faq__item[open] .tl-faq__q {
  color: var(--tl-green) !important;
}
.tl-faq__q::-webkit-details-marker {
  display: none !important;
}
.tl-faq__plus {
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  color: var(--tl-green) !important;
}
.tl-faq__plus::before {
  content: "\e906" !important;
  font-family: "iconavigation" !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.tl-faq__item.is-open .tl-faq__plus::before,
.tl-root:not(.tl-js) .tl-faq__item[open] .tl-faq__plus::before {
  content: "\e907" !important;
}
.tl-faq__a {
  overflow: hidden !important;
  padding: 16px !important;
  color: var(--tl-txt) !important;
  font-size: var(--tl-fs-body) !important;
}

@media (hover: hover) {
  .tl-partner,
  .tl-tile,
  .tl-ticket {
    transition: box-shadow 0.2s ease !important;
  }
  .tl-partner:hover,
  .tl-tile:hover {
    box-shadow: 0 4px 12px rgba(0, 76, 66, 0.1) !important;
  }
  .tl-ticket:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14) !important;
  }
  .tl-bar.is-fixed .tl-node:hover .tl-node__dot {
    background: rgba(255, 255, 255, 0.2) !important;
  }
  .tl-bar:not(.is-fixed) .tl-node:hover .tl-node__dot {
    background: rgba(0, 107, 50, 0.75) !important;
    box-shadow: 0 0 0 2px rgba(0, 196, 94, 0.6) !important;
  }
}

@media (min-width: 768px) {
  .tl-root {
    --tl-gutter: 0px !important;
    --tl-bar-h: 112px !important;
    --tl-on-scale: 1.2083 !important;
    --tl-sky-pull: calc(
      24px + min(100vw, var(--tl-sky-max)) * 0.0202
    ) !important;
    --tl-fs-tk-sm: 20px !important;
    --tl-fs-tk-lg: 26px !important;
    --tl-pill: linear-gradient(96.5deg, #27e89e 2.7%, #17523c 98.2%) !important;
    --tl-fs-num: clamp(200px, 21vw, 300px) !important;
    --tl-peach: #ffead9 !important;
  }
  .tl-step--light {
    background: linear-gradient(
      180deg,
      #f8fcfc 0%,
      var(--tl-sky) 100%
    ) !important;
  }
  .tl-step--skyblue {
    background: linear-gradient(
      180deg,
      var(--tl-light2) 0%,
      var(--tl-peach) 100%
    ) !important;
  }
  .tl-bar-spacer {
    padding: 24px 0 0 0 !important;
  }
  .tl-bar {
    height: 88px !important;
  }
  .tl-bar.is-fixed {
    height: 72px !important;
    padding: 8px 24px !important;
  }
  .tl-bar__inner {
    align-items: flex-start !important;
  }
  .tl-bar.is-fixed .tl-bar__inner {
    align-items: center !important;
  }
  .tl-bar__inner {
    max-width: 792px !important;
  }
  .tl-bar-spacer {
    height: 136px !important;
  }
  .tl-node {
    width: 120px !important;
  }
  .tl-bar .tl-bar__track {
    left: 60px !important;
    right: 60px !important;
  }
  .tl-bar .tl-node__dot,
  .tl-bar.is-fixed .tl-node__dot {
    width: 48px !important;
    height: 48px !important;
  }
  .tl-bar.is-fixed {
    --tl-on-scale: 1.1667 !important;
  }
  .tl-bar__track {
    top: 32px !important;
  }
  .tl-bar.is-fixed .tl-bar__track {
    top: 50% !important;
  }
  .tl-bar .tl-node__dot {
    margin: 8px 0 0 0 !important;
  }
  .tl-bar.is-fixed .tl-node__dot {
    margin: 0 !important;
  }
  .tl-node__label {
    display: block !important;
    margin: 16px 0 0 0 !important;
    font-weight: 600 !important;
    font-size: var(--tl-fs-sm) !important;
    white-space: nowrap !important;
    color: #666666 !important;
  }
  .tl-node__label {
    opacity: 1;
    transition: opacity 0.25s ease !important;
  }
  .tl-bar.is-fixed .tl-node__label {
    position: absolute !important;
    top: 100% !important;
    opacity: 0;
    pointer-events: none !important;
  }
  .tl-hero__inner {
    min-height: 480px !important;
  }
  .tl-hero__title {
    font-size: clamp(48px, 5vw, 72px) !important;
  }

  .tl-step {
    padding-bottom: 48px !important;
  }
  .tl-step__head {
    display: grid !important;
    grid-template-columns: 364px 1fr !important;
    gap: 48px !important;
    align-items: center !important;
    padding: 48px 24px 0 24px !important;
  }
  .tl-kv {
    width: 364px !important;
    height: 364px !important;
  }
  .tl-step__copy {
    margin: 0 !important;
    text-align: left !important;
  }
  .tl-flap {
    gap: 2px 1.2px !important;
    --tl-flap-cw: 40px;
  }
  .tl-flap__w {
    gap: 2px 1.2px !important;
  }
  .tl-flap__c,
  .tl-flap__c--sp {
    width: 40px !important;
    height: 42px !important;
    font-size: 42px !important;
    line-height: 42px !important;
  }
  .tl-flap {
    justify-content: flex-start !important;
  }
  .tl-root .tl-flap {
    margin-left: 0 !important;
  }
  .tl-step__num {
    left: auto !important;
    right: 24px !important;
    top: calc(-0.3em + 80px) !important;
    transform: none;
  }
  .tl-step__body {
    padding: 24px 24px 0 24px !important;
  }
  .tl-card {
    padding: 32px 24px !important;
  }
  .tl-block__title {
    padding: 16px !important;
  }

  .tl-ticket {
    --tl-tk-media: clamp(240px, 30vw, 362px) !important;
    display: grid !important;
    grid-template-columns: var(--tl-tk-media) 1fr !important;
    grid-template-rows: 1fr auto auto !important;
    grid-template-areas: "media body" "media cut" "media foot" !important;
    gap: 0 24px !important;
    padding: 16px 24px !important;
    align-items: stretch !important;
  }
  .tl-ticket__media {
    grid-area: media !important;
    align-self: start !important;
    z-index: 1 !important;
  }
  .tl-ticket__body {
    grid-area: body !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
  }
  .tl-ticket__lead {
    justify-content: center !important;
  }
  .tl-ticket__title br {
    display: none !important;
  }
  .tl-ticket__title br + .tl-ticket__big {
    margin-left: 0.3em !important;
  }
  .tl-ticket--mint .tl-ticket__title br + .tl-ticket__big {
    margin-left: 0 !important;
  }
  .tl-ticket__big:not(:last-child) {
    margin-right: 0.3em !important;
  }
  .tl-ticket__cut {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin: 0 -24px !important;
  }
  .tl-ticket__cut i {
    left: calc(var(--tl-tk-media) + 48px) !important;
  }
  .tl-ticket--nomedia {
    grid-template-columns: 1fr !important;
    grid-template-areas: "body" "cut" "foot" !important;
  }
  .tl-ticket--nomedia .tl-ticket__cut i {
    left: 24px !important;
  }
  .tl-ticket__foot {
    grid-area: foot !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  .tl-ticket__period {
    text-align: left !important;
  }
  .tl-ticket__cta {
    margin: 0 !important;
  }

  .tl-partners {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  }
  .tl-partners:has(> :nth-child(5)) {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .tl-partner {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
  .tl-step--light .tl-card {
    border: 0 !important;
    background: #ffffff !important;
  }
  .tl-step--skyblue .tl-card {
    border: 1px solid rgba(0, 169, 79, 0.3) !important;
  }
  .tl-step--brown .tl-card {
    padding: 0 24px !important;
  }
  .s-duringtrip {
    padding: 0 !important;
  }
  .tl-partner__logo {
    border: 1px solid #dfdfdf !important;
    border-radius: 8px !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 5 / 3 !important;
  }
  .tl-partner__logo img {
    max-width: 70% !important;
    max-height: 70% !important;
  }
  .tl-partner__logo img[src*="logo-agoda"] {
    width: 149.8% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-tripcom"] {
    width: 64.6% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-klook"] {
    height: 90% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-gother"] {
    height: 66.8% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 50% !important;
  }
  .tl-partner__logo img[src*="logo-thai"] {
    width: 65.5% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-airasia"] {
    height: 66.8% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-bizcar"] {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-budget"] {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-drive."] {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-drivehub"] {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__logo img[src*="logo-eazycar"] {
    width: 46.3% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  .tl-partner__body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .tl-partner__body .tl-period {
    margin-top: auto !important;
    padding-top: 8px !important;
  }
  .tl-partner__body .tl-period .nw:first-of-type::before {
    content: "\A" !important;
    white-space: pre !important;
  }
  .tl-partner__cta {
    flex: none !important;
    width: 100% !important;
    margin-top: auto !important;
  }
  .tl-partner__cta.tl-off {
    display: block !important;
    visibility: hidden !important;
  }
  .tl-tiles {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .tl-tile {
    flex-direction: row !important;
    align-items: flex-start !important;
    padding: 24px 40px 24px 16px !important;
    text-align: left !important;
  }
  .tl-tile__title {
    font-size: 20px !important;
  }
  .tl-tile .tl-period {
    margin-top: 16px !important;
  }
  .tl-tile__body {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .tl-curve {
    height: 360px !important;
  }
  .tl-curve__plane {
    left: calc(50% - 18px) !important;
    top: 64px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .tl-faq-wrap {
    padding: 64px 24px !important;
  }
  .tl-faq__title {
    margin-bottom: 24px !important;
  }
  .tl-faq__q {
    padding: 16px 16px 16px 24px !important;
  }
  .tl-faq__a {
    padding: 16px 24px !important;
  }
  .tl-faq-wrap::before {
    left: 6% !important;
    font-size: clamp(260px, 30vw, 520px) !important;
  }
  .tl-tile__illus {
    width: 130px !important;
    height: 130px !important;
    margin: 0 24px 0 48px !important;
  }
  .tl-tile:nth-child(2) .tl-tile__illus {
    width: 118px !important;
    height: 118px !important;
    margin: 8px 32px 0 48px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tl-faq__item::before,
  .tl-faq__q,
  .tl-node__dot .tl-node__ring {
    transition: none !important;
  }

  .tl-bar__fill,
  .tl-bubble,
  .tl-node__dot,
  .tl-btn::before,
  .tl-banner-copy .tl-banner-copy__btn::before {
    transition: none !important;
  }
  .tl-banner-copy .tl-banner-copy__icon {
    animation: none !important;
  }
  .tl-js .tl-pop {
    transform: none;
    opacity: 1;
    animation: none !important;
    transition: none !important;
  }
  .tl-sky__dust {
    display: none !important;
  }
  .tl-curve__plane svg {
    animation: none !important;
  }
  .tl-js .tl-hero__title,
  .tl-js .tl-hero__eyebrow,
  .tl-js .tl-hero__sub,
  .tl-js .tl-hero__cta {
    opacity: 1;
    transform: none;
    animation: none !important;
    transition: none !important;
  }
  .tl-kv--01 .tl-kv__layer:nth-child(3) .tl-pop::after,
  .tl-root.tl-js .tl-kv.tl-kv--01 .tl-kv__layer:nth-child(1) .tl-pop {
    animation: none !important;
  }
  .tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop::before,
  .tl-kv--02 .tl-kv__layer:nth-child(1) .tl-pop::after,
  .tl-root.tl-js .tl-kv--02.is-in .tl-kv__layer .tl-pop {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
  [data-depth] {
    transform: none !important;
  }
}

.tl-sky__lm--1 {
  left: 3.06% !important;
  top: 70.14% !important;
  width: 12.78% !important;
}
.tl-sky__lm--2 {
  left: 17.15% !important;
  top: 57.01% !important;
  width: 7.92% !important;
}
.tl-sky__lm--3 {
  left: 26.18% !important;
  top: 45.32% !important;
  width: 5.76% !important;
}
.tl-sky__lm--4 {
  left: 31.6% !important;
  top: 32.01% !important;
  width: 8.61% !important;
}
.tl-sky__lm--5 {
  left: 39.72% !important;
  top: 5.22% !important;
  width: 15.83% !important;
}
.tl-sky__lm--6 {
  left: 56.53% !important;
  top: 33.45% !important;
  width: 4.03% !important;
}
.tl-sky__lm--7 {
  left: 61.32% !important;
  top: 45.5% !important;
  width: 15.69% !important;
}
.tl-sky__lm--8 {
  left: 77.78% !important;
  top: 70.14% !important;
  width: 10.07% !important;
}
.tl-sky__lm--9 {
  left: 87.78% !important;
  top: 73.02% !important;
  width: 5.56% !important;
}
.tl-sky__lm--10 {
  left: 93.68% !important;
  top: 74.82% !important;
  width: 4.86% !important;
}

.tl-step__title,
.tl-step__sub,
.tl-block__title,
.tl-ticket__big,
.tl-faq__title {
  line-height: var(--tl-lh) !important;
}

.tl-off {
  display: none !important;
}
.tl-ph {
  border: 2px dashed var(--tl-sub) !important;
  background: var(--tl-grey) !important;
}
.tl-ph__txt {
  padding: 4px !important;
  font-size: clamp(13px, 2vw, 14px) !important;
  font-weight: 600 !important;
  line-height: var(--tl-lh) !important;
  text-align: center !important;
  color: var(--tl-sub) !important;
}
.tl-ticket__media.tl-ph {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 728 / 438 !important;
}
[data-tl-state] {
  position: relative !important;
}
[data-tl-state="soon"] {
  outline: 2px dashed var(--tl-slate2) !important;
  outline-offset: 2px !important;
}
[data-tl-state="past"] {
  outline: 2px dashed var(--tl-red) !important;
  outline-offset: 2px !important;
  filter: grayscale(1) !important;
}
.tl-tags {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
  z-index: 6 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  pointer-events: none !important;
}
.tl-when {
  padding: 4px 8px !important;
  border-radius: var(--tl-r) !important;
  font-size: clamp(13px, 2vw, 14px) !important;
  font-weight: 600 !important;
  line-height: var(--tl-lh) !important;
  color: #ffffff !important;
  background: var(--tl-green) !important;
}
.tl-when--soon {
  background: var(--tl-slate2) !important;
}
.tl-when--past,
.tl-when--warn {
  background: var(--tl-red) !important;
}
.tl-preview-note {
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 100001 !important;
  padding: 8px 16px !important;
  border-radius: var(--tl-r) !important;
  font-size: clamp(13px, 2vw, 14px) !important;
  font-weight: 600 !important;
  line-height: var(--tl-lh) !important;
  color: #ffffff !important;
  background: var(--tl-txt) !important;
  pointer-events: none !important;
}
.tl-soon {
  display: none !important;
  position: relative !important;
  margin: 0 !important;
  border-radius: var(--tl-r) !important;
  color: #5e2c17 !important;
}
.tl-soon.is-on {
  display: flex !important;
}
.tl-block__title + .tl-soon,
.tl-block__title + .tl-soon:not(.is-on) + .tl-ticket {
  margin-top: 16px !important;
}
.tl-soon.is-on + .tl-ticket {
  margin-top: 24px !important;
}
.tl-soon__main {
  position: relative !important;
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 32px 32px 24px !important;
  border-radius: var(--tl-r) !important;
  background: linear-gradient(120deg, #fdf9f5 0%, #f7ead6 100%) !important;
}
.tl-root .tl-soon__dep {
  margin: 0 !important;
  font-size: clamp(14px, 2vw, 16px) !important;
  font-weight: 700 !important;
  line-height: var(--tl-lh) !important;
  letter-spacing: 0.35em !important;
  color: var(--tl-brown) !important;
}
.tl-root .tl-soon__eye {
  margin: 8px 0 0 0 !important;
  font-size: clamp(14px, 2vw, 16px) !important;
  font-weight: 600 !important;
  line-height: var(--tl-lh) !important;
  color: var(--tl-brown) !important;
}
.tl-root .tl-soon__title {
  margin: 4px 0 0 0 !important;
  font-size: clamp(18px, 2.8vw, 22px) !important;
  font-weight: 600 !important;
  line-height: var(--tl-lh) !important;
  color: #5e2c17 !important;
}
.tl-soon__hl {
  color: var(--tl-green) !important;
  white-space: nowrap !important;
}
@media (max-width: 767px) {
  .tl-soon__main {
    padding: 24px 16px !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tl-partners,
  .tl-partners:has(> :nth-child(5)) {
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)) !important;
  }
  .tl-flap {
    --tl-flap-cw: 30px;
  }
  .tl-flap__c,
  .tl-flap__c--sp {
    width: 30px !important;
    height: 32px !important;
    font-size: 30px !important;
    line-height: 32px !important;
  }
  .tl-tile {
    padding: 24px 16px !important;
  }
  .tl-tile__illus,
  .tl-tile:nth-child(2) .tl-tile__illus {
    width: 96px !important;
    height: 96px !important;
    margin: 0 16px 0 0 !important;
  }
  .tl-ticket__foot {
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
  }
  .tl-btn {
    white-space: nowrap !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tl-root {
    --tl-fs-tk-sm: 18px !important;
    --tl-fs-tk-lg: 22px !important;
  }
  .tl-ticket:not(.tl-ticket--nomedia) {
    grid-template-columns: 1fr 1fr !important;
  }
  .tl-ticket:not(.tl-ticket--nomedia) .tl-ticket__cut i {
    left: calc((100% - 72px) / 2 + 48px) !important;
  }
  .tl-ticket__title br {
    display: inline !important;
  }
  .tl-ticket:not(.tl-ticket--nomedia) .tl-ticket__lead {
    flex-direction: column !important;
    text-align: center !important;
  }
  .tl-ticket__title br + .tl-ticket__big {
    margin-left: 0 !important;
  }
  .tl-step__head {
    grid-template-columns: 240px 1fr !important;
    gap: 32px !important;
  }
  .tl-kv {
    width: 240px !important;
    height: 240px !important;
  }
  .tl-tiles {
    grid-template-columns: 1fr !important;
  }
}
@media (min-width: 1140px) {
  .tl-step,
  .tl-curve,
  .tl-sky {
    scroll-margin-top: calc(var(--tl-bar-h) + 8px) !important;
  }
}
@media (min-width: 1200px) {
  .tl-partners[data-tl-count="1"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .tl-partners[data-tl-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .tl-partners[data-tl-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .tl-partners[data-tl-count="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .tl-partners[data-tl-count="5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .tl-partners[data-tl-count="many"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.tl-tile__icons {
  display: flex !important;
  flex: none !important;
  gap: 8px !important;
}
.tl-tile--combo .tl-tile__illus {
  margin: 0 !important;
}
.tl-tile--combo .tl-tile__illus--one {
  width: 160px !important;
  height: 160px !important;
}
.tl-tile__illus--one .tl-tile__ic--booth {
  left: 14% !important;
  top: 30% !important;
  width: 40% !important;
}
.tl-tile__illus--one .tl-tile__ic--fx {
  left: 8% !important;
  top: 44% !important;
  width: 20% !important;
}
.tl-tile__illus--one .tl-tile__ic--cards {
  left: 48% !important;
  top: 40% !important;
  width: 28% !important;
}
.tl-tile__illus--one .tl-tile__ic--star {
  left: 72% !important;
  top: 34% !important;
  width: 10% !important;
}
.tl-tile__illus--one .tl-tile__ic--plane {
  left: 54% !important;
  top: 26% !important;
  width: 18% !important;
}
.tl-tile__illus--one .tl-tile__ic--zero {
  left: 54% !important;
  top: 56% !important;
  width: 28% !important;
}
@media (min-width: 768px) {
  .tl-tile--combo {
    grid-column: 1 / -1 !important;
    align-items: center !important;
  }
  .tl-tile--combo .tl-tile__icons {
    margin: 0 24px 0 16px !important;
  }
  .tl-tile--combo .tl-tile__cta {
    text-align: right !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tl-tile--combo .tl-tile__icons {
    margin: 0 16px 0 0 !important;
  }
}